npm - @gusto/embedded-react-sdk - Versions diffs - 0.10.2 → 0.10.3-rc.2 - Mend

@gusto/embedded-react-sdk 0.10.2 → 0.10.3-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/dist/components/Contractor/List/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/List/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractors } from './useContractorList'\nimport { DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n } from '@/i18n'\n\nexport type ContractorListDisplay = Pick<\n Contractor,\n 'onboardingStatus' \| 'firstName' \| 'lastName' \| 'onboarded'\n>\n\nexport interface HeadProps {\n count: number\n handleAdd: () => void\n}\nexport function Head({ count, handleAdd }: HeadProps) {\n const { ~~Badge,~~ Button, Heading } = useComponentContext()\n const { t } = useTranslation('Contractor.ContractorList')\n\n return (\n <Flex>\n <Heading as=\"h2\">{t('title')}</Heading>\n ~~<Badge>{count}</Badge>\~~n {count !== 0 && (\n <Button variant=\"secondary\" onClick={handleAdd}>\n {t('addAnotherCTA')}\n </Button>\n )}\n </Flex>\n )\n}\n\nexport interface EmptyDataContractorsListProps {\n handleAdd: () => void\n}\nexport function EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n const { Button } = useComponentContext()\n const { t } = useTranslation('Contractor.ContractorList')\n\n return (\n <EmptyData~~>\n <h1>~~{t('emptyTableTitle')}~~</h1>\n~~ {t('emptyTableDescription')}\n <Button onClick={handleAdd}>{t('addContractorCTA')}</Button>\n </EmptyData>\n )\n}\n\nexport interface ContractorListProps {\n contractors: ContractorListDisplay[]\n handleAdd: () => void\n handleEdit: () => void\n totalCount: number\n}\n\nexport function ContractorList({\n contractors,\n handleAdd,\n handleEdit,\n totalCount,\n}: ContractorListProps) {\n useI18n('Contractor.ContractorList')\n const { t } = useTranslation('Contractor.ContractorList')\n\n const dataViewProps = useDataView<ContractorListDisplay>({\n columns: [\n {\n title: t('listHeaders.name'),\n render: contractor =>\n firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n },\n {\n title: t('listHeaders.status'),\n render: ({ onboarded, onboardingStatus }) => (\n <ContractorOnboardingStatusBadge\n onboarded={onboarded}\n onboardingStatus={onboardingStatus}\n />\n ),\n },\n ],\n data: contractors,\n itemMenu: () => (\n <HamburgerMenu\n items={[{ label: t('editCTA'), icon: <PencilSvg aria-hidden />, onClick: handleEdit }]}\n triggerLabel={t('editCTA')}\n isLoading={false}\n />\n ),\n emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n })\n\n return (\n ~~<>\~~n <Head count={totalCount} handleAdd={handleAdd} />\n <DataView label={t('contractorListLabel')} {...dataViewProps} />\n ~~</>\~~n )\n}\n\nexport interface ContractorListWithApiProps {\n companyId: string\n handleAdd: () => void\n handleEdit: () => void\n}\n\nexport function ContractorListWithApi({\n companyId,\n handleAdd,\n handleEdit,\n}: ContractorListWithApiProps) {\n const contractorProps = useContractors({ companyUuid: companyId, handleAdd })\n\n return <ContractorList handleEdit={handleEdit} {...contractorProps} />\n}\n"],"names":["Head","count","handleAdd","~~Badge","~~Button","Heading","useComponentContext","t","useTranslation","Flex","jsx","EmptyDataContractorsList","EmptyData","ContractorList","contractors","handleEdit","totalCount","useI18n","dataViewProps","useDataView","contractor","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","~~jsxs~~","~~Fragment","~~DataView","ContractorListWithApi","companyId","contractorProps","useContractors"],"mappings":"~~;;;;;;;;;;;;;~~AAoBO,SAASA,EAAK,EAAE,OAAAC,GAAO,WAAAC,KAAwB;AACpD,QAAM,EAAE,~~OAAAC,GAAO,~~QAAAC,GAAQ,SAAAC,~~EAAA~~,~~IAAYC~~,EAAoB,~~GACjD~~,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,~~2BACGC~~,~~GACC~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAC,~~EAACL~~,GAAQ,EAAA,IAAG,MAAM,UAAAE,EAAE,OAAO,GAAE;AAAA,~~IAC7B~~,~~gBAAAG,EAACP,KAAO,UAAMF,EAAA,CAAA;AAAA,IACbA,~~MAAU,KACT,gBAAAS,~~EAACN~~,GAAO,EAAA,SAAQ,aAAY,~~SAASF~~,GAClC,~~UAAEK~~,EAAA,eAAe,EACpB,CAAA;AAAA,EAAA,GAEJ;AAEJ;AAKgB,~~SAAAI~~,EAAyB,EAAE,WAAAT,KAA4C;AAC/E,QAAA,EAAE,~~QAAAE~~,EAAO,IAAIE,EAAoB,GACjC,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;~~AAExD~~,~~2BACGI~~,~~GACC~~,~~EAAA~~,~~UAAA;AAAA~~,~~IAAC~~,~~gBAAAF~~,~~EAAA~~,~~MAAA~~,~~EAAI~~,~~UAAEH~~,~~EAAA~~,~~iBAAiB~~,~~EAAE~~,~~CAAA;AAAA~~,~~IACzBA~~,~~EAAE~~,~~uBAAuB;AAAA~~,~~sBACzBH~~,GAAO,EAAA,~~SAASF~~,GAAY,~~UAAAK~~,~~EAAE~~,kBAAkB,EAAE,CAAA~~;AAAA~~,EAAA,~~GACrD~~;AAEJ;AASO,~~SAASM~~,EAAe;AAAA,EAC7B,aAAAC;AAAA,EACA,~~WAAAZ~~;AAAA,EACA,~~YAAAa~~;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B;AACnC,QAAM,EAAE,~~GAAAV~~,EAAA,IAAMC,EAAe,2BAA2B,~~GAElDU~~,IAAgBC,EAAmC;AAAA,IACvD,SAAS;AAAA,MACP;AAAA,QACE,~~OAAOZ~~,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,~~CACNa~~,MAAAC,EAAc,EAAE,YAAYD,EAAW,WAAW,WAAWA,EAAW,SAAU,CAAA;AAAA,MACtF;AAAA,MACA;AAAA,QACE,~~OAAOb~~,EAAE,oBAAoB;AAAA,QAC7B,QAAQ,CAAC,EAAE,~~WAAAe~~,GAAW,kBAAAC,EACpB,MAAA,~~gBAAAb~~;AAAA,~~UAACc~~;AAAA,UAAA;AAAA,YACC,WAAAF;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAGN;AAAA,IACA,MAAMT;AAAA,IACN,UAAU,MACR,~~gBAAAJ~~;AAAA,~~MAACe~~;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,EAAE,~~OAAOlB~~,EAAE,SAAS,GAAG,MAAM,~~gBAAAG~~,~~EAACgB~~,KAAU,eAAW,GAAA,CAAC,GAAI,SAASX,GAAY;AAAA,QACrF,~~cAAcR~~,EAAE,SAAS;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,YAAY,MAAO,~~gBAAAG~~,EAAAC,GAAA,EAAyB,WAAAT,EAAsB,CAAA;AAAA,EAAA,CACnE;~~AAED~~,~~SAEI~~,~~gBAAAyB~~,~~EAAAC~~,~~GAAA~~,EAAA,UAAA;AAAA,IAAC,gBAAAlB,EAAAV,GAAA,EAAK,~~OAAOgB~~,GAAY,~~WAAAd~~,EAAsB,CAAA;AAAA,sBAC9C2B,GAAS,EAAA,~~OAAOtB~~,EAAE,qBAAqB,GAAI,~~GAAGW~~,EAAe,CAAA;AAAA,EAAA,GAChE;AAEJ;AAQO,~~SAASY~~,EAAsB;AAAA,EACpC,WAAAC;AAAA,EACA,WAAA7B;AAAA,EACA,~~YAAAa~~;AACF,GAA+B;AAC7B,~~QAAMiB~~,IAAkBC,EAAe,EAAE,aAAaF,GAAW,WAAA7B,GAAW;AAE5E,SAAQ,gBAAAQ,~~EAAAG~~,GAAA,EAAe,YAAAE,GAAyB,~~GAAGiB~~,EAAiB,CAAA;AACtE;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/List/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, Grid, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n } from '@/i18n'\n\nexport type ContractorListDisplay = Pick<\n Contractor,\n 'onboardingStatus' \| 'firstName' \| 'lastName' \| 'onboarded'\n>\n\nexport interface HeadProps {\n count: number\n handleAdd: () => void\n}\nexport function Head({ count, handleAdd }: HeadProps) {\n const { Button, Heading } = useComponentContext()\n const { t } = useTranslation('Contractor.ContractorList')\n\n return (\n <Flex alignItems=\"center\" justifyContent=\"space-between\">\n <Heading as=\"h2\">{t('title')}</Heading>\n\n {count !== 0 && (\n <Button variant=\"secondary\" onClick={handleAdd}>\n {t('addAnotherCTA')}\n </Button>\n )}\n </Flex>\n )\n}\n\nexport interface EmptyDataContractorsListProps {\n handleAdd: () => void\n}\nexport function EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n const { Button } = useComponentContext()\n const { t } = useTranslation('Contractor.ContractorList')\n\n return (\n <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n <ActionsLayout justifyContent=\"center\">\n <Button onClick={handleAdd}>{t('addContractorCTA')}</Button>\n </ActionsLayout>\n </EmptyData>\n )\n}\n\nexport interface ContractorListProps {\n contractors: ContractorListDisplay[]\n handleAdd: () => void\n handleEdit: () => void\n totalCount: number\n}\n\nexport function ContractorList({\n contractors,\n handleAdd,\n handleEdit,\n totalCount,\n}: ContractorListProps) {\n useI18n('Contractor.ContractorList')\n const { t } = useTranslation('Contractor.ContractorList')\n\n const dataViewProps = useDataView<ContractorListDisplay>({\n columns: [\n {\n title: t('listHeaders.name'),\n render: contractor =>\n firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n },\n {\n title: t('listHeaders.status'),\n render: ({ onboarded, onboardingStatus }) => (\n <ContractorOnboardingStatusBadge\n onboarded={onboarded}\n onboardingStatus={onboardingStatus}\n />\n ),\n },\n ],\n data: contractors,\n itemMenu: () => (\n <HamburgerMenu\n items={[{ label: t('editCTA'), icon: <PencilSvg aria-hidden />, onClick: handleEdit }]}\n triggerLabel={t('editCTA')}\n isLoading={false}\n />\n ),\n emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n })\n\n return (\n <Grid gap={20}>\n <Head count={totalCount} handleAdd={handleAdd} />\n <DataView label={t('contractorListLabel')} {...dataViewProps} />\n </Grid>\n )\n}\n\nexport interface ContractorListWithApiProps {\n companyId: string\n handleAdd: () => void\n handleEdit: () => void\n}\n\nexport function ContractorListWithApi({\n companyId,\n handleAdd,\n handleEdit,\n}: ContractorListWithApiProps) {\n const contractorProps = useContractors({ companyUuid: companyId, handleAdd })\n\n return <ContractorList handleEdit={handleEdit} {...contractorProps} />\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","contractors","handleEdit","totalCount","useI18n","dataViewProps","useDataView","contractor","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","Grid","DataView","ContractorListWithApi","companyId","contractorProps","useContractors"],"mappings":";;;;;;;;;;;;;;;AAoBO,SAASA,EAAK,EAAE,OAAAC,GAAO,WAAAC,KAAwB;AACpD,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAQ,IAAIC,EAAoB,GAC1C,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,SACG,gBAAAC,EAAAC,GAAA,EAAK,YAAW,UAAS,gBAAe,iBACvC,UAAA;AAAA,IAAA,gBAAAC,EAACN,GAAQ,EAAA,IAAG,MAAM,UAAAE,EAAE,OAAO,GAAE;AAAA,IAE5BL,MAAU,KACT,gBAAAS,EAACP,GAAO,EAAA,SAAQ,aAAY,SAASD,GAClC,UAAEI,EAAA,eAAe,EACpB,CAAA;AAAA,EAAA,GAEJ;AAEJ;AAKgB,SAAAK,EAAyB,EAAE,WAAAT,KAA4C;AAC/E,QAAA,EAAE,QAAAC,EAAO,IAAIE,EAAoB,GACjC,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAGtD,SAAA,gBAAAG,EAACE,KAAU,OAAON,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAI,EAACG,KAAc,gBAAe,UAC5B,4BAACV,GAAO,EAAA,SAASD,GAAY,UAAEI,EAAA,kBAAkB,EAAE,CAAA,EAAA,CACrD,EACF,CAAA;AAEJ;AASO,SAASQ,EAAe;AAAA,EAC7B,aAAAC;AAAA,EACA,WAAAb;AAAA,EACA,YAAAc;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAZ,EAAA,IAAMC,EAAe,2BAA2B,GAElDY,IAAgBC,EAAmC;AAAA,IACvD,SAAS;AAAA,MACP;AAAA,QACE,OAAOd,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CACNe,MAAAC,EAAc,EAAE,YAAYD,EAAW,WAAW,WAAWA,EAAW,SAAU,CAAA;AAAA,MACtF;AAAA,MACA;AAAA,QACE,OAAOf,EAAE,oBAAoB;AAAA,QAC7B,QAAQ,CAAC,EAAE,WAAAiB,GAAW,kBAAAC,EACpB,MAAA,gBAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,WAAAF;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAGN;AAAA,IACA,MAAMT;AAAA,IACN,UAAU,MACR,gBAAAL;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,EAAE,OAAOpB,EAAE,SAAS,GAAG,MAAM,gBAAAI,EAACiB,KAAU,eAAW,GAAA,CAAC,GAAI,SAASX,GAAY;AAAA,QACrF,cAAcV,EAAE,SAAS;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,YAAY,MAAO,gBAAAI,EAAAC,GAAA,EAAyB,WAAAT,EAAsB,CAAA;AAAA,EAAA,CACnE;AAGC,SAAA,gBAAAM,EAACoB,GAAK,EAAA,KAAK,IACT,UAAA;AAAA,IAAC,gBAAAlB,EAAAV,GAAA,EAAK,OAAOiB,GAAY,WAAAf,EAAsB,CAAA;AAAA,sBAC9C2B,GAAS,EAAA,OAAOvB,EAAE,qBAAqB,GAAI,GAAGa,EAAe,CAAA;AAAA,EAAA,GAChE;AAEJ;AAQO,SAASW,EAAsB;AAAA,EACpC,WAAAC;AAAA,EACA,WAAA7B;AAAA,EACA,YAAAc;AACF,GAA+B;AAC7B,QAAMgB,IAAkBC,EAAe,EAAE,aAAaF,GAAW,WAAA7B,GAAW;AAE5E,SAAQ,gBAAAQ,EAAAI,GAAA,EAAe,YAAAE,GAAyB,GAAGgB,EAAiB,CAAA;AACtE;"}

