@gusto/embedded-react-sdk 0.39.0 → 0.40.0

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

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

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

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

package/dist/components/Contractor/exports/contractorOnboarding.d.ts

@@ -0,0 +1,7 @@
+export { OnboardingFlow } from '../OnboardingFlow/OnboardingFlow';
+export { ContractorList } from '../ContractorList';
+export { ContractorProfile } from '../Profile';
+export { Address } from '../Address';
+export { PaymentMethod } from '../PaymentMethod/PaymentMethod';
+export { NewHireReport } from '../NewHireReport/NewHireReport';
+export { ContractorSubmit } from '../Submit/Submit';

package/dist/components/Contractor/exports/contractorOnboarding.js

@@ -0,0 +1,17 @@
+import { OnboardingFlow as t } from "../OnboardingFlow/OnboardingFlow.js";
+import { ContractorList as m } from "../ContractorList/index.js";
+import { PaymentMethod as p } from "../PaymentMethod/PaymentMethod.js";
+import { NewHireReport as n } from "../NewHireReport/NewHireReport.js";
+import { ContractorSubmit as i } from "../Submit/Submit.js";
+import { Address as c } from "../Address/Address.js";
+import { ContractorProfile as C } from "../Profile/ContractorProfile.js";
+export {
+  c as Address,
+  m as ContractorList,
+  C as ContractorProfile,
+  i as ContractorSubmit,
+  n as NewHireReport,
+  t as OnboardingFlow,
+  p as PaymentMethod
+};
+//# sourceMappingURL=contractorOnboarding.js.map

package/dist/components/Contractor/exports/contractorOnboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contractorOnboarding.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -2,8 +2,8 @@ import { jsxs as A, jsx as i } from "react/jsx-runtime";
 import { useFormContext as l, useWatch as d } from "react-hook-form";
 import { useTranslation as T } from "react-i18next";
 import { useCompensation as O } from "./useCompensation.js";
-import { FlsaStatus as a } from "../../../shared/constants.js";
 import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { FlsaStatus as a } from "../../../shared/constants.js";
 import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 const B = () => {
   const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: I, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: m } = l(), c = d({ control: m, name: "flsaStatus" }), e = C();

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

@@ -3,12 +3,11 @@ import { useTranslation as p } from "react-i18next";
 import { useCompensation as d } from "./useCompensation.js";
 import C from "../../../assets/icons/pencil.svg.js";
 import c from "../../../assets/icons/trashcan.svg.js";
-import "../../../shared/constants.js";
 import { HamburgerMenu as f } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as y } from "../../Common/DataView/useDataView.js";
 import { DataView as g } from "../../Common/DataView/DataView.js";
-const P = () => {
-  const { employeeJobs: i, mode: o, isPending: r, handleEdit: l, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
+const D = () => {
+  const { employeeJobs: i, mode: o, isPending: l, handleEdit: r, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
     data: i,
     columns: [
       {
@@ -46,7 +45,7 @@ const P = () => {
             label: t("allCompensations.editCta"),
             icon: /* @__PURE__ */ a(C, { "aria-hidden": !0 }),
             onClick: () => {
-              l(e.uuid);
+              r(e.uuid);
             }
           },
           ...e.primary ? [] : [
@@ -59,7 +58,7 @@ const P = () => {
             }
           ]
         ],
-        isLoading: r
+        isLoading: l
       }
     )
   });
@@ -67,6 +66,6 @@ const P = () => {
     return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: t("allCompensations.tableLabel"), ...m });
 };
 export {
-  P as List
+  D as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAW,EAACI,KAAS,eAAY,aAAY,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAElG;"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAW,EAACI,KAAS,eAAY,aAAY,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAElG;"}

