@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

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

@@ -1,7 +1,7 @@
 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 '../CreatePayment/EditContractorPaymentFormSchema';
+import { EditContractorPaymentFormValues } from './SetPaymentAmounts/EditContractorPaymentFormSchema';
 /** @internal */
 export interface UsePaymentAmountsEditorParams {
     contractors: Contractor[];

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

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

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

@@ -1 +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 '../CreatePayment/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\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: contractor.paymentMethod ?? 'Direct Deposit',\n        wage: '0',\n        hours: '0',\n        bonus: '0',\n        reimbursement: '0',\n        isTouched: false,\n      })),\n    [contractors],\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 rawPaymentMethod = contractorPayment?.paymentMethod || 'Direct Deposit'\n    const sanitizedPaymentMethod = allowedPaymentMethods.includes(rawPaymentMethod)\n      ? rawPaymentMethod\n      : (allowedPaymentMethods[0] ?? 'Check')\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":["usePaymentAmountsEditor","contractors","allowedPaymentMethods","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","rawPaymentMethod","sanitizedPaymentMethod","data","hasAnyPayment","prev"],"mappings":"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"}
+{"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/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 { useMemo as m } from "react";
+import { CardContextual as a } from "./ProfileComponents.js";
+import { profileStateMachine as f } from "./profileStateMachine.js";
+import { createMachine as c } from "../../../../lib/state-machine/core.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 = m(
+    () => c("card", f, (i) => ({
+      ...i,
+      component: a,
+      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 { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { createMachine } from '@/lib/state-machine'\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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileComponents.js","sources":["../../../../../src/components/Contractor/Profile/management/ProfileComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { ProfileEditForm } from './ProfileEditForm'\nimport { ProfileCard } from './ProfileCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype ProfileSuccessAlertCode = 'profileUpdated'\n\n/** @internal */\nexport interface ProfileContextInterface extends FlowContextInterface {\n  contractorId?: string\n  successAlert?: ProfileSuccessAlertCode | null\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { contractorId, onEvent, successAlert, LoaderComponent } =\n    useFlow<ProfileContextInterface>()\n  const { t } = useTranslation('Contractor.Management.Profile')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <ProfileCard\n        contractorId={ensureRequired(contractorId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function ProfileEditFormContextual() {\n  const { contractorId, onEvent, LoaderComponent } = useFlow<ProfileContextInterface>()\n  return (\n    <ProfileEditForm\n      contractorId={ensureRequired(contractorId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["CardContextual","contractorId","onEvent","successAlert","LoaderComponent","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","ProfileCard","ensureRequired","ProfileEditFormContextual","ProfileEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAAiB;AAC/B,QAAM,EAAE,cAAAC,GAAc,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IAC3CC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQW,EAAgB,+CAA+C,IAAI;AAAA,QAC7E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,cAAcC,EAAed,CAAY;AAAA,QACzC,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASY,IAA4B;AAC1C,QAAM,EAAE,cAAAf,GAAc,SAAAC,GAAS,iBAAAE,EAAA,IAAoBC,EAAA;AACnD,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,cAAcF,EAAed,CAAY;AAAA,MACzC,SAAAC;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,32 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link ProfileEditForm}.
+ *
+ * @public
+ */
+export interface ProfileEditFormProps extends BaseComponentInterface<'Contractor.Management.Profile'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Standalone edit form for a contractor's basic profile details.
+ *
+ * @remarks
+ * Renders fields for the contractor's name (or business name), start date,
+ * tax ID (SSN or EIN, depending on the contractor's type), and email — all
+ * required on update except tax ID and email — and shows a success alert
+ * when the save completes. An SSN/EIN already on file renders as a locked,
+ * masked value with a "Change" action rather than a blank editable input.
+ * Save and Cancel both emit events so the parent can return to the read view.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/profile/updated` | Fired after the contractor profile is successfully saved | {@link APIModels.Contractor} |
+ * | `contractor/management/profile/editCancelled` | Fired when the user clicks Cancel | — |
+ *
+ * @param input - See {@link ProfileEditFormProps}.
+ * @returns The contractor profile edit form.
+ * @public
+ */
+export declare function ProfileEditForm({ FallbackComponent, LoaderComponent, ...props }: ProfileEditFormProps): import("react").JSX.Element;