@gusto/embedded-react-sdk 0.52.2 → 0.54.0

package/dist/components/Contractor/Payments/shared/SetPaymentAmounts/SetPaymentAmounts.js

@@ -0,0 +1,131 @@
+import { jsxs as H, jsx as m } from "react/jsx-runtime";
+import { useMemo as y } from "react";
+import { getContractorDisplayName as N } from "../../../shared/helpers.js";
+import { EditContractorPaymentPresentation as w } from "./EditContractorPaymentPresentation.js";
+import { Flex as C } from "../../../../Common/Flex/Flex.js";
+import { EmptyData as D } from "../../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as P } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as j } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatHoursDisplay as x } from "../../../../Payroll/helpers.js";
+import M from "../../../../../hooks/useNumberFormatter.js";
+import { DataView as A } from "../../../../Common/DataView/DataView.js";
+const L = "0.000", I = ({
+  contractors: a,
+  contractorPayments: s,
+  totals: u,
+  allowedPaymentMethods: i,
+  editModal: o,
+  dictionary: r
+}) => {
+  const { Heading: p } = j(), t = M("currency"), f = (e) => e ? e.wageType === "Hourly" && e.hourlyRate ? ` ${t(Number(e.hourlyRate || "0"))}${r.perHour}` : e.wageType : "", l = y(
+    () => s.map((e) => ({
+      ...e,
+      contractorDetails: a.find(
+        (n) => n.uuid === e.contractorUuid
+      )
+    })),
+    [s, a]
+  ), d = o.formMethods.getValues("contractorUuid"), g = a.find(
+    (e) => e.uuid === d
+  )?.paymentMethod;
+  return /* @__PURE__ */ H(C, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ m(p, { as: "h3", children: r.hoursAndPaymentsLabel }),
+    /* @__PURE__ */ m(
+      A,
+      {
+        columns: [
+          {
+            title: r.contractorTableHeaders.contractor,
+            render: (e) => N(e.contractorDetails)
+          },
+          {
+            title: r.contractorTableHeaders.wageType,
+            render: (e) => f(e.contractorDetails)
+          },
+          {
+            title: r.contractorTableHeaders.paymentMethod,
+            render: (e) => e.paymentMethod || r.na
+          },
+          {
+            title: r.contractorTableHeaders.hours,
+            justify: "end",
+            render: (e) => {
+              if (e.contractorDetails?.wageType === "Fixed") return r.na;
+              const n = Number(e.hours || "0");
+              return n ? x(n) : L;
+            }
+          },
+          {
+            title: r.contractorTableHeaders.wage,
+            justify: "end",
+            render: (e) => e.contractorDetails?.wageType === "Hourly" ? r.na : t(Number(e.wage || "0"))
+          },
+          {
+            title: r.contractorTableHeaders.bonus,
+            justify: "end",
+            render: (e) => t(Number(e.bonus || "0"))
+          },
+          {
+            title: r.contractorTableHeaders.reimbursement,
+            justify: "end",
+            render: (e) => t(Number(e.reimbursement || "0"))
+          },
+          {
+            title: r.contractorTableHeaders.total,
+            justify: "end",
+            render: ({ bonus: e, reimbursement: n, wage: h, hours: c, contractorDetails: b }) => {
+              const T = Number(e || "0") + Number(n || "0") + Number(h || "0") + (b?.wageType === "Hourly" && c ? Number(c || "0") * Number(b.hourlyRate || "0") : 0);
+              return t(T);
+            }
+          }
+        ],
+        data: l,
+        footer: l.length > 0 ? () => ({
+          "column-0": r.totalsLabel,
+          "column-4": t(u.wage),
+          "column-5": t(u.bonus),
+          "column-6": t(u.reimbursement),
+          "column-7": t(u.total)
+        }) : void 0,
+        label: r.hoursAndPaymentsLabel,
+        itemMenu: (e) => /* @__PURE__ */ m(
+          P,
+          {
+            items: [
+              {
+                label: r.editContractor,
+                onClick: () => {
+                  o.open(e.contractorUuid);
+                }
+              }
+            ],
+            triggerLabel: r.editContractor
+          }
+        ),
+        emptyState: () => /* @__PURE__ */ m(
+          D,
+          {
+            title: r.emptyTableTitle,
+            description: r.emptyTableDescription
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ m(
+      w,
+      {
+        isOpen: o.isOpen,
+        onClose: o.close,
+        formMethods: o.formMethods,
+        onSubmit: o.submit,
+        allowedPaymentMethods: i,
+        contractorPaymentMethod: g ?? void 0,
+        dictionary: r.editContractorPayment
+      }
+    )
+  ] });
+};
+export {
+  I as SetPaymentAmounts
+};
+//# sourceMappingURL=SetPaymentAmounts.js.map

package/dist/components/Contractor/Payments/shared/SetPaymentAmounts/SetPaymentAmounts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetPaymentAmounts.js","sources":["../../../../../../src/components/Contractor/Payments/shared/SetPaymentAmounts/SetPaymentAmounts.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport type { UsePaymentAmountsEditorReturn } from '../usePaymentAmountsEditor'\nimport { getContractorDisplayName } from '../../../shared/helpers'\nimport {\n  EditContractorPaymentPresentation,\n  type EditContractorPaymentDictionary,\n} from './EditContractorPaymentPresentation'\nimport { DataView, Flex, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\n/**\n * Every string `SetPaymentAmounts` and its edit modal render. There is no default copy or\n * namespace of its own — `SetPaymentAmounts` is `@internal`, so each caller (`CreatePayment`,\n * `HistoricalPaymentAmounts`) must fully resolve this from its own public namespace and pass it\n * down, rather than this component owning a namespace that would show up in the SDK's public\n * translation types without ever being a real partner override surface.\n *\n * @internal\n */\nexport interface SetPaymentAmountsDictionary {\n  hoursAndPaymentsLabel: string\n  contractorTableHeaders: {\n    contractor: string\n    wageType: string\n    paymentMethod: string\n    hours: string\n    wage: string\n    bonus: string\n    reimbursement: string\n    total: string\n  }\n  emptyTableTitle: string\n  emptyTableDescription: string\n  na: string\n  totalsLabel: string\n  editContractor: string\n  perHour: string\n  editContractorPayment: EditContractorPaymentDictionary\n}\n\n/** @internal */\nexport interface SetPaymentAmountsProps {\n  contractors: Contractor[]\n  contractorPayments: (ContractorPayments & { isTouched?: boolean })[]\n  totals: { wage: number; bonus: number; reimbursement: number; total: number }\n  allowedPaymentMethods: ContractorPaymentMethod[]\n  editModal: UsePaymentAmountsEditorReturn['editModal']\n  /** Every string the grid and edit modal render, resolved by the caller from its own namespace. */\n  dictionary: SetPaymentAmountsDictionary\n}\n\n/** @internal */\nexport const SetPaymentAmounts = ({\n  contractors,\n  contractorPayments,\n  totals,\n  allowedPaymentMethods,\n  editModal,\n  dictionary,\n}: SetPaymentAmountsProps) => {\n  const { Heading } = useComponentContext()\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const formatWageType = (contractor?: Contractor) => {\n    if (!contractor) return ''\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return ` ${currencyFormatter(Number(contractor.hourlyRate || '0'))}${dictionary.perHour}`\n    }\n    return contractor.wageType\n  }\n\n  const tableData = useMemo(\n    () =>\n      contractorPayments.map(payment => ({\n        ...payment,\n        contractorDetails: contractors.find(\n          contractor => contractor.uuid === payment.contractorUuid,\n        ),\n      })),\n    [contractorPayments, contractors],\n  )\n\n  const editingContractorUuid = editModal.formMethods.getValues('contractorUuid')\n  const contractorPaymentMethod = contractors.find(\n    contractor => contractor.uuid === editingContractorUuid,\n  )?.paymentMethod\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Heading as=\"h3\">{dictionary.hoursAndPaymentsLabel}</Heading>\n      <DataView\n        columns={[\n          {\n            title: dictionary.contractorTableHeaders.contractor,\n            render: paymentData => getContractorDisplayName(paymentData.contractorDetails),\n          },\n          {\n            title: dictionary.contractorTableHeaders.wageType,\n            render: paymentData => formatWageType(paymentData.contractorDetails),\n          },\n          {\n            title: dictionary.contractorTableHeaders.paymentMethod,\n            render: paymentData => paymentData.paymentMethod || dictionary.na,\n          },\n          {\n            title: dictionary.contractorTableHeaders.hours,\n            justify: 'end',\n            render: paymentData => {\n              if (paymentData.contractorDetails?.wageType === 'Fixed') return dictionary.na\n              const hours = Number(paymentData.hours || '0')\n              return hours ? formatHoursDisplay(hours) : ZERO_HOURS_DISPLAY\n            },\n          },\n          {\n            title: dictionary.contractorTableHeaders.wage,\n            justify: 'end',\n            render: paymentData => {\n              if (paymentData.contractorDetails?.wageType === 'Hourly') return dictionary.na\n              return currencyFormatter(Number(paymentData.wage || '0'))\n            },\n          },\n          {\n            title: dictionary.contractorTableHeaders.bonus,\n            justify: 'end',\n            render: paymentData => currencyFormatter(Number(paymentData.bonus || '0')),\n          },\n          {\n            title: dictionary.contractorTableHeaders.reimbursement,\n            justify: 'end',\n            render: paymentData => currencyFormatter(Number(paymentData.reimbursement || '0')),\n          },\n          {\n            title: dictionary.contractorTableHeaders.total,\n            justify: 'end',\n            render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n              const totalAmount =\n                Number(bonus || '0') +\n                Number(reimbursement || '0') +\n                Number(wage || '0') +\n                (contractorDetails?.wageType === 'Hourly' && hours\n                  ? Number(hours || '0') * Number(contractorDetails.hourlyRate || '0')\n                  : 0)\n              return currencyFormatter(totalAmount)\n            },\n          },\n        ]}\n        data={tableData}\n        footer={\n          tableData.length > 0\n            ? () => ({\n                'column-0': dictionary.totalsLabel,\n                'column-4': currencyFormatter(totals.wage),\n                'column-5': currencyFormatter(totals.bonus),\n                'column-6': currencyFormatter(totals.reimbursement),\n                'column-7': currencyFormatter(totals.total),\n              })\n            : undefined\n        }\n        label={dictionary.hoursAndPaymentsLabel}\n        itemMenu={paymentData => (\n          <HamburgerMenu\n            items={[\n              {\n                label: dictionary.editContractor,\n                onClick: () => {\n                  editModal.open(paymentData.contractorUuid!)\n                },\n              },\n            ]}\n            triggerLabel={dictionary.editContractor}\n          />\n        )}\n        emptyState={() => (\n          <EmptyData\n            title={dictionary.emptyTableTitle}\n            description={dictionary.emptyTableDescription}\n          />\n        )}\n      />\n      <EditContractorPaymentPresentation\n        isOpen={editModal.isOpen}\n        onClose={editModal.close}\n        formMethods={editModal.formMethods}\n        onSubmit={editModal.submit}\n        allowedPaymentMethods={allowedPaymentMethods}\n        contractorPaymentMethod={contractorPaymentMethod ?? undefined}\n        dictionary={dictionary.editContractorPayment}\n      />\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","SetPaymentAmounts","contractors","contractorPayments","totals","allowedPaymentMethods","editModal","dictionary","Heading","useComponentContext","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","editingContractorUuid","contractorPaymentMethod","jsxs","Flex","jsx","DataView","paymentData","getContractorDisplayName","hours","formatHoursDisplay","bonus","reimbursement","wage","contractorDetails","totalAmount","HamburgerMenu","EmptyData","EditContractorPaymentPresentation"],"mappings":"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"}

package/dist/components/Contractor/Payments/shared/SetPaymentAmounts/index.d.ts

@@ -0,0 +1 @@
+export { SetPaymentAmounts, type SetPaymentAmountsProps, type SetPaymentAmountsDictionary, } from './SetPaymentAmounts';

package/dist/components/Contractor/Payments/shared/historicalPaymentDateBounds.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Computes the allowed `check_date` range for a historical contractor payment.
+ *
+ * @remarks The allowed tax-year window flips at Jan 8, 3:00 PM MST: strictly
+ * before the cutover, both the prior year and the current year are allowed;
+ * at or after it, only the current year is allowed. `maxDate` is always
+ * today, since a historical payment can never be dated in the future.
+ *
+ * @param now - The instant to evaluate the cutover against. Defaults to the
+ * current time; pass an explicit value in tests.
+ * @returns `minDate` (Jan 1 of the earliest allowed year) and `maxDate`
+ * (today), both at local midnight — ready to pass to `DatePicker`'s
+ * `minDate`/`maxDate` props.
+ * @internal
+ */
+export declare function getHistoricalPaymentCheckDateBounds(now?: Date): {
+    minDate: Date;
+    maxDate: Date;
+};

package/dist/components/Contractor/Payments/shared/historicalPaymentDateBounds.js

@@ -0,0 +1,13 @@
+function r(e = /* @__PURE__ */ new Date()) {
+  const t = e.getFullYear(), a = new Date(
+    Date.UTC(t, 0, 8, 22, 0, 0)
+  ), n = e > a ? t : t - 1;
+  return {
+    minDate: new Date(n, 0, 1),
+    maxDate: new Date(e.getFullYear(), e.getMonth(), e.getDate())
+  };
+}
+export {
+  r as getHistoricalPaymentCheckDateBounds
+};
+//# sourceMappingURL=historicalPaymentDateBounds.js.map

package/dist/components/Contractor/Payments/shared/historicalPaymentDateBounds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"historicalPaymentDateBounds.js","sources":["../../../../../src/components/Contractor/Payments/shared/historicalPaymentDateBounds.ts"],"sourcesContent":["/**\n * UTC offset (in hours) for Mountain Standard Time. Fixed for this rule's\n * purposes because the Jan 8 cutover always falls in winter, before Denver's\n * mid-March DST transition — so MST (UTC-7), not MDT, always applies.\n */\nconst MST_UTC_OFFSET_HOURS = 7\nconst CUTOVER_HOUR_MST = 15\n\n/**\n * Computes the allowed `check_date` range for a historical contractor payment.\n *\n * @remarks The allowed tax-year window flips at Jan 8, 3:00 PM MST: strictly\n * before the cutover, both the prior year and the current year are allowed;\n * at or after it, only the current year is allowed. `maxDate` is always\n * today, since a historical payment can never be dated in the future.\n *\n * @param now - The instant to evaluate the cutover against. Defaults to the\n * current time; pass an explicit value in tests.\n * @returns `minDate` (Jan 1 of the earliest allowed year) and `maxDate`\n * (today), both at local midnight — ready to pass to `DatePicker`'s\n * `minDate`/`maxDate` props.\n * @internal\n */\nexport function getHistoricalPaymentCheckDateBounds(now: Date = new Date()): {\n  minDate: Date\n  maxDate: Date\n} {\n  const currentYear = now.getFullYear()\n  const cutover = new Date(\n    Date.UTC(currentYear, 0, 8, CUTOVER_HOUR_MST + MST_UTC_OFFSET_HOURS, 0, 0),\n  )\n  const earliestAllowedYear = now > cutover ? currentYear : currentYear - 1\n\n  return {\n    minDate: new Date(earliestAllowedYear, 0, 1),\n    maxDate: new Date(now.getFullYear(), now.getMonth(), now.getDate()),\n  }\n}\n"],"names":["getHistoricalPaymentCheckDateBounds","now","currentYear","cutover","earliestAllowedYear"],"mappings":"AAuBO,SAASA,EAAoCC,IAAY,oBAAI,QAGlE;AACA,QAAMC,IAAcD,EAAI,YAAA,GAClBE,IAAU,IAAI;AAAA,IAClB,KAAK,IAAID,GAAa,GAAG,GAAG,IAAyC,GAAG,CAAC;AAAA,EAAA,GAErEE,IAAsBH,IAAME,IAAUD,IAAcA,IAAc;AAExE,SAAO;AAAA,IACL,SAAS,IAAI,KAAKE,GAAqB,GAAG,CAAC;AAAA,IAC3C,SAAS,IAAI,KAAKH,EAAI,YAAA,GAAeA,EAAI,SAAA,GAAYA,EAAI,QAAA,CAAS;AAAA,EAAA;AAEtE;"}