package/dist/components/{UNSTABLE_Hooks/hooks → Employee/Compensation/shared}/useCompensationForm/compensationSchema.d.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { OptionalFieldsToRequire } from '../../form/buildFormSchema';
+import { OptionalFieldsToRequire } from '../../../../../partner-hook-utils/form/buildFormSchema';
 export declare const CompensationErrorCodes: {
     readonly REQUIRED: "REQUIRED";
     readonly RATE_MINIMUM: "RATE_MINIMUM";
@@ -75,7 +75,7 @@ interface CompensationSchemaOptions {
     optionalFieldsToRequire?: CompensationOptionalFieldsToRequire;
     withStartDateField?: boolean;
 }
-export declare function createCompensationSchema(options?: CompensationSchemaOptions): import('../../form').BuildFormSchemaResult<{
+export declare function createCompensationSchema(options?: CompensationSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
     jobTitle: z.ZodString;
     flsaStatus: z.ZodEnum<{
         Exempt: "Exempt";

package/dist/components/{UNSTABLE_Hooks/hooks → Employee/Compensation/shared}/useCompensationForm/compensationSchema.js

@@ -1,8 +1,8 @@
 import { z as e } from "zod";
-import { buildFormSchema as d } from "../../form/buildFormSchema.js";
-import { coerceStringBoolean as i, coerceToISODate as N, coerceNaN as m } from "../../form/preprocessors.js";
-import { FlsaStatus as t, FLSA_OVERTIME_SALARY_LIMIT as O, PAY_PERIODS as r } from "../../../../shared/constants.js";
-import { yearlyRate as T } from "../../../../helpers/payRateCalculator.js";
+import { buildFormSchema as d } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+import { coerceStringBoolean as i, coerceToISODate as N, coerceNaN as m } from "../../../../../partner-hook-utils/form/preprocessors.js";
+import { PAY_PERIODS as r, FlsaStatus as t, FLSA_OVERTIME_SALARY_LIMIT as O } from "../../../../../shared/constants.js";
+import { yearlyRate as T } from "../../../../../helpers/payRateCalculator.js";
 const E = {
   REQUIRED: "REQUIRED",
   RATE_MINIMUM: "RATE_MINIMUM",

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

@@ -0,0 +1 @@
+{"version":3,"file":"compensationSchema.js","sources":["../../../../../../src/components/Employee/Compensation/shared/useCompensationForm/compensationSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport {\n  coerceNaN,\n  coerceToISODate,\n  coerceStringBoolean,\n} from '@/partner-hook-utils/form/preprocessors'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus, PAY_PERIODS } from '@/shared/constants'\nimport { yearlyRate } from '@/helpers/payRateCalculator'\n\n// ── Error codes ────────────────────────────────────────────────────────\n\nexport const CompensationErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  RATE_MINIMUM: 'RATE_MINIMUM',\n  RATE_EXEMPT_THRESHOLD: 'RATE_EXEMPT_THRESHOLD',\n  PAYMENT_UNIT_OWNER: 'PAYMENT_UNIT_OWNER',\n  PAYMENT_UNIT_COMMISSION: 'PAYMENT_UNIT_COMMISSION',\n  RATE_COMMISSION_ZERO: 'RATE_COMMISSION_ZERO',\n} as const\n\nexport type CompensationErrorCode =\n  (typeof CompensationErrorCodes)[keyof typeof CompensationErrorCodes]\n\nconst fieldValidators = {\n  jobTitle: z.string(),\n  flsaStatus: z.enum([\n    FlsaStatus.EXEMPT,\n    FlsaStatus.SALARIED_NONEXEMPT,\n    FlsaStatus.NONEXEMPT,\n    FlsaStatus.OWNER,\n    FlsaStatus.COMMISSION_ONLY_EXEMPT,\n    FlsaStatus.COMMISSION_ONLY_NONEXEMPT,\n  ]),\n  paymentUnit: z.enum([\n    PAY_PERIODS.HOUR,\n    PAY_PERIODS.WEEK,\n    PAY_PERIODS.MONTH,\n    PAY_PERIODS.YEAR,\n    PAY_PERIODS.PAYCHECK,\n  ]),\n  rate: z.preprocess(coerceNaN(0), z.number()),\n  startDate: z.preprocess(coerceToISODate, z.iso.date().nullable()),\n  adjustForMinimumWage: z.boolean(),\n  minimumWageId: z.string(),\n  // Radio group delivers 'true'/'false' strings; coerceStringBoolean converts to boolean\n  stateWcCovered: z.preprocess(coerceStringBoolean, z.boolean()),\n  stateWcClassCode: z.string(),\n  twoPercentShareholder: z.boolean(),\n}\n\nexport type CompensationFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n// ── Required fields config (requiredness rules per field) ────────────\n\nconst requiredFieldsConfig = {\n  jobTitle: 'create',\n  flsaStatus: 'create',\n  paymentUnit: 'create',\n  rate: 'create',\n  startDate: 'create',\n  minimumWageId: data => data.adjustForMinimumWage,\n  stateWcClassCode: data => String(data.stateWcCovered) === 'true',\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\nfunction validateFlsaRules(data: CompensationFormData, ctx: z.RefinementCtx) {\n  const { flsaStatus, paymentUnit, rate } = data\n\n  if (\n    flsaStatus === FlsaStatus.EXEMPT ||\n    flsaStatus === FlsaStatus.SALARIED_NONEXEMPT ||\n    flsaStatus === FlsaStatus.NONEXEMPT\n  ) {\n    if (rate < 1) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['rate'],\n        message: CompensationErrorCodes.RATE_MINIMUM,\n      })\n    } else if (\n      flsaStatus === FlsaStatus.EXEMPT &&\n      yearlyRate(rate, paymentUnit) < FLSA_OVERTIME_SALARY_LIMIT\n    ) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['rate'],\n        message: CompensationErrorCodes.RATE_EXEMPT_THRESHOLD,\n      })\n    }\n  } else if (flsaStatus === FlsaStatus.OWNER) {\n    if (paymentUnit !== PAY_PERIODS.PAYCHECK) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['paymentUnit'],\n        message: CompensationErrorCodes.PAYMENT_UNIT_OWNER,\n      })\n    }\n    if (rate < 1) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['rate'],\n        message: CompensationErrorCodes.RATE_MINIMUM,\n      })\n    }\n    /* eslint-disable @typescript-eslint/no-unnecessary-condition -- explicit match prevents a future FLSA status from silently falling into commission rules */\n  } else if (\n    flsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT ||\n    flsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT\n  ) {\n    /* eslint-enable @typescript-eslint/no-unnecessary-condition */\n    if (paymentUnit !== PAY_PERIODS.YEAR) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['paymentUnit'],\n        message: CompensationErrorCodes.PAYMENT_UNIT_COMMISSION,\n      })\n    }\n    if (rate !== 0) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['rate'],\n        message: CompensationErrorCodes.RATE_COMMISSION_ZERO,\n      })\n    }\n  }\n}\n\n// ── Schema factory ───────────────────────────────────────────────────\n\nexport type CompensationOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\nexport type CompensationFormOutputs = CompensationFormData\n\ninterface CompensationSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: CompensationOptionalFieldsToRequire\n  withStartDateField?: boolean\n}\n\nexport function createCompensationSchema(options: CompensationSchemaOptions = {}) {\n  const { mode = 'create', optionalFieldsToRequire, withStartDateField = true } = options\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: CompensationErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    excludeFields: withStartDateField ? [] : ['startDate'],\n    superRefine: validateFlsaRules,\n  })\n}\n"],"names":["CompensationErrorCodes","fieldValidators","z","FlsaStatus","PAY_PERIODS","coerceNaN","coerceToISODate","coerceStringBoolean","requiredFieldsConfig","data","validateFlsaRules","ctx","flsaStatus","paymentUnit","rate","yearlyRate","FLSA_OVERTIME_SALARY_LIMIT","createCompensationSchema","options","mode","optionalFieldsToRequire","withStartDateField","buildFormSchema"],"mappings":"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"}

package/dist/components/{UNSTABLE_Hooks/hooks → Employee/Compensation/shared}/useCompensationForm/fields.d.ts

@@ -1,15 +1,15 @@
 import { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage';
 import { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype';
 import { PaymentUnit } from '@gusto/embedded-api/models/components/compensation';
-import { TextInputHookFieldProps } from '../../form/fields/TextInputHookField';
-import { SelectHookFieldProps } from '../../form/fields/SelectHookField';
-import { NumberInputHookFieldProps } from '../../form/fields/NumberInputHookField';
-import { CheckboxHookFieldProps } from '../../form/fields/CheckboxHookField';
-import { RadioGroupHookFieldProps } from '../../form/fields/RadioGroupHookField';
-import { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField';
 import { CompensationErrorCodes } from './compensationSchema';
-import { HookFieldProps } from '../../../../types/sdkHooks';
-import { WARiskClassCode } from '../../../../models/WA_RISK_CODES';
+import { TextInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/TextInputHookField';
+import { SelectHookFieldProps } from '../../../../../partner-hook-utils/form/fields/SelectHookField';
+import { NumberInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/NumberInputHookField';
+import { CheckboxHookFieldProps } from '../../../../../partner-hook-utils/form/fields/CheckboxHookField';
+import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
+import { DatePickerHookFieldProps } from '../../../../../partner-hook-utils/form/fields/DatePickerHookField';
+import { HookFieldProps } from '../../../../../partner-hook-utils/types';
+import { WARiskClassCode } from '../../../../../models/WA_RISK_CODES';
 export type RequiredValidation = typeof CompensationErrorCodes.REQUIRED;
 export type RateValidation = (typeof CompensationErrorCodes)['REQUIRED' | 'RATE_MINIMUM' | 'RATE_EXEMPT_THRESHOLD'];
 export type JobTitleFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;

package/dist/components/{UNSTABLE_Hooks/hooks → Employee/Compensation/shared}/useCompensationForm/fields.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { SelectHookField as n } from "../../form/fields/SelectHookField.js";
-import { RadioGroupHookField as o } from "../../form/fields/RadioGroupHookField.js";
-import { CheckboxHookField as r } from "../../form/fields/CheckboxHookField.js";
-import { NumberInputHookField as i } from "../../form/fields/NumberInputHookField.js";
-import { TextInputHookField as a } from "../../form/fields/TextInputHookField.js";
-import { DatePickerHookField as m } from "../../form/fields/DatePickerHookField.js";
+import { SelectHookField as n } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { RadioGroupHookField as o } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { CheckboxHookField as r } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
+import { NumberInputHookField as i } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { TextInputHookField as a } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { DatePickerHookField as m } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 function p(e) {
   return /* @__PURE__ */ t(a, { ...e, name: "jobTitle" });
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/Compensation/shared/useCompensationForm/fields.tsx"],"sourcesContent":["import type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { PaymentUnit } from '@gusto/embedded-api/models/components/compensation'\nimport type { CompensationErrorCodes } from './compensationSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport type { NumberInputHookFieldProps } from '@/partner-hook-utils/form/fields/NumberInputHookField'\nimport type { CheckboxHookFieldProps } from '@/partner-hook-utils/form/fields/CheckboxHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { DatePickerHookFieldProps } from '@/partner-hook-utils/form/fields/DatePickerHookField'\nimport {\n  TextInputHookField,\n  SelectHookField,\n  NumberInputHookField,\n  CheckboxHookField,\n  RadioGroupHookField,\n  DatePickerHookField,\n} from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\nimport type { WARiskClassCode } from '@/models/WA_RISK_CODES'\n\nexport type RequiredValidation = typeof CompensationErrorCodes.REQUIRED\nexport type RateValidation = (typeof CompensationErrorCodes)[\n  | 'REQUIRED'\n  | 'RATE_MINIMUM'\n  | 'RATE_EXEMPT_THRESHOLD']\n\nexport type JobTitleFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\nexport function JobTitleField(props: JobTitleFieldProps) {\n  return <TextInputHookField {...props} name=\"jobTitle\" />\n}\n\nexport type FlsaStatusFieldProps = HookFieldProps<\n  SelectHookFieldProps<RequiredValidation, FlsaStatusType>\n>\n\nexport function FlsaStatusField(props: FlsaStatusFieldProps) {\n  return <SelectHookField {...props} name=\"flsaStatus\" />\n}\n\nexport type RateFieldProps = HookFieldProps<NumberInputHookFieldProps<RateValidation>>\n\nexport function RateField(props: RateFieldProps) {\n  return <NumberInputHookField {...props} name=\"rate\" format=\"currency\" min={0} />\n}\n\nexport type PaymentUnitFieldProps = HookFieldProps<\n  SelectHookFieldProps<RequiredValidation, PaymentUnit>\n>\n\nexport function PaymentUnitField(props: PaymentUnitFieldProps) {\n  return <SelectHookField {...props} name=\"paymentUnit\" />\n}\n\nexport type AdjustForMinimumWageFieldProps = HookFieldProps<CheckboxHookFieldProps>\n\nexport function AdjustForMinimumWageField(props: AdjustForMinimumWageFieldProps) {\n  return <CheckboxHookField {...props} name=\"adjustForMinimumWage\" />\n}\n\nexport type MinimumWageIdFieldProps = HookFieldProps<\n  SelectHookFieldProps<RequiredValidation, MinimumWage>\n>\n\nexport function MinimumWageIdField(props: MinimumWageIdFieldProps) {\n  return <SelectHookField {...props} name=\"minimumWageId\" />\n}\n\nexport type TwoPercentShareholderFieldProps = HookFieldProps<CheckboxHookFieldProps>\n\nexport function TwoPercentShareholderField(props: TwoPercentShareholderFieldProps) {\n  return <CheckboxHookField {...props} name=\"twoPercentShareholder\" />\n}\n\nexport type StateWcCoveredFieldProps = HookFieldProps<RadioGroupHookFieldProps<never, boolean>>\n\nexport function StateWcCoveredField(props: StateWcCoveredFieldProps) {\n  return <RadioGroupHookField {...props} name=\"stateWcCovered\" />\n}\n\nexport type StateWcClassCodeFieldProps = HookFieldProps<\n  SelectHookFieldProps<RequiredValidation, WARiskClassCode>\n>\n\nexport function StateWcClassCodeField(props: StateWcClassCodeFieldProps) {\n  return <SelectHookField {...props} name=\"stateWcClassCode\" />\n}\n\nexport type StartDateFieldProps = HookFieldProps<\n  DatePickerHookFieldProps<typeof CompensationErrorCodes.REQUIRED>\n>\n\nexport function StartDateField(props: StartDateFieldProps) {\n  return <DatePickerHookField {...props} name=\"startDate\" />\n}\n"],"names":["JobTitleField","props","jsx","TextInputHookField","FlsaStatusField","SelectHookField","RateField","NumberInputHookField","PaymentUnitField","AdjustForMinimumWageField","CheckboxHookField","MinimumWageIdField","TwoPercentShareholderField","StateWcCoveredField","RadioGroupHookField","StateWcClassCodeField","StartDateField","DatePickerHookField"],"mappings":";;;;;;;AA6BO,SAASA,EAAcC,GAA2B;AACvD,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,YAAW;AACxD;AAMO,SAASG,EAAgBH,GAA6B;AAC3D,SAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,GAAO,MAAK,cAAa;AACvD;AAIO,SAASK,EAAUL,GAAuB;AAC/C,SAAO,gBAAAC,EAACK,KAAsB,GAAGN,GAAO,MAAK,QAAO,QAAO,YAAW,KAAK,EAAA,CAAG;AAChF;AAMO,SAASO,EAAiBP,GAA8B;AAC7D,SAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,GAAO,MAAK,eAAc;AACxD;AAIO,SAASQ,EAA0BR,GAAuC;AAC/E,SAAO,gBAAAC,EAACQ,GAAA,EAAmB,GAAGT,GAAO,MAAK,wBAAuB;AACnE;AAMO,SAASU,EAAmBV,GAAgC;AACjE,SAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,GAAO,MAAK,iBAAgB;AAC1D;AAIO,SAASW,EAA2BX,GAAwC;AACjF,SAAO,gBAAAC,EAACQ,GAAA,EAAmB,GAAGT,GAAO,MAAK,yBAAwB;AACpE;AAIO,SAASY,EAAoBZ,GAAiC;AACnE,SAAO,gBAAAC,EAACY,GAAA,EAAqB,GAAGb,GAAO,MAAK,kBAAiB;AAC/D;AAMO,SAASc,EAAsBd,GAAmC;AACvE,SAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,GAAO,MAAK,oBAAmB;AAC7D;AAMO,SAASe,EAAef,GAA4B;AACzD,SAAO,gBAAAC,EAACe,GAAA,EAAqB,GAAGhB,GAAO,MAAK,aAAY;AAC1D;"}

package/dist/components/{UNSTABLE_Hooks/hooks → Employee/Compensation/shared}/useCompensationForm/index.d.ts

@@ -1,7 +1,5 @@
 import "./types/i18next.d.ts"
 export { useCompensationForm } from './useCompensationForm';
 export type { CompensationSubmitCallbacks, CompensationSubmitOptions, UseCompensationFormProps, UseCompensationFormResult, UseCompensationFormReady, CompensationFieldsMetadata, CompensationFormFields, } from './useCompensationForm';
-export { CompensationForm } from './CompensationForm';
-export type { CompensationFormProps } from './CompensationForm';
 export { createCompensationSchema, CompensationErrorCodes, type CompensationErrorCode, type CompensationOptionalFieldsToRequire, type CompensationFormData, type CompensationFormOutputs, } from './compensationSchema';
 export type { RequiredValidation, RateValidation, StartDateFieldProps, JobTitleFieldProps, FlsaStatusFieldProps, RateFieldProps, PaymentUnitFieldProps, AdjustForMinimumWageFieldProps, MinimumWageIdFieldProps, TwoPercentShareholderFieldProps, StateWcCoveredFieldProps, StateWcClassCodeFieldProps, } from './fields';

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

@@ -0,0 +1,43 @@
+import { UseFormProps } from 'react-hook-form';
+import { Compensation } from '@gusto/embedded-api/models/components/compensation';
+import { Job } from '@gusto/embedded-api/models/components/job';
+import { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage';
+import { CompensationOptionalFieldsToRequire, CompensationFormData } from './compensationSchema';
+import { BaseFormHookReady, FieldsMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+export interface CompensationSubmitCallbacks {
+    onJobCreated?: (job: Job) => void;
+    onJobUpdated?: (job: Job) => void;
+    onCompensationUpdated?: (compensation: Compensation | undefined) => void;
+}
+export interface CompensationSubmitOptions {
+    employeeId?: string;
+    startDate?: string;
+}
+export interface UseCompensationFormProps {
+    employeeId?: string;
+    withStartDateField?: boolean;
+    jobId?: string;
+    optionalFieldsToRequire?: CompensationOptionalFieldsToRequire;
+    defaultValues?: Partial<CompensationFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export interface UseCompensationFormReady extends BaseFormHookReady<FieldsMetadata, CompensationFormData> {
+    data: {
+        compensation: Compensation | null;
+        jobs: Job[] | undefined;
+        currentJob: Job | null;
+        minimumWages: MinimumWage[];
+    };
+    status: {
+        isPending: boolean;
+        mode: 'create' | 'update';
+    };
+    actions: {
+        onSubmit: (callbacks?: CompensationSubmitCallbacks, options?: CompensationSubmitOptions) => Promise<HookSubmitResult<Compensation | undefined> | undefined>;
+    };
+}
+export declare function useCompensationForm({ employeeId, withStartDateField, jobId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseCompensationFormProps): HookLoadingResult | UseCompensationFormReady;
+export type UseCompensationFormResult = HookLoadingResult | UseCompensationFormReady;
+export type CompensationFieldsMetadata = UseCompensationFormReady['form']['fieldsMetadata'];
+export type CompensationFormFields = UseCompensationFormReady['form']['Fields'];

package/dist/components/{UNSTABLE_Hooks/hooks → Employee/Compensation/shared}/useCompensationForm/useCompensationForm.js

@@ -9,16 +9,16 @@ import { useLocationsGetMinimumWages as Ae } from "@gusto/embedded-api/react-que
 import { useEmployeeAddressesGetWorkAddresses as Te } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
 import { useEmployeesGet as Ne } from "@gusto/embedded-api/react-query/employeesGet";
 import { useFederalTaxDetailsGet as we } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
-import { withOptions as S } from "../../form/withOptions.js";
-import { createGetFormSubmissionValues as je } from "../../form/getFormSubmissionValues.js";
-import { useDeriveFieldsMetadata as Ie } from "../../form/useDeriveFieldsMetadata.js";
-import { createCompensationSchema as Le } from "./compensationSchema.js";
-import { StateWcClassCodeField as Re, StateWcCoveredField as Je, TwoPercentShareholderField as _e, MinimumWageIdField as Ve, AdjustForMinimumWageField as Ye, PaymentUnitField as qe, RateField as He, FlsaStatusField as ke, JobTitleField as Xe, StartDateField as xe } from "./fields.js";
-import { useErrorHandling as Ge } from "../../../../hooks/useErrorHandling.js";
-import { PAY_PERIODS as u, FlsaStatus as a, TIP_CREDITS_UNSUPPORTED_STATES as Ke } from "../../../../shared/constants.js";
-import { useBaseSubmit as Qe } from "../../../Base/useBaseSubmit.js";
-import { SDKInternalError as Z } from "../../../../types/sdkError.js";
-import { WA_RISK_CLASS_CODES as ee } from "../../../../models/WA_RISK_CODES.js";
+import { createCompensationSchema as je } from "./compensationSchema.js";
+import { StateWcClassCodeField as Ie, StateWcCoveredField as Le, TwoPercentShareholderField as Re, MinimumWageIdField as Je, AdjustForMinimumWageField as _e, PaymentUnitField as Ve, RateField as Ye, FlsaStatusField as qe, JobTitleField as He, StartDateField as ke } from "./fields.js";
+import { withOptions as S } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { createGetFormSubmissionValues as Xe } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { useDeriveFieldsMetadata as xe } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { composeErrorHandler as Ge } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { PAY_PERIODS as u, FlsaStatus as a, TIP_CREDITS_UNSUPPORTED_STATES as Ke } from "../../../../../shared/constants.js";
+import { useBaseSubmit as Qe } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as Z } from "../../../../../types/sdkError.js";
+import { WA_RISK_CLASS_CODES as ee } from "../../../../../models/WA_RISK_CODES.js";
 function $e(e) {
   return e?.compensations?.find((d) => d.uuid === e.currentCompensationUuid);
 }
@@ -68,7 +68,7 @@ function Ot({
     if (n)
       return Be(n);
   }, [n]), b = !o, _ = b ? "create" : "update", [V, ie] = M(
-    () => Le({ mode: _, optionalFieldsToRequire: f, withStartDateField: d }),
+    () => je({ mode: _, optionalFieldsToRequire: f, withStartDateField: d }),
     [_, f, d]
   ), D = j?.state, re = o?.hireDate, y = {
     jobTitle: o?.title || c?.jobTitle || "",
@@ -101,13 +101,17 @@ function Ot({
   Ee(() => {
     m === a.OWNER ? s.setValue("paymentUnit", u.PAYCHECK) : m === a.COMMISSION_ONLY_NONEXEMPT || m === a.COMMISSION_ONLY_EXEMPT ? (s.setValue("paymentUnit", u.YEAR), s.setValue("rate", 0)) : s.setValue("paymentUnit", y.paymentUnit);
   }, [m, s.setValue, y.paymentUnit]);
-  const Y = De(), q = Fe(), H = Pe(), le = Y.isPending || q.isPending || H.isPending, { baseSubmitHandler: ce, error: pe, setError: Ce } = Qe("CompensationForm"), k = Ge(e ? [E, O, U, F, P] : [], { error: pe, setError: Ce }), X = m === a.COMMISSION_ONLY_NONEXEMPT || m === a.COMMISSION_ONLY_EXEMPT, fe = m === a.OWNER, Se = m !== a.NONEXEMPT || o?.primary === !0 || b, A = m === a.NONEXEMPT && W.length > 0 && D !== void 0 && !Ke.includes(D), v = D === "WA", We = W.map((t) => ({
+  const Y = De(), q = Fe(), H = Pe(), le = Y.isPending || q.isPending || H.isPending, {
+    baseSubmitHandler: ce,
+    error: pe,
+    setError: Ce
+  } = Qe("CompensationForm"), k = Ge(e ? [E, O, U, F, P] : [], { submitError: pe, setSubmitError: Ce }), X = m === a.COMMISSION_ONLY_NONEXEMPT || m === a.COMMISSION_ONLY_EXEMPT, fe = m === a.OWNER, Se = m !== a.NONEXEMPT || o?.primary === !0 || b, A = m === a.NONEXEMPT && W.length > 0 && D !== void 0 && !Ke.includes(D), v = D === "WA", We = W.map((t) => ({
     value: t.uuid,
     label: `${t.wage} - ${t.authority}: ${t.notes ?? ""}`
   })), be = ee.map(({ code: t, description: g }) => ({
     value: t,
     label: `${t}: ${g}`
-  })), i = Ie(ie, s.control), ye = {
+  })), i = xe(ie, s.control), ye = {
     startDate: i.startDate,
     jobTitle: i.jobTitle,
     flsaStatus: S(
@@ -235,20 +239,20 @@ function Ot({
     errorHandling: k,
     form: {
       Fields: {
-        StartDate: d ? xe : void 0,
-        JobTitle: Xe,
-        FlsaStatus: Se ? ke : void 0,
-        Rate: He,
-        PaymentUnit: qe,
-        AdjustForMinimumWage: A ? Ye : void 0,
-        MinimumWageId: A && de ? Ve : void 0,
-        TwoPercentShareholder: J ? _e : void 0,
-        StateWcCovered: v ? Je : void 0,
-        StateWcClassCode: v && ue ? Re : void 0
+        StartDate: d ? ke : void 0,
+        JobTitle: He,
+        FlsaStatus: Se ? qe : void 0,
+        Rate: Ye,
+        PaymentUnit: Ve,
+        AdjustForMinimumWage: A ? _e : void 0,
+        MinimumWageId: A && de ? Je : void 0,
+        TwoPercentShareholder: J ? Re : void 0,
+        StateWcCovered: v ? Le : void 0,
+        StateWcClassCode: v && ue ? Ie : void 0
       },
       fieldsMetadata: ye,
       hookFormInternals: { formMethods: s },
-      getFormSubmissionValues: je(s, V)
+      getFormSubmissionValues: Xe(s, V)
     }
   };
 }