@gusto/embedded-react-sdk 0.57.1 → 0.57.2

package/dist/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.js

@@ -4,16 +4,15 @@ import { useTranslation as f } from "react-i18next";
 import { useContractorDocumentsGetPdf as D } from "@gusto/embedded-api/react-query/contractorDocumentsGetPdf";
 import { requiresSignature as y } from "../../shared/documentSigningStatus.js";
 import { useContractorDocumentsList as S } from "../../shared/useContractorDocumentsList/useContractorDocumentsList.js";
-import "classnames";
-import { componentEvents as p } from "../../../../../shared/constants.js";
 import { Loading as w } from "../../../../Common/Loading/Loading.js";
-import { EmptyData as g } from "../../../../Common/EmptyData/EmptyData.js";
+import { EmptyData as p } from "../../../../Common/EmptyData/EmptyData.js";
 import { BaseBoundaries as E, BaseLayout as T } from "../../../../Base/Base.js";
 import { useComponentContext as C } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as M } from "../../../../../i18n/I18n.js";
+import { componentEvents as g } from "../../../../../shared/constants.js";
 import { useDataView as B } from "../../../../Common/DataView/useDataView.js";
 import { DataView as _ } from "../../../../Common/DataView/DataView.js";
-function j({ LoaderComponent: o, ...r }) {
+function I({ LoaderComponent: o, ...r }) {
   return /* @__PURE__ */ t(
     E,
     {
@@ -45,14 +44,14 @@ function N({ contractorId: o, onEvent: r, LoaderComponent: a }) {
     data: c,
     columns: d,
     itemMenu: (n) => n.uuid ? /* @__PURE__ */ t(x, { contractorId: o, documentUuid: n.uuid, onEvent: r }) : null,
-    emptyState: () => /* @__PURE__ */ t(g, { title: e("emptyState.title") })
+    emptyState: () => /* @__PURE__ */ t(p, { title: e("emptyState.title") })
   });
   return /* @__PURE__ */ t(T, { error: s.errorHandling.errors, LoaderComponent: a, children: /* @__PURE__ */ t(
     i.Box,
     {
       withPadding: !u,
       header: /* @__PURE__ */ t(i.BoxHeader, { title: e("title") }),
-      children: m ? /* @__PURE__ */ t(w, {}) : u ? /* @__PURE__ */ t(_, { label: e("listLabel"), isWithinBox: !0, ...l }) : /* @__PURE__ */ t(g, { title: e("emptyState.title") })
+      children: m ? /* @__PURE__ */ t(w, {}) : u ? /* @__PURE__ */ t(_, { label: e("listLabel"), isWithinBox: !0, ...l }) : /* @__PURE__ */ t(p, { title: e("emptyState.title") })
     }
   ) });
 }
@@ -62,13 +61,13 @@ function x({
   onEvent: a
 }) {
   const { t: e } = f("Contractor.Management.Documents"), i = C(), [s, m] = h(!1), { refetch: c } = D({ documentUuid: r }, { enabled: !1 }), u = async () => {
-    a(p.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
+    a(g.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
       contractorId: o,
       documentUuid: r
     }), m(!0);
     try {
       const { data: d } = await c(), l = d?.documentPdf?.documentUrl;
-      l && (window.open(l, "_blank", "noopener,noreferrer"), a(p.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {
+      l && (window.open(l, "_blank", "noopener,noreferrer"), a(g.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {
         contractorId: o,
         documentUuid: r
       }));
@@ -89,6 +88,6 @@ function x({
   );
 }
 export {
-  j as DocumentsCard
+  I as DocumentsCard
 };
 //# sourceMappingURL=DocumentsCard.js.map

package/dist/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { requiresSignature } from '../../shared/documentSigningStatus'\nimport { useContractorDocumentsList } from '../../shared/useContractorDocumentsList'\nimport { DataView, EmptyData, useDataView, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link DocumentsCard}.\n *\n * @public\n */\nexport interface DocumentsCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user views a document. */\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 read-only \"Documents\" card.\n *\n * @remarks\n * Fetches its own data via {@link useContractorDocumentsList} and renders a\n * table of the contractor's forms with a per-row \"View\" action that opens\n * the document's PDF in a new tab. Read-only — signing happens during\n * contractor onboarding, not from this surface.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/documents/card/viewRequested` | Fired when a document row's \"View\" button is clicked, before the PDF is fetched | `{ contractorId: string, documentUuid: string }` |\n * | `contractor/management/documents/card/viewed` | Fired after the PDF is fetched and opened in a new tab | `{ contractorId: string, documentUuid: string }` |\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The contractor documents card.\n * @public\n */\nexport function DocumentsCard({ LoaderComponent, ...props }: DocumentsCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Documents\"\n      LoaderComponent={LoaderComponent}\n    >\n      <DocumentsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ contractorId, onEvent, LoaderComponent }: DocumentsCardProps) {\n  useI18n('Contractor.Management.Documents')\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const documentsList = useContractorDocumentsList({ contractorId })\n\n  const isLoading = documentsList.isLoading\n  const documents = documentsList.isLoading ? [] : documentsList.data.documents\n  const isShowingTable = documents.length > 0\n\n  const columns = [\n    {\n      key: 'title',\n      title: t('nameColumn'),\n      render: (document: Document) => (\n        <Components.Text weight=\"medium\" size=\"sm\">\n          {document.title ?? document.name ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'description',\n      title: t('descriptionColumn'),\n      render: (document: Document) => (\n        <Components.Text variant=\"supporting\" size=\"sm\">\n          {document.description ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'signingStatus',\n      title: t('signingStatusColumn'),\n      render: (document: Document) =>\n        requiresSignature(document) ? (\n          <Components.Badge status=\"warning\">{t('signingStatus.notSigned')}</Components.Badge>\n        ) : (\n          <Components.Badge status=\"success\">{t('signingStatus.signed')}</Components.Badge>\n        ),\n    },\n  ]\n\n  const dataViewProps = useDataView({\n    data: documents,\n    columns,\n    itemMenu: document =>\n      document.uuid ? (\n        <ViewButton contractorId={contractorId} documentUuid={document.uuid} onEvent={onEvent} />\n      ) : null,\n    emptyState: () => <EmptyData title={t('emptyState.title')} />,\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isLoading ? (\n          <Loading />\n        ) : isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...dataViewProps} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n\nfunction ViewButton({\n  contractorId,\n  documentUuid,\n  onEvent,\n}: {\n  contractorId: string\n  documentUuid: string\n  onEvent: OnEventType<EventType, unknown>\n}) {\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const [isOpening, setIsOpening] = useState(false)\n  const { refetch } = useContractorDocumentsGetPdf({ documentUuid }, { enabled: false })\n\n  const handleView = async () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n      contractorId,\n      documentUuid,\n    })\n    setIsOpening(true)\n    try {\n      const { data } = await refetch()\n      const url = data?.documentPdf?.documentUrl\n      if (url) {\n        window.open(url, '_blank', 'noopener,noreferrer')\n        onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {\n          contractorId,\n          documentUuid,\n        })\n      }\n    } finally {\n      setIsOpening(false)\n    }\n  }\n\n  return (\n    <Components.Button\n      variant=\"secondary\"\n      onClick={() => {\n        void handleView()\n      }}\n      isLoading={isOpening}\n    >\n      {t('viewCta')}\n    </Components.Button>\n  )\n}\n"],"names":["DocumentsCard","LoaderComponent","props","jsx","BaseBoundaries","DocumentsCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","documentsList","useContractorDocumentsList","isLoading","documents","isShowingTable","columns","document","requiresSignature","dataViewProps","useDataView","ViewButton","EmptyData","BaseLayout","Loading","DataView","documentUuid","isOpening","setIsOpening","useState","refetch","useContractorDocumentsGetPdf","handleView","componentEvents","data","url"],"mappings":"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"}
+{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { requiresSignature } from '../../shared/documentSigningStatus'\nimport { useContractorDocumentsList } from '../../shared/useContractorDocumentsList'\nimport { DataView, EmptyData, useDataView, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link DocumentsCard}.\n *\n * @public\n */\nexport interface DocumentsCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user views a document. */\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 read-only \"Documents\" card.\n *\n * @remarks\n * Fetches its own data via {@link useContractorDocumentsList} and renders a\n * table of the contractor's forms with a per-row \"View\" action that opens\n * the document's PDF in a new tab. Read-only — signing happens during\n * contractor onboarding, not from this surface.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/documents/card/viewRequested` | Fired when a document row's \"View\" button is clicked, before the PDF is fetched | `{ contractorId: string, documentUuid: string }` |\n * | `contractor/management/documents/card/viewed` | Fired after the PDF is fetched and opened in a new tab | `{ contractorId: string, documentUuid: string }` |\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The contractor documents card.\n * @public\n */\nexport function DocumentsCard({ LoaderComponent, ...props }: DocumentsCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Documents\"\n      LoaderComponent={LoaderComponent}\n    >\n      <DocumentsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ contractorId, onEvent, LoaderComponent }: DocumentsCardProps) {\n  useI18n('Contractor.Management.Documents')\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const documentsList = useContractorDocumentsList({ contractorId })\n\n  const isLoading = documentsList.isLoading\n  const documents = documentsList.isLoading ? [] : documentsList.data.documents\n  const isShowingTable = documents.length > 0\n\n  const columns = [\n    {\n      key: 'title',\n      title: t('nameColumn'),\n      render: (document: Document) => (\n        <Components.Text weight=\"medium\" size=\"sm\">\n          {document.title ?? document.name ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'description',\n      title: t('descriptionColumn'),\n      render: (document: Document) => (\n        <Components.Text variant=\"supporting\" size=\"sm\">\n          {document.description ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'signingStatus',\n      title: t('signingStatusColumn'),\n      render: (document: Document) =>\n        requiresSignature(document) ? (\n          <Components.Badge status=\"warning\">{t('signingStatus.notSigned')}</Components.Badge>\n        ) : (\n          <Components.Badge status=\"success\">{t('signingStatus.signed')}</Components.Badge>\n        ),\n    },\n  ]\n\n  const dataViewProps = useDataView({\n    data: documents,\n    columns,\n    itemMenu: document =>\n      document.uuid ? (\n        <ViewButton contractorId={contractorId} documentUuid={document.uuid} onEvent={onEvent} />\n      ) : null,\n    emptyState: () => <EmptyData title={t('emptyState.title')} />,\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isLoading ? (\n          <Loading />\n        ) : isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...dataViewProps} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n\nfunction ViewButton({\n  contractorId,\n  documentUuid,\n  onEvent,\n}: {\n  contractorId: string\n  documentUuid: string\n  onEvent: OnEventType<EventType, unknown>\n}) {\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const [isOpening, setIsOpening] = useState(false)\n  const { refetch } = useContractorDocumentsGetPdf({ documentUuid }, { enabled: false })\n\n  const handleView = async () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n      contractorId,\n      documentUuid,\n    })\n    setIsOpening(true)\n    try {\n      const { data } = await refetch()\n      const url = data?.documentPdf?.documentUrl\n      if (url) {\n        window.open(url, '_blank', 'noopener,noreferrer')\n        onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {\n          contractorId,\n          documentUuid,\n        })\n      }\n    } finally {\n      setIsOpening(false)\n    }\n  }\n\n  return (\n    <Components.Button\n      variant=\"secondary\"\n      onClick={() => {\n        void handleView()\n      }}\n      isLoading={isOpening}\n    >\n      {t('viewCta')}\n    </Components.Button>\n  )\n}\n"],"names":["DocumentsCard","LoaderComponent","props","jsx","BaseBoundaries","DocumentsCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","documentsList","useContractorDocumentsList","isLoading","documents","isShowingTable","columns","document","requiresSignature","dataViewProps","useDataView","ViewButton","EmptyData","BaseLayout","Loading","DataView","documentUuid","isOpening","setIsOpening","useState","refetch","useContractorDocumentsGetPdf","handleView","componentEvents","data","url"],"mappings":"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"}

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js

@@ -1,8 +1,6 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { useTranslation as f } from "react-i18next";
 import { useContractorBankAccountForm as C } from "../useContractorBankAccountForm/useContractorBankAccountForm.js";
-import "classnames";
-import "../../../../../shared/constants.js";
 import { ActionsLayout as B } from "../../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as k } from "../../../../Common/Form/Form.js";
 import { BaseLayout as m } from "../../../../Base/Base.js";
@@ -11,16 +9,16 @@ import { SDKFormProvider as F } from "../../../../../partner-hook-utils/form/SDK
 import { useI18n as A, useComponentDictionary as h } from "../../../../../i18n/I18n.js";
 import { useComponentContext as y } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ContractorBankAccountFields as b } from "../ContractorBankAccountFields/ContractorBankAccountFields.js";
-function T({
+function K({
   contractorId: u,
   dictionary: t,
   onSaved: d,
   onCancel: n,
   LoaderComponent: i,
-  ...p
+  ...l
 }) {
   A("Contractor.BankAccountFields"), h("Contractor.BankAccountFields", t);
-  const o = C({ contractorId: u, ...p }), { t: c } = f("Contractor.BankAccountFields"), e = y();
+  const o = C({ contractorId: u, ...l }), { t: c } = f("Contractor.BankAccountFields"), e = y();
   if (o.isLoading)
     return /* @__PURE__ */ r(
       m,
@@ -30,11 +28,11 @@ function T({
         LoaderComponent: i
       }
     );
-  const l = async () => {
+  const p = async () => {
     const a = await o.actions.onSubmit();
     a && d(a.data);
   };
-  return /* @__PURE__ */ r(m, { error: o.errorHandling.errors, LoaderComponent: i, children: /* @__PURE__ */ r(F, { formHookResult: o, children: /* @__PURE__ */ s(k, { onSubmit: l, children: [
+  return /* @__PURE__ */ r(m, { error: o.errorHandling.errors, LoaderComponent: i, children: /* @__PURE__ */ r(F, { formHookResult: o, children: /* @__PURE__ */ s(k, { onSubmit: p, children: [
     /* @__PURE__ */ r(b, { bankAccountForm: o, dictionary: t }),
     /* @__PURE__ */ s(B, { children: [
       n && /* @__PURE__ */ r(e.Button, { variant: "secondary", type: "button", onClick: n, children: c("cancelCta") }),
@@ -43,6 +41,6 @@ function T({
   ] }) }) });
 }
 export {
-  T as ContractorBankAccountFormBody
+  K as ContractorBankAccountFormBody
 };
 //# sourceMappingURL=ContractorBankAccountFormBody.js.map

package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContractorBankAccountFormBody.js","sources":["../../../../../../src/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorBankAccount } from '@gusto/embedded-api/models/components/contractorbankaccount'\nimport { useContractorBankAccountForm } from '../useContractorBankAccountForm'\nimport type { UseContractorBankAccountFormProps } from '../useContractorBankAccountForm'\nimport {\n  ContractorBankAccountFields,\n  type ContractorBankAccountFieldsDictionary,\n} from '../ContractorBankAccountFields'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/** @internal */\nexport interface ContractorBankAccountFormBodyProps extends Omit<\n  UseContractorBankAccountFormProps,\n  'contractorId'\n> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /**\n   * Translation overrides for the form's strings. Each consuming surface\n   * passes the dictionary it resolved from its own namespace so a partner\n   * override on one surface doesn't leak into the other.\n   */\n  dictionary?: ContractorBankAccountFieldsDictionary\n  /** Called with the created bank account after a successful submit. */\n  onSaved: (bankAccount: ContractorBankAccount) => void\n  onCancel?: () => void\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 * Shared bank-account form body. Owns the `useContractorBankAccountForm`\n * composition, the shared field set, and the submit/cancel actions. Reads\n * its copy from the internal `Contractor.BankAccountFields` namespace;\n * consuming surfaces inject their own copy via the `dictionary` prop and map\n * the `onSaved`/`onCancel` callbacks onto their surface-specific events.\n *\n * @internal\n */\nexport function ContractorBankAccountFormBody({\n  contractorId,\n  dictionary,\n  onSaved,\n  onCancel,\n  LoaderComponent,\n  ...hookProps\n}: ContractorBankAccountFormBodyProps) {\n  useI18n('Contractor.BankAccountFields')\n  useComponentDictionary('Contractor.BankAccountFields', dictionary)\n  const bankAccountForm = useContractorBankAccountForm({ contractorId, ...hookProps })\n  const { t } = useTranslation('Contractor.BankAccountFields')\n  const Components = useComponentContext()\n\n  if (bankAccountForm.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={bankAccountForm.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={bankAccountForm.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <SDKFormProvider formHookResult={bankAccountForm}>\n        <Form onSubmit={handleSubmit}>\n          <ContractorBankAccountFields bankAccountForm={bankAccountForm} dictionary={dictionary} />\n          <ActionsLayout>\n            {onCancel && (\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n            )}\n            <Components.Button type=\"submit\" isLoading={bankAccountForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["ContractorBankAccountFormBody","contractorId","dictionary","onSaved","onCancel","LoaderComponent","hookProps","useI18n","useComponentDictionary","bankAccountForm","useContractorBankAccountForm","t","useTranslation","Components","useComponentContext","jsx","BaseLayout","handleSubmit","result","SDKFormProvider","jsxs","Form","ContractorBankAccountFields","ActionsLayout"],"mappings":";;;;;;;;;;;;;AA6CO,SAASA,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,EAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCN,CAAU;AACjE,QAAMO,IAAkBC,EAA6B,EAAE,cAAAT,GAAc,GAAGK,GAAW,GAC7E,EAAE,GAAAK,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,MAAIL,EAAgB;AAClB,WACE,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOP,EAAgB,cAAc;AAAA,QACrC,iBAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMY,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMT,EAAgB,QAAQ,SAAA;AAC7C,IAAIS,KACFf,EAAQe,EAAO,IAAI;AAAA,EAEvB;AAEA,SACE,gBAAAH,EAACC,GAAA,EAAW,OAAOP,EAAgB,cAAc,QAAQ,iBAAAJ,GACvD,UAAA,gBAAAU,EAACI,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,GAAA,EAAK,UAAUJ,GACd,UAAA;AAAA,IAAA,gBAAAF,EAACO,GAAA,EAA4B,iBAAAb,GAAkC,YAAAP,EAAA,CAAwB;AAAA,sBACtFqB,GAAA,EACE,UAAA;AAAA,MAAAnB,KACC,gBAAAW,EAACF,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,WAAW,EAAA,CAChB;AAAA,MAEF,gBAAAI,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,EAAgB,OAAO,WAChE,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"ContractorBankAccountFormBody.js","sources":["../../../../../../src/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorBankAccount } from '@gusto/embedded-api/models/components/contractorbankaccount'\nimport { useContractorBankAccountForm } from '../useContractorBankAccountForm'\nimport type { UseContractorBankAccountFormProps } from '../useContractorBankAccountForm'\nimport {\n  ContractorBankAccountFields,\n  type ContractorBankAccountFieldsDictionary,\n} from '../ContractorBankAccountFields'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/** @internal */\nexport interface ContractorBankAccountFormBodyProps extends Omit<\n  UseContractorBankAccountFormProps,\n  'contractorId'\n> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /**\n   * Translation overrides for the form's strings. Each consuming surface\n   * passes the dictionary it resolved from its own namespace so a partner\n   * override on one surface doesn't leak into the other.\n   */\n  dictionary?: ContractorBankAccountFieldsDictionary\n  /** Called with the created bank account after a successful submit. */\n  onSaved: (bankAccount: ContractorBankAccount) => void\n  onCancel?: () => void\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 * Shared bank-account form body. Owns the `useContractorBankAccountForm`\n * composition, the shared field set, and the submit/cancel actions. Reads\n * its copy from the internal `Contractor.BankAccountFields` namespace;\n * consuming surfaces inject their own copy via the `dictionary` prop and map\n * the `onSaved`/`onCancel` callbacks onto their surface-specific events.\n *\n * @internal\n */\nexport function ContractorBankAccountFormBody({\n  contractorId,\n  dictionary,\n  onSaved,\n  onCancel,\n  LoaderComponent,\n  ...hookProps\n}: ContractorBankAccountFormBodyProps) {\n  useI18n('Contractor.BankAccountFields')\n  useComponentDictionary('Contractor.BankAccountFields', dictionary)\n  const bankAccountForm = useContractorBankAccountForm({ contractorId, ...hookProps })\n  const { t } = useTranslation('Contractor.BankAccountFields')\n  const Components = useComponentContext()\n\n  if (bankAccountForm.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={bankAccountForm.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (result) {\n      onSaved(result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={bankAccountForm.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <SDKFormProvider formHookResult={bankAccountForm}>\n        <Form onSubmit={handleSubmit}>\n          <ContractorBankAccountFields bankAccountForm={bankAccountForm} dictionary={dictionary} />\n          <ActionsLayout>\n            {onCancel && (\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n            )}\n            <Components.Button type=\"submit\" isLoading={bankAccountForm.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["ContractorBankAccountFormBody","contractorId","dictionary","onSaved","onCancel","LoaderComponent","hookProps","useI18n","useComponentDictionary","bankAccountForm","useContractorBankAccountForm","t","useTranslation","Components","useComponentContext","jsx","BaseLayout","handleSubmit","result","SDKFormProvider","jsxs","Form","ContractorBankAccountFields","ActionsLayout"],"mappings":";;;;;;;;;;;AA6CO,SAASA,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,EAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCN,CAAU;AACjE,QAAMO,IAAkBC,EAA6B,EAAE,cAAAT,GAAc,GAAGK,GAAW,GAC7E,EAAE,GAAAK,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,MAAIL,EAAgB;AAClB,WACE,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOP,EAAgB,cAAc;AAAA,QACrC,iBAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMY,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMT,EAAgB,QAAQ,SAAA;AAC7C,IAAIS,KACFf,EAAQe,EAAO,IAAI;AAAA,EAEvB;AAEA,SACE,gBAAAH,EAACC,GAAA,EAAW,OAAOP,EAAgB,cAAc,QAAQ,iBAAAJ,GACvD,UAAA,gBAAAU,EAACI,GAAA,EAAgB,gBAAgBV,GAC/B,UAAA,gBAAAW,EAACC,GAAA,EAAK,UAAUJ,GACd,UAAA;AAAA,IAAA,gBAAAF,EAACO,GAAA,EAA4B,iBAAAb,GAAkC,YAAAP,EAAA,CAAwB;AAAA,sBACtFqB,GAAA,EACE,UAAA;AAAA,MAAAnB,KACC,gBAAAW,EAACF,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,WAAW,EAAA,CAChB;AAAA,MAEF,gBAAAI,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,EAAgB,OAAO,WAChE,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Contractor/Profile/management/ProfileCard/ProfileCard.js

@@ -1,60 +1,59 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { useTranslation as N } from "react-i18next";
-import "classnames";
-import { CONTRACTOR_TYPE as h, componentEvents as g } from "../../../../../shared/constants.js";
-import { Loading as P } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as T, BaseLayout as X } from "../../../../Base/Base.js";
-import { useComponentContext as v } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatDateLongWithYear as y } from "../../../../../helpers/dateFormatting.js";
-import { firstLastName as B } from "../../../../../helpers/formattedStrings.js";
-import { useI18n as D } from "../../../../../i18n/I18n.js";
+import { Loading as h } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as g, BaseLayout as P } from "../../../../Base/Base.js";
+import { useComponentContext as T } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatDateLongWithYear as X } from "../../../../../helpers/dateFormatting.js";
+import { firstLastName as v } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as y } from "../../../../../i18n/I18n.js";
+import { CONTRACTOR_TYPE as B, componentEvents as D } from "../../../../../shared/constants.js";
 import { useContractorProfileSummary as L } from "../../shared/useContractorProfileSummary/useContractorProfileSummary.js";
-function Y({ LoaderComponent: r, ...s }) {
-  return /* @__PURE__ */ o(T, { componentName: "Contractor.Management.Profile", LoaderComponent: r, children: /* @__PURE__ */ o(S, { LoaderComponent: r, ...s }) });
+function U({ LoaderComponent: r, ...s }) {
+  return /* @__PURE__ */ e(g, { componentName: "Contractor.Management.Profile", LoaderComponent: r, children: /* @__PURE__ */ e(S, { LoaderComponent: r, ...s }) });
 }
 function S({ contractorId: r, onEvent: s, LoaderComponent: l }) {
-  D("Contractor.Management.Profile");
-  const { t: e } = N("Contractor.Management.Profile"), n = v(), a = L({ contractorId: r }), m = a.isLoading, t = a.isLoading ? void 0 : a.data.contractor, c = t?.type === h.BUSINESS, d = t ? c ? t.businessName : B({
+  y("Contractor.Management.Profile");
+  const { t: o } = N("Contractor.Management.Profile"), n = T(), a = L({ contractorId: r }), m = a.isLoading, t = a.isLoading ? void 0 : a.data.contractor, c = t?.type === B.BUSINESS, d = t ? c ? t.businessName : v({
     first_name: t.firstName,
     middle_initial: t.middleInitial,
     last_name: t.lastName
-  }) : void 0, p = t ? y(t.startDate) : void 0, f = t?.hasSsn ? "XXX-XX-XXXX" : void 0, u = t?.hasEin ? t.ein ?? void 0 : void 0, i = /* @__PURE__ */ o("span", { "aria-label": e("listEmptyPlaceholder"), children: "–" }), C = t ? [
-    { term: e("legalName"), description: d || i },
-    { term: e("startDate"), description: p || i },
+  }) : void 0, p = t ? X(t.startDate) : void 0, f = t?.hasSsn ? "XXX-XX-XXXX" : void 0, u = t?.hasEin ? t.ein ?? void 0 : void 0, i = /* @__PURE__ */ e("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), C = t ? [
+    { term: o("legalName"), description: d || i },
+    { term: o("startDate"), description: p || i },
     c ? {
-      term: e("employerIdentificationNumber"),
+      term: o("employerIdentificationNumber"),
       description: u || i
     } : {
-      term: e("socialSecurityNumber"),
+      term: o("socialSecurityNumber"),
       description: f || i
     },
-    { term: e("email"), description: t.email || i }
+    { term: o("email"), description: t.email || i }
   ] : [], E = () => {
-    s(g.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId: r });
+    s(D.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId: r });
   };
-  return /* @__PURE__ */ o(X, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(P, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ e(
     n.Box,
     {
-      header: /* @__PURE__ */ o(
+      header: /* @__PURE__ */ e(
         n.BoxHeader,
         {
-          title: e("title"),
-          action: /* @__PURE__ */ o(
+          title: o("title"),
+          action: /* @__PURE__ */ e(
             n.Button,
             {
               variant: "secondary",
               onClick: E,
               isDisabled: m,
-              children: e("editCta")
+              children: o("editCta")
             }
           )
         }
       ),
-      children: m ? /* @__PURE__ */ o(P, {}) : t ? /* @__PURE__ */ o(n.DescriptionList, { items: C }) : null
+      children: m ? /* @__PURE__ */ e(h, {}) : t ? /* @__PURE__ */ e(n.DescriptionList, { items: C }) : null
     }
   ) });
 }
 export {
-  Y as ProfileCard
+  U as ProfileCard
 };
 //# sourceMappingURL=ProfileCard.js.map

package/dist/components/Contractor/Profile/management/ProfileCard/ProfileCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Contractor/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorProfileSummary } from '../../shared/useContractorProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link ProfileCard}.\n *\n * @public\n */\nexport interface ProfileCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user requests to edit the profile. */\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 * Read-only card showing a contractor's basic profile details with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |\n *\n * @param props - See {@link ProfileCardProps}.\n * @returns The basic-details profile card.\n * @public\n */\nexport function ProfileCard({ LoaderComponent, ...props }: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.Management.Profile\" LoaderComponent={LoaderComponent}>\n      <ProfileCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ contractorId, onEvent, LoaderComponent }: ProfileCardProps) {\n  useI18n('Contractor.Management.Profile')\n  const { t } = useTranslation('Contractor.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useContractorProfileSummary({ contractorId })\n\n  const isContractorLoading = profile.isLoading\n\n  const contractor = profile.isLoading ? undefined : profile.data.contractor\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n  const startDate = contractor ? formatDateLongWithYear(contractor.startDate) : undefined\n  const maskedSsn = contractor?.hasSsn ? 'XXX-XX-XXXX' : undefined\n  const maskedEin = contractor?.hasEin ? (contractor.ein ?? undefined) : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const profileItems = contractor\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        isBusiness\n          ? {\n              term: t('employerIdentificationNumber'),\n              description: maskedEin || emptyPlaceholder,\n            }\n          : {\n              term: t('socialSecurityNumber'),\n              description: maskedSsn || emptyPlaceholder,\n            },\n        { term: t('email'), description: contractor.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isContractorLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isContractorLoading ? (\n          <Loading />\n        ) : contractor ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","LoaderComponent","props","jsx","BaseBoundaries","ProfileCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useContractorProfileSummary","isContractorLoading","contractor","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","startDate","formatDateLongWithYear","maskedSsn","maskedEin","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;;AA4CO,SAASA,EAAY,EAAE,iBAAAC,GAAiB,GAAGC,KAA2B;AAC3E,SACE,gBAAAC,EAACC,GAAA,EAAe,eAAc,iCAAgC,iBAAAH,GAC5D,4BAACI,GAAA,EAAmB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO,EAAA,CACnE;AAEJ;AAEA,SAASG,EAAmB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAN,KAAqC;AACxF,EAAAO,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAUC,EAA4B,EAAE,cAAAR,GAAc,GAEtDS,IAAsBF,EAAQ,WAE9BG,IAAaH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,YAE1DI,IAAaD,GAAY,SAASE,EAAgB,UAElDC,IAAYH,IACdC,IACED,EAAW,eACXI,EAAc;AAAA,IACZ,YAAYJ,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,WAAWA,EAAW;AAAA,EAAA,CACvB,IACH,QACEK,IAAYL,IAAaM,EAAuBN,EAAW,SAAS,IAAI,QACxEO,IAAYP,GAAY,SAAS,gBAAgB,QACjDQ,IAAYR,GAAY,SAAUA,EAAW,OAAO,SAAa,QAEjES,IAAmB,gBAAAtB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEiB,IAAeV,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaU,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMhB,EAAE,WAAW,GAAG,aAAaY,KAAaI,EAAA;AAAA,IAClDR,IACI;AAAA,MACE,MAAMR,EAAE,8BAA8B;AAAA,MACtC,aAAae,KAAaC;AAAA,IAAA,IAE5B;AAAA,MACE,MAAMhB,EAAE,sBAAsB;AAAA,MAC9B,aAAac,KAAaE;AAAA,IAAA;AAAA,IAEhC,EAAE,MAAMhB,EAAE,OAAO,GAAG,aAAaO,EAAW,SAASS,EAAA;AAAA,EAAiB,IAExE,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAApB,EAAQqB,EAAgB,8CAA8C,EAAE,cAAAtB,EAAA,CAAc;AAAA,EACxF;AAEA,2BACGuB,GAAA,EAAW,OAAOhB,EAAQ,cAAc,QAAQ,iBAAAZ,GAC/C,UAAA,gBAAAE;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASgB;AAAA,cACT,YAAYZ;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAAC2B,GAAA,CAAA,CAAQ,IACPd,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOe,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Contractor/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorProfileSummary } from '../../shared/useContractorProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link ProfileCard}.\n *\n * @public\n */\nexport interface ProfileCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user requests to edit the profile. */\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 * Read-only card showing a contractor's basic profile details with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |\n *\n * @param props - See {@link ProfileCardProps}.\n * @returns The basic-details profile card.\n * @public\n */\nexport function ProfileCard({ LoaderComponent, ...props }: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.Management.Profile\" LoaderComponent={LoaderComponent}>\n      <ProfileCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ contractorId, onEvent, LoaderComponent }: ProfileCardProps) {\n  useI18n('Contractor.Management.Profile')\n  const { t } = useTranslation('Contractor.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useContractorProfileSummary({ contractorId })\n\n  const isContractorLoading = profile.isLoading\n\n  const contractor = profile.isLoading ? undefined : profile.data.contractor\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n  const startDate = contractor ? formatDateLongWithYear(contractor.startDate) : undefined\n  const maskedSsn = contractor?.hasSsn ? 'XXX-XX-XXXX' : undefined\n  const maskedEin = contractor?.hasEin ? (contractor.ein ?? undefined) : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const profileItems = contractor\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        isBusiness\n          ? {\n              term: t('employerIdentificationNumber'),\n              description: maskedEin || emptyPlaceholder,\n            }\n          : {\n              term: t('socialSecurityNumber'),\n              description: maskedSsn || emptyPlaceholder,\n            },\n        { term: t('email'), description: contractor.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isContractorLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isContractorLoading ? (\n          <Loading />\n        ) : contractor ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","LoaderComponent","props","jsx","BaseBoundaries","ProfileCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useContractorProfileSummary","isContractorLoading","contractor","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","startDate","formatDateLongWithYear","maskedSsn","maskedEin","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;AA4CO,SAASA,EAAY,EAAE,iBAAAC,GAAiB,GAAGC,KAA2B;AAC3E,SACE,gBAAAC,EAACC,GAAA,EAAe,eAAc,iCAAgC,iBAAAH,GAC5D,4BAACI,GAAA,EAAmB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO,EAAA,CACnE;AAEJ;AAEA,SAASG,EAAmB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAN,KAAqC;AACxF,EAAAO,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAUC,EAA4B,EAAE,cAAAR,GAAc,GAEtDS,IAAsBF,EAAQ,WAE9BG,IAAaH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,YAE1DI,IAAaD,GAAY,SAASE,EAAgB,UAElDC,IAAYH,IACdC,IACED,EAAW,eACXI,EAAc;AAAA,IACZ,YAAYJ,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,WAAWA,EAAW;AAAA,EAAA,CACvB,IACH,QACEK,IAAYL,IAAaM,EAAuBN,EAAW,SAAS,IAAI,QACxEO,IAAYP,GAAY,SAAS,gBAAgB,QACjDQ,IAAYR,GAAY,SAAUA,EAAW,OAAO,SAAa,QAEjES,IAAmB,gBAAAtB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEiB,IAAeV,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaU,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMhB,EAAE,WAAW,GAAG,aAAaY,KAAaI,EAAA;AAAA,IAClDR,IACI;AAAA,MACE,MAAMR,EAAE,8BAA8B;AAAA,MACtC,aAAae,KAAaC;AAAA,IAAA,IAE5B;AAAA,MACE,MAAMhB,EAAE,sBAAsB;AAAA,MAC9B,aAAac,KAAaE;AAAA,IAAA;AAAA,IAEhC,EAAE,MAAMhB,EAAE,OAAO,GAAG,aAAaO,EAAW,SAASS,EAAA;AAAA,EAAiB,IAExE,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAApB,EAAQqB,EAAgB,8CAA8C,EAAE,cAAAtB,EAAA,CAAc;AAAA,EACxF;AAEA,2BACGuB,GAAA,EAAW,OAAOhB,EAAQ,cAAc,QAAQ,iBAAAZ,GAC/C,UAAA,gBAAAE;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASgB;AAAA,cACT,YAAYZ;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAAC2B,GAAA,CAAA,CAAQ,IACPd,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOe,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/components/Contractor/Profile/management/ProfileEditForm.js

@@ -6,12 +6,12 @@ import { useContractorDetailsForm as y } from "../shared/useContractorDetailsFor
 import d from "./ProfileEditForm.module.scss.js";
 import { BaseBoundaries as P, BaseLayout as N } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { CONTRACTOR_TYPE as B, componentEvents as I } from "../../../../shared/constants.js";
-import { Grid as U } from "../../../Common/Grid/Grid.js";
-import { ActionsLayout as O } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as V } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as H } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useI18n as Q, useComponentDictionary as w } from "../../../../i18n/I18n.js";
+import { Grid as B } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as U } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as O } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as V } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useI18n as H, useComponentDictionary as Q } from "../../../../i18n/I18n.js";
+import { CONTRACTOR_TYPE as w, componentEvents as I } from "../../../../shared/constants.js";
 import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 function se({
   FallbackComponent: o,
@@ -35,7 +35,7 @@ function x({
   onEvent: c,
   LoaderComponent: l
 }) {
-  Q("Contractor.Management.Profile"), w("Contractor.Management.Profile", n);
+  H("Contractor.Management.Profile"), Q("Contractor.Management.Profile", n);
   const { t: e } = k("Contractor.Management.Profile"), f = v(), t = y({
     contractorId: o,
     withSelfOnboardingField: !1,
@@ -62,7 +62,7 @@ function x({
         LoaderComponent: l
       }
     );
-  const L = m.type === B.BUSINESS, i = t.form.Fields, { setValue: h } = t.form.hookFormInternals.formMethods, S = async () => {
+  const L = m.type === w.BUSINESS, i = t.form.Fields, { setValue: h } = t.form.hookFormInternals.formMethods, S = async () => {
     u(!1);
     const g = await t.actions.onSubmit();
     g && (c(I.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED, g.data), u(!0));
@@ -78,7 +78,7 @@ function x({
       }
     }
   ) : void 0;
-  return /* @__PURE__ */ a("section", { className: _(d.container, r), children: /* @__PURE__ */ a(N, { error: t.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ a(H, { formHookResult: t, children: /* @__PURE__ */ s(V, { onSubmit: S, children: [
+  return /* @__PURE__ */ a("section", { className: _(d.container, r), children: /* @__PURE__ */ a(N, { error: t.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ a(V, { formHookResult: t, children: /* @__PURE__ */ s(O, { onSubmit: S, children: [
     T,
     /* @__PURE__ */ a(f.Heading, { as: "h1", children: e("form.title") }),
     L ? /* @__PURE__ */ s(p, { children: [
@@ -119,7 +119,7 @@ function x({
       )
     ] }) : /* @__PURE__ */ s(p, { children: [
       /* @__PURE__ */ s(
-        U,
+        B,
         {
           gap: { base: 20, small: 8 },
           gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
@@ -188,7 +188,7 @@ function x({
         }
       }
     ),
-    /* @__PURE__ */ s(O, { children: [
+    /* @__PURE__ */ s(U, { children: [
       /* @__PURE__ */ a(f.Button, { variant: "secondary", onClick: A, type: "button", children: e("form.cancelCta") }),
       /* @__PURE__ */ a(f.Button, { type: "submit", isLoading: t.status.isPending, children: e("form.saveCta") })
     ] })

package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js

@@ -4,8 +4,6 @@ import { useDeductionsList as A } from "../../shared/useDeductionsList.js";
 import { useDeleteDeduction as P } from "../../shared/useDeleteDeduction.js";
 import { DeleteDeductionDialog as N } from "../../shared/DeleteDeductionDialog.js";
 import { formatDeductionAmount as S } from "../../shared/formatDeductionAmount.js";
-import "classnames";
-import { componentEvents as s } from "../../../../../shared/constants.js";
 import { Loading as b } from "../../../../Common/Loading/Loading.js";
 import { EmptyData as k } from "../../../../Common/EmptyData/EmptyData.js";
 import { HamburgerMenu as x } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
@@ -13,33 +11,34 @@ import { BaseBoundaries as B, BaseLayout as U } from "../../../../Base/Base.js";
 import { useComponentContext as w } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import u from "../../../../../hooks/useNumberFormatter.js";
 import { useI18n as O } from "../../../../../i18n/I18n.js";
+import { componentEvents as s } from "../../../../../shared/constants.js";
 import v from "../../../../../assets/icons/plus-circle.svg.js";
 import G from "../../../../../assets/icons/trashcan.svg.js";
 import R from "../../../../../assets/icons/pencil.svg.js";
 import { useDataView as H } from "../../../../Common/DataView/useDataView.js";
 import { DataView as I } from "../../../../Common/DataView/DataView.js";
-function ce({ LoaderComponent: n, ...r }) {
+function de({ LoaderComponent: o, ...r }) {
   return /* @__PURE__ */ i(
     B,
     {
       componentName: "Employee.Management.Deductions",
-      LoaderComponent: n,
-      children: /* @__PURE__ */ i(j, { LoaderComponent: n, ...r })
+      LoaderComponent: o,
+      children: /* @__PURE__ */ i(j, { LoaderComponent: o, ...r })
     }
   );
 }
-function j({ employeeId: n, onEvent: r, LoaderComponent: D }) {
+function j({ employeeId: o, onEvent: r, LoaderComponent: D }) {
   O("Employee.Management.Deductions");
-  const { t: e } = _("Employee.Management.Deductions"), d = w(), p = u("currency"), f = u("percent"), o = A({ employeeId: n }), {
+  const { t: e } = _("Employee.Management.Deductions"), d = w(), p = u("currency"), f = u("percent"), n = A({ employeeId: o }), {
     pendingDeleteDeduction: c,
     setPendingDeleteDeduction: m,
     handleConfirmDelete: g
   } = P(async (t) => {
-    if (o.isLoading) return;
-    const a = await o.actions.onDelete(t);
+    if (n.isLoading) return;
+    const a = await n.actions.onDelete(t);
     a && r(s.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, a.data.garnishment);
-  }), E = o.isLoading && o.errorHandling.errors.length === 0, C = o.isLoading ? [] : o.data.deductions, l = o.isLoading ? void 0 : o.status.deletingGarnishmentUuid, h = () => {
-    r(s.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId: n });
+  }), E = n.isLoading && n.errorHandling.errors.length === 0, C = n.isLoading ? [] : n.data.deductions, l = n.isLoading ? void 0 : n.status.deletingGarnishmentUuid, h = () => {
+    r(s.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId: o });
   }, y = (t) => {
     r(s.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, t);
   }, L = [
@@ -91,7 +90,7 @@ function j({ employeeId: n, onEvent: r, LoaderComponent: D }) {
     ),
     emptyState: () => /* @__PURE__ */ i(k, { title: e("emptyState.title"), description: e("emptyState.description") })
   });
-  return /* @__PURE__ */ T(U, { error: o.errorHandling.errors, LoaderComponent: D, children: [
+  return /* @__PURE__ */ T(U, { error: n.errorHandling.errors, LoaderComponent: D, children: [
     /* @__PURE__ */ i(
       d.Box,
       {
@@ -128,6 +127,6 @@ function j({ employeeId: n, onEvent: r, LoaderComponent: D }) {
   ] });
 }
 export {
-  ce as DeductionsCard
+  de as DeductionsCard
 };
 //# sourceMappingURL=DeductionsCard.js.map

package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsCard.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useDeleteDeduction } from '../../shared/useDeleteDeduction'\nimport { DeleteDeductionDialog } from '../../shared/DeleteDeductionDialog'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\n/**\n * Props for {@link DeductionsCard}.\n *\n * @public\n */\nexport interface DeductionsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link DeductionsCard} 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 read-only card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.\n *\n * @remarks\n * Fetches its own data and owns the delete confirm dialog. Has no alert API — alert rendering is the consumer's responsibility. Add and edit affordances do not open a form themselves; emit-then-route is the contract, so the consumer listens for the `addRequested` / `editRequested` events and renders {@link DeductionsEditForm} (or its own equivalent) accordingly. For an orchestrated card-plus-form flow, use {@link Deductions} instead.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/card/addRequested` | Fired when the \"Add deduction\" CTA is clicked | `{ employeeId: string }` |\n * | `employee/management/deductions/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a deduction | The matching `Garnishment` |\n * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog | The deleted `Garnishment` |\n *\n * @param props - See {@link DeductionsCardProps}.\n * @returns The rendered deductions card.\n * @public\n */\nexport function DeductionsCard({ LoaderComponent, ...props }: DeductionsCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      LoaderComponent={LoaderComponent}\n    >\n      <DeductionsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsCardContent({ employeeId, onEvent, LoaderComponent }: DeductionsCardProps) {\n  useI18n('Employee.Management.Deductions')\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const deductionsList = useDeductionsList({ employeeId })\n\n  const {\n    pendingDeleteDeduction,\n    setPendingDeleteDeduction,\n    handleConfirmDelete: handleConfirmDeleteDeduction,\n  } = useDeleteDeduction(async garnishment => {\n    if (deductionsList.isLoading) return\n    const result = await deductionsList.actions.onDelete(garnishment)\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, result.data.garnishment)\n    }\n  })\n\n  // `useDeductionsList` returns `isLoading: true` even when the query has\n  // errored and `data` is missing. Treat those rows as \"not loading\" so the\n  // section doesn't show a perpetual skeleton while BaseLayout already\n  // renders the error alert.\n  const isDeductionsLoading =\n    deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n\n  const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n  const deletingGarnishmentUuid = deductionsList.isLoading\n    ? undefined\n    : deductionsList.status.deletingGarnishmentUuid\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleEdit = (garnishment: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, garnishment)\n  }\n\n  const garnishmentsColumns = [\n    {\n      key: 'description',\n      title: t('columns.deduction'),\n      render: (garnishment: Garnishment) => garnishment.description || '-',\n    },\n    {\n      key: 'frequency',\n      title: t('columns.frequency'),\n      render: (garnishment: Garnishment) => (garnishment.recurring ? t('recurring') : t('oneTime')),\n    },\n    {\n      key: 'amount',\n      title: t('columns.withhold'),\n      justify: 'end' as const,\n      render: (garnishment: Garnishment) =>\n        formatDeductionAmount(garnishment, {\n          formatCurrency,\n          formatPercent,\n          formatPerPaycheck: (value: string) => t('amountPerPaycheck', { value }),\n        }),\n    },\n  ]\n\n  const garnishmentsDataView = useDataView({\n    data: deductions,\n    columns: garnishmentsColumns,\n    itemMenu: (garnishment: Garnishment) => (\n      <HamburgerMenu\n        isLoading={deletingGarnishmentUuid === garnishment.uuid}\n        items={[\n          {\n            label: t('editCta'),\n            onClick: () => {\n              handleEdit(garnishment)\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('deleteCta'),\n            onClick: () => {\n              setPendingDeleteDeduction(garnishment)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={deductionsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={false}\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleAdd} icon={<PlusCircleIcon />}>\n                {t('addDeductionCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isDeductionsLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...garnishmentsDataView} />\n        )}\n      </Components.Box>\n\n      <DeleteDeductionDialog\n        pendingDeleteDeduction={pendingDeleteDeduction}\n        isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n        onClose={() => {\n          setPendingDeleteDeduction(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDeleteDeduction()\n        }}\n        title={t('deleteDeductionDialog.title')}\n        description={t('deleteDeductionDialog.description', {\n          deduction: pendingDeleteDeduction?.description ?? '',\n        })}\n        confirmLabel={t('deleteDeductionDialog.confirmCta')}\n        cancelLabel={t('deleteDeductionDialog.cancelCta')}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsCard","LoaderComponent","props","jsx","BaseBoundaries","DeductionsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductionsList","useDeductionsList","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","result","componentEvents","isDeductionsLoading","deductions","deletingGarnishmentUuid","handleAdd","handleEdit","garnishmentsColumns","formatDeductionAmount","value","garnishmentsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","BaseLayout","PlusCircleIcon","Loading","DataView","DeleteDeductionDialog"],"mappings":"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"}
+{"version":3,"file":"DeductionsCard.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useDeleteDeduction } from '../../shared/useDeleteDeduction'\nimport { DeleteDeductionDialog } from '../../shared/DeleteDeductionDialog'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\n/**\n * Props for {@link DeductionsCard}.\n *\n * @public\n */\nexport interface DeductionsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link DeductionsCard} 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 read-only card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.\n *\n * @remarks\n * Fetches its own data and owns the delete confirm dialog. Has no alert API — alert rendering is the consumer's responsibility. Add and edit affordances do not open a form themselves; emit-then-route is the contract, so the consumer listens for the `addRequested` / `editRequested` events and renders {@link DeductionsEditForm} (or its own equivalent) accordingly. For an orchestrated card-plus-form flow, use {@link Deductions} instead.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/card/addRequested` | Fired when the \"Add deduction\" CTA is clicked | `{ employeeId: string }` |\n * | `employee/management/deductions/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a deduction | The matching `Garnishment` |\n * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog | The deleted `Garnishment` |\n *\n * @param props - See {@link DeductionsCardProps}.\n * @returns The rendered deductions card.\n * @public\n */\nexport function DeductionsCard({ LoaderComponent, ...props }: DeductionsCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      LoaderComponent={LoaderComponent}\n    >\n      <DeductionsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsCardContent({ employeeId, onEvent, LoaderComponent }: DeductionsCardProps) {\n  useI18n('Employee.Management.Deductions')\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const deductionsList = useDeductionsList({ employeeId })\n\n  const {\n    pendingDeleteDeduction,\n    setPendingDeleteDeduction,\n    handleConfirmDelete: handleConfirmDeleteDeduction,\n  } = useDeleteDeduction(async garnishment => {\n    if (deductionsList.isLoading) return\n    const result = await deductionsList.actions.onDelete(garnishment)\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, result.data.garnishment)\n    }\n  })\n\n  // `useDeductionsList` returns `isLoading: true` even when the query has\n  // errored and `data` is missing. Treat those rows as \"not loading\" so the\n  // section doesn't show a perpetual skeleton while BaseLayout already\n  // renders the error alert.\n  const isDeductionsLoading =\n    deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n\n  const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n  const deletingGarnishmentUuid = deductionsList.isLoading\n    ? undefined\n    : deductionsList.status.deletingGarnishmentUuid\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleEdit = (garnishment: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, garnishment)\n  }\n\n  const garnishmentsColumns = [\n    {\n      key: 'description',\n      title: t('columns.deduction'),\n      render: (garnishment: Garnishment) => garnishment.description || '-',\n    },\n    {\n      key: 'frequency',\n      title: t('columns.frequency'),\n      render: (garnishment: Garnishment) => (garnishment.recurring ? t('recurring') : t('oneTime')),\n    },\n    {\n      key: 'amount',\n      title: t('columns.withhold'),\n      justify: 'end' as const,\n      render: (garnishment: Garnishment) =>\n        formatDeductionAmount(garnishment, {\n          formatCurrency,\n          formatPercent,\n          formatPerPaycheck: (value: string) => t('amountPerPaycheck', { value }),\n        }),\n    },\n  ]\n\n  const garnishmentsDataView = useDataView({\n    data: deductions,\n    columns: garnishmentsColumns,\n    itemMenu: (garnishment: Garnishment) => (\n      <HamburgerMenu\n        isLoading={deletingGarnishmentUuid === garnishment.uuid}\n        items={[\n          {\n            label: t('editCta'),\n            onClick: () => {\n              handleEdit(garnishment)\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('deleteCta'),\n            onClick: () => {\n              setPendingDeleteDeduction(garnishment)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={deductionsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={false}\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleAdd} icon={<PlusCircleIcon />}>\n                {t('addDeductionCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isDeductionsLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...garnishmentsDataView} />\n        )}\n      </Components.Box>\n\n      <DeleteDeductionDialog\n        pendingDeleteDeduction={pendingDeleteDeduction}\n        isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n        onClose={() => {\n          setPendingDeleteDeduction(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDeleteDeduction()\n        }}\n        title={t('deleteDeductionDialog.title')}\n        description={t('deleteDeductionDialog.description', {\n          deduction: pendingDeleteDeduction?.description ?? '',\n        })}\n        confirmLabel={t('deleteDeductionDialog.confirmCta')}\n        cancelLabel={t('deleteDeductionDialog.cancelCta')}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsCard","LoaderComponent","props","jsx","BaseBoundaries","DeductionsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductionsList","useDeductionsList","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","result","componentEvents","isDeductionsLoading","deductions","deletingGarnishmentUuid","handleAdd","handleEdit","garnishmentsColumns","formatDeductionAmount","value","garnishmentsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","BaseLayout","PlusCircleIcon","Loading","DataView","DeleteDeductionDialog"],"mappings":"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"}

package/dist/components/Employee/Documents/management/DocumentsCard/DocumentsCard.js

@@ -1,18 +1,17 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
-import "classnames";
-import { componentEvents as l } from "../../../../../shared/constants.js";
-import { Loading as p } from "../../../../Common/Loading/Loading.js";
+import { Loading as l } from "../../../../Common/Loading/Loading.js";
 import { EmptyData as g } from "../../../../Common/EmptyData/EmptyData.js";
-import { BaseBoundaries as f, BaseLayout as y } from "../../../../Base/Base.js";
-import { useComponentContext as E } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as C } from "../../../../../i18n/I18n.js";
+import { BaseBoundaries as p, BaseLayout as f } from "../../../../Base/Base.js";
+import { useComponentContext as y } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as E } from "../../../../../i18n/I18n.js";
+import { componentEvents as C } from "../../../../../shared/constants.js";
 import { useDocumentsList as D } from "../../shared/useDocumentsList/useDocumentsList.js";
 import { useDataView as S } from "../../../../Common/DataView/useDataView.js";
 import { DataView as L } from "../../../../Common/DataView/DataView.js";
-function b(o) {
+function A(o) {
   return /* @__PURE__ */ e(
-    f,
+    p,
     {
       componentName: "Employee.Management.Documents",
       LoaderComponent: o.LoaderComponent,
@@ -21,8 +20,8 @@ function b(o) {
   );
 }
 function h({ employeeId: o, onEvent: s, LoaderComponent: a }) {
-  C("Employee.Management.Documents");
-  const { t } = c("Employee.Management.Documents"), r = E(), i = D({ employeeId: o }), m = i.isLoading ? [] : i.data.forms, u = [
+  E("Employee.Management.Documents");
+  const { t } = c("Employee.Management.Documents"), r = y(), i = D({ employeeId: o }), m = i.isLoading ? [] : i.data.forms, u = [
     {
       key: "title",
       title: t("columns.title"),
@@ -51,7 +50,7 @@ function h({ employeeId: o, onEvent: s, LoaderComponent: a }) {
       {
         variant: "secondary",
         onClick: () => {
-          s(l.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
+          s(C.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
             employeeId: o,
             formId: n.uuid
           });
@@ -61,9 +60,9 @@ function h({ employeeId: o, onEvent: s, LoaderComponent: a }) {
     ),
     emptyState: () => /* @__PURE__ */ e(g, { title: t("emptyState.title"), description: t("emptyState.description") })
   });
-  return /* @__PURE__ */ e(y, { error: i.errorHandling.errors, LoaderComponent: a, children: /* @__PURE__ */ e(r.Box, { withPadding: !1, header: /* @__PURE__ */ e(r.BoxHeader, { title: t("title") }), children: i.isLoading ? /* @__PURE__ */ e(p, {}) : /* @__PURE__ */ e(L, { label: t("listLabel"), isWithinBox: !0, ...d }) }) });
+  return /* @__PURE__ */ e(f, { error: i.errorHandling.errors, LoaderComponent: a, children: /* @__PURE__ */ e(r.Box, { withPadding: !1, header: /* @__PURE__ */ e(r.BoxHeader, { title: t("title") }), children: i.isLoading ? /* @__PURE__ */ e(l, {}) : /* @__PURE__ */ e(L, { label: t("listLabel"), isWithinBox: !0, ...d }) }) });
 }
 export {
-  b as DocumentsCard
+  A as DocumentsCard
 };
 //# sourceMappingURL=DocumentsCard.js.map