package/dist/components/Contractor/Payments/shared/historicalPaymentDateBounds.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Contractor/Payments/shared/usePaymentAmountsEditor.d.ts

@@ -0,0 +1,32 @@
+import { useForm } from 'react-hook-form';
+import { PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments, PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups';
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { EditContractorPaymentFormValues } from './SetPaymentAmounts/EditContractorPaymentFormSchema';
+/** @internal */
+export interface UsePaymentAmountsEditorParams {
+    contractors: Contractor[];
+    allowedPaymentMethods: ContractorPaymentMethod[];
+    onEditOpen?: () => void;
+    onEditSave?: (data: EditContractorPaymentFormValues) => void;
+}
+/** @internal */
+export interface UsePaymentAmountsEditorReturn {
+    virtualContractorPayments: (ContractorPayments & {
+        isTouched: boolean;
+    })[];
+    totals: {
+        wage: number;
+        bonus: number;
+        reimbursement: number;
+        total: number;
+    };
+    editModal: {
+        isOpen: boolean;
+        formMethods: ReturnType<typeof useForm<EditContractorPaymentFormValues>>;
+        open: (contractorUuid: string) => void;
+        close: () => void;
+        submit: (data: EditContractorPaymentFormValues) => void;
+    };
+}
+/** @internal */
+export declare function usePaymentAmountsEditor({ contractors, allowedPaymentMethods, onEditOpen, onEditSave, }: UsePaymentAmountsEditorParams): UsePaymentAmountsEditorReturn;

package/dist/components/Contractor/Payments/shared/usePaymentAmountsEditor.js

@@ -0,0 +1,116 @@
+import { useState as p, useMemo as l } from "react";
+import { useForm as T } from "react-hook-form";
+import { zodResolver as U } from "@hookform/resolvers/zod";
+import { createEditContractorPaymentFormSchema as v } from "./SetPaymentAmounts/EditContractorPaymentFormSchema.js";
+function y(r, u) {
+  return u.includes(r) ? r : u[0] ?? "Check";
+}
+function O({
+  contractors: r,
+  allowedPaymentMethods: u,
+  onEditOpen: d,
+  onEditSave: g
+}) {
+  const [f, m] = p(!1), M = l(
+    () => r.map((e) => ({
+      contractorUuid: e.uuid,
+      paymentMethod: y(
+        e.paymentMethod ?? "Direct Deposit",
+        u
+      ),
+      wage: "0",
+      hours: "0",
+      bonus: "0",
+      reimbursement: "0",
+      isTouched: !1
+    })),
+    [r, u]
+  ), [i, w] = p(M), N = l(
+    () => i.reduce(
+      (e, t) => {
+        const o = r.find((S) => S.uuid === t.contractorUuid), n = o?.wageType === "Hourly", s = Number(t.hours || "0"), D = Number(t.wage || "0"), a = Number(t.bonus || "0"), b = Number(t.reimbursement || "0"), P = n ? s * Number(o.hourlyRate || "0") : 0, h = n ? 0 : D;
+        return {
+          wage: e.wage + h,
+          bonus: e.bonus + a,
+          reimbursement: e.reimbursement + b,
+          total: e.total + P + h + a + b
+        };
+      },
+      { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
+    ),
+    [i, r]
+  ), c = T({
+    resolver: U(v()),
+    defaultValues: {
+      wageType: "Hourly",
+      hours: 0,
+      wage: 0,
+      bonus: 0,
+      reimbursement: 0,
+      paymentMethod: "Direct Deposit",
+      hourlyRate: 0,
+      contractorUuid: "",
+      contractorPaymentMethod: void 0
+    }
+  });
+  return {
+    virtualContractorPayments: i,
+    totals: N,
+    editModal: {
+      isOpen: f,
+      formMethods: c,
+      open: (e) => {
+        const t = r.find((s) => s.uuid === e), o = i.find(
+          (s) => s.contractorUuid === e
+        ), n = y(
+          o?.paymentMethod || "Direct Deposit",
+          u
+        );
+        c.reset(
+          {
+            wageType: t?.wageType || "Hourly",
+            hours: Number(o?.hours || "0"),
+            wage: Number(o?.wage || "0"),
+            bonus: Number(o?.bonus || "0"),
+            reimbursement: Number(o?.reimbursement || "0"),
+            paymentMethod: n,
+            hourlyRate: Number(t?.hourlyRate || "0"),
+            contractorUuid: e,
+            contractorPaymentMethod: t?.paymentMethod ?? void 0
+          },
+          { keepDirty: !1, keepValues: !1 }
+        ), m(!0), d?.();
+      },
+      close: () => {
+        m(!1);
+      },
+      submit: (e) => {
+        if (!u.includes(e.paymentMethod)) {
+          c.setError("paymentMethod", {
+            type: "manual",
+            message: "unsupportedPaymentMethod"
+          });
+          return;
+        }
+        const t = (e.wage ?? 0) > 0 || (e.hours ?? 0) > 0 || (e.bonus ?? 0) > 0 || (e.reimbursement ?? 0) > 0;
+        w(
+          (o) => o.map(
+            (n) => n.contractorUuid === e.contractorUuid ? {
+              contractorUuid: n.contractorUuid,
+              wage: String(e.wage ?? 0),
+              hours: String(e.hours ?? 0),
+              bonus: String(e.bonus ?? 0),
+              reimbursement: String(e.reimbursement ?? 0),
+              paymentMethod: e.paymentMethod,
+              isTouched: t
+            } : n
+          )
+        ), m(!1), g?.(e);
+      }
+    }
+  };
+}
+export {
+  O as usePaymentAmountsEditor
+};
+//# sourceMappingURL=usePaymentAmountsEditor.js.map

package/dist/components/Contractor/Payments/shared/usePaymentAmountsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaymentAmountsEditor.js","sources":["../../../../../src/components/Contractor/Payments/shared/usePaymentAmountsEditor.ts"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport {\n  createEditContractorPaymentFormSchema,\n  type EditContractorPaymentFormValues,\n} from './SetPaymentAmounts/EditContractorPaymentFormSchema'\n\n/** @internal */\nexport interface UsePaymentAmountsEditorParams {\n  contractors: Contractor[]\n  allowedPaymentMethods: ContractorPaymentMethod[]\n  onEditOpen?: () => void\n  onEditSave?: (data: EditContractorPaymentFormValues) => void\n}\n\n/** @internal */\nexport interface UsePaymentAmountsEditorReturn {\n  virtualContractorPayments: (ContractorPayments & { isTouched: boolean })[]\n  totals: { wage: number; bonus: number; reimbursement: number; total: number }\n  editModal: {\n    isOpen: boolean\n    formMethods: ReturnType<typeof useForm<EditContractorPaymentFormValues>>\n    open: (contractorUuid: string) => void\n    close: () => void\n    submit: (data: EditContractorPaymentFormValues) => void\n  }\n}\n\nfunction sanitizePaymentMethod(\n  rawPaymentMethod: string | undefined,\n  allowedPaymentMethods: ContractorPaymentMethod[],\n): ContractorPaymentMethod {\n  return allowedPaymentMethods.includes(rawPaymentMethod as ContractorPaymentMethod)\n    ? (rawPaymentMethod as ContractorPaymentMethod)\n    : (allowedPaymentMethods[0] ?? 'Check')\n}\n\n/** @internal */\nexport function usePaymentAmountsEditor({\n  contractors,\n  allowedPaymentMethods,\n  onEditOpen,\n  onEditSave,\n}: UsePaymentAmountsEditorParams): UsePaymentAmountsEditorReturn {\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  const initialContractorPayments: (ContractorPayments & { isTouched: boolean })[] = useMemo(\n    () =>\n      contractors.map(contractor => ({\n        contractorUuid: contractor.uuid,\n        paymentMethod: sanitizePaymentMethod(\n          contractor.paymentMethod ?? 'Direct Deposit',\n          allowedPaymentMethods,\n        ),\n        wage: '0',\n        hours: '0',\n        bonus: '0',\n        reimbursement: '0',\n        isTouched: false,\n      })),\n    [contractors, allowedPaymentMethods],\n  )\n\n  const [virtualContractorPayments, setVirtualContractorPayments] =\n    useState(initialContractorPayments)\n\n  const totals = useMemo(\n    () =>\n      virtualContractorPayments.reduce(\n        (acc, payment) => {\n          const contractor = contractors.find(c => c.uuid === payment.contractorUuid)\n          const isHourly = contractor?.wageType === 'Hourly'\n          const hours = Number(payment.hours || '0')\n          const wage = Number(payment.wage || '0')\n          const bonus = Number(payment.bonus || '0')\n          const reimbursement = Number(payment.reimbursement || '0')\n          const hourlyAmount = isHourly ? hours * Number(contractor.hourlyRate || '0') : 0\n          const fixedWage = isHourly ? 0 : wage\n\n          return {\n            wage: acc.wage + fixedWage,\n            bonus: acc.bonus + bonus,\n            reimbursement: acc.reimbursement + reimbursement,\n            total: acc.total + hourlyAmount + fixedWage + bonus + reimbursement,\n          }\n        },\n        { wage: 0, bonus: 0, reimbursement: 0, total: 0 },\n      ),\n    [virtualContractorPayments, contractors],\n  )\n\n  const formMethods = useForm<EditContractorPaymentFormValues>({\n    resolver: zodResolver(createEditContractorPaymentFormSchema()),\n    defaultValues: {\n      wageType: 'Hourly',\n      hours: 0,\n      wage: 0,\n      bonus: 0,\n      reimbursement: 0,\n      paymentMethod: 'Direct Deposit',\n      hourlyRate: 0,\n      contractorUuid: '',\n      contractorPaymentMethod: undefined,\n    },\n  })\n\n  const close = () => {\n    setIsModalOpen(false)\n  }\n\n  const open = (contractorUuid: string) => {\n    const contractor = contractors.find(c => c.uuid === contractorUuid)\n    const contractorPayment = virtualContractorPayments.find(\n      p => p.contractorUuid === contractorUuid,\n    )\n\n    const sanitizedPaymentMethod = sanitizePaymentMethod(\n      contractorPayment?.paymentMethod || 'Direct Deposit',\n      allowedPaymentMethods,\n    )\n\n    formMethods.reset(\n      {\n        wageType: contractor?.wageType || 'Hourly',\n        hours: Number(contractorPayment?.hours || '0'),\n        wage: Number(contractorPayment?.wage || '0'),\n        bonus: Number(contractorPayment?.bonus || '0'),\n        reimbursement: Number(contractorPayment?.reimbursement || '0'),\n        paymentMethod: sanitizedPaymentMethod,\n        hourlyRate: Number(contractor?.hourlyRate || '0'),\n        contractorUuid: contractorUuid,\n        contractorPaymentMethod: contractor?.paymentMethod ?? undefined,\n      },\n      { keepDirty: false, keepValues: false },\n    )\n    setIsModalOpen(true)\n    onEditOpen?.()\n  }\n\n  const submit = (data: EditContractorPaymentFormValues) => {\n    if (!allowedPaymentMethods.includes(data.paymentMethod)) {\n      formMethods.setError('paymentMethod', {\n        type: 'manual',\n        message: 'unsupportedPaymentMethod',\n      })\n      return\n    }\n\n    const hasAnyPayment =\n      (data.wage ?? 0) > 0 ||\n      (data.hours ?? 0) > 0 ||\n      (data.bonus ?? 0) > 0 ||\n      (data.reimbursement ?? 0) > 0\n\n    setVirtualContractorPayments(prev =>\n      prev.map(payment =>\n        payment.contractorUuid === data.contractorUuid\n          ? {\n              contractorUuid: payment.contractorUuid,\n              wage: String(data.wage ?? 0),\n              hours: String(data.hours ?? 0),\n              bonus: String(data.bonus ?? 0),\n              reimbursement: String(data.reimbursement ?? 0),\n              paymentMethod: data.paymentMethod,\n              isTouched: hasAnyPayment,\n            }\n          : payment,\n      ),\n    )\n\n    setIsModalOpen(false)\n    onEditSave?.(data)\n  }\n\n  return {\n    virtualContractorPayments,\n    totals,\n    editModal: {\n      isOpen: isModalOpen,\n      formMethods,\n      open,\n      close,\n      submit,\n    },\n  }\n}\n"],"names":["sanitizePaymentMethod","rawPaymentMethod","allowedPaymentMethods","usePaymentAmountsEditor","contractors","onEditOpen","onEditSave","isModalOpen","setIsModalOpen","useState","initialContractorPayments","useMemo","contractor","virtualContractorPayments","setVirtualContractorPayments","totals","acc","payment","c","isHourly","hours","wage","bonus","reimbursement","hourlyAmount","fixedWage","formMethods","useForm","zodResolver","createEditContractorPaymentFormSchema","contractorUuid","contractorPayment","p","sanitizedPaymentMethod","data","hasAnyPayment","prev"],"mappings":"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"}

package/dist/components/Contractor/Payments/shared/usePaymentAmountsEditor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Contractor/Profile/management/Profile.d.ts

@@ -0,0 +1,30 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link Profile}.
+ *
+ * @public
+ */
+export interface ProfileProps extends BaseComponentInterface<'Contractor.Management.Profile'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Management surface for viewing and editing a contractor's basic profile details after onboarding.
+ *
+ * @remarks
+ * Drives the read-view card and edit form via an internal state machine.
+ * Emits events on the supplied `onEvent` handler when the user requests an
+ * edit, saves changes, or cancels.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ contractorId: string }` |
+ * | `contractor/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Contractor} |
+ * | `contractor/management/profile/editCancelled` | Fired when the user cancels editing | — |
+ *
+ * @param props - See {@link ProfileProps}.
+ * @returns The contractor profile management surface.
+ * @public
+ */
+export declare function Profile({ dictionary, FallbackComponent, LoaderComponent, ...props }: ProfileProps): import("react").JSX.Element;

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

@@ -0,0 +1,43 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createMachine as m } from "robot3";
+import { useMemo as a } from "react";
+import { CardContextual as f } from "./ProfileComponents.js";
+import { profileStateMachine as c } from "./profileStateMachine.js";
+import { Flow as l } from "../../../Flow/Flow.js";
+import { BaseBoundaries as p } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentDictionary as u, useI18n as s } from "../../../../i18n/I18n.js";
+function M({ contractorId: r, onEvent: e, LoaderComponent: o }) {
+  s("Contractor.Management.Profile");
+  const t = a(
+    () => m("card", c, (i) => ({
+      ...i,
+      component: f,
+      contractorId: r,
+      successAlert: null,
+      LoaderComponent: o
+    })),
+    [r, o]
+  );
+  return /* @__PURE__ */ n(l, { machine: t, onEvent: e });
+}
+function j({
+  dictionary: r,
+  FallbackComponent: e,
+  LoaderComponent: o,
+  ...t
+}) {
+  return u("Contractor.Management.Profile", r), /* @__PURE__ */ n(
+    p,
+    {
+      componentName: "Contractor.Management.Profile",
+      FallbackComponent: e,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ n(M, { LoaderComponent: o, ...t })
+    }
+  );
+}
+export {
+  j as Profile
+};
+//# sourceMappingURL=Profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Contractor/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Contractor.Management.Profile'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\nfunction ProfileFlow({ contractorId, onEvent, LoaderComponent }: ProfileProps) {\n  useI18n('Contractor.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        contractorId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [contractorId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing a contractor's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ contractorId: string }` |\n * | `contractor/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Contractor} |\n * | `contractor/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The contractor profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ProfileProps) {\n  useComponentDictionary('Contractor.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ProfileFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","contractorId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAC,KAAiC;AAC7E,EAAAC,EAAQ,+BAA+B;AAEvC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,cAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAcE,CAAe;AAAA,EAAA;AAGhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAqBO,SAASW,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAiB;AACf,SAAAC,EAAuB,iCAAiCH,CAAU,GAEhE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAY,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhE;"}

package/dist/components/Contractor/Profile/management/ProfileCard/ProfileCard.d.ts

@@ -0,0 +1,35 @@
+import { EventType } from '../../../../../shared/constants';
+import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
+/**
+ * Props for {@link ProfileCard}.
+ *
+ * @public
+ */
+export interface ProfileCardProps {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** Event handler fired when the user requests to edit the profile. */
+    onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
+}
+/**
+ * Read-only card showing a contractor's basic profile details with an Edit action.
+ *
+ * @remarks
+ * Standalone card that fetches its own data. Emits an event when the user
+ * clicks Edit so the parent can switch to the edit form. The card does not
+ * render success or error alerts itself — alert presentation is the
+ * surrounding surface's responsibility.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |
+ *
+ * @param props - See {@link ProfileCardProps}.
+ * @returns The basic-details profile card.
+ * @public
+ */
+export declare function ProfileCard({ LoaderComponent, ...props }: ProfileCardProps): import("react").JSX.Element;

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

@@ -0,0 +1,55 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as N } from "react-i18next";
+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 U({ LoaderComponent: r, ...s }) {
+  return /* @__PURE__ */ o(g, { componentName: "Contractor.Management.Profile", LoaderComponent: r, children: /* @__PURE__ */ o(S, { LoaderComponent: r, ...s }) });
+}
+function S({ contractorId: r, onEvent: s, LoaderComponent: l }) {
+  y("Contractor.Management.Profile");
+  const { t: e } = 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, last_name: t.lastName }) : 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__ */ o("span", { "aria-label": e("listEmptyPlaceholder"), children: "–" }), C = t ? [
+    { term: e("legalName"), description: d || i },
+    { term: e("startDate"), description: p || i },
+    c ? {
+      term: e("employerIdentificationNumber"),
+      description: u || i
+    } : {
+      term: e("socialSecurityNumber"),
+      description: f || i
+    },
+    { term: e("email"), description: t.email || i }
+  ] : [], E = () => {
+    s(D.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId: r });
+  };
+  return /* @__PURE__ */ o(P, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ o(
+    n.Box,
+    {
+      header: /* @__PURE__ */ o(
+        n.BoxHeader,
+        {
+          title: e("title"),
+          action: /* @__PURE__ */ o(
+            n.Button,
+            {
+              variant: "secondary",
+              onClick: E,
+              isDisabled: m,
+              children: e("editCta")
+            }
+          )
+        }
+      ),
+      children: m ? /* @__PURE__ */ o(h, {}) : t ? /* @__PURE__ */ o(n.DescriptionList, { items: C }) : null
+    }
+  ) });
+}
+export {
+  U as ProfileCard
+};
+//# sourceMappingURL=ProfileCard.js.map

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

@@ -0,0 +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({ first_name: contractor.firstName, last_name: contractor.lastName })\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,EAAE,YAAYJ,EAAW,WAAW,WAAWA,EAAW,SAAA,CAAU,IACpF,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/ProfileCard/index.d.ts

@@ -0,0 +1 @@
+export { ProfileCard, type ProfileCardProps } from './ProfileCard';

package/dist/components/Contractor/Profile/management/ProfileComponents.d.ts

@@ -0,0 +1,12 @@
+import { FlowContextInterface } from '../../../Flow/useFlow';
+type ProfileSuccessAlertCode = 'profileUpdated';
+/** @internal */
+export interface ProfileContextInterface extends FlowContextInterface {
+    contractorId?: string;
+    successAlert?: ProfileSuccessAlertCode | null;
+}
+/** @internal */
+export declare function CardContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function ProfileEditFormContextual(): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,48 @@
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import { ProfileEditForm as u } from "./ProfileEditForm.js";
+import { Flex as f } from "../../../Common/Flex/Flex.js";
+import { useFlow as e } from "../../../Flow/useFlow.js";
+import { useComponentContext as p } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
+import { componentEvents as d } from "../../../../shared/constants.js";
+import { ProfileCard as C } from "./ProfileCard/ProfileCard.js";
+function L() {
+  const { contractorId: r, onEvent: o, successAlert: t, LoaderComponent: s } = e(), { t: i } = a("Contractor.Management.Profile"), c = p();
+  return /* @__PURE__ */ l(f, { flexDirection: "column", gap: 16, children: [
+    t ? /* @__PURE__ */ n(
+      c.Alert,
+      {
+        status: "success",
+        label: i(`alerts.${t}`),
+        onDismiss: () => {
+          o(d.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, null);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ n(
+      C,
+      {
+        contractorId: m(r),
+        onEvent: o,
+        LoaderComponent: s
+      }
+    )
+  ] });
+}
+function M() {
+  const { contractorId: r, onEvent: o, LoaderComponent: t } = e();
+  return /* @__PURE__ */ n(
+    u,
+    {
+      contractorId: m(r),
+      onEvent: o,
+      LoaderComponent: t
+    }
+  );
+}
+export {
+  L as CardContextual,
+  M as ProfileEditFormContextual
+};
+//# sourceMappingURL=ProfileComponents.js.map