package/dist/components/Contractor/NewHireReport/NewHireReport.js CHANGED Viewed

@@ -1,111 +1,110 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as S } from "react-i18next";
-import { useForm as E, useWatch as T, FormProvider as y } from "react-hook-form";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useTranslation as v } from "react-i18next";
+import { useForm as S, useWatch as E, FormProvider as T } from "react-hook-form";
 import { useMemo as O } from "react";
 import r from "zod";
 import { zodResolver as _ } from "@hookform/resolvers/zod";
-import { useContractorsGetSuspense as D, invalidateContractorsGet as F } from "@gusto/embedded-api/react-query/contractorsGet";
-import { useContractorsUpdateMutation as x } from "@gusto/embedded-api/react-query/contractorsUpdate";
-import { useQueryClient as g } from "@tanstack/react-query";
-import { useComponentDictionary as A, useI18n as B } from "../../../i18n/I18n.js";
-import { BaseComponent as P } from "../../Base/Base.js";
-import { useBase as j } from "../../Base/useBase.js";
-import { useComponentContext as q } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as L } from "../../Common/Form/Form.js";
-import { STATES_ABBR as M, componentEvents as u } from "../../../shared/constants.js";
-import { ActionsLayout as U } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Flex as G } from "../../Common/Flex/Flex.js";
-import { RadioGroupField as W } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { SelectField as k } from "../../Common/Fields/SelectField/SelectField.js";
-const z = r.union([
+import { useContractorsGetSuspense as y } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useContractorsUpdateMutation as D } from "@gusto/embedded-api/react-query/contractorsUpdate";
+import { useComponentDictionary as F, useI18n as x } from "../../../i18n/I18n.js";
+import { BaseComponent as g } from "../../Base/Base.js";
+import { useBase as A } from "../../Base/useBase.js";
+import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as P } from "../../Common/Form/Form.js";
+import { STATES_ABBR as j, componentEvents as u } from "../../../shared/constants.js";
+import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Flex as M } from "../../Common/Flex/Flex.js";
+import { RadioGroupField as U } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { SelectField as q } from "../../Common/Fields/SelectField/SelectField.js";
+const W = r.union([
   r.object({
-    fileNewHireReport: r.boolean().refine((e) => e),
+    fileNewHireReport: r.boolean().refine((o) => o),
     state: r.string().min(1)
   }),
   r.object({
-    fileNewHireReport: r.boolean().refine((e) => !e)
+    fileNewHireReport: r.boolean().refine((o) => !o)
   })
 ]);
-function ue(e) {
-  return /* @__PURE__ */ t(P, { ...e, children: /* @__PURE__ */ t(V, { ...e, children: e.children }) });
+function ae(o) {
+  return /* @__PURE__ */ e(g, { ...o, children: /* @__PURE__ */ e(k, { ...o, children: o.children }) });
 }
-function V({ contractorId: e, className: p, dictionary: d }) {
-  A("Contractor.NewHireReport", d), B("Contractor.NewHireReport");
-  const { t: o } = S("Contractor.NewHireReport"), { onEvent: m, baseSubmitHandler: f } = j(), a = q(), R = g(), {
-    data: { contractor: h }
-  } = D({ contractorUuid: e }), i = h, { mutateAsync: C, isPending: w } = x(), H = O(
+function k({ contractorId: o, className: p, dictionary: d }) {
+  F("Contractor.NewHireReport", d), x("Contractor.NewHireReport");
+  const { t } = v("Contractor.NewHireReport"), { onEvent: m, baseSubmitHandler: f } = A(), s = B(), {
+    data: { contractor: R }
+  } = y({ contractorUuid: o }), n = R, { mutateAsync: h, isPending: H } = D(), w = O(
     () => ({
-      fileNewHireReport: i.fileNewHireReport || !1,
-      state: i.workState || null
+      fileNewHireReport: n.fileNewHireReport || !1,
+      state: n.workState || null
     }),
-    [i]
-  ), s = E({
-    resolver: _(z),
-    defaultValues: H
-  }), N = T({ control: s.control, name: "fileNewHireReport" }), b = async (n) => {
-    await f(n, async (l) => {
-      const v = await C({
+    [n]
+  ), a = S({
+    resolver: _(W),
+    defaultValues: w
+  }), N = E({ control: a.control, name: "fileNewHireReport" }), b = async (i) => {
+    await f(i, async (l) => {
+      const C = await h({
         request: {
-          contractorUuid: e,
+          contractorUuid: o,
           requestBody: {
             fileNewHireReport: l.fileNewHireReport,
             workState: "state" in l ? l.state : null,
-            version: i.version
+            version: n.version
           }
         }
       });
-      await F(R, [e]), m(u.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, v), m(u.CONTRACTOR_NEW_HIRE_REPORT_DONE);
+      m(u.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, C), m(u.CONTRACTOR_NEW_HIRE_REPORT_DONE);
     });
   };
-  return /* @__PURE__ */ t("section", { className: p, children: /* @__PURE__ */ t(y, { ...s, children: /* @__PURE__ */ t(L, { onSubmit: s.handleSubmit(b), children: /* @__PURE__ */ c(G, { flexDirection: "column", children: [
+  return /* @__PURE__ */ e("section", { className: p, children: /* @__PURE__ */ e(T, { ...a, children: /* @__PURE__ */ e(P, { onSubmit: a.handleSubmit(b), children: /* @__PURE__ */ c(M, { flexDirection: "column", children: [
     /* @__PURE__ */ c("header", { children: [
-      /* @__PURE__ */ t(a.Heading, { as: "h2", children: o("title") }),
-      /* @__PURE__ */ t(a.Text, { children: o("description") })
+      /* @__PURE__ */ e(s.Heading, { as: "h2", children: t("title") }),
+      /* @__PURE__ */ e(s.Text, { children: t("description") })
     ] }),
-    /* @__PURE__ */ t(
-      W,
+    /* @__PURE__ */ e(
+      U,
       {
         name: "fileNewHireReport",
-        label: o("doFileLegend"),
+        label: t("doFileLegend"),
         shouldVisuallyHideLabel: !0,
         options: [
           {
             value: !0,
-            label: o("yesOption")
+            label: t("yesOption")
           },
           {
             value: !1,
-            label: o("noOption")
+            label: t("noOption")
           }
         ]
       }
     ),
-    N && /* @__PURE__ */ t(
-      k,
+    N && /* @__PURE__ */ e(
+      q,
       {
         name: "state",
-        options: M.map((n) => ({
-          label: o(`statesHash.${n}`, { ns: "common" }),
-          value: n
+        options: j.map((i) => ({
+          label: t(`statesHash.${i}`, { ns: "common" }),
+          value: i
         })),
-        label: o("stateSelectionLabel"),
+        label: t("stateSelectionLabel"),
         placeholder: "",
-        errorMessage: o("validations.state"),
+        errorMessage: t("validations.state"),
         isRequired: !0
       }
     ),
-    /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(
-      a.Button,
+    /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+      s.Button,
       {
         type: "submit",
         variant: "primary",
-        isDisabled: w,
-        children: o("submitCta")
+        isDisabled: H,
+        children: t("submitCta")
       }
     ) })
   ] }) }) }) });
 }
 export {
-  ue as NewHireReport
+  ae as NewHireReport
 };
 //# sourceMappingURL=NewHireReport.js.map

package/dist/components/Contractor/NewHireReport/NewHireReport.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {~~\n invalidateContractorsGet,\n~~ useContractorsGetSuspense~~,\n~~} from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport ~~{ useQueryClient } from '@tanstack/react-query'\nimport~~ type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n z.object({\n fileNewHireReport: z.boolean().refine(v => v),\n state: z.string().min(1),\n }),\n z.object({\n fileNewHireReport: z.boolean().refine(v => !v),\n }),\n])\n\nexport type NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\nexport function NewHireReport(props: NewHireReportProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nfunction Root({ contractorId, className, dictionary }: NewHireReportProps) {\n useComponentDictionary('Contractor.NewHireReport', dictionary)\n useI18n('Contractor.NewHireReport')\n const { t } = useTranslation('Contractor.NewHireReport')\n const { onEvent, baseSubmitHandler } = useBase()\n const Components = useComponentContext()\n ~~const queryClient = useQueryClient()~~\n\n const {\n data: { contractor },\n } = useContractorsGetSuspense({ contractorUuid: contractorId })\n const contractorDetails = contractor!\n\n const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n useContractorsUpdateMutation()\n\n const defaultValues = useMemo(\n () => ({\n fileNewHireReport: contractorDetails.fileNewHireReport \|\| false,\n state: contractorDetails.workState \|\| null,\n }),\n [contractorDetails],\n )\n\n const formMethods = useForm({\n resolver: zodResolver(NewHireReportSchema),\n defaultValues: defaultValues,\n })\n\n const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n await baseSubmitHandler(data, async payload => {\n const contractorResponse = await updateContractor({\n request: {\n contractorUuid: contractorId,\n requestBody: {\n fileNewHireReport: payload.fileNewHireReport,\n workState: 'state' in payload ? payload.state : null,\n version: contractorDetails.version!,\n },\n },\n })\n ~~await invalidateContractorsGet(queryClient, [contractorId])\n~~ onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n })\n }\n\n return (\n <section className={className}>\n <FormProvider {...formMethods}>\n <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n <Flex flexDirection={'column'}>\n <header>\n <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n <Components.Text>{t('description')}</Components.Text>\n </header>\n <RadioGroupField\n name=\"fileNewHireReport\"\n label={t('doFileLegend')}\n shouldVisuallyHideLabel\n options={[\n {\n value: true,\n label: t('yesOption'),\n },\n {\n value: false,\n label: t('noOption'),\n },\n ]}\n />\n {watchedDoFile && (\n <SelectField\n name=\"state\"\n options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n value: stateAbbr,\n }))}\n label={t('stateSelectionLabel')}\n placeholder={''}\n errorMessage={t('validations.state')}\n isRequired\n />\n )}\n <ActionsLayout>\n <Components.Button\n type=\"submit\"\n variant=\"primary\"\n isDisabled={updateContractorPending}\n >\n {t('submitCta')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n </Form>\n </FormProvider>\n </section>\n )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","~~t","~~useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","~~queryClient","useQueryClient","~~contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","~~invalidateContractorsGet","~~componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"~~;;;;;;;;;;;;;;;;;;;AAsBA~~,MAAMA,IAAsBC,EAAE,MAAM;AAAA,EAClCA,EAAE,OAAO;AAAA,IACP,mBAAmBA,EAAE,QAAA,EAAU,OAAO,OAAKC,CAAC;AAAA,IAC5C,OAAOD,EAAE,OAAO,EAAE,IAAI,CAAC;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,mBAAmBA,EAAE,QAAA,EAAU,OAAO,CAAAC,MAAK,CAACA,CAAC;AAAA,EAC9C,CAAA;AACH,CAAC;AAIM,SAASC,GAAcC,GAA2B;AAErD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,cAAAC,GAAc,WAAAC,GAAW,YAAAC,KAAkC;AACzE,EAAAC,EAAuB,4BAA4BD,CAAU,GAC7DE,EAAQ,0BAA0B;AAClC,QAAM,EAAE,~~GAAAC,~~EAAA,IAAMC,EAAe,0BAA0B,GACjD,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GACzCC,IAAaC,EAAoB,~~GACjCC,IAAcC,EAAe,GAE7B~~;AAAA,IACJ,MAAM,EAAE,YAAAC,EAAW;AAAA,EACjB,IAAAC,EAA0B,EAAE,~~gBAAgBf~~,GAAc,~~GACxDgB~~,IAAoBF,GAEpB,EAAE,aAAaG,GAAkB,WAAWC,EAAA,IAChDC,EAA6B,GAEzBC,IAAgBC;AAAA,IACpB,OAAO;AAAA,MACL,mBAAmBL,EAAkB,qBAAqB;AAAA,MAC1D,OAAOA,EAAkB,aAAa;AAAA,IAAA;AAAA,IAExC,CAACA,CAAiB;AAAA,EACpB,GAEMM,IAAcC,EAAQ;AAAA,IAC1B,UAAUC,~~EAAYhC~~,CAAmB;AAAA,IACzC,~~eAAA4B~~;AAAA,EAAA,CACD,GAEKK,IAAgBC,EAAS,EAAE,SAASJ,EAAY,SAAS,MAAM,qBAAqB,GACpFK,IAAqD,OAAMC,MAAQ;AACjE,~~UAAApB~~,~~EAAkBoB~~,GAAM,OAAMC,MAAW;AACvC,YAAAC,IAAqB,MAAMb,EAAiB;AAAA,QAChD,SAAS;AAAA,UACP,~~gBAAgBjB~~;AAAA,UAChB,aAAa;AAAA,YACX,~~mBAAmB6B~~,EAAQ;AAAA,YAC3B,WAAW,WAAWA,IAAUA,EAAQ,QAAQ;AAAA,YAChD,SAASb,EAAkB;AAAA,UAAA;AAAA,QAC7B;AAAA,MACF,CACD;~~AACD~~,~~YAAMe~~,~~EAAyBnB~~,~~GAAa,CAACZ,CAAY,CAAC,GAClDO,EAAAyB,~~EAAgB,~~oCAAoCF~~,CAAkB,~~GAC9EvB~~,~~EAAQyB~~,EAAgB,+BAA+B;AAAA,IAAA,CACxD;AAAA,EACH;AAEA,2BACG,WAAQ,EAAA,~~WAAA/B~~,GACP,UAAC,gBAAAJ,~~EAAAoC~~,GAAA,EAAc,~~GAAGX~~,GAChB,UAAA,~~gBAAAzB~~,~~EAACqC~~,GAAK,EAAA,~~UAAUZ~~,EAAY,aAAaK,CAAQ,GAC/C,UAAC,~~gBAAAQ~~,EAAAC,GAAA,EAAK,eAAe,UACnB,UAAA;AAAA,IAAA,gBAAAD,EAAC,UACC,EAAA,UAAA;AAAA,MAAA,~~gBAAAtC~~,~~EAACa~~,EAAW,SAAX,EAAmB,IAAG,MAAM,~~UAAAL~~,EAAE,OAAO,GAAE;AAAA,~~wBACvCK~~,EAAW,MAAX,EAAiB,~~UAAAL~~,EAAE,aAAa,EAAE,CAAA;AAAA,IAAA,GACrC;AAAA,IACA,~~gBAAAR~~;AAAA,~~MAACwC~~;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,~~OAAOhC~~,EAAE,cAAc;AAAA,QACvB,yBAAuB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,~~OAAOA~~,EAAE,WAAW;AAAA,UACtB;AAAA,UACA;AAAA,YACE,OAAO;AAAA,YACP,~~OAAOA~~,EAAE,UAAU;AAAA,UAAA;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,~~IACCoB~~,KACC,~~gBAAA5B~~;AAAA,~~MAACyC~~;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAACC,OAA6C;AAAA,UACrE,~~OAAOnC~~,EAAE,~~cAAcmC~~,CAAS,IAAI,EAAE,IAAI,UAAU;AAAA,UACpD,OAAOA;AAAA,QAAA,EACP;AAAA,QACF,~~OAAOnC~~,EAAE,qBAAqB;AAAA,QAC9B,aAAa;AAAA,QACb,~~cAAcA~~,EAAE,mBAAmB;AAAA,QACnC,YAAU;AAAA,MAAA;AAAA,IACZ;AAAA,~~sBAEDoC~~,GACC,EAAA,UAAA,~~gBAAA5C~~;AAAA,~~MAACa~~,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,~~YAAYQ~~;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA,EAElB,CAAA;AAAA,EAAA,GACF,EAAA,CACF,EACF,CAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n z.object({\n fileNewHireReport: z.boolean().refine(v => v),\n state: z.string().min(1),\n }),\n z.object({\n fileNewHireReport: z.boolean().refine(v => !v),\n }),\n])\n\nexport type NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\nexport function NewHireReport(props: NewHireReportProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nfunction Root({ contractorId, className, dictionary }: NewHireReportProps) {\n useComponentDictionary('Contractor.NewHireReport', dictionary)\n useI18n('Contractor.NewHireReport')\n const { t } = useTranslation('Contractor.NewHireReport')\n const { onEvent, baseSubmitHandler } = useBase()\n const Components = useComponentContext()\n\n const {\n data: { contractor },\n } = useContractorsGetSuspense({ contractorUuid: contractorId })\n const contractorDetails = contractor!\n\n const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n useContractorsUpdateMutation()\n\n const defaultValues = useMemo(\n () => ({\n fileNewHireReport: contractorDetails.fileNewHireReport \|\| false,\n state: contractorDetails.workState \|\| null,\n }),\n [contractorDetails],\n )\n\n const formMethods = useForm({\n resolver: zodResolver(NewHireReportSchema),\n defaultValues: defaultValues,\n })\n\n const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n await baseSubmitHandler(data, async payload => {\n const contractorResponse = await updateContractor({\n request: {\n contractorUuid: contractorId,\n requestBody: {\n fileNewHireReport: payload.fileNewHireReport,\n workState: 'state' in payload ? payload.state : null,\n version: contractorDetails.version!,\n },\n },\n })\n onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n })\n }\n\n return (\n <section className={className}>\n <FormProvider {...formMethods}>\n <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n <Flex flexDirection={'column'}>\n <header>\n <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n <Components.Text>{t('description')}</Components.Text>\n </header>\n <RadioGroupField\n name=\"fileNewHireReport\"\n label={t('doFileLegend')}\n shouldVisuallyHideLabel\n options={[\n {\n value: true,\n label: t('yesOption'),\n },\n {\n value: false,\n label: t('noOption'),\n },\n ]}\n />\n {watchedDoFile && (\n <SelectField\n name=\"state\"\n options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n value: stateAbbr,\n }))}\n label={t('stateSelectionLabel')}\n placeholder={''}\n errorMessage={t('validations.state')}\n isRequired\n />\n )}\n <ActionsLayout>\n <Components.Button\n type=\"submit\"\n variant=\"primary\"\n isDisabled={updateContractorPending}\n >\n {t('submitCta')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n </Form>\n </FormProvider>\n </section>\n )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}

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

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