@gusto/embedded-react-sdk 0.8.1 → 0.8.2

package/dist/components/Company/PaySchedule/usePaySchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  paySchedules: PayScheduleList[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PayPeriods[]\n  payPreviewLoading?: boolean\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n  payPeriodPreviewRange: z.number().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;AA2Ba,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAK,EAAE,SAAS;AAAA,EACjC,sBAAsBA,EAAE,KAAK,EAAE,SAAS;AAAA,EACxC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,YAAYA,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,qBAAqBA,EAAE,OAAO,EAAE,SAAS;AAAA,EACzC,uBAAuBA,EAAE,OAAO,EAAE,SAAS;AAC7C,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}
+{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  paySchedules: PayScheduleList[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PayPeriods[]\n  payPreviewLoading?: boolean\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n  payPeriodPreviewRange: z.number().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AA2Ba,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAK,EAAE,SAAS;AAAA,EACjC,sBAAsBA,EAAE,KAAK,EAAE,SAAS;AAAA,EACxC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,YAAYA,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,qBAAqBA,EAAE,OAAO,EAAE,SAAS;AAAA,EACzC,uBAAuBA,EAAE,OAAO,EAAE,SAAS;AAC7C,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}

package/dist/components/Company/StateTaxes/StateTaxes.d.ts

@@ -0,0 +1,9 @@
+import { BaseComponentInterface } from '../../Base';
+export interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {
+    companyId: string;
+}
+export declare function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace StateTaxes {
+    var StateTaxesList: typeof import("./StateTaxesList/StateTaxesList").StateTaxesList;
+    var StateTaxesForm: typeof import("./StateTaxesForm/StateTaxesForm").StateTaxesForm;
+}

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

@@ -0,0 +1,27 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as s } from "robot3";
+import { stateTaxesStateMachine as n } from "./stateTaxesStateMachine.js";
+import { StateTaxesListContextual as x } from "./StateTaxesComponents.js";
+import { StateTaxesList as p } from "./StateTaxesList/StateTaxesList.js";
+import { StateTaxesForm as S } from "./StateTaxesForm/StateTaxesForm.js";
+import { Flow as T } from "../../Flow/Flow.js";
+import { useComponentDictionary as f } from "../../../i18n/I18n.js";
+function t({ companyId: e, onEvent: a, dictionary: o }) {
+  f("Company.StateTaxes", o);
+  const m = s(
+    "viewStateTaxes",
+    n,
+    (r) => ({
+      ...r,
+      component: x,
+      companyId: e
+    })
+  );
+  return /* @__PURE__ */ i(T, { machine: m, onEvent: a });
+}
+t.StateTaxesList = p;
+t.StateTaxesForm = S;
+export {
+  t as StateTaxes
+};
+//# sourceMappingURL=StateTaxes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  companyId: string\n}\n\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = createMachine(\n    'viewStateTaxes',\n    stateTaxesStateMachine,\n    (initialContext: StateTaxesContextInterface) => ({\n      ...initialContext,\n      component: StateTaxesListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n\nStateTaxes.StateTaxesList = StateTaxesList\nStateTaxes.StateTaxesForm = StateTaxesForm\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","manageStateTaxes","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow","StateTaxesList","StateTaxesForm"],"mappings":";;;;;;;;AAcO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AACvD,QAAME,IAAmBC;AAAA,IACvB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAS,EAAAC,GAAA,EAAK,SAASN,GAAkB,SAAAH,EAAkB,CAAA;AAC5D;AAEAF,EAAW,iBAAiBY;AAC5BZ,EAAW,iBAAiBa;"}

package/dist/components/Company/StateTaxes/{StateTaxesFlowComponents.js → StateTaxesComponents.js}

@@ -22,4 +22,4 @@ export {
   d as StateTaxesFormContextual,
   f as StateTaxesListContextual
 };
-//# sourceMappingURL=StateTaxesFlowComponents.js.map
+//# sourceMappingURL=StateTaxesComponents.js.map

package/dist/components/Company/StateTaxes/StateTaxesComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesComponents.tsx"],"sourcesContent":["import { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  companyId: string\n  state?: string\n  component: React.ComponentType | null\n}\n\nexport function StateTaxesListContextual() {\n  const { companyId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function StateTaxesFormContextual() {\n  const { companyId, state, onEvent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesForm\n      companyId={ensureRequired(companyId)}\n      state={ensureRequired(state)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["StateTaxesListContextual","companyId","onEvent","useFlow","StateTaxesList","ensureRequired","StateTaxesFormContextual","state","jsx","StateTaxesForm"],"mappings":";;;;;AAWO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAQ,IAAIC,EAAoC;AACnE,2BAAQC,GAAe,EAAA,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAA2B;AACzC,QAAM,EAAE,WAAAL,GAAW,OAAAM,GAAO,SAAAL,EAAA,IAAYC,EAAoC;AAExE,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAeJ,CAAS;AAAA,MACnC,OAAOI,EAAeE,CAAK;AAAA,MAC3B,SAAAL;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -7,11 +7,10 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../../Base/useBase.js";
 import "dompurify";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [F, S] = t("StateTaxesFormContext");
+const [C, F] = t("StateTaxesFormContext");
 export {
-  S as StateTaxesFormProvider,
-  F as useStateTaxesForm
+  F as StateTaxesFormProvider,
+  C as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.d.ts

@@ -1,8 +1,8 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
-interface StateTaxesListProps extends CommonComponentInterface {
+import { BaseComponentInterface } from '../../../Base/Base';
+interface StateTaxesListProps extends BaseComponentInterface {
     companyId: string;
 }
-export declare function StateTaxesList(props: StateTaxesListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare function StateTaxesList(props: StateTaxesListProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StateTaxesList {
     var Head: typeof import("./Head").Head;
     var List: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Company/StateTaxes/StateTaxesList/StateTaxesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesList.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/StateTaxesList.tsx"],"sourcesContent":["import { useTaxRequirementsGetAllSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGetAll'\nimport { Head } from './Head'\nimport { StateTaxesListProvider } from './context'\nimport { Actions } from './Actions'\nimport { List } from './List'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\ninterface StateTaxesListProps extends CommonComponentInterface {\n  companyId: string\n}\n\nexport function StateTaxesList(props: StateTaxesListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, companyId }: StateTaxesListProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent } = useBase()\n  const { data } = useTaxRequirementsGetAllSuspense({ companyUuid: companyId })\n  const stateTaxRequirements = data.responseBodies!\n\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_DONE)\n  }\n\n  const handleChange = (state: string) => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_EDIT, { state })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesListProvider\n        value={{\n          isPending: false,\n          stateTaxRequirements,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </StateTaxesListProvider>\n    </section>\n  )\n}\n\nStateTaxesList.Head = Head\nStateTaxesList.List = List\nStateTaxesList.Actions = Actions\n"],"names":["StateTaxesList","props","jsx","BaseComponent","Root","className","children","companyId","useI18n","onEvent","useBase","data","useTaxRequirementsGetAllSuspense","stateTaxRequirements","StateTaxesListProvider","componentEvents","state","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;AAgBO,SAASA,EAAeC,GAAqD;AAEhF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,UAAAC,GAAU,WAAAC,KAAkC;AACrE,EAAAC,EAAQ,oBAAoB;AACtB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtB,EAAE,MAAAC,EAAK,IAAIC,EAAiC,EAAE,aAAaL,GAAW,GACtEM,IAAuBF,EAAK;AAWhC,SAAA,gBAAAT,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAAD;AAAA,QACA,gBAde,MAAM;AAC3B,UAAAJ,EAAQM,EAAgB,sBAAsB;AAAA,QAChD;AAAA,QAaQ,cAXa,CAACC,MAAkB;AACtC,UAAAP,EAAQM,EAAgB,wBAAwB,EAAE,OAAAC,EAAA,CAAO;AAAA,QAC3D;AAAA,MAUM;AAAA,MAEA,UAAA,gBAAAd,EAACe,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,KAIG,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAjB,EAACkB,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAtB,EAAe,OAAOoB;AACtBpB,EAAe,OAAOqB;AACtBrB,EAAe,UAAUsB;"}
+{"version":3,"file":"StateTaxesList.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/StateTaxesList.tsx"],"sourcesContent":["import { useTaxRequirementsGetAllSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGetAll'\nimport { Head } from './Head'\nimport { StateTaxesListProvider } from './context'\nimport { Actions } from './Actions'\nimport { List } from './List'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\ninterface StateTaxesListProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function StateTaxesList(props: StateTaxesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, companyId }: StateTaxesListProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent } = useBase()\n  const { data } = useTaxRequirementsGetAllSuspense({ companyUuid: companyId })\n  const stateTaxRequirements = data.responseBodies!\n\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_DONE)\n  }\n\n  const handleChange = (state: string) => {\n    onEvent(componentEvents.COMPANY_STATE_TAX_EDIT, { state })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesListProvider\n        value={{\n          isPending: false,\n          stateTaxRequirements,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </StateTaxesListProvider>\n    </section>\n  )\n}\n\nStateTaxesList.Head = Head\nStateTaxesList.List = List\nStateTaxesList.Actions = Actions\n"],"names":["StateTaxesList","props","jsx","BaseComponent","Root","className","children","companyId","useI18n","onEvent","useBase","data","useTaxRequirementsGetAllSuspense","stateTaxRequirements","StateTaxesListProvider","componentEvents","state","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;AAgBO,SAASA,EAAeC,GAA4B;AAEvD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,UAAAC,GAAU,WAAAC,KAAkC;AACrE,EAAAC,EAAQ,oBAAoB;AACtB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtB,EAAE,MAAAC,EAAK,IAAIC,EAAiC,EAAE,aAAaL,GAAW,GACtEM,IAAuBF,EAAK;AAWhC,SAAA,gBAAAT,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAAD;AAAA,QACA,gBAde,MAAM;AAC3B,UAAAJ,EAAQM,EAAgB,sBAAsB;AAAA,QAChD;AAAA,QAaQ,cAXa,CAACC,MAAkB;AACtC,UAAAP,EAAQM,EAAgB,wBAAwB,EAAE,OAAAC,EAAA,CAAO;AAAA,QAC3D;AAAA,MAUM;AAAA,MAEA,UAAA,gBAAAd,EAACe,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,KAIG,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAjB,EAACkB,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAtB,EAAe,OAAOoB;AACtBpB,EAAe,OAAOqB;AACtBrB,EAAe,UAAUsB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/context.js

@@ -7,11 +7,10 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../../Base/useBase.js";
 import "dompurify";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [L, S] = t("StateTaxesListContext");
+const [C, L] = t("StateTaxesListContext");
 export {
-  S as StateTaxesListProvider,
-  L as useStateTaxesList
+  L as StateTaxesListProvider,
+  C as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { ResponseBody } from '@gusto/embedded-api/models/operations/getv1companiescompanyuuidtaxrequirements'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: ResponseBody[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { ResponseBody } from '@gusto/embedded-api/models/operations/getv1companiescompanyuuidtaxrequirements'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: ResponseBody[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

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

@@ -1,5 +1,5 @@
 import { state as o, transition as e, reduce as T } from "robot3";
-import { StateTaxesListContextual as n, StateTaxesFormContextual as i } from "./StateTaxesFlowComponents.js";
+import { StateTaxesListContextual as n, StateTaxesFormContextual as i } from "./StateTaxesComponents.js";
 import { componentEvents as a } from "../../../shared/constants.js";
 const S = {
   viewStateTaxes: o(

package/dist/components/Company/StateTaxes/stateTaxesStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../src/components/Company/StateTaxes/stateTaxesStateMachine.tsx"],"sourcesContent":["import { reduce, state, state as final, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface } from './StateTaxesFlowComponents'\nimport { StateTaxesFormContextual, StateTaxesListContextual } from './StateTaxesFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.COMPANY_STATE_TAX_UPDATED]: undefined\n  [componentEvents.COMPANY_STATE_TAX_EDIT]: { state: string }\n}\n\nexport const stateTaxesStateMachine = {\n  viewStateTaxes: state(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_EDIT,\n      'editStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_EDIT>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesFormContextual as ComponentType,\n          state: ev.payload.state,\n        }),\n      ),\n    ),\n    transition(componentEvents.COMPANY_STATE_TAX_DONE, 'done'),\n  ),\n  editStateTaxes: state(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_UPDATED,\n      'viewStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_UPDATED>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesListContextual as ComponentType,\n          state: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'viewStateTaxes',\n      reduce(\n        (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesListContextual as ComponentType,\n          state: undefined,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["stateTaxesStateMachine","state","transition","componentEvents","reduce","ctx","ev","StateTaxesFormContextual","StateTaxesListContextual","final"],"mappings":";;;AAYO,MAAMA,IAAyB;AAAA,EACpC,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,OAAOD,EAAG,QAAQ;AAAA,QACpB;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAJ,EAAWC,EAAgB,wBAAwB,MAAM;AAAA,EAC3D;AAAA,EACA,gBAAgBF;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWG;AAAA,UACX,OAAO;AAAA,QACT;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,OAAO;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,MAAMC,EAAM;AACd;"}
+{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../src/components/Company/StateTaxes/stateTaxesStateMachine.tsx"],"sourcesContent":["import { reduce, state, state as final, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesFormContextual, StateTaxesListContextual } from './StateTaxesComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.COMPANY_STATE_TAX_UPDATED]: undefined\n  [componentEvents.COMPANY_STATE_TAX_EDIT]: { state: string }\n}\n\nexport const stateTaxesStateMachine = {\n  viewStateTaxes: state(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_EDIT,\n      'editStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_EDIT>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesFormContextual as ComponentType,\n          state: ev.payload.state,\n        }),\n      ),\n    ),\n    transition(componentEvents.COMPANY_STATE_TAX_DONE, 'done'),\n  ),\n  editStateTaxes: state(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_UPDATED,\n      'viewStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_UPDATED>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesListContextual as ComponentType,\n          state: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'viewStateTaxes',\n      reduce(\n        (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesListContextual as ComponentType,\n          state: undefined,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["stateTaxesStateMachine","state","transition","componentEvents","reduce","ctx","ev","StateTaxesFormContextual","StateTaxesListContextual","final"],"mappings":";;;AAYO,MAAMA,IAAyB;AAAA,EACpC,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,OAAOD,EAAG,QAAQ;AAAA,QACpB;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAJ,EAAWC,EAAgB,wBAAwB,MAAM;AAAA,EAC3D;AAAA,EACA,gBAAgBF;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWG;AAAA,UACX,OAAO;AAAA,QACT;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,OAAO;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,MAAMC,EAAM;AACd;"}

package/dist/components/Company/index.d.ts

@@ -1,12 +1,13 @@
+import "./types/i18next.d.ts"
 export { Industry } from './Industry';
 export { AssignSignatory } from './AssignSignatory';
-export { DocumentList } from './DocumentSignerFlow/DocumentList';
-export { SignatureForm } from './DocumentSignerFlow/SignatureForm';
-export { DocumentSignerFlow } from './DocumentSignerFlow';
+export { DocumentList } from './DocumentSigner/DocumentList';
+export { SignatureForm } from './DocumentSigner/SignatureForm';
+export { DocumentSigner } from './DocumentSigner';
 export { OnboardingOverview } from './OnboardingOverview/OnboardingOverview';
-export { LocationsFlow } from './Locations/LocationsFlow';
+export { Locations } from './Locations/Locations';
 export { PaySchedule } from './PaySchedule';
 export { FederalTaxes } from './FederalTaxes';
-export { BankAccountFlow } from './BankAccount/BankAccountFlow';
-export { StateTaxesFlow } from './StateTaxes/StateTaxesFlow';
+export { BankAccount } from './BankAccount/BankAccount';
+export { StateTaxes } from './StateTaxes/StateTaxes';
 export { OnboardingFlow } from './OnboardingFlow/OnboardingFlow';

package/dist/components/Company/index.js

@@ -1,27 +1,27 @@
 import { OnboardingOverview as e } from "./OnboardingOverview/OnboardingOverview.js";
-import { LocationsFlow as m } from "./Locations/LocationsFlow.js";
-import { BankAccountFlow as x } from "./BankAccount/BankAccountFlow.js";
-import { StateTaxesFlow as p } from "./StateTaxes/StateTaxesFlow.js";
+import { Locations as m } from "./Locations/Locations.js";
+import { BankAccount as x } from "./BankAccount/BankAccount.js";
+import { StateTaxes as p } from "./StateTaxes/StateTaxes.js";
 import { OnboardingFlow as i } from "./OnboardingFlow/OnboardingFlow.js";
-import { Industry as s } from "./Industry/Industry.js";
-import { AssignSignatory as c } from "./AssignSignatory/AssignSignatory.js";
-import { DocumentList as u } from "./DocumentSignerFlow/DocumentList/DocumentList.js";
-import { SignatureForm as d } from "./DocumentSignerFlow/SignatureForm/SignatureForm.js";
-import { DocumentSignerFlow as y } from "./DocumentSignerFlow/DocumentSignerFlow.js";
-import { PaySchedule as b } from "./PaySchedule/PaySchedule.js";
+import { Industry as c } from "./Industry/Industry.js";
+import { AssignSignatory as u } from "./AssignSignatory/AssignSignatory.js";
+import { DocumentList as S } from "./DocumentSigner/DocumentList/DocumentList.js";
+import { SignatureForm as y } from "./DocumentSigner/SignatureForm/SignatureForm.js";
+import { DocumentSigner as O } from "./DocumentSigner/DocumentSigner.js";
+import { PaySchedule as v } from "./PaySchedule/PaySchedule.js";
 import { FederalTaxes as A } from "./FederalTaxes/FederalTaxes.js";
 export {
-  c as AssignSignatory,
-  x as BankAccountFlow,
-  u as DocumentList,
-  y as DocumentSignerFlow,
+  u as AssignSignatory,
+  x as BankAccount,
+  S as DocumentList,
+  O as DocumentSigner,
   A as FederalTaxes,
-  s as Industry,
-  m as LocationsFlow,
+  c as Industry,
+  m as Locations,
   i as OnboardingFlow,
   e as OnboardingOverview,
-  b as PaySchedule,
-  d as SignatureForm,
-  p as StateTaxesFlow
+  v as PaySchedule,
+  y as SignatureForm,
+  p as StateTaxes
 };
 //# sourceMappingURL=index.js.map

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

@@ -9,7 +9,7 @@ export type CompensationDefaultValues = RequireAtLeastOne<{
     paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS];
     flsaStatus?: FlsaStatusType;
 }>;
-interface CompensationProps extends CommonComponentInterface {
+interface CompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
     employeeId: string;
     startDate: string;
     defaultValues?: CompensationDefaultValues;

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

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as ue, Fragment as me } from "react/jsx-runtime";
 import { zodResolver as de } from "@hookform/resolvers/zod";
-import { useState as _, useMemo as j, useEffect as le } from "react";
+import { useState as N, useMemo as j, useEffect as le } from "react";
 import { useForm as ce, FormProvider as fe } from "react-hook-form";
 import { useTranslation as pe } from "react-i18next";
 import { useJobsAndCompensationsGetJobsSuspense as Ce, invalidateJobsAndCompensationsGetJobs as T } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
@@ -8,69 +8,69 @@ import { useJobsAndCompensationsCreateJobMutation as Ee } from "@gusto/embedded-
 import { useJobsAndCompensationsUpdateMutation as Se } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdate";
 import { useJobsAndCompensationsDeleteMutation as he } from "@gusto/embedded-api/react-query/jobsAndCompensationsDelete";
 import { useJobsAndCompensationsUpdateCompensationMutation as Ae } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation";
-import { useLocationsGetMinimumWagesSuspense as Oe } from "@gusto/embedded-api/react-query/locationsGetMinimumWages";
-import { useEmployeeAddressesGetWorkAddressesSuspense as De } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
-import { useQueryClient as be } from "@tanstack/react-query";
-import { useFederalTaxDetailsGetSuspense as ye } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
+import { useLocationsGetMinimumWagesSuspense as De } from "@gusto/embedded-api/react-query/locationsGetMinimumWages";
+import { useEmployeeAddressesGetWorkAddressesSuspense as Oe } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useQueryClient as ye } from "@tanstack/react-query";
+import { useFederalTaxDetailsGetSuspense as be } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
 import { useEmployeesGetSuspense as Te } from "@gusto/embedded-api/react-query/employeesGet";
 import { List as Y } from "./List.js";
 import { Head as k } from "./Head.js";
 import { Edit as q } from "./Edit.js";
 import { Actions as x } from "./Actions.js";
-import { CompensationSchema as Ie, CompensationProvider as Pe } from "./useCompensation.js";
-import { Form as We } from "../../Common/Form/Form.js";
+import { CompensationSchema as Ie, CompensationProvider as Me } from "./useCompensation.js";
+import { Form as Pe } from "../../Common/Form/Form.js";
 import { FlsaStatus as S, componentEvents as C } from "../../../shared/constants.js";
-import { useI18n as Me } from "../../../i18n/I18n.js";
+import { useComponentDictionary as We, useI18n as ge } from "../../../i18n/I18n.js";
 import { BaseComponent as Ne } from "../../Base/Base.js";
 import { useBase as _e } from "../../Base/useBase.js";
-import { useFlow as ge } from "../../Flow/useFlow.js";
+import { useFlow as Le } from "../../Flow/useFlow.js";
 function h(e) {
-  return /* @__PURE__ */ s(Ne, { ...e, children: /* @__PURE__ */ s(Le, { ...e, children: e.children }) });
+  return We("Employee.Compensation", e.dictionary), /* @__PURE__ */ s(Ne, { ...e, children: /* @__PURE__ */ s(Je, { ...e, children: e.children }) });
 }
-const V = (e) => e?.compensations?.find((l) => l.uuid === e.currentCompensationUuid), Le = ({ employeeId: e, startDate: l, className: A, children: O, ...u }) => {
-  Me("Employee.Compensation");
-  const { baseSubmitHandler: G, onEvent: c } = _e(), D = be(), { data: R } = Ce({ employeeId: e }), n = R.jobList, { data: H } = De({ employeeId: e }), g = H.employeeWorkAddressList.find((t) => t.active), {
+const V = (e) => e?.compensations?.find((l) => l.uuid === e.currentCompensationUuid), Je = ({ employeeId: e, startDate: l, className: A, children: D, ...u }) => {
+  ge("Employee.Compensation");
+  const { baseSubmitHandler: G, onEvent: c } = _e(), O = ye(), { data: R } = Ce({ employeeId: e }), n = R.jobList, { data: H } = Oe({ employeeId: e }), _ = H.employeeWorkAddressList.find((t) => t.active), {
     data: { minimumWageList: X }
-  } = Oe({
-    locationUuid: g.locationUuid
+  } = De({
+    locationUuid: _.locationUuid
   }), z = X, {
     data: { employee: L }
   } = Te({ employeeId: e });
   if (!L)
     throw new Error("Employee not found");
-  const { data: Q } = ye({ companyId: L.companyUuid }), K = Q.federalTaxDetails.taxPayerType === "S-Corporation", J = Ae({
-    onSettled: () => T(D, [e])
+  const { data: Q } = be({ companyId: L.companyUuid }), K = Q.federalTaxDetails.taxPayerType === "S-Corporation", J = Ae({
+    onSettled: () => T(O, [e])
   }), v = Ee({
-    onSettled: () => T(D, [e])
+    onSettled: () => T(O, [e])
   }), w = Se({
-    onSettled: () => T(D, [e])
+    onSettled: () => T(O, [e])
   }), U = he({
-    onSettled: () => T(D, [e])
-  }), [o, b] = _(
+    onSettled: () => T(O, [e])
+  }), [o, y] = N(
     n.length === 1 ? n[0] ?? null : null
-  ), [I, f] = _(() => {
+  ), [I, f] = N(() => {
     if (!n.length)
       return "ADD_INITIAL_JOB";
     const t = V(n[0]);
     return n.length === 1 && t?.flsaStatus !== S.NONEXEMPT ? "EDIT_INITIAL_JOB" : "LIST";
-  }), [Z, F] = _(!1), a = V(o), P = j(() => n.reduce((t, r) => {
+  }), [Z, F] = N(!1), a = V(o), M = j(() => n.reduce((t, r) => {
     const m = r.compensations?.find(
-      (y) => y.uuid === r.currentCompensationUuid
+      (b) => b.uuid === r.currentCompensationUuid
     );
     return !r.primary || !m ? t : m.flsaStatus ?? t;
   }, void 0), [n]), p = j(() => ({
     jobTitle: o?.title && o.title !== "" ? o.title : u.defaultValues?.title ?? "",
-    flsaStatus: a?.flsaStatus ?? P ?? u.defaultValues?.flsaStatus,
+    flsaStatus: a?.flsaStatus ?? M ?? u.defaultValues?.flsaStatus,
     rate: Number(a?.rate ?? u.defaultValues?.rate ?? 0),
     adjustForMinimumWage: a?.adjustForMinimumWage ?? !1,
     minimumWageId: a?.minimumWages?.[0]?.uuid ?? "",
     paymentUnit: a?.paymentUnit ?? u.defaultValues?.paymentUnit ?? "Hour",
     stateWcCovered: o?.stateWcCovered ?? !1,
     stateWcClassCode: o?.stateWcClassCode ?? ""
-  }), [o, a, P, u.defaultValues]), B = ce({
+  }), [o, a, M, u.defaultValues]), B = ce({
     resolver: de(Ie),
     defaultValues: p
-  }), { resetField: W, setValue: M, handleSubmit: $, reset: E } = B;
+  }), { resetField: P, setValue: W, handleSubmit: $, reset: E } = B;
   le(() => {
     E(p);
   }, [o, p, E]);
@@ -86,26 +86,26 @@ const V = (e) => e?.compensations?.find((l) => l.uuid === e.currentCompensationU
     await $(async (r) => {
       switch (await re(r), t) {
         case "LIST":
-          f("LIST"), b(null), E(p);
+          f("LIST"), y(null), E(p);
           break;
         default:
           c(C.EMPLOYEE_COMPENSATION_DONE);
       }
     })();
   }, te = () => {
-    f("ADD_ADDITIONAL_JOB"), b(null), E(p);
+    f("ADD_ADDITIONAL_JOB"), y(null), E(p);
   }, oe = () => {
-    n.length > 0 ? f("LIST") : f("ADD_INITIAL_JOB"), b(null), E(p);
+    n.length > 0 ? f("LIST") : f("ADD_INITIAL_JOB"), y(null), E(p);
   }, ne = (t) => {
     const r = n.find((m) => t === m.uuid);
-    r && (f("EDIT_ADDITIONAL_JOB"), b(r));
+    r && (f("EDIT_ADDITIONAL_JOB"), y(r));
   }, se = async (t) => {
     await U.mutateAsync({ request: { jobId: t } }), c(C.EMPLOYEE_JOB_DELETED);
   }, ae = (t) => {
-    a?.flsaStatus === S.NONEXEMPT && n.length > 1 && F(!0), t === S.OWNER ? (M("paymentUnit", "Paycheck"), W("rate", { defaultValue: Number(a?.rate) })) : t === S.COMISSION_ONLY_NONEXEMPT || t === S.COMMISSION_ONLY_EXEMPT ? (M("paymentUnit", "Year"), M("rate", 0)) : (W("paymentUnit", { defaultValue: a?.paymentUnit }), W("rate", { defaultValue: Number(a?.rate) }));
+    a?.flsaStatus === S.NONEXEMPT && n.length > 1 && F(!0), t === S.OWNER ? (W("paymentUnit", "Paycheck"), P("rate", { defaultValue: Number(a?.rate) })) : t === S.COMMISSION_ONLY_NONEXEMPT || t === S.COMMISSION_ONLY_EXEMPT ? (W("paymentUnit", "Year"), W("rate", 0)) : (P("paymentUnit", { defaultValue: a?.paymentUnit }), P("rate", { defaultValue: Number(a?.rate) }));
   }, re = async (t) => {
     await G(t, async (r) => {
-      const { jobTitle: m, twoPercentShareholder: y, ...i } = r;
+      const { jobTitle: m, twoPercentShareholder: b, ...i } = r;
       let d;
       o ? (d = (await w.mutateAsync({
         request: {
@@ -116,7 +116,7 @@ const V = (e) => e?.compensations?.find((l) => l.uuid === e.currentCompensationU
             hireDate: l,
             stateWcClassCode: i.stateWcCovered ? i.stateWcClassCode : null,
             stateWcCovered: i.stateWcCovered,
-            twoPercentShareholder: y ?? !1
+            twoPercentShareholder: b ?? !1
           }
         }
       })).job, c(C.EMPLOYEE_JOB_UPDATED, d)) : (d = (await v.mutateAsync({
@@ -127,7 +127,7 @@ const V = (e) => e?.compensations?.find((l) => l.uuid === e.currentCompensationU
             hireDate: l,
             stateWcCovered: i.stateWcCovered,
             stateWcClassCode: i.stateWcCovered ? i.stateWcClassCode : null,
-            twoPercentShareholder: y ?? !1
+            twoPercentShareholder: b ?? !1
           }
         }
       })).job, c(C.EMPLOYEE_JOB_CREATED, d));
@@ -137,9 +137,10 @@ const V = (e) => e?.compensations?.find((l) => l.uuid === e.currentCompensationU
           requestBody: {
             // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
             version: d.compensations?.find(
-              (N) => N.uuid === d.currentCompensationUuid
+              (g) => g.uuid === d.currentCompensationUuid
             )?.version,
             ...i,
+            rate: String(i.rate),
             minimumWages: i.adjustForMinimumWage ? [{ uuid: i.minimumWageId }] : []
           }
         }
@@ -148,12 +149,12 @@ const V = (e) => e?.compensations?.find((l) => l.uuid === e.currentCompensationU
     });
   };
   return /* @__PURE__ */ s("section", { className: A, children: /* @__PURE__ */ s(
-    Pe,
+    Me,
     {
       value: {
         employeeJobs: n,
         currentJob: o,
-        primaryFlsaStatus: P,
+        primaryFlsaStatus: M,
         showFlsaChangeWarning: Z,
         mode: I,
         minimumWages: z,
@@ -164,10 +165,10 @@ const V = (e) => e?.compensations?.find((l) => l.uuid === e.currentCompensationU
         submitWithEffect: ee,
         handleCancelAddJob: oe,
         isPending: J.isPending || v.isPending || w.isPending || U.isPending,
-        state: g.state,
+        state: _.state,
         showTwoPercentStakeholder: K
       },
-      children: /* @__PURE__ */ s(fe, { ...B, children: /* @__PURE__ */ s(We, { children: O || /* @__PURE__ */ ue(me, { children: [
+      children: /* @__PURE__ */ s(fe, { ...B, children: /* @__PURE__ */ s(Pe, { children: D || /* @__PURE__ */ ue(me, { children: [
         /* @__PURE__ */ s(k, {}),
         /* @__PURE__ */ s(Y, {}),
         /* @__PURE__ */ s(q, {}),
@@ -180,8 +181,8 @@ h.Head = k;
 h.List = Y;
 h.Actions = x;
 h.Edit = q;
-const rt = () => {
-  const { employeeId: e, onEvent: l, startDate: A, defaultValues: O } = ge(), { t: u } = pe("common");
+const it = () => {
+  const { employeeId: e, onEvent: l, startDate: A, defaultValues: D } = Le(), { t: u } = pe("common");
   if (!e || !A)
     throw new Error(
       u("errors.missingParamsOrContext", {
@@ -196,12 +197,12 @@ const rt = () => {
       employeeId: e,
       startDate: A,
       onEvent: l,
-      defaultValues: O?.compensation
+      defaultValues: D?.compensation
     }
   );
 };
 export {
   h as Compensation,
-  rt as CompensationContextual
+  it as CompensationContextual
 };
 //# sourceMappingURL=Compensation.js.map

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, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport {\n  useJobsAndCompensationsGetJobsSuspense,\n  invalidateJobsAndCompensationsGetJobs,\n} 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 { useQueryClient } from '@tanstack/react-query'\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 { 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 { useI18n } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  useBase,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\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 {\n  employeeId: string\n  startDate: string\n  defaultValues?: CompensationDefaultValues\n}\n\nexport function Compensation(props: CompensationProps & BaseComponentInterface) {\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  const queryClient = useQueryClient()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = jobsData.jobList!\n\n  const { data: addressesData } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  const workAddresses = addressesData.employeeWorkAddressList!\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    onSettled: () => invalidateJobsAndCompensationsGetJobs(queryClient, [employeeId]),\n  })\n  const createEmployeeJobMutation = useJobsAndCompensationsCreateJobMutation({\n    onSettled: () => invalidateJobsAndCompensationsGetJobs(queryClient, [employeeId]),\n  })\n  const updateEmployeeJobMutation = useJobsAndCompensationsUpdateMutation({\n    onSettled: () => invalidateJobsAndCompensationsGetJobs(queryClient, [employeeId]),\n  })\n  const deleteEmployeeJobMutation = useJobsAndCompensationsDeleteMutation({\n    onSettled: () => invalidateJobsAndCompensationsGetJobs(queryClient, [employeeId]),\n  })\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    } 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 onSubmit(data)\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  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.COMISSION_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\n  const onSubmit: SubmitHandler<CompensationOutputs> = async data => {\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          requestBody: {\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            minimumWages: compensationData.adjustForMinimumWage\n              ? [{ uuid: compensationData.minimumWageId }]\n              : [],\n          },\n        },\n      })\n      setShowFlsaChangeWarning(false)\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensation)\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\nCompensation.Head = Head\nCompensation.List = List\nCompensation.Actions = Actions\nCompensation.Edit = Edit\n\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } =\n    useFlow<EmployeeOnboardingContextInterface>()\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","jsx","BaseComponent","Root","findCurrentCompensation","employeeJob","comp","employeeId","startDate","className","children","useI18n","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","addressesData","useEmployeeAddressesGetWorkAddressesSuspense","currentWorkAddress","address","minimumWageList","useLocationsGetMinimumWagesSuspense","minimumWages","employee","useEmployeesGetSuspense","data","useFederalTaxDetailsGetSuspense","showTwoPercentStakeholder","updateCompensationMutation","useJobsAndCompensationsUpdateCompensationMutation","invalidateJobsAndCompensationsGetJobs","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","submitWithEffect","newMode","componentEvents","onSubmit","handleAdd","handleCancelAddJob","handleEdit","uuid","selectedJob","job","handleDelete","jobId","handleFlsaChange","value","payload","jobTitle","twoPercentShareholder","compensationData","updatedJobData","CompensationProvider","FormProvider","Form","jsxs","Fragment","Head","List","Edit","Actions","CompensationContextual","useFlow","t","useTranslation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyDO,SAASA,EAAaC,GAAmD;AAE5E,SAAA,gBAAAC,EAACC,IAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMI,IAA0B,CAACC,MACxBA,GAAa,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAY,uBAAuB,GAG7FF,KAAO,CAAC,EAAE,YAAAI,GAAY,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,GAAGV,QAA+B;AAC5F,EAAAW,GAAQ,uBAAuB;AAC/B,QAAM,EAAE,mBAAAC,GAAmB,SAAAC,EAAQ,IAAIC,GAAQ,GACzCC,IAAcC,GAAe,GAE7B,EAAE,MAAMC,EAAA,IAAaC,GAAuC,EAAE,YAAAX,GAAY,GAC1EY,IAAeF,EAAS,SAExB,EAAE,MAAMG,EAAA,IAAkBC,GAA6C,EAAE,YAAAd,GAAY,GAGrFe,IAFgBF,EAAc,wBAEK,KAAK,CAAAG,MAAWA,EAAQ,MAAM,GAEjE;AAAA,IACJ,MAAM,EAAE,iBAAAC,EAAgB;AAAA,MACtBC,GAAoC;AAAA,IACtC,cAAcH,EAAmB;AAAA,EAAA,CAClC,GACKI,IAAeF,GAEf;AAAA,IACJ,MAAM,EAAE,UAAAG,EAAS;AAAA,EAAA,IACfC,GAAwB,EAAE,YAAArB,GAAY;AAE1C,MAAI,CAACoB;AACG,UAAA,IAAI,MAAM,oBAAoB;AAGhC,QAAA,EAAE,MAAAE,MAASC,GAAgC,EAAE,WAAWH,EAAS,aAAc,GAC/EI,IAA4BF,EAAK,kBAAmB,iBAAiB,iBAErEG,IAA6BC,GAAkD;AAAA,IACnF,WAAW,MAAMC,EAAsCnB,GAAa,CAACR,CAAU,CAAC;AAAA,EAAA,CACjF,GACK4B,IAA4BC,GAAyC;AAAA,IACzE,WAAW,MAAMF,EAAsCnB,GAAa,CAACR,CAAU,CAAC;AAAA,EAAA,CACjF,GACK8B,IAA4BC,GAAsC;AAAA,IACtE,WAAW,MAAMJ,EAAsCnB,GAAa,CAACR,CAAU,CAAC;AAAA,EAAA,CACjF,GACKgC,IAA4BC,GAAsC;AAAA,IACtE,WAAW,MAAMN,EAAsCnB,GAAa,CAACR,CAAU,CAAC;AAAA,EAAA,CACjF,GAGK,CAACkC,GAAYC,CAAa,IAAIC;AAAA,IAClCxB,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ;AAAA,EAC1D,GAEM,CAACyB,GAAMC,CAAO,IAAIF,EAAe,MAAM;AACvC,QAAA,CAACxB,EAAa;AACT,aAAA;AAGT,UAAM2B,IAAsB1C,EAAwBe,EAAa,CAAC,CAAC;AAEnE,WAAIA,EAAa,WAAW,KAAK2B,GAAqB,eAAeC,EAAW,YACvE,qBAGF;AAAA,EAAA,CACR,GAEK,CAACC,GAAuBC,CAAwB,IAAIN,EAAS,EAAK,GAElEG,IAAsB1C,EAAwBqC,CAAU,GAIxDS,IAAoBC,EAA4B,MAC7ChC,EAAa,OAA2B,CAACiC,GAAMC,MAAS;AACvD,UAAAC,IAAeD,EAAK,eAAe;AAAA,MACvC,CAAA/C,MAAQA,EAAK,SAAS+C,EAAK;AAAA,IAC7B;AACA,WAAI,CAACA,EAAK,WAAW,CAACC,IAAqBF,IACpCE,EAAa,cAAcF;AAAA,KACjC,MAAS,GACX,CAACjC,CAAY,CAAC,GAEXoC,IAAoCJ,EAAQ,OACzC;AAAA,IACL,UACEV,GAAY,SAASA,EAAW,UAAU,KACtCA,EAAW,QACVzC,EAAM,eAAe,SAAS;AAAA,IACrC,YACE8C,GAAqB,cAAcI,KAAqBlD,EAAM,eAAe;AAAA,IAC/E,MAAM,OAAO8C,GAAqB,QAAQ9C,EAAM,eAAe,QAAQ,CAAC;AAAA,IACxE,sBAAsB8C,GAAqB,wBAAwB;AAAA,IACnE,eAAeA,GAAqB,eAAe,CAAC,GAAG,QAAQ;AAAA,IAC/D,aAAaA,GAAqB,eAAe9C,EAAM,eAAe,eAAe;AAAA,IACrF,gBAAgByC,GAAY,kBAAkB;AAAA,IAC9C,kBAAkBA,GAAY,oBAAoB;AAAA,EACpD,IACC,CAACA,GAAYK,GAAqBI,GAAmBlD,EAAM,aAAa,CAAC,GAEtEwD,IAAcC,GAA0D;AAAA,IAC5E,UAAUC,GAAYC,EAAkB;AAAA,IACxC,eAAAJ;AAAA,EAAA,CACD,GACK,EAAE,YAAAK,GAAY,UAAAC,GAAU,cAAAC,GAAc,OAAAC,EAAU,IAAAP;AACtD,EAAAQ,GAAU,MAAM;AACd,IAAAD,EAAMR,CAAa;AAAA,EAClB,GAAA,CAACd,GAAYc,GAAeQ,CAAK,CAAC;AAE/B,QAAAE,KAAmB,OAAOC,MAAmB;AAC7C,QAAAtB,MAAS,UAAUsB,MAAY,WAAW;AAC5C,MAAArD,EAAQsD,EAAgB,0BAA0B;AAClD;AAAA,IAAA;AAGE,QAAA,CAAC1B,KAAcG,MAAS,QAAQ;AAClC,MAAAC,EAAQ,oBAAoB;AAC5B;AAAA,IAAA;AAGI,UAAAiB,EAAa,OAAOjC,MAA8B;AAEtD,cADA,MAAMuC,GAASvC,CAAI,GACXqC,GAAS;AAAA,QACf,KAAK;AACH,UAAArB,EAAQ,MAAM,GACdH,EAAc,IAAI,GAClBqB,EAAMR,CAAa;AACnB;AAAA,QACF;AACE,UAAA1C,EAAQsD,EAAgB,0BAA0B;AAAA,MAAA;AAAA,IACtD,CACD,EAAE;AAAA,EACL,GACME,KAAY,MAAM;AACtB,IAAAxB,EAAQ,oBAAoB,GAC5BH,EAAc,IAAI,GAClBqB,EAAMR,CAAa;AAAA,EACrB,GAEMe,KAAqB,MAAM;AAC3B,IAAAnD,EAAa,SAAS,IACxB0B,EAAQ,MAAM,IAEdA,EAAQ,iBAAiB,GAG3BH,EAAc,IAAI,GAClBqB,EAAMR,CAAa;AAAA,EACrB,GAEMgB,KAAa,CAACC,MAAiB;AACnC,UAAMC,IAActD,EAAa,KAAK,CAAOuD,MAAAF,MAASE,EAAI,IAAI;AAC9D,IAAID,MACF5B,EAAQ,qBAAqB,GAC7BH,EAAc+B,CAAW;AAAA,EAE7B,GAEME,KAAe,OAAOC,MAAkB;AAC5C,UAAMrC,EAA0B,YAAY,EAAE,SAAS,EAAE,OAAAqC,KAAS,GAClE/D,EAAQsD,EAAgB,oBAAoB;AAAA,EAC9C,GAGMU,KAAmB,CAACC,MAA2B;AAEnD,IAAIhC,GAAqB,eAAeC,EAAW,aAAa5B,EAAa,SAAS,KACpF8B,EAAyB,EAAI,GAE3B6B,MAAU/B,EAAW,SACvBc,EAAS,eAAe,UAAU,GAClCD,EAAW,QAAQ,EAAE,cAAc,OAAOd,GAAqB,IAAI,GAAG,KAEtEgC,MAAU/B,EAAW,4BACrB+B,MAAU/B,EAAW,0BAErBc,EAAS,eAAe,MAAM,GAC9BA,EAAS,QAAQ,CAAC,MAGlBD,EAAW,eAAe,EAAE,cAAcd,GAAqB,aAAa,GAC5Ec,EAAW,QAAQ,EAAE,cAAc,OAAOd,GAAqB,IAAI,GAAG;AAAA,EAE1E,GAEMsB,KAA+C,OAAMvC,MAAQ;AAC3D,UAAAjB,EAAkBiB,GAAM,OAAMkD,MAAW;AAC7C,YAAM,EAAE,UAAAC,GAAU,uBAAAC,GAAuB,GAAGC,EAAqB,IAAAH;AAC7D,UAAAI;AAEJ,MAAK1C,KAkCH0C,KAfa,MAAM9C,EAA0B,YAAY;AAAA,QACvD,SAAS;AAAA,UACP,OAAOI,EAAW;AAAA,UAClB,aAAa;AAAA,YACX,OAAOuC;AAAA,YACP,SAASvC,EAAW;AAAA,YACpB,UAAUjC;AAAA,YACV,kBAAkB0E,EAAiB,iBAC/BA,EAAiB,mBACjB;AAAA,YACJ,gBAAgBA,EAAiB;AAAA,YACjC,uBAAuBD,KAAyB;AAAA,UAAA;AAAA,QAClD;AAAA,MACF,CACD,GACqB,KACdpE,EAAAsD,EAAgB,sBAAsBgB,CAAc,MAnB5DA,KAda,MAAMhD,EAA0B,YAAY;AAAA,QACvD,SAAS;AAAA,UACP,YAAA5B;AAAA,UACA,aAAa;AAAA,YACX,OAAOyE;AAAA,YACP,UAAUxE;AAAA,YACV,gBAAgB0E,EAAiB;AAAA,YACjC,kBAAkBA,EAAiB,iBAC/BA,EAAiB,mBACjB;AAAA,YACJ,uBAAuBD,KAAyB;AAAA,UAAA;AAAA,QAClD;AAAA,MACF,CACD,GACqB,KACdpE,EAAAsD,EAAgB,sBAAsBgB,CAAc;AAqB9D,YAAM,EAAE,cAAA7B,GAAA,IAAiB,MAAMtB,EAA2B,YAAY;AAAA,QACpE,SAAS;AAAA,UACP,gBAAgBmD,EAAe;AAAA,UAC/B,aAAa;AAAA;AAAA,YAEX,SAASA,EAAe,eAAe;AAAA,cACrC,CAAA7E,MAAQA,EAAK,SAAS6E,EAAe;AAAA,YAAA,GACpC;AAAA,YACH,GAAGD;AAAA,YACH,cAAcA,EAAiB,uBAC3B,CAAC,EAAE,MAAMA,EAAiB,cAAA,CAAe,IACzC,CAAA;AAAA,UAAC;AAAA,QACP;AAAA,MACF,CACD;AACD,MAAAjC,EAAyB,EAAK,GACtBpC,EAAAsD,EAAgB,+BAA+Bb,EAAY;AAAA,IAAA,CACpE;AAAA,EACH;AAEE,SAAA,gBAAArD,EAAC,aAAQ,WAAAQ,GACP,UAAA,gBAAAR;AAAA,IAACmF;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAAjE;AAAA,QACA,YAAAsB;AAAA,QACA,mBAAAS;AAAA,QACA,uBAAAF;AAAA,QACA,MAAAJ;AAAA,QACA,cAAAlB;AAAA,QACA,kBAAAmD;AAAA,QACA,cAAAF;AAAA,QACA,YAAAJ;AAAA,QACA,WAAAF;AAAA,QACA,kBAAAJ;AAAA,QACA,oBAAAK;AAAA,QACA,WACEtC,EAA2B,aAC3BG,EAA0B,aAC1BE,EAA0B,aAC1BE,EAA0B;AAAA,QAC5B,OAAOjB,EAAmB;AAAA,QAC1B,2BAAAS;AAAA,MACF;AAAA,MAEA,UAAA,gBAAA9B,EAACoF,MAAc,GAAG7B,GAChB,4BAAC8B,IACE,EAAA,UAAA5E,KAIG,gBAAA6E,GAAAC,IAAA,EAAA,UAAA;AAAA,QAAA,gBAAAvF,EAACwF,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EACX,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA7F,EAAa,OAAO0F;AACpB1F,EAAa,OAAO2F;AACpB3F,EAAa,UAAU6F;AACvB7F,EAAa,OAAO4F;AAEb,MAAME,KAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAtF,GAAY,SAAAM,GAAS,WAAAL,GAAW,eAAA+C,EAAA,IACtCuC,GAA4C,GACxC,EAAE,GAAAC,EAAA,IAAMC,GAAe,QAAQ;AAEjC,MAAA,CAACzF,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRuF,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQxF,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MACX,CAAA;AAAA,IACH;AAGA,SAAA,gBAAAN;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAQ;AAAA,MACA,WAAAC;AAAA,MACA,SAAAK;AAAA,MACA,eAAe0C,GAAe;AAAA,IAAA;AAAA,EAChC;AAEJ;"}
+{"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, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport {\n  useJobsAndCompensationsGetJobsSuspense,\n  invalidateJobsAndCompensationsGetJobs,\n} 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 { useQueryClient } from '@tanstack/react-query'\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/OnboardingFlow'\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  const queryClient = useQueryClient()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = jobsData.jobList!\n\n  const { data: addressesData } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  const workAddresses = addressesData.employeeWorkAddressList!\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    onSettled: () => invalidateJobsAndCompensationsGetJobs(queryClient, [employeeId]),\n  })\n  const createEmployeeJobMutation = useJobsAndCompensationsCreateJobMutation({\n    onSettled: () => invalidateJobsAndCompensationsGetJobs(queryClient, [employeeId]),\n  })\n  const updateEmployeeJobMutation = useJobsAndCompensationsUpdateMutation({\n    onSettled: () => invalidateJobsAndCompensationsGetJobs(queryClient, [employeeId]),\n  })\n  const deleteEmployeeJobMutation = useJobsAndCompensationsDeleteMutation({\n    onSettled: () => invalidateJobsAndCompensationsGetJobs(queryClient, [employeeId]),\n  })\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    } 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 onSubmit(data)\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  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\n  const onSubmit: SubmitHandler<CompensationOutputs> = async data => {\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          requestBody: {\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  }\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\nCompensation.Head = Head\nCompensation.List = List\nCompensation.Actions = Actions\nCompensation.Edit = Edit\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","queryClient","useQueryClient","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","addressesData","useEmployeeAddressesGetWorkAddressesSuspense","currentWorkAddress","address","minimumWageList","useLocationsGetMinimumWagesSuspense","minimumWages","employee","useEmployeesGetSuspense","data","useFederalTaxDetailsGetSuspense","showTwoPercentStakeholder","updateCompensationMutation","useJobsAndCompensationsUpdateCompensationMutation","invalidateJobsAndCompensationsGetJobs","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","submitWithEffect","newMode","componentEvents","onSubmit","handleAdd","handleCancelAddJob","handleEdit","uuid","selectedJob","job","handleDelete","jobId","handleFlsaChange","value","payload","jobTitle","twoPercentShareholder","compensationData","updatedJobData","CompensationProvider","FormProvider","Form","jsxs","Fragment","Head","List","Edit","Actions","CompensationContextual","useFlow","t","useTranslation"],"mappings":"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"}