@gusto/embedded-react-sdk 0.55.7 → 0.55.8

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

@@ -1,160 +1,168 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { useTranslation as S } from "react-i18next";
-import { useContractorsUpdateOnboardingStatusMutation as L } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
-import { useContractorsGetOnboardingStatusSuspense as w } from "@gusto/embedded-api/react-query/contractorsGetOnboardingStatus";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as _ } from "react-i18next";
+import { useContractorsUpdateOnboardingStatusMutation as w } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
+import { useContractorsGetOnboardingStatusSuspense as M } from "@gusto/embedded-api/react-query/contractorsGetOnboardingStatus";
 import { useContractorsGetSuspense as N } from "@gusto/embedded-api/react-query/contractorsGet";
-import { useContractorDocumentsGetAllSuspense as M } from "@gusto/embedded-api/react-query/contractorDocumentsGetAll";
-import { useContractorDocumentsGetPdf as q } from "@gusto/embedded-api/react-query/contractorDocumentsGetPdf";
-import { SubmitDone as G } from "./SubmitDone.js";
-import { Flex as l, FlexItem as P } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as j } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as k, useComponentDictionary as H } from "../../../i18n/I18n.js";
-import { BaseComponent as W } from "../../Base/Base.js";
-import { useBase as F } from "../../Base/useBase.js";
-import { ContractorOnboardingStatus as O, componentEvents as C } from "../../../shared/constants.js";
-import { firstLastName as V } from "../../../helpers/formattedStrings.js";
-import { W9_DOCUMENT_NAME as T } from "../Documents/shared/SignatureForm/useContractorSignatureForm/w9Fields.js";
-import { useContractorHasSignedW9 as z } from "../shared/useContractorHasSignedW9.js";
-function Ct(n) {
-  return /* @__PURE__ */ t(W, { ...n, children: /* @__PURE__ */ t(J, { ...n, children: n.children }) });
+import { useContractorDocumentsGetAllSuspense as q } from "@gusto/embedded-api/react-query/contractorDocumentsGetAll";
+import { useContractorDocumentsGetPdf as G } from "@gusto/embedded-api/react-query/contractorDocumentsGetPdf";
+import { SubmitDone as P } from "./SubmitDone.js";
+import { Flex as l, FlexItem as j } from "../../Common/Flex/Flex.js";
+import { ActionsLayout as k } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as H, useComponentDictionary as W } from "../../../i18n/I18n.js";
+import { BaseComponent as F } from "../../Base/Base.js";
+import { useBase as V } from "../../Base/useBase.js";
+import { ContractorOnboardingStatus as S, componentEvents as p } from "../../../shared/constants.js";
+import { firstLastName as z } from "../../../helpers/formattedStrings.js";
+import { W9_DOCUMENT_NAME as R } from "../Documents/shared/SignatureForm/useContractorSignatureForm/w9Fields.js";
+import { useContractorHasSignedW9 as J } from "../shared/useContractorHasSignedW9.js";
+function gt(e) {
+  return /* @__PURE__ */ t(F, { ...e, children: /* @__PURE__ */ t(K, { ...e, children: e.children }) });
 }
-const J = ({ contractorId: n, selfOnboarding: c, dictionary: r }) => {
-  k("Contractor.Submit"), H("Contractor.Submit", r);
-  const { Alert: d, Button: u, Heading: i, UnorderedList: m } = h(), { t: e } = S("Contractor.Submit"), { onEvent: o, baseSubmitHandler: s } = F(), g = Object.values(e("warningItems", { returnObjects: !0 })), { data: b } = w({
-    contractorUuid: n
-  }), p = b.contractorOnboardingStatus?.onboardingStatus, { data: R } = N({ contractorUuid: n }), D = R.contractor, x = D?.type === "Individual" ? D.firstName : D?.businessName, { data: A } = M({
-    contractorUuid: n
-  }), _ = (A.documents ?? []).filter(
+const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r }) => {
+  H("Contractor.Submit"), W("Contractor.Submit", u);
+  const { Alert: c, Button: m, Heading: i, UnorderedList: d } = g(), { t: n } = _("Contractor.Submit"), { onEvent: o, baseSubmitHandler: C } = V(), h = Object.values(n("warningItems", { returnObjects: !0 })), { data: b } = M({
+    contractorUuid: e
+  }), D = b.contractorOnboardingStatus?.onboardingStatus, { data: x } = N({ contractorUuid: e }), O = x.contractor, A = O?.type === "Individual" ? O.firstName : O?.businessName, { data: U } = q({
+    contractorUuid: e
+  }), T = (U.documents ?? []).filter(
     (f) => f.requiresSigning && !f.signedAt
-  ), U = _.some((f) => f.name === T), { mutateAsync: B, isPending: E } = L(), v = async () => {
-    await s(null, async () => {
-      const f = await B({
+  ), B = T.some((f) => f.name === R), { mutateAsync: E, isPending: v } = w(), y = async () => {
+    await C(null, async () => {
+      const f = await E({
         request: {
-          contractorUuid: n,
+          contractorUuid: e,
           contractorOnboardingStatusUpdateRequestBody: {
-            onboardingStatus: O.ONBOARDING_COMPLETED
+            onboardingStatus: S.ONBOARDING_COMPLETED
           }
         }
       });
       o(
-        C.CONTRACTOR_ONBOARDING_STATUS_UPDATED,
+        p.CONTRACTOR_ONBOARDING_STATUS_UPDATED,
         f.contractorOnboardingStatus
-      ), o(C.CONTRACTOR_SUBMIT_DONE, { message: e("submitDone.successMessage") });
-    });
-  }, y = () => {
-    o(C.CONTRACTOR_INVITE_CONTRACTOR, { contractorId: n }), o(C.CONTRACTOR_SUBMIT_DONE, {
-      message: e("inviteContractor.successMessage")
+      ), o(p.CONTRACTOR_SUBMIT_DONE, { message: n("submitDone.successMessage") });
     });
   }, I = () => {
-    o(C.CONTRACTOR_SUBMIT_DONE, {
-      onboardingStatus: p,
-      message: e("submitDone.successMessage")
+    o(p.CONTRACTOR_INVITE_CONTRACTOR, { contractorId: e }), o(p.CONTRACTOR_SUBMIT_DONE, {
+      message: n("inviteContractor.successMessage")
+    });
+  }, L = () => {
+    o(p.CONTRACTOR_SUBMIT_DONE, {
+      onboardingStatus: D,
+      message: n("submitDone.successMessage")
     });
   };
-  return p === O.ONBOARDING_COMPLETED ? /* @__PURE__ */ t(G, { onDone: I }) : p === O.SELF_ONBOARDING_NOT_INVITED && c ? /* @__PURE__ */ t(X, { onSubmit: y, contractorId: n }) : /* @__PURE__ */ a(l, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(i, { as: "h2", children: e("heading") }) }),
+  return D === S.ONBOARDING_COMPLETED ? /* @__PURE__ */ t(P, { onDone: L, className: r }) : D === S.SELF_ONBOARDING_NOT_INVITED && a ? /* @__PURE__ */ t(
+    Y,
+    {
+      onSubmit: I,
+      contractorId: e,
+      className: r
+    }
+  ) : /* @__PURE__ */ s(l, { className: r, flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(i, { as: "h2", children: n("heading") }) }),
     /* @__PURE__ */ t(
-      K,
+      Q,
       {
-        contractorId: n,
-        documentsToCollect: _,
-        contractorName: x,
-        hasW9: U
+        contractorId: e,
+        documentsToCollect: T,
+        contractorName: A,
+        hasW9: B
       }
     ),
-    /* @__PURE__ */ a(l, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ t(d, { status: "warning", label: e("title"), children: /* @__PURE__ */ t(m, { items: g }) }),
-      /* @__PURE__ */ t(j, { justifyContent: "end", children: /* @__PURE__ */ t(u, { title: e("submitCta"), onClick: v, isLoading: E, children: e("submitCta") }) })
+    /* @__PURE__ */ s(l, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ t(c, { status: "warning", label: n("title"), children: /* @__PURE__ */ t(d, { items: h }) }),
+      /* @__PURE__ */ t(k, { justifyContent: "end", children: /* @__PURE__ */ t(m, { title: n("submitCta"), onClick: y, isLoading: v, children: n("submitCta") }) })
     ] })
   ] });
-}, K = ({
-  contractorId: n,
-  documentsToCollect: c,
-  contractorName: r,
-  hasW9: d
+}, Q = ({
+  contractorId: e,
+  documentsToCollect: a,
+  contractorName: u,
+  hasW9: r
 }) => {
-  const u = z(n), { Alert: i, Box: m, BoxHeader: e } = h(), { t: o } = S("Contractor.Submit");
-  return u || c.length === 0 ? null : /* @__PURE__ */ t(
-    m,
+  const c = J(e), { Alert: m, Box: i, BoxHeader: d } = g(), { t: n } = _("Contractor.Submit");
+  return c || a.length === 0 ? null : /* @__PURE__ */ t(
+    i,
     {
       header: /* @__PURE__ */ t(
-        e,
+        d,
         {
-          title: o("documentRequirements.title"),
-          description: o("documentRequirements.description", { contractorName: r })
+          title: n("documentRequirements.title"),
+          description: n("documentRequirements.description", { contractorName: u })
         }
       ),
-      children: /* @__PURE__ */ a(l, { flexDirection: "column", gap: 16, children: [
-        c.map((s) => {
-          const g = s.name === T, b = g ? o("documentRequirements.documents.taxpayer_identification_form_w_9.title") : s.title ?? "", p = g ? o("documentRequirements.documents.taxpayer_identification_form_w_9.description") : s.description ?? "";
+      children: /* @__PURE__ */ s(l, { flexDirection: "column", gap: 16, children: [
+        a.map((o) => {
+          const C = o.name === R, h = C ? n("documentRequirements.documents.taxpayer_identification_form_w_9.title") : o.title ?? "", b = C ? n("documentRequirements.documents.taxpayer_identification_form_w_9.description") : o.description ?? "";
           return /* @__PURE__ */ t(
-            Q,
+            X,
             {
-              title: b,
-              description: p,
-              document: s,
-              downloadLabel: o("documentRequirements.downloadCta")
+              title: h,
+              description: b,
+              document: o,
+              downloadLabel: n("documentRequirements.downloadCta")
             },
-            s.uuid
+            o.uuid
           );
         }),
-        d && /* @__PURE__ */ t(i, { status: "info", label: o("documentRequirements.alertLabel") })
+        r && /* @__PURE__ */ t(m, { status: "info", label: n("documentRequirements.alertLabel") })
       ] })
     }
   );
-}, Q = ({
-  title: n,
-  description: c,
-  document: r,
-  downloadLabel: d
+}, X = ({
+  title: e,
+  description: a,
+  document: u,
+  downloadLabel: r
 }) => {
-  const { Text: u, Button: i } = h(), m = r?.uuid, { data: e, isLoading: o } = q(
-    { documentUuid: m ?? "" },
-    { enabled: !!m }
-  ), s = e?.documentPdf?.documentUrl ?? null;
-  return /* @__PURE__ */ a(l, { gap: 16, justifyContent: "space-between", alignItems: "center", children: [
-    /* @__PURE__ */ a(l, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ t(u, { weight: "medium", children: n }),
-      /* @__PURE__ */ t(u, { variant: "supporting", children: c })
+  const { Text: c, Button: m } = g(), i = u?.uuid, { data: d, isLoading: n } = G(
+    { documentUuid: i ?? "" },
+    { enabled: !!i }
+  ), o = d?.documentPdf?.documentUrl ?? null;
+  return /* @__PURE__ */ s(l, { gap: 16, justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ s(l, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ t(c, { weight: "medium", children: e }),
+      /* @__PURE__ */ t(c, { variant: "supporting", children: a })
     ] }),
-    (o || s) && /* @__PURE__ */ t(
-      i,
+    (n || o) && /* @__PURE__ */ t(
+      m,
       {
         variant: "secondary",
-        isLoading: o,
+        isLoading: n,
         onClick: () => {
-          s && window.open(s, "_blank", "noopener,noreferrer");
+          o && window.open(o, "_blank", "noopener,noreferrer");
         },
-        children: d
+        children: r
       }
     )
   ] });
-}, X = ({
-  onSubmit: n,
-  contractorId: c
+}, Y = ({
+  onSubmit: e,
+  contractorId: a,
+  className: u
 }) => {
-  const { t: r } = S("Contractor.Submit", { keyPrefix: "inviteContractor" }), { Button: d, Heading: u, Text: i } = h(), { data: m } = N({ contractorUuid: c }), e = m.contractor;
-  return /* @__PURE__ */ a(l, { flexDirection: "column", children: [
-    /* @__PURE__ */ t(u, { as: "h2", children: r("title") }),
+  const { t: r } = _("Contractor.Submit", { keyPrefix: "inviteContractor" }), { Button: c, Heading: m, Text: i } = g(), { data: d } = N({ contractorUuid: a }), n = d.contractor;
+  return /* @__PURE__ */ s(l, { className: u, flexDirection: "column", children: [
+    /* @__PURE__ */ t(m, { as: "h2", children: r("title") }),
     /* @__PURE__ */ t(i, { children: r("description") }),
-    /* @__PURE__ */ a(l, { flexDirection: "column", children: [
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ t(i, { children: V({
-          first_name: e?.firstName,
-          last_name: e?.lastName
+    /* @__PURE__ */ s(l, { flexDirection: "column", children: [
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ t(i, { children: z({
+          first_name: n?.firstName,
+          last_name: n?.lastName
         }) }),
-        /* @__PURE__ */ t(i, { children: e?.email })
+        /* @__PURE__ */ t(i, { children: n?.email })
       ] }),
-      /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ t(i, { children: r("startDateLabel") }),
-        /* @__PURE__ */ t(i, { children: e?.startDate })
+        /* @__PURE__ */ t(i, { children: n?.startDate })
       ] })
     ] }),
-    /* @__PURE__ */ t(d, { title: r("inviteCta"), onClick: n, children: r("inviteCta") })
+    /* @__PURE__ */ t(c, { title: r("inviteCta"), onClick: e, children: r("inviteCta") })
   ] });
 };
 export {
-  Ct as ContractorSubmit
+  gt as ContractorSubmit
 };
 //# 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 { useContractorDocumentsGetAllSuspense } from '@gusto/embedded-api/react-query/contractorDocumentsGetAll'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { W9_DOCUMENT_NAME } from '@/components/Contractor/Documents/shared/SignatureForm/useContractorSignatureForm/w9Fields'\nimport { useContractorHasSignedW9 } from '@/components/Contractor/shared/useContractorHasSignedW9'\n\n/**\n * Props for {@link ContractorSubmit}.\n *\n * @public\n */\nexport interface ContractorSubmitProps extends BaseComponentInterface<'Contractor.Submit'> {\n  /** UUID of the contractor being submitted. */\n  contractorId: string\n  /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */\n  selfOnboarding?: boolean\n}\n\n/**\n * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/invite/selfOnboarding` | The invite action was triggered for a self-onboarding contractor. | `{ contractorId: string }` |\n * | `contractor/submit/done` | The submission step finished — fired after a successful status update, after an invite, or when the contractor was already onboarded. | `{ message: string }`, optionally with `onboardingStatus` when the contractor was already completed. |\n *\n * @param props - See {@link ContractorSubmitProps}.\n * @returns The rendered submission step.\n * @public\n */\nexport function ContractorSubmit(props: ContractorSubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, selfOnboarding, dictionary }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Button, 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 { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n  const contractorName =\n    contractor?.type === 'Individual' ? contractor.firstName : contractor?.businessName\n\n  const { data: documentsData } = useContractorDocumentsGetAllSuspense({\n    contractorUuid: contractorId,\n  })\n  const documentsToCollect = (documentsData.documents ?? []).filter(\n    d => d.requiresSigning && !d.signedAt,\n  )\n  const hasW9 = documentsToCollect.some(d => d.name === W9_DOCUMENT_NAME)\n\n  const { mutateAsync, isPending } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n          },\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      <ContractorSubmitDocuments\n        contractorId={contractorId}\n        documentsToCollect={documentsToCollect}\n        contractorName={contractorName}\n        hasW9={hasW9}\n      />\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} isLoading={isPending}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst ContractorSubmitDocuments = ({\n  contractorId,\n  documentsToCollect,\n  contractorName,\n  hasW9,\n}: {\n  contractorId: string\n  documentsToCollect: Document[]\n  contractorName: string | null | undefined\n  hasW9: boolean\n}) => {\n  const hasSignedW9 = useContractorHasSignedW9(contractorId)\n  const { Alert, Box, BoxHeader } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  // If the contractor already signed a W-9 during self-onboarding, we don't\n  // show manual collection instructions.\n  if (hasSignedW9) {\n    return null\n  }\n\n  if (documentsToCollect.length === 0) {\n    return null\n  }\n\n  return (\n    <Box\n      header={\n        <BoxHeader\n          title={t('documentRequirements.title')}\n          description={t('documentRequirements.description', { contractorName })}\n        />\n      }\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        {documentsToCollect.map(document => {\n          const isW9 = document.name === W9_DOCUMENT_NAME\n          const title = isW9\n            ? t('documentRequirements.documents.taxpayer_identification_form_w_9.title')\n            : (document.title ?? '')\n          const description = isW9\n            ? t('documentRequirements.documents.taxpayer_identification_form_w_9.description')\n            : (document.description ?? '')\n          return (\n            <DocumentRequirementItem\n              key={document.uuid}\n              title={title}\n              description={description}\n              document={document}\n              downloadLabel={t('documentRequirements.downloadCta')}\n            />\n          )\n        })}\n        {hasW9 && <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>}\n      </Flex>\n    </Box>\n  )\n}\n\nconst DocumentRequirementItem = ({\n  title,\n  description,\n  document,\n  downloadLabel,\n}: {\n  title: string\n  description: string\n  document: Document | undefined\n  downloadLabel: string\n}) => {\n  const { Text, Button } = useComponentContext()\n  const documentUuid = document?.uuid\n  const { data: pdfData, isLoading: isPdfLoading } = useContractorDocumentsGetPdf(\n    { documentUuid: documentUuid ?? '' },\n    { enabled: Boolean(documentUuid) },\n  )\n  const pdfUrl = pdfData?.documentPdf?.documentUrl ?? null\n\n  return (\n    <Flex gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4}>\n        <Text weight=\"medium\">{title}</Text>\n        <Text variant=\"supporting\">{description}</Text>\n      </Flex>\n      {(isPdfLoading || pdfUrl) && (\n        <Button\n          variant=\"secondary\"\n          isLoading={isPdfLoading}\n          onClick={() => {\n            if (pdfUrl) window.open(pdfUrl, '_blank', 'noopener,noreferrer')\n          }}\n        >\n          {downloadLabel}\n        </Button>\n      )}\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","Button","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","contractorData","useContractorsGetSuspense","contractor","contractorName","documentsData","useContractorDocumentsGetAllSuspense","documentsToCollect","d","hasW9","W9_DOCUMENT_NAME","mutateAsync","isPending","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Flex","FlexItem","ContractorSubmitDocuments","ActionsLayout","hasSignedW9","useContractorHasSignedW9","Box","BoxHeader","document","isW9","title","description","DocumentRequirementItem","downloadLabel","Text","documentUuid","pdfData","isPdfLoading","useContractorDocumentsGetPdf","pdfUrl","firstLastName"],"mappings":";;;;;;;;;;;;;;;;;;AA2CO,SAASA,GAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,cAAAC,GAAc,gBAAAC,GAAgB,YAAAC,QAAwC;AACpF,EAAAC,EAAQ,mBAAmB,GAC3BC,EAAuB,qBAAqBF,CAAU;AACtD,QAAM,EAAE,OAAAG,GAAO,QAAAC,GAAQ,SAAAC,GAAS,eAAAC,EAAA,IAAkBC,EAAA,GAC5C,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjCC,IAAQ,OAAO,OAAOL,EAAE,gBAAgB,EAAE,eAAe,GAAA,CAAM,CAAC,GAEhE,EAAE,MAAAM,EAAA,IAASC,EAA0C;AAAA,IACzD,gBAAgBjB;AAAA,EAAA,CACjB,GACKkB,IAAmBF,EAAK,4BAA4B,kBAEpD,EAAE,MAAMG,EAAA,IAAmBC,EAA0B,EAAE,gBAAgBpB,GAAc,GACrFqB,IAAaF,EAAe,YAC5BG,IACJD,GAAY,SAAS,eAAeA,EAAW,YAAYA,GAAY,cAEnE,EAAE,MAAME,EAAA,IAAkBC,EAAqC;AAAA,IACnE,gBAAgBxB;AAAA,EAAA,CACjB,GACKyB,KAAsBF,EAAc,aAAa,CAAA,GAAI;AAAA,IACzD,CAAAG,MAAKA,EAAE,mBAAmB,CAACA,EAAE;AAAA,EAAA,GAEzBC,IAAQF,EAAmB,KAAK,CAAAC,MAAKA,EAAE,SAASE,CAAgB,GAEhE,EAAE,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAA,GAE7BC,IAAW,YAAY;AAC3B,UAAMnB,EAAkB,MAAM,YAAY;AACxC,YAAMoB,IAAW,MAAMJ,EAAY;AAAA,QACjC,SAAS;AAAA,UACP,gBAAgB7B;AAAA,UAChB,6CAA6C;AAAA,YAC3C,kBAAkBkC,EAA2B;AAAA,UAAA;AAAA,QAC/C;AAAA,MACF,CACD;AACD,MAAAtB;AAAA,QACEuB,EAAgB;AAAA,QAChBF,EAAS;AAAA,MAAA,GAEXrB,EAAQuB,EAAgB,wBAAwB,EAAE,SAASzB,EAAE,2BAA2B,GAAG;AAAA,IAC7F,CAAC;AAAA,EACH,GACM0B,IAAyB,MAAM;AACnC,IAAAxB,EAAQuB,EAAgB,8BAA8B,EAAE,cAAAnC,EAAA,CAAc,GACtEY,EAAQuB,EAAgB,wBAAwB;AAAA,MAC9C,SAASzB,EAAE,iCAAiC;AAAA,IAAA,CAC7C;AAAA,EACH,GAEM2B,IAAmB,MAAM;AAC7B,IAAAzB,EAAQuB,EAAgB,wBAAwB;AAAA,MAC9C,kBAAAjB;AAAA,MACA,SAASR,EAAE,2BAA2B;AAAA,IAAA,CACvC;AAAA,EACH;AAEA,SAAIQ,MAAqBgB,EAA2B,uBAC3C,gBAAArC,EAACyC,GAAA,EAAW,QAAQD,EAAA,CAAkB,IAG7CnB,MAAqBgB,EAA2B,+BAChDjC,IAEO,gBAAAJ,EAAC0C,GAAA,EAAiB,UAAUH,GAAwB,cAAApC,EAAA,CAA4B,IAIvF,gBAAAwC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAA5C,EAAC6C,GAAA,EACC,4BAACnC,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,SAAS,GAAE,EAAA,CACjC;AAAA,IAEA,gBAAAb;AAAA,MAAC8C;AAAA,MAAA;AAAA,QACC,cAAA3C;AAAA,QACA,oBAAAyB;AAAA,QACA,gBAAAH;AAAA,QACA,OAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAA5C,EAACQ,GAAA,EAAM,QAAO,WAAU,OAAOK,EAAE,OAAO,GACtC,UAAA,gBAAAb,EAACW,GAAA,EAAc,OAAAO,EAAA,CAAc,EAAA,CAC/B;AAAA,wBACC6B,GAAA,EAAc,gBAAe,OAC5B,UAAA,gBAAA/C,EAACS,KAAO,OAAOI,EAAE,WAAW,GAAG,SAASsB,GAAU,WAAWF,GAC1D,UAAApB,EAAE,WAAW,GAChB,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAEMiC,IAA4B,CAAC;AAAA,EACjC,cAAA3C;AAAA,EACA,oBAAAyB;AAAA,EACA,gBAAAH;AAAA,EACA,OAAAK;AACF,MAKM;AACJ,QAAMkB,IAAcC,EAAyB9C,CAAY,GACnD,EAAE,OAAAK,GAAO,KAAA0C,GAAK,WAAAC,EAAA,IAAcvC,EAAA,GAC5B,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB;AAQhD,SAJIkC,KAIApB,EAAmB,WAAW,IACzB,OAIP,gBAAA5B;AAAA,IAACkD;AAAA,IAAA;AAAA,MACC,QACE,gBAAAlD;AAAA,QAACmD;AAAA,QAAA;AAAA,UACC,OAAOtC,EAAE,4BAA4B;AAAA,UACrC,aAAaA,EAAE,oCAAoC,EAAE,gBAAAY,GAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,MAIzE,UAAA,gBAAAkB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAhB,EAAmB,IAAI,CAAAwB,MAAY;AAClC,gBAAMC,IAAOD,EAAS,SAASrB,GACzBuB,IAAQD,IACVxC,EAAE,uEAAuE,IACxEuC,EAAS,SAAS,IACjBG,IAAcF,IAChBxC,EAAE,6EAA6E,IAC9EuC,EAAS,eAAe;AAC7B,iBACE,gBAAApD;AAAA,YAACwD;AAAA,YAAA;AAAA,cAEC,OAAAF;AAAA,cACA,aAAAC;AAAA,cACA,UAAAH;AAAA,cACA,eAAevC,EAAE,kCAAkC;AAAA,YAAA;AAAA,YAJ9CuC,EAAS;AAAA,UAAA;AAAA,QAOpB,CAAC;AAAA,QACAtB,uBAAUtB,GAAA,EAAM,QAAO,QAAO,OAAOK,EAAE,iCAAiC,EAAA,CAAG;AAAA,MAAA,EAAA,CAC9E;AAAA,IAAA;AAAA,EAAA;AAGN,GAEM2C,IAA0B,CAAC;AAAA,EAC/B,OAAAF;AAAA,EACA,aAAAC;AAAA,EACA,UAAAH;AAAA,EACA,eAAAK;AACF,MAKM;AACJ,QAAM,EAAE,MAAAC,GAAM,QAAAjD,EAAA,IAAWG,EAAA,GACnB+C,IAAeP,GAAU,MACzB,EAAE,MAAMQ,GAAS,WAAWC,MAAiBC;AAAA,IACjD,EAAE,cAAcH,KAAgB,GAAA;AAAA,IAChC,EAAE,SAAS,EAAQA,EAAY;AAAA,EAAE,GAE7BI,IAASH,GAAS,aAAa,eAAe;AAEpD,2BACGhB,GAAA,EAAK,KAAK,IAAI,gBAAe,iBAAgB,YAAW,UACvD,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAA5C,EAAC0D,GAAA,EAAK,QAAO,UAAU,UAAAJ,GAAM;AAAA,MAC7B,gBAAAtD,EAAC0D,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAA,CAAY;AAAA,IAAA,GAC1C;AAAA,KACEM,KAAgBE,MAChB,gBAAA/D;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAWoD;AAAA,QACX,SAAS,MAAM;AACb,UAAIE,KAAQ,OAAO,KAAKA,GAAQ,UAAU,qBAAqB;AAAA,QACjE;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ,GAEMf,IAAmB,CAAC;AAAA,EACxB,UAAAP;AAAA,EACA,cAAAhC;AACF,MAGM;AACJ,QAAM,EAAE,GAAAU,MAAMC,EAAe,qBAAqB,EAAE,WAAW,oBAAoB,GAC7E,EAAE,QAAAL,GAAQ,SAAAC,GAAS,MAAAgD,EAAA,IAAS9C,EAAA,GAE5B,EAAE,MAAMU,EAAA,IAAmBC,EAA0B,EAAE,gBAAgBpB,GAAc,GACrFqB,IAAaF,EAAe;AAElC,SACE,gBAAAqB,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,IAAA,gBAAA5C,EAACU,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,OAAO,GAAE;AAAA,IAC7B,gBAAAb,EAAC0D,GAAA,EAAM,UAAA7C,EAAE,aAAa,EAAA,CAAE;AAAA,IACxB,gBAAA8B,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAA3C,EAAC0D,KACE,UAAAM,EAAc;AAAA,UACb,YAAYxC,GAAY;AAAA,UACxB,WAAWA,GAAY;AAAA,QAAA,CACxB,GACH;AAAA,QACA,gBAAAxB,EAAC0D,GAAA,EAAM,UAAAlC,GAAY,MAAA,CAAM;AAAA,MAAA,GAC3B;AAAA,wBACC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAxB,EAAC0D,GAAA,EAAM,UAAA7C,EAAE,gBAAgB,EAAA,CAAE;AAAA,QAC3B,gBAAAb,EAAC0D,GAAA,EAAM,UAAAlC,GAAY,UAAA,CAAU;AAAA,MAAA,EAAA,CAC/B;AAAA,IAAA,GACF;AAAA,IACA,gBAAAxB,EAACS,GAAA,EAAO,OAAOI,EAAE,WAAW,GAAG,SAASsB,GACrC,UAAAtB,EAAE,WAAW,EAAA,CAChB;AAAA,EAAA,GACF;AAEJ;"}
+{"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 { useContractorDocumentsGetAllSuspense } from '@gusto/embedded-api/react-query/contractorDocumentsGetAll'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { W9_DOCUMENT_NAME } from '@/components/Contractor/Documents/shared/SignatureForm/useContractorSignatureForm/w9Fields'\nimport { useContractorHasSignedW9 } from '@/components/Contractor/shared/useContractorHasSignedW9'\n\n/**\n * Props for {@link ContractorSubmit}.\n *\n * @public\n */\nexport interface ContractorSubmitProps extends BaseComponentInterface<'Contractor.Submit'> {\n  /** UUID of the contractor being submitted. */\n  contractorId: string\n  /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */\n  selfOnboarding?: boolean\n}\n\n/**\n * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/invite/selfOnboarding` | The invite action was triggered for a self-onboarding contractor. | `{ contractorId: string }` |\n * | `contractor/submit/done` | The submission step finished — fired after a successful status update, after an invite, or when the contractor was already onboarded. | `{ message: string }`, optionally with `onboardingStatus` when the contractor was already completed. |\n *\n * @param props - See {@link ContractorSubmitProps}.\n * @returns The rendered submission step.\n * @public\n */\nexport function ContractorSubmit(props: ContractorSubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, selfOnboarding, dictionary, className }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Button, 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 { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n  const contractorName =\n    contractor?.type === 'Individual' ? contractor.firstName : contractor?.businessName\n\n  const { data: documentsData } = useContractorDocumentsGetAllSuspense({\n    contractorUuid: contractorId,\n  })\n  const documentsToCollect = (documentsData.documents ?? []).filter(\n    d => d.requiresSigning && !d.signedAt,\n  )\n  const hasW9 = documentsToCollect.some(d => d.name === W9_DOCUMENT_NAME)\n\n  const { mutateAsync, isPending } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n          },\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} className={className} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return (\n      <InviteContractor\n        onSubmit={handleInviteContractor}\n        contractorId={contractorId}\n        className={className}\n      />\n    )\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      <ContractorSubmitDocuments\n        contractorId={contractorId}\n        documentsToCollect={documentsToCollect}\n        contractorName={contractorName}\n        hasW9={hasW9}\n      />\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} isLoading={isPending}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst ContractorSubmitDocuments = ({\n  contractorId,\n  documentsToCollect,\n  contractorName,\n  hasW9,\n}: {\n  contractorId: string\n  documentsToCollect: Document[]\n  contractorName: string | null | undefined\n  hasW9: boolean\n}) => {\n  const hasSignedW9 = useContractorHasSignedW9(contractorId)\n  const { Alert, Box, BoxHeader } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  // If the contractor already signed a W-9 during self-onboarding, we don't\n  // show manual collection instructions.\n  if (hasSignedW9) {\n    return null\n  }\n\n  if (documentsToCollect.length === 0) {\n    return null\n  }\n\n  return (\n    <Box\n      header={\n        <BoxHeader\n          title={t('documentRequirements.title')}\n          description={t('documentRequirements.description', { contractorName })}\n        />\n      }\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        {documentsToCollect.map(document => {\n          const isW9 = document.name === W9_DOCUMENT_NAME\n          const title = isW9\n            ? t('documentRequirements.documents.taxpayer_identification_form_w_9.title')\n            : (document.title ?? '')\n          const description = isW9\n            ? t('documentRequirements.documents.taxpayer_identification_form_w_9.description')\n            : (document.description ?? '')\n          return (\n            <DocumentRequirementItem\n              key={document.uuid}\n              title={title}\n              description={description}\n              document={document}\n              downloadLabel={t('documentRequirements.downloadCta')}\n            />\n          )\n        })}\n        {hasW9 && <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>}\n      </Flex>\n    </Box>\n  )\n}\n\nconst DocumentRequirementItem = ({\n  title,\n  description,\n  document,\n  downloadLabel,\n}: {\n  title: string\n  description: string\n  document: Document | undefined\n  downloadLabel: string\n}) => {\n  const { Text, Button } = useComponentContext()\n  const documentUuid = document?.uuid\n  const { data: pdfData, isLoading: isPdfLoading } = useContractorDocumentsGetPdf(\n    { documentUuid: documentUuid ?? '' },\n    { enabled: Boolean(documentUuid) },\n  )\n  const pdfUrl = pdfData?.documentPdf?.documentUrl ?? null\n\n  return (\n    <Flex gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4}>\n        <Text weight=\"medium\">{title}</Text>\n        <Text variant=\"supporting\">{description}</Text>\n      </Flex>\n      {(isPdfLoading || pdfUrl) && (\n        <Button\n          variant=\"secondary\"\n          isLoading={isPdfLoading}\n          onClick={() => {\n            if (pdfUrl) window.open(pdfUrl, '_blank', 'noopener,noreferrer')\n          }}\n        >\n          {downloadLabel}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n  className,\n}: {\n  onSubmit: () => void\n  contractorId: string\n  /** CSS class name applied to the root element. */\n  className?: 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 className={className} 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","className","useI18n","useComponentDictionary","Alert","Button","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","contractorData","useContractorsGetSuspense","contractor","contractorName","documentsData","useContractorDocumentsGetAllSuspense","documentsToCollect","d","hasW9","W9_DOCUMENT_NAME","mutateAsync","isPending","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","Flex","FlexItem","ContractorSubmitDocuments","jsxs","ActionsLayout","hasSignedW9","useContractorHasSignedW9","Box","BoxHeader","document","isW9","title","description","DocumentRequirementItem","downloadLabel","Text","documentUuid","pdfData","isPdfLoading","useContractorDocumentsGetPdf","pdfUrl","firstLastName"],"mappings":"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"}

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

@@ -1,20 +1,20 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as l } from "../../../i18n/I18n.js";
+import { useTranslation as s } from "react-i18next";
+import { useComponentContext as l } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as p } from "../../../i18n/I18n.js";
 import { Flex as e } from "../../Common/Flex/Flex.js";
-const g = ({ onDone: r }) => {
-  l("Contractor.Submit");
-  const { Button: i, Heading: c, Text: m } = s(), { t: n } = a("Contractor.Submit");
-  return /* @__PURE__ */ o(e, { flexDirection: "column", gap: 20, alignItems: "center", children: [
+const h = ({ onDone: r, className: i }) => {
+  p("Contractor.Submit");
+  const { Button: c, Heading: m, Text: a } = l(), { t: n } = s("Contractor.Submit");
+  return /* @__PURE__ */ o(e, { className: i, flexDirection: "column", gap: 20, alignItems: "center", children: [
     /* @__PURE__ */ o(e, { flexDirection: "column", gap: 4, alignItems: "center", children: [
-      /* @__PURE__ */ t(c, { as: "h2", children: n("doneTitle") }),
-      /* @__PURE__ */ t(m, { variant: "supporting", children: n("doneDescription") })
+      /* @__PURE__ */ t(m, { as: "h2", children: n("doneTitle") }),
+      /* @__PURE__ */ t(a, { variant: "supporting", children: n("doneDescription") })
     ] }),
-    /* @__PURE__ */ t(i, { variant: "secondary", onClick: r, children: n("doneCta") })
+    /* @__PURE__ */ t(c, { variant: "secondary", onClick: r, children: n("doneCta") })
   ] });
 };
 export {
-  g as SubmitDone
+  h as SubmitDone
 };
 //# sourceMappingURL=SubmitDone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitDone.js","sources":["../../../../src/components/Contractor/Submit/SubmitDone.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex'\n\ninterface SubmitDoneProps {\n  onDone: () => void\n}\n\n/** @internal */\nexport const SubmitDone = ({ onDone }: SubmitDoneProps) => {\n  useI18n('Contractor.Submit')\n  const { Button, Heading, Text } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20} alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n        <Heading as=\"h2\">{t('doneTitle')}</Heading>\n        <Text variant=\"supporting\">{t('doneDescription')}</Text>\n      </Flex>\n      <Button variant=\"secondary\" onClick={onDone}>\n        {t('doneCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["SubmitDone","onDone","useI18n","Button","Heading","Text","useComponentContext","t","useTranslation","Flex","jsxs","jsx"],"mappings":";;;;;AAUO,MAAMA,IAAa,CAAC,EAAE,QAAAC,QAA8B;AACzD,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAC5B,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB;AAEhD,2BACGC,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,UAC/C,UAAA;AAAA,IAAA,gBAAAC,EAACD,KAAK,eAAc,UAAS,KAAK,GAAG,YAAW,UAC9C,UAAA;AAAA,MAAA,gBAAAE,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,WAAW,GAAE;AAAA,wBAChCF,GAAA,EAAK,SAAQ,cAAc,UAAAE,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IACA,gBAAAI,EAACR,KAAO,SAAQ,aAAY,SAASF,GAClC,UAAAM,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SubmitDone.js","sources":["../../../../src/components/Contractor/Submit/SubmitDone.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex'\n\ninterface SubmitDoneProps {\n  onDone: () => void\n  /** CSS class name applied to the root element. */\n  className?: string\n}\n\n/** @internal */\nexport const SubmitDone = ({ onDone, className }: SubmitDoneProps) => {\n  useI18n('Contractor.Submit')\n  const { Button, Heading, Text } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={20} alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n        <Heading as=\"h2\">{t('doneTitle')}</Heading>\n        <Text variant=\"supporting\">{t('doneDescription')}</Text>\n      </Flex>\n      <Button variant=\"secondary\" onClick={onDone}>\n        {t('doneCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["SubmitDone","onDone","className","useI18n","Button","Heading","Text","useComponentContext","t","useTranslation","jsxs","Flex","jsx"],"mappings":";;;;;AAYO,MAAMA,IAAa,CAAC,EAAE,QAAAC,GAAQ,WAAAC,QAAiC;AACpE,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAC5B,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB;AAEhD,SACE,gBAAAC,EAACC,KAAK,WAAAT,GAAsB,eAAc,UAAS,KAAK,IAAI,YAAW,UACrE,UAAA;AAAA,IAAA,gBAAAQ,EAACC,KAAK,eAAc,UAAS,KAAK,GAAG,YAAW,UAC9C,UAAA;AAAA,MAAA,gBAAAC,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,WAAW,GAAE;AAAA,wBAChCF,GAAA,EAAK,SAAQ,cAAc,UAAAE,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IACA,gBAAAI,EAACR,KAAO,SAAQ,aAAY,SAASH,GAClC,UAAAO,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,42 +1,44 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { EditCompensation as s } from "../../onboarding/EditCompensation/EditCompensation.js";
-import { useManagementCompensationDictionary as M } from "../useManagementCompensationDictionary.js";
-import { BaseBoundaries as C } from "../../../../Base/Base.js";
+import { useTranslation as s } from "react-i18next";
+import { EditCompensation as M } from "../../onboarding/EditCompensation/EditCompensation.js";
+import { useManagementCompensationDictionary as C } from "../useManagementCompensationDictionary.js";
+import { BaseBoundaries as _ } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
-import { useComponentDictionary as _, useI18n as N } from "../../../../../i18n/I18n.js";
+import { useComponentDictionary as N, useI18n as O } from "../../../../../i18n/I18n.js";
 import { componentEvents as t } from "../../../../../shared/constants.js";
-function y({
+function P({
   dictionary: n,
   LoaderComponent: o,
   ...e
 }) {
-  return _("Employee.Management.Compensation", n), /* @__PURE__ */ m(
-    C,
+  return N("Employee.Management.Compensation", n), /* @__PURE__ */ m(
+    _,
     {
       componentName: "Employee.Management.Compensation",
       LoaderComponent: o,
-      children: /* @__PURE__ */ m(O, { ...e, LoaderComponent: o })
+      children: /* @__PURE__ */ m(c, { ...e, LoaderComponent: o })
     }
   );
 }
-function O({
+function c({
   employeeId: n,
   onEvent: o,
-  LoaderComponent: e
+  LoaderComponent: e,
+  className: a
 }) {
-  N("Employee.Management.Compensation");
-  const { t: i } = p("Employee.Management.Compensation"), a = M();
+  O("Employee.Management.Compensation");
+  const { t: i } = s("Employee.Management.Compensation"), r = C();
   return /* @__PURE__ */ m(
-    s,
+    M,
     {
       employeeId: n,
       title: i("addJobTitle"),
       submitCtaLabel: i("saveNewJobCta"),
-      dictionary: a,
+      dictionary: r,
       LoaderComponent: e,
-      onEvent: (r, E) => {
-        r === t.EMPLOYEE_COMPENSATION_UPDATED && o(t.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, E);
+      className: a,
+      onEvent: (E, p) => {
+        E === t.EMPLOYEE_COMPENSATION_UPDATED && o(t.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, p);
       },
       onCancel: () => {
         o(t.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED);
@@ -45,6 +47,6 @@ function O({
   );
 }
 export {
-  y as CompensationAddJobForm
+  P as CompensationAddJobForm
 };
 //# sourceMappingURL=CompensationAddJobForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompensationAddJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EditCompensation } from '../../onboarding/EditCompensation/EditCompensation'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport { BaseBoundaries, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddJobForm}.\n *\n * @public\n */\nexport interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone form for adding an employee's first job and compensation from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddJobFormProps}.\n * @returns The rendered add-job form.\n * @public\n * @group Block components\n */\nexport function CompensationAddJobForm({\n  dictionary,\n  LoaderComponent,\n  ...props\n}: CompensationAddJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      LoaderComponent={LoaderComponent}\n    >\n      <Root {...props} LoaderComponent={LoaderComponent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  onEvent,\n  LoaderComponent,\n}: Omit<CompensationAddJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const editCompensationDictionary = useManagementCompensationDictionary()\n\n  return (\n    <EditCompensation\n      employeeId={employeeId}\n      title={t('addJobTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      dictionary={editCompensationDictionary}\n      LoaderComponent={LoaderComponent}\n      onEvent={(type, data) => {\n        // The onboarding EditCompensation fires its own job/compensation events;\n        // the management block exposes a single scoped \"submitted\" event keyed off\n        // the compensation save (the terminal step of the create chain).\n        if (type === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, data)\n        }\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED)\n      }}\n    />\n  )\n}\n"],"names":["CompensationAddJobForm","dictionary","LoaderComponent","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onEvent","useI18n","t","useTranslation","editCompensationDictionary","useManagementCompensationDictionary","EditCompensation","type","data","componentEvents"],"mappings":";;;;;;;;AAwCO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAJ;AAAA,MAEA,UAAA,gBAAAG,EAACE,GAAA,EAAM,GAAGJ,GAAO,iBAAAD,EAAA,CAAkC;AAAA,IAAA;AAAA,EAAA;AAGzD;AAEA,SAASK,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAP;AACF,GAAoD;AAClD,EAAAQ,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAA6BC,EAAA;AAEnC,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,YAAAP;AAAA,MACA,OAAOG,EAAE,aAAa;AAAA,MACtB,gBAAgBA,EAAE,eAAe;AAAA,MACjC,YAAYE;AAAA,MACZ,iBAAAX;AAAA,MACA,SAAS,CAACc,GAAMC,MAAS;AAIvB,QAAID,MAASE,EAAgB,iCAC3BT,EAAQS,EAAgB,yDAAyDD,CAAI;AAAA,MAEzF;AAAA,MACA,UAAU,MAAM;AACd,QAAAR,EAAQS,EAAgB,uDAAuD;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CompensationAddJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EditCompensation } from '../../onboarding/EditCompensation/EditCompensation'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport { BaseBoundaries, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddJobForm}.\n *\n * @public\n */\nexport interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone form for adding an employee's first job and compensation from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddJobFormProps}.\n * @returns The rendered add-job form.\n * @public\n * @group Block components\n */\nexport function CompensationAddJobForm({\n  dictionary,\n  LoaderComponent,\n  ...props\n}: CompensationAddJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      LoaderComponent={LoaderComponent}\n    >\n      <Root {...props} LoaderComponent={LoaderComponent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  onEvent,\n  LoaderComponent,\n  className,\n}: Omit<CompensationAddJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const editCompensationDictionary = useManagementCompensationDictionary()\n\n  return (\n    <EditCompensation\n      employeeId={employeeId}\n      title={t('addJobTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      dictionary={editCompensationDictionary}\n      LoaderComponent={LoaderComponent}\n      className={className}\n      onEvent={(type, data) => {\n        // The onboarding EditCompensation fires its own job/compensation events;\n        // the management block exposes a single scoped \"submitted\" event keyed off\n        // the compensation save (the terminal step of the create chain).\n        if (type === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, data)\n        }\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED)\n      }}\n    />\n  )\n}\n"],"names":["CompensationAddJobForm","dictionary","LoaderComponent","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onEvent","className","useI18n","t","useTranslation","editCompensationDictionary","useManagementCompensationDictionary","EditCompensation","type","data","componentEvents"],"mappings":";;;;;;;;AAwCO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAJ;AAAA,MAEA,UAAA,gBAAAG,EAACE,GAAA,EAAM,GAAGJ,GAAO,iBAAAD,EAAA,CAAkC;AAAA,IAAA;AAAA,EAAA;AAGzD;AAEA,SAASK,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAP;AAAA,EACA,WAAAQ;AACF,GAAoD;AAClD,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAA6BC,EAAA;AAEnC,SACE,gBAAAV;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,YAAAR;AAAA,MACA,OAAOI,EAAE,aAAa;AAAA,MACtB,gBAAgBA,EAAE,eAAe;AAAA,MACjC,YAAYE;AAAA,MACZ,iBAAAZ;AAAA,MACA,WAAAQ;AAAA,MACA,SAAS,CAACO,GAAMC,MAAS;AAIvB,QAAID,MAASE,EAAgB,iCAC3BV,EAAQU,EAAgB,yDAAyDD,CAAI;AAAA,MAEzF;AAAA,MACA,UAAU,MAAM;AACd,QAAAT,EAAQU,EAAgB,uDAAuD;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,26 +1,27 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useJobsAndCompensationsGetJobs as f } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
-import { getPendingCompensationChanges as u } from "../../shared/getPendingCompensationChanges.js";
-import { CompensationEditJobForm as d } from "../CompensationEditJobForm/CompensationEditJobForm.js";
-import { CompensationEditPendingJobForm as b } from "../CompensationEditPendingJobForm/CompensationEditPendingJobForm.js";
-import { BaseLayout as g } from "../../../../Base/Base.js";
+import { useJobsAndCompensationsGetJobs as u } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { getPendingCompensationChanges as d } from "../../shared/getPendingCompensationChanges.js";
+import { CompensationEditJobForm as b } from "../CompensationEditJobForm/CompensationEditJobForm.js";
+import { CompensationEditPendingJobForm as g } from "../CompensationEditPendingJobForm/CompensationEditPendingJobForm.js";
+import { BaseLayout as J } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
 import { composeErrorHandler as c } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-function H({
+function h({
   employeeId: o,
   jobId: i,
   onEvent: e,
   dictionary: p,
-  LoaderComponent: n
+  LoaderComponent: n,
+  className: f
 }) {
-  const r = f({ employeeId: o }, { enabled: !!o });
+  const r = u({ employeeId: o }, { enabled: !!o });
   if (r.isLoading || !r.data) {
     const m = c([r]);
-    return /* @__PURE__ */ a(g, { isLoading: !0, error: m.errors, LoaderComponent: n });
+    return /* @__PURE__ */ a(J, { isLoading: !0, error: m.errors, LoaderComponent: n });
   }
-  const t = r.data.jobs?.find((m) => m.uuid === i), s = u(t ? [t] : [])[0];
+  const t = r.data.jobs?.find((m) => m.uuid === i), s = d(t ? [t] : [])[0];
   return s ? /* @__PURE__ */ a(
-    b,
+    g,
     {
       employeeId: o,
       jobId: i,
@@ -29,20 +30,22 @@ function H({
       isPrimaryJob: t?.primary ?? !1,
       onEvent: e,
       dictionary: p,
-      LoaderComponent: n
+      LoaderComponent: n,
+      className: f
     }
   ) : /* @__PURE__ */ a(
-    d,
+    b,
     {
       employeeId: o,
       jobId: i,
       onEvent: e,
       dictionary: p,
-      LoaderComponent: n
+      LoaderComponent: n,
+      className: f
     }
   );
 }
 export {
-  H as CompensationEditForm
+  h as CompensationEditForm
 };
 //# sourceMappingURL=CompensationEditForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompensationEditForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.tsx"],"sourcesContent":["import { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { getPendingCompensationChanges } from '../../shared/getPendingCompensationChanges'\nimport { CompensationEditJobForm } from '../CompensationEditJobForm/CompensationEditJobForm'\nimport { CompensationEditPendingJobForm } from '../CompensationEditPendingJobForm/CompensationEditPendingJobForm'\nimport { BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationEditForm}.\n *\n * @public\n */\nexport interface CompensationEditFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /**\n   * The id of the job whose compensation is being edited (for example, the `jobId` from the\n   * {@link CompensationCard} `employee/management/compensation/card/editRequested` payload).\n   * The form inspects the job's compensations to decide whether to edit the current\n   * compensation or an already-scheduled future-dated change.\n   */\n  jobId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationEditForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone form that edits the compensation for a single job, branching automatically between editing the current compensation and an already-scheduled future-dated change.\n *\n * @remarks\n * Pair with {@link CompensationCard} to route its `employee/management/compensation/card/editRequested` event to this form. {@link Compensation} bundles the card, the three form surfaces (edit, add job, add another job), and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/editForm/submitted` | Fired after the compensation change is saved; use it to return to the card | The updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationEditFormProps}.\n * @returns The rendered compensation edit form.\n * @public\n * @group Block components\n */\nexport function CompensationEditForm({\n  employeeId,\n  jobId,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: CompensationEditFormProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n\n  // The API does not guarantee ordering of job.compensations, so rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate)\n  // to find the nearest pending change.\n  const nearestPending = getPendingCompensationChanges(job ? [job] : [])[0]\n\n  if (nearestPending) {\n    return (\n      <CompensationEditPendingJobForm\n        employeeId={employeeId}\n        jobId={jobId}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={job?.primary ?? false}\n        onEvent={onEvent}\n        dictionary={dictionary}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  return (\n    <CompensationEditJobForm\n      employeeId={employeeId}\n      jobId={jobId}\n      onEvent={onEvent}\n      dictionary={dictionary}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["CompensationEditForm","employeeId","jobId","onEvent","dictionary","LoaderComponent","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","nearestPending","getPendingCompensationChanges","jsx","CompensationEditPendingJobForm","CompensationEditJobForm"],"mappings":";;;;;;;;AAgDO,SAASA,EAAqB;AAAA,EACnC,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,GAA8B;AAC5B,QAAMC,IAAYC,EAA+B,EAAE,YAAAN,EAAA,GAAc,EAAE,SAAS,CAAC,CAACA,GAAY;AAE1F,MAAIK,EAAU,aAAa,CAACA,EAAU,MAAM;AAC1C,UAAME,IAAgBC,EAAoB,CAACH,CAAS,CAAC;AACrD,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ,iBAAAH,GAAkC;AAAA,EAC9F;AAEA,QAAMM,IAAML,EAAU,KAAK,MAAM,KAAK,CAAAM,MAAKA,EAAE,SAASV,CAAK,GAKrDW,IAAiBC,EAA8BH,IAAM,CAACA,CAAG,IAAI,CAAA,CAAE,EAAE,CAAC;AAExE,SAAIE,IAEA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAf;AAAA,MACA,OAAAC;AAAA,MACA,gBAAgBW,EAAe;AAAA,MAC/B,UAAUA,EAAe;AAAA,MACzB,cAAcF,GAAK,WAAW;AAAA,MAC9B,SAAAR;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAhB;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CompensationEditForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.tsx"],"sourcesContent":["import { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { getPendingCompensationChanges } from '../../shared/getPendingCompensationChanges'\nimport { CompensationEditJobForm } from '../CompensationEditJobForm/CompensationEditJobForm'\nimport { CompensationEditPendingJobForm } from '../CompensationEditPendingJobForm/CompensationEditPendingJobForm'\nimport { BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationEditForm}.\n *\n * @public\n */\nexport interface CompensationEditFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /**\n   * The id of the job whose compensation is being edited (for example, the `jobId` from the\n   * {@link CompensationCard} `employee/management/compensation/card/editRequested` payload).\n   * The form inspects the job's compensations to decide whether to edit the current\n   * compensation or an already-scheduled future-dated change.\n   */\n  jobId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationEditForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone form that edits the compensation for a single job, branching automatically between editing the current compensation and an already-scheduled future-dated change.\n *\n * @remarks\n * Pair with {@link CompensationCard} to route its `employee/management/compensation/card/editRequested` event to this form. {@link Compensation} bundles the card, the three form surfaces (edit, add job, add another job), and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/editForm/submitted` | Fired after the compensation change is saved; use it to return to the card | The updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationEditFormProps}.\n * @returns The rendered compensation edit form.\n * @public\n * @group Block components\n */\nexport function CompensationEditForm({\n  employeeId,\n  jobId,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n  className,\n}: CompensationEditFormProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n\n  // The API does not guarantee ordering of job.compensations, so rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate)\n  // to find the nearest pending change.\n  const nearestPending = getPendingCompensationChanges(job ? [job] : [])[0]\n\n  if (nearestPending) {\n    return (\n      <CompensationEditPendingJobForm\n        employeeId={employeeId}\n        jobId={jobId}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={job?.primary ?? false}\n        onEvent={onEvent}\n        dictionary={dictionary}\n        LoaderComponent={LoaderComponent}\n        className={className}\n      />\n    )\n  }\n\n  return (\n    <CompensationEditJobForm\n      employeeId={employeeId}\n      jobId={jobId}\n      onEvent={onEvent}\n      dictionary={dictionary}\n      LoaderComponent={LoaderComponent}\n      className={className}\n    />\n  )\n}\n"],"names":["CompensationEditForm","employeeId","jobId","onEvent","dictionary","LoaderComponent","className","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","nearestPending","getPendingCompensationChanges","jsx","CompensationEditPendingJobForm","CompensationEditJobForm"],"mappings":";;;;;;;;AAgDO,SAASA,EAAqB;AAAA,EACnC,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,QAAMC,IAAYC,EAA+B,EAAE,YAAAP,EAAA,GAAc,EAAE,SAAS,CAAC,CAACA,GAAY;AAE1F,MAAIM,EAAU,aAAa,CAACA,EAAU,MAAM;AAC1C,UAAME,IAAgBC,EAAoB,CAACH,CAAS,CAAC;AACrD,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ,iBAAAJ,GAAkC;AAAA,EAC9F;AAEA,QAAMO,IAAML,EAAU,KAAK,MAAM,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAK,GAKrDY,IAAiBC,EAA8BH,IAAM,CAACA,CAAG,IAAI,CAAA,CAAE,EAAE,CAAC;AAExE,SAAIE,IAEA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAhB;AAAA,MACA,OAAAC;AAAA,MACA,gBAAgBY,EAAe;AAAA,MAC/B,UAAUA,EAAe;AAAA,MACzB,cAAcF,GAAK,WAAW;AAAA,MAC9B,SAAAT;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAjB;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}