@gusto/embedded-react-sdk 0.55.5 → 0.55.7

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js

@@ -1,96 +1,92 @@
-import { state as d, transition as r, reduce as t, guard as i } from "robot3";
-import { ContractorListContextual as f, SubmitContextual as l, NewHireReportContextual as R, PaymentMethodContextual as h, AddressContextual as g, ProfileContextual as N, ProgressBarCta as b } from "./OnboardingFlowComponents.js";
-import { componentEvents as n, ContractorOnboardingStatus as u } from "../../../shared/constants.js";
-const T = /* @__PURE__ */ new Set([
-  u.ADMIN_ONBOARDING_INCOMPLETE,
-  u.SELF_ONBOARDING_NOT_INVITED
-]), O = (e) => !e || T.has(e), m = (e, o) => {
-  const a = ["profile"];
-  return e || a.push("address", "paymentMethod"), o && a.push("newHireReport"), a.push("submit"), a;
-}, s = (e, {
-  selfOnboarding: o = !1,
-  showNewHireReport: a = !0
+import { state as i, transition as t, reduce as a, guard as p } from "robot3";
+import { SubmitContextual as O, NewHireReportContextual as N, PaymentMethodContextual as u, AddressContextual as w, ProfileContextual as g, ProgressBarCta as h, ContractorListContextual as T } from "./OnboardingFlowComponents.js";
+import { componentEvents as n, ContractorOnboardingStatus as f } from "../../../shared/constants.js";
+const C = /* @__PURE__ */ new Set([
+  f.ADMIN_ONBOARDING_INCOMPLETE,
+  f.SELF_ONBOARDING_NOT_INVITED
+]), c = (r) => !r || C.has(r), E = (r, s) => {
+  const e = ["profile"];
+  return r || e.push("address", "paymentMethod"), s && e.push("newHireReport"), e.push("submit"), e;
+}, d = (r, {
+  selfOnboarding: s = !1,
+  showNewHireReport: e = !0
 } = {}) => {
-  const c = m(o, a);
+  const o = E(s, e);
   return {
     type: "progress",
-    currentStep: c.indexOf(e) + 1,
-    totalSteps: c.length,
-    cta: b
+    currentStep: o.indexOf(r) + 1,
+    totalSteps: o.length,
+    cta: h
   };
-}, w = (e) => (o) => ({
-  ...o,
-  ...e
-}), p = () => r(
+}, b = (r) => (s) => ({
+  ...s,
+  ...r
+}), l = (r) => t(
   n.CANCEL,
   "list",
-  t(
-    w({
-      component: f,
+  a(
+    b({
+      component: r,
       header: null,
       contractorId: void 0,
       successMessage: void 0
     })
   )
-), H = {
-  list: d(
-    r(
-      n.CONTRACTOR_CREATE,
-      "profile",
-      t(
-        w({
-          component: N,
-          header: s("profile"),
-          contractorId: void 0,
-          successMessage: void 0
-        })
-      )
-    ),
-    r(
-      n.CONTRACTOR_UPDATE,
-      "profile",
-      t(
-        (e, o) => ({
-          ...e,
-          component: N,
-          header: s("profile"),
-          contractorId: o.payload.contractorId,
-          successMessage: void 0
-        })
-      )
-    )
-  ),
-  profile: d(
-    p(),
-    r(
+), _ = t(
+  n.CONTRACTOR_CREATE,
+  "profile",
+  a(
+    b({
+      component: g,
+      header: d("profile"),
+      contractorId: void 0,
+      successMessage: void 0
+    })
+  )
+), m = t(
+  n.CONTRACTOR_UPDATE,
+  "profile",
+  a(
+    (r, s) => ({
+      ...r,
+      component: g,
+      header: d("profile"),
+      contractorId: s.payload.contractorId,
+      successMessage: void 0
+    })
+  )
+), H = (r, { waitForExplicitSubmitDone: s = !1 } = {}) => ({
+  profile: i(
+    l(r),
+    t(
       n.CONTRACTOR_PROFILE_DONE,
       "address",
-      t(
+      a(
         (e, o) => {
-          const a = O(o.payload.onboardingStatus);
+          const R = c(o.payload.onboardingStatus);
           return {
             ...e,
-            component: g,
-            header: s("address", {
+            component: w,
+            header: d("address", {
               selfOnboarding: o.payload.selfOnboarding,
-              showNewHireReport: a
+              showNewHireReport: R
             }),
             contractorId: o.payload.contractorId,
             selfOnboarding: o.payload.selfOnboarding,
-            showNewHireReport: a
+            showNewHireReport: R
           };
         }
       ),
-      i((e, o) => !o.payload.selfOnboarding)
+      p((e, o) => !o.payload.selfOnboarding)
     ),
-    r(
+    t(
       n.CONTRACTOR_PROFILE_DONE,
       "newHireReport",
-      t(
+      a(
         (e, o) => ({
           ...e,
-          component: R,
-          header: s("newHireReport", {
+          component: N,
+          header: d("newHireReport", {
             selfOnboarding: o.payload.selfOnboarding,
             showNewHireReport: !0
           }),
@@ -99,18 +95,18 @@ const T = /* @__PURE__ */ new Set([
           showNewHireReport: !0
         })
       ),
-      i(
-        (e, o) => o.payload.selfOnboarding && O(o.payload.onboardingStatus)
+      p(
+        (e, o) => o.payload.selfOnboarding && c(o.payload.onboardingStatus)
       )
     ),
-    r(
+    t(
       n.CONTRACTOR_PROFILE_DONE,
       "submit",
-      t(
+      a(
         (e, o) => ({
           ...e,
-          component: l,
-          header: s("submit", {
+          component: O,
+          header: d("submit", {
             selfOnboarding: o.payload.selfOnboarding,
             showNewHireReport: !1
           }),
@@ -119,88 +115,99 @@ const T = /* @__PURE__ */ new Set([
           showNewHireReport: !1
         })
       ),
-      i(
-        (e, o) => o.payload.selfOnboarding && !O(o.payload.onboardingStatus)
+      p(
+        (e, o) => o.payload.selfOnboarding && !c(o.payload.onboardingStatus)
       )
     )
   ),
-  address: d(
-    p(),
-    r(
+  address: i(
+    l(r),
+    t(
       n.CONTRACTOR_ADDRESS_DONE,
       "paymentMethod",
-      t((e) => ({
+      a((e) => ({
         ...e,
-        component: h,
-        header: s("paymentMethod", {
+        component: u,
+        header: d("paymentMethod", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
         })
       }))
     )
   ),
-  paymentMethod: d(
-    p(),
-    r(
+  paymentMethod: i(
+    l(r),
+    t(
       n.CONTRACTOR_PAYMENT_METHOD_DONE,
       "newHireReport",
-      t((e) => ({
+      a((e) => ({
         ...e,
-        component: R,
-        header: s("newHireReport", {
+        component: N,
+        header: d("newHireReport", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
         })
       })),
-      i((e) => e.showNewHireReport !== !1)
+      p((e) => e.showNewHireReport !== !1)
     ),
-    r(
+    t(
       n.CONTRACTOR_PAYMENT_METHOD_DONE,
       "submit",
-      t((e) => ({
+      a((e) => ({
         ...e,
-        component: l,
-        header: s("submit", {
+        component: O,
+        header: d("submit", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
         })
       })),
-      i((e) => e.showNewHireReport === !1)
+      p((e) => e.showNewHireReport === !1)
     )
   ),
-  newHireReport: d(
-    p(),
-    r(
+  newHireReport: i(
+    l(r),
+    t(
       n.CONTRACTOR_NEW_HIRE_REPORT_DONE,
       "submit",
-      t((e) => ({
+      a((e) => ({
         ...e,
-        component: l,
-        header: s("submit", {
+        component: O,
+        header: d("submit", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
         })
       }))
     )
   ),
-  submit: d(
-    p(),
-    r(
+  submit: i(
+    l(r),
+    t(
       n.CONTRACTOR_SUBMIT_DONE,
       "list",
-      t(
+      a(
         (e, o) => ({
           ...e,
-          component: f,
+          component: r,
           header: null,
           successMessage: o.payload.message
         })
-      )
+      ),
+      ...s ? [
+        p(
+          (e, o) => e.selfOnboarding === !0 || o.payload.onboardingStatus !== void 0
+        )
+      ] : []
     )
-  ),
-  final: d()
+  )
+}), D = {
+  list: i(_, m),
+  ...H(T),
+  final: i()
 };
 export {
-  H as onboardingMachine
+  _ as contractorCreateTransition,
+  m as contractorUpdateTransition,
+  H as createContractorOnboardingSteps,
+  D as onboardingMachine
 };
 //# sourceMappingURL=onboardingStateMachine.js.map

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  ProgressBarCta,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: {\n    contractorId: string\n    onboardingStatus?: Contractor['onboardingStatus']\n    selfOnboarding: boolean\n  }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\n// The new hire report belongs to the contractor's initial onboarding pass only.\n// These are the statuses where the admin still owns first-time setup; once the\n// contractor advances to admin review, an active self-onboarding stage, or\n// completion, the report is settled and the step is skipped. A missing status\n// (a just-created contractor) counts as initial. We read the post-save status\n// off the profile/done contractor because the API auto-advances to\n// admin_onboarding_review the instant the last required field is saved.\nconst INITIAL_ONBOARDING_STATUSES = new Set<Contractor['onboardingStatus']>([\n  ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n  ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED,\n])\n\nconst showNewHireReportForStatus = (status?: Contractor['onboardingStatus']): boolean =>\n  !status || INITIAL_ONBOARDING_STATUSES.has(status)\n\ntype OnboardingStep = 'profile' | 'address' | 'paymentMethod' | 'newHireReport' | 'submit'\n\n// The flow is a linear list of steps. The admin-only steps (address, payment\n// method) drop out when the contractor self-onboards, and the new hire report\n// drops out once past the initial onboarding pass.\nconst stepsForPath = (selfOnboarding: boolean, showNewHireReport: boolean): OnboardingStep[] => {\n  const steps: OnboardingStep[] = ['profile']\n  if (!selfOnboarding) steps.push('address', 'paymentMethod')\n  if (showNewHireReport) steps.push('newHireReport')\n  steps.push('submit')\n  return steps\n}\n\n// The defaults describe the profile step, which renders before the path is\n// known: assume the longest path so it reads \"1 of 5\".\nconst progressHeader = (\n  currentStep: OnboardingStep,\n  {\n    selfOnboarding = false,\n    showNewHireReport = true,\n  }: { selfOnboarding?: boolean; showNewHireReport?: boolean } = {},\n): FlowHeaderConfig => {\n  const steps = stepsForPath(selfOnboarding, showNewHireReport)\n  return {\n    type: 'progress',\n    currentStep: steps.indexOf(currentStep) + 1,\n    totalSteps: steps.length,\n    cta: ProgressBarCta,\n  }\n}\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = () =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: ContractorListContextual,\n        header: null,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\n/** @internal */\nexport const onboardingMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          header: progressHeader('profile'),\n          contractorId: undefined,\n          successMessage: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_UPDATE,\n      'profile',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            header: progressHeader('profile'),\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          const showNewHireReport = showNewHireReportForStatus(ev.payload.onboardingStatus)\n          return {\n            ...ctx,\n            component: AddressContextual,\n            header: progressHeader('address', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            header: progressHeader('newHireReport', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport: true,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport: true,\n          }\n        },\n      ),\n      guard(\n        (ctx, ev) =>\n          ev.payload.selfOnboarding && showNewHireReportForStatus(ev.payload.onboardingStatus),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'submit',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: SubmitContextual,\n            header: progressHeader('submit', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport: false,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport: false,\n          }\n        },\n      ),\n      guard(\n        (ctx, ev) =>\n          ev.payload.selfOnboarding && !showNewHireReportForStatus(ev.payload.onboardingStatus),\n      ),\n    ),\n  ),\n  address: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: PaymentMethodContextual,\n        header: progressHeader('paymentMethod', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n    ),\n  ),\n  paymentMethod: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: NewHireReportContextual,\n        header: progressHeader('newHireReport', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n      guard((ctx: OnboardingFlowContextInterface) => ctx.showNewHireReport !== false),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'submit',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: SubmitContextual,\n        header: progressHeader('submit', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n      guard((ctx: OnboardingFlowContextInterface) => ctx.showNewHireReport === false),\n    ),\n  ),\n  newHireReport: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: SubmitContextual,\n        header: progressHeader('submit', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n    ),\n  ),\n  submit: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            header: null,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["INITIAL_ONBOARDING_STATUSES","ContractorOnboardingStatus","showNewHireReportForStatus","status","stepsForPath","selfOnboarding","showNewHireReport","steps","progressHeader","currentStep","ProgressBarCta","createReducer","props","ctx","cancelTransition","transition","componentEvents","reduce","ContractorListContextual","onboardingMachine","state","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","SubmitContextual","PaymentMethodContextual"],"mappings":"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"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  ProgressBarCta,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: {\n    contractorId: string\n    onboardingStatus?: Contractor['onboardingStatus']\n    selfOnboarding: boolean\n  }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: {\n    message?: string\n    onboardingStatus?: Contractor['onboardingStatus']\n  }\n}\n\n// The new hire report belongs to the contractor's initial onboarding pass only.\n// These are the statuses where the admin still owns first-time setup; once the\n// contractor advances to admin review, an active self-onboarding stage, or\n// completion, the report is settled and the step is skipped. A missing status\n// (a just-created contractor) counts as initial. We read the post-save status\n// off the profile/done contractor because the API auto-advances to\n// admin_onboarding_review the instant the last required field is saved.\nconst INITIAL_ONBOARDING_STATUSES = new Set<Contractor['onboardingStatus']>([\n  ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n  ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED,\n])\n\nconst showNewHireReportForStatus = (status?: Contractor['onboardingStatus']): boolean =>\n  !status || INITIAL_ONBOARDING_STATUSES.has(status)\n\ntype OnboardingStep = 'profile' | 'address' | 'paymentMethod' | 'newHireReport' | 'submit'\n\n// The flow is a linear list of steps. The admin-only steps (address, payment\n// method) drop out when the contractor self-onboards, and the new hire report\n// drops out once past the initial onboarding pass.\nconst stepsForPath = (selfOnboarding: boolean, showNewHireReport: boolean): OnboardingStep[] => {\n  const steps: OnboardingStep[] = ['profile']\n  if (!selfOnboarding) steps.push('address', 'paymentMethod')\n  if (showNewHireReport) steps.push('newHireReport')\n  steps.push('submit')\n  return steps\n}\n\n// The defaults describe the profile step, which renders before the path is\n// known: assume the longest path so it reads \"1 of 5\".\nconst progressHeader = (\n  currentStep: OnboardingStep,\n  {\n    selfOnboarding = false,\n    showNewHireReport = true,\n  }: { selfOnboarding?: boolean; showNewHireReport?: boolean } = {},\n): FlowHeaderConfig => {\n  const steps = stepsForPath(selfOnboarding, showNewHireReport)\n  return {\n    type: 'progress',\n    currentStep: steps.indexOf(currentStep) + 1,\n    totalSteps: steps.length,\n    cta: ProgressBarCta,\n  }\n}\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\n// Parameterized by the \"list\" screen to return to on cancel/submit, so this same step\n// sequence can be reused by a host machine with its own list state (see\n// `createContractorOnboardingSteps` below) without hardcoding this module's own\n// onboarding-side list.\nconst cancelTransition = (returnToListComponent: React.ComponentType) =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: returnToListComponent,\n        header: null,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\n/**\n * Transitions a host machine's `list` state into the Profile step to onboard a brand-new\n * contractor. Reused as-is by both {@link onboardingMachine} and `ContractorListFlow`'s own\n * machine so \"Add contractor\" behaves identically in both places.\n *\n * @internal\n */\nexport const contractorCreateTransition = transition(\n  componentEvents.CONTRACTOR_CREATE,\n  'profile',\n  reduce(\n    createReducer({\n      component: ProfileContextual,\n      header: progressHeader('profile'),\n      contractorId: undefined,\n      successMessage: undefined,\n    }),\n  ),\n)\n\n/**\n * Transitions a host machine's `list` state into the Profile step to continue an existing\n * contractor's onboarding. Reused as-is by both {@link onboardingMachine} and\n * `ContractorListFlow`'s own machine so \"Continue\"/\"Review\" behaves identically in both places.\n *\n * @internal\n */\nexport const contractorUpdateTransition = transition(\n  componentEvents.CONTRACTOR_UPDATE,\n  'profile',\n  reduce(\n    (\n      ctx: OnboardingFlowContextInterface,\n      ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n    ): OnboardingFlowContextInterface => {\n      return {\n        ...ctx,\n        component: ProfileContextual,\n        header: progressHeader('profile'),\n        contractorId: ev.payload.contractorId,\n        successMessage: undefined,\n      }\n    },\n  ),\n)\n\n/**\n * The Profile → Address → Payment Method → New Hire Report → Submit step sequence, with all\n * of its self-onboarding and new-hire-report skip logic. Extracted so a host machine with its\n * own `list` state (e.g. `ContractorListFlow`) can spread these states in directly rather than\n * mounting {@link OnboardingFlow} as a nested component — nesting would render a second,\n * independent `<Flow>` with its own header, and its `CANCEL`/submit-done transitions would\n * resolve against *its own* internal list rather than the host's. Spreading these states into\n * the host's own machine means every `'list'`-targeting transition below resolves against\n * whichever machine they're mixed into, so `returnToListComponent` is the only piece that\n * varies per host.\n *\n * `ContractorSubmit`'s admin (non-self-onboarding) submit button fires `contractor/submit/done`\n * twice in quick succession for the same completion: once immediately after the mutation\n * succeeds (`{ message }`, no `onboardingStatus`), and again if the admin then clicks the\n * \"Done\" CTA on the `SubmitDone` confirmation screen it renders once the onboarding-status\n * query refetches as completed (`{ onboardingStatus, message }`). The self-onboarding invite\n * path has no such confirmation screen and only ever fires once, immediately. By default (used\n * by {@link OnboardingFlow}, which shows a success banner on its own list on return) both fires\n * transition straight to `list` — matching its long-standing behavior. Pass\n * `waitForExplicitSubmitDone: true` (used by `ContractorListFlow`, whose list has no such\n * banner) to hold on the first, bare-message fire so the admin actually sees `SubmitDone` and\n * must click its \"Done\" CTA before returning to `list`.\n *\n * @internal\n */\nexport const createContractorOnboardingSteps = (\n  returnToListComponent: React.ComponentType,\n  { waitForExplicitSubmitDone = false }: { waitForExplicitSubmitDone?: boolean } = {},\n) => ({\n  profile: state<MachineTransition>(\n    cancelTransition(returnToListComponent),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          const showNewHireReport = showNewHireReportForStatus(ev.payload.onboardingStatus)\n          return {\n            ...ctx,\n            component: AddressContextual,\n            header: progressHeader('address', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            header: progressHeader('newHireReport', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport: true,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport: true,\n          }\n        },\n      ),\n      guard(\n        (ctx, ev) =>\n          ev.payload.selfOnboarding && showNewHireReportForStatus(ev.payload.onboardingStatus),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'submit',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: SubmitContextual,\n            header: progressHeader('submit', {\n              selfOnboarding: ev.payload.selfOnboarding,\n              showNewHireReport: false,\n            }),\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            showNewHireReport: false,\n          }\n        },\n      ),\n      guard(\n        (ctx, ev) =>\n          ev.payload.selfOnboarding && !showNewHireReportForStatus(ev.payload.onboardingStatus),\n      ),\n    ),\n  ),\n  address: state<MachineTransition>(\n    cancelTransition(returnToListComponent),\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: PaymentMethodContextual,\n        header: progressHeader('paymentMethod', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n    ),\n  ),\n  paymentMethod: state<MachineTransition>(\n    cancelTransition(returnToListComponent),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: NewHireReportContextual,\n        header: progressHeader('newHireReport', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n      guard((ctx: OnboardingFlowContextInterface) => ctx.showNewHireReport !== false),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'submit',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: SubmitContextual,\n        header: progressHeader('submit', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n      guard((ctx: OnboardingFlowContextInterface) => ctx.showNewHireReport === false),\n    ),\n  ),\n  newHireReport: state<MachineTransition>(\n    cancelTransition(returnToListComponent),\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce((ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n        ...ctx,\n        component: SubmitContextual,\n        header: progressHeader('submit', {\n          selfOnboarding: ctx.selfOnboarding,\n          showNewHireReport: ctx.showNewHireReport,\n        }),\n      })),\n    ),\n  ),\n  submit: state<MachineTransition>(\n    cancelTransition(returnToListComponent),\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: returnToListComponent,\n            header: null,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n      ...(waitForExplicitSubmitDone\n        ? [\n            guard(\n              (\n                ctx: OnboardingFlowContextInterface,\n                ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n              ) => ctx.selfOnboarding === true || ev.payload.onboardingStatus !== undefined,\n            ),\n          ]\n        : []),\n    ),\n  ),\n})\n\n/** @internal */\nexport const onboardingMachine = {\n  list: state<MachineTransition>(contractorCreateTransition, contractorUpdateTransition),\n  ...createContractorOnboardingSteps(ContractorListContextual),\n  final: state<MachineTransition>(),\n}\n"],"names":["INITIAL_ONBOARDING_STATUSES","ContractorOnboardingStatus","showNewHireReportForStatus","status","stepsForPath","selfOnboarding","showNewHireReport","steps","progressHeader","currentStep","ProgressBarCta","createReducer","props","ctx","cancelTransition","returnToListComponent","transition","componentEvents","reduce","contractorCreateTransition","ProfileContextual","contractorUpdateTransition","ev","createContractorOnboardingSteps","waitForExplicitSubmitDone","state","AddressContextual","guard","NewHireReportContextual","SubmitContextual","PaymentMethodContextual","onboardingMachine","ContractorListContextual"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.js

@@ -7,9 +7,9 @@ import l from "./PaymentStatementPresentation.module.scss.js";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
 import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as H } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as M } from "../../../Payroll/helpers.js";
-import j from "../../../../hooks/useNumberFormatter.js";
-import { useDateFormatter as y } from "../../../../hooks/useDateFormatter.js";
+import { formatHoursDisplay as j } from "../../../Payroll/helpers.js";
+import y from "../../../../hooks/useNumberFormatter.js";
+import { useDateFormatter as M } from "../../../../hooks/useDateFormatter.js";
 import { addressInline as B, formatPhoneNumber as K } from "../../../../helpers/formattedStrings.js";
 import O from "../../../../assets/icons/receipt-check.svg.js";
 import { DataView as U } from "../../../Common/DataView/DataView.js";
@@ -19,9 +19,9 @@ const te = ({
   checkDate: v,
   paymentReceipt: t
 }) => {
-  const h = A(), { Text: s, Heading: b, Link: w } = h;
+  const h = A(), { Text: s, Heading: f, Link: w } = h;
   H("Contractor.Payments.PaymentStatement");
-  const { t: r } = k("Contractor.Payments.PaymentStatement"), i = j("currency"), { formatLongWithYear: u } = y(), f = C(c), p = o.wageType === "Hourly", d = Number(o.hours || 0), g = Number(o.hourlyRate || 0), D = Number(o.bonus || 0), N = Number(o.reimbursement || 0), z = !!(t && o.status === "Funded" && o.paymentMethod === "Direct Deposit"), I = t?.totals?.companyDebit || "0", P = x(() => t ? [
+  const { t: r } = k("Contractor.Payments.PaymentStatement"), i = y("currency"), { formatLongWithYear: u } = M(), b = C(c), p = o.wageType === "Hourly", d = Number(o.hours || 0), g = Number(o.hourlyRate || 0), D = Number(o.bonus || 0), N = Number(o.reimbursement || 0), z = !!(t && o.status === "Funded" && o.paymentMethod === "Direct Deposit"), I = t?.totals?.companyDebit || "0", P = x(() => t ? [
     {
       label: r("receipt.from"),
       value: t.nameOfSender || ""
@@ -44,7 +44,7 @@ const te = ({
     return p && d > 0 ? n.push({
       label: r("hoursLabel"),
       amount: r("hoursAmount", {
-        hours: M(d),
+        hours: j(d),
         rate: i(g)
       })
     }) : n.push({
@@ -60,7 +60,7 @@ const te = ({
   }, [o, p, d, g, D, N, r, i]);
   return /* @__PURE__ */ a(m, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(m, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ a(m, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ e(b, { as: "h2", children: r("title", { contractorName: f }) }),
+      /* @__PURE__ */ e(f, { as: "h2", children: r("title", { contractorName: b }) }),
       /* @__PURE__ */ e(s, { variant: "supporting", children: u(v) })
     ] }) }),
     z && /* @__PURE__ */ e("div", { className: l.receiptCard, children: /* @__PURE__ */ a(m, { flexDirection: "column", gap: 24, children: [
@@ -68,7 +68,7 @@ const te = ({
         /* @__PURE__ */ e("div", { className: l.receiptIcon, "aria-hidden": !0, children: /* @__PURE__ */ e(O, { className: l.checkmarkIcon }) }),
         /* @__PURE__ */ a(m, { flexDirection: "column", alignItems: "center", gap: 8, children: [
           /* @__PURE__ */ e(s, { size: "sm", variant: "supporting", children: r("receipt.totalLabel") }),
-          /* @__PURE__ */ e(b, { as: "h1", styledAs: "h2", className: l.totalAmount, children: i(Number(I)) })
+          /* @__PURE__ */ e(f, { as: "h1", styledAs: "h2", className: l.totalAmount, children: i(Number(I)) })
         ] })
       ] }),
       /* @__PURE__ */ e(
@@ -118,11 +118,12 @@ const te = ({
           },
           {
             title: r("amountColumn"),
+            justify: "end",
             render: ({ amount: n }) => n || ""
           }
         ],
         data: S,
-        label: r("title", { contractorName: f })
+        label: r("title", { contractorName: b })
       }
     )
   ] });

package/dist/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentStatementPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useMemo } from 'react'\nimport type { ContractorPaymentReceipt } from '@gusto/embedded-api/models/components/contractorpaymentreceipt'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { getContractorPaymentTotalAmount } from '../shared/paymentAmounts'\nimport styles from './PaymentStatementPresentation.module.scss'\nimport { DataView, Flex } from '@/components/Common'\nimport type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { addressInline, formatPhoneNumber } from '@/helpers/formattedStrings'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PaymentStatementPresentationProps {\n  payment: ContractorPaymentForGroup\n  contractor: Contractor\n  paymentReceipt?: ContractorPaymentReceipt\n  checkDate: string\n}\n\ntype PaymentStatementRow = {\n  label: string\n  amount: string | null\n}\n\n/** @internal */\nexport const PaymentStatementPresentation = ({\n  payment,\n  contractor,\n  checkDate,\n  paymentReceipt,\n}: PaymentStatementPresentationProps) => {\n  const Components = useComponentContext()\n  const { Text, Heading, Link } = Components\n  useI18n('Contractor.Payments.PaymentStatement')\n  const { t } = useTranslation('Contractor.Payments.PaymentStatement')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const contractorName = getContractorDisplayName(contractor)\n  const isHourly = payment.wageType === 'Hourly'\n  const hours = Number(payment.hours || 0)\n  const hourlyRate = Number(payment.hourlyRate || 0)\n  const bonus = Number(payment.bonus || 0)\n  const reimbursement = Number(payment.reimbursement || 0)\n\n  const shouldShowReceipt = Boolean(\n    paymentReceipt && payment.status === 'Funded' && payment.paymentMethod === 'Direct Deposit',\n  )\n\n  const receiptTotal = paymentReceipt?.totals?.companyDebit || '0'\n\n  const receiptDetailsConfig = useMemo(() => {\n    if (!paymentReceipt) return []\n\n    return [\n      {\n        label: t('receipt.from'),\n        value: paymentReceipt.nameOfSender || '',\n      },\n      {\n        label: t('receipt.to'),\n        value: getContractorDisplayName(contractor),\n      },\n      {\n        label: t('receipt.debitDate'),\n        value: paymentReceipt.debitDate ? formatLongWithYear(String(paymentReceipt.debitDate)) : '',\n      },\n    ]\n  }, [paymentReceipt, contractor, t, formatLongWithYear])\n\n  const statementRows = useMemo<PaymentStatementRow[]>(() => {\n    const rows: PaymentStatementRow[] = [\n      {\n        label: payment.paymentMethod || '',\n        amount: currencyFormatter(getContractorPaymentTotalAmount(payment)),\n      },\n    ]\n\n    if (isHourly && hours > 0) {\n      rows.push({\n        label: t('hoursLabel'),\n        amount: t('hoursAmount', {\n          hours: formatHoursDisplay(hours),\n          rate: currencyFormatter(hourlyRate),\n        }),\n      })\n    } else {\n      rows.push({\n        label: t('wageLabel'),\n        amount: currencyFormatter(Number(payment.wage || 0)),\n      })\n    }\n\n    rows.push({\n      label: t('bonus'),\n      amount: currencyFormatter(bonus),\n    })\n\n    rows.push({\n      label: t('reimbursement'),\n      amount: currencyFormatter(reimbursement),\n    })\n\n    return rows\n  }, [payment, isHourly, hours, hourlyRate, bonus, reimbursement, t, currencyFormatter])\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Heading as=\"h2\">{t('title', { contractorName })}</Heading>\n          <Text variant=\"supporting\">{formatLongWithYear(checkDate)}</Text>\n        </Flex>\n      </Flex>\n\n      {shouldShowReceipt && (\n        <div className={styles.receiptCard}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n              <div className={styles.receiptIcon} aria-hidden>\n                <ReceiptCheck className={styles.checkmarkIcon} />\n              </div>\n\n              <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n                <Text size=\"sm\" variant=\"supporting\">\n                  {t('receipt.totalLabel')}\n                </Text>\n                <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n                  {currencyFormatter(Number(receiptTotal))}\n                </Heading>\n              </Flex>\n            </Flex>\n\n            <Components.DescriptionList\n              layout=\"horizontal\"\n              showSeparators={false}\n              items={receiptDetailsConfig.map(({ label, value }): DescriptionListItem => ({\n                term: (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {label}\n                  </Text>\n                ),\n                description: <Text size=\"sm\">{value}</Text>,\n              }))}\n            />\n            <hr />\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n              <Text size=\"sm\" variant=\"supporting\" className={styles.disclaimer}>\n                <Trans\n                  i18nKey=\"receipt.disclaimer\"\n                  t={t}\n                  components={{\n                    licensesLink: <Link href={paymentReceipt?.licenseUri || ''} target=\"_blank\" />,\n                  }}\n                />\n              </Text>\n              <hr />\n\n              <Text size=\"sm\" variant=\"supporting\" className={styles.companyInfo}>\n                {paymentReceipt?.licensee?.name || ''}\n              </Text>\n              <Text size=\"sm\" variant=\"supporting\" className={styles.address}>\n                {addressInline({\n                  street1: paymentReceipt?.licensee?.address || '',\n                  city: paymentReceipt?.licensee?.city || '',\n                  state: paymentReceipt?.licensee?.state || '',\n                  zip: paymentReceipt?.licensee?.postalCode || '',\n                  country: '',\n                  uuid: '',\n                })}\n                {' | '}\n                {formatPhoneNumber(paymentReceipt?.licensee?.phoneNumber)}\n              </Text>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n\n      <DataView\n        columns={[\n          {\n            title: t('debitedColumn'),\n            render: ({ label }) => label,\n          },\n          {\n            title: t('amountColumn'),\n            render: ({ amount }) => amount || '',\n          },\n        ]}\n        data={statementRows}\n        label={t('title', { contractorName })}\n      />\n    </Flex>\n  )\n}\n"],"names":["PaymentStatementPresentation","payment","contractor","checkDate","paymentReceipt","Components","useComponentContext","Text","Heading","Link","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","contractorName","getContractorDisplayName","isHourly","hours","hourlyRate","bonus","reimbursement","shouldShowReceipt","receiptTotal","receiptDetailsConfig","useMemo","statementRows","rows","getContractorPaymentTotalAmount","formatHoursDisplay","jsxs","Flex","jsx","styles","ReceiptCheck","label","value","Trans","addressInline","formatPhoneNumber","DataView","amount"],"mappings":"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"}
+{"version":3,"file":"PaymentStatementPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useMemo } from 'react'\nimport type { ContractorPaymentReceipt } from '@gusto/embedded-api/models/components/contractorpaymentreceipt'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { getContractorPaymentTotalAmount } from '../shared/paymentAmounts'\nimport styles from './PaymentStatementPresentation.module.scss'\nimport { DataView, Flex } from '@/components/Common'\nimport type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { addressInline, formatPhoneNumber } from '@/helpers/formattedStrings'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PaymentStatementPresentationProps {\n  payment: ContractorPaymentForGroup\n  contractor: Contractor\n  paymentReceipt?: ContractorPaymentReceipt\n  checkDate: string\n}\n\ntype PaymentStatementRow = {\n  label: string\n  amount: string | null\n}\n\n/** @internal */\nexport const PaymentStatementPresentation = ({\n  payment,\n  contractor,\n  checkDate,\n  paymentReceipt,\n}: PaymentStatementPresentationProps) => {\n  const Components = useComponentContext()\n  const { Text, Heading, Link } = Components\n  useI18n('Contractor.Payments.PaymentStatement')\n  const { t } = useTranslation('Contractor.Payments.PaymentStatement')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const contractorName = getContractorDisplayName(contractor)\n  const isHourly = payment.wageType === 'Hourly'\n  const hours = Number(payment.hours || 0)\n  const hourlyRate = Number(payment.hourlyRate || 0)\n  const bonus = Number(payment.bonus || 0)\n  const reimbursement = Number(payment.reimbursement || 0)\n\n  const shouldShowReceipt = Boolean(\n    paymentReceipt && payment.status === 'Funded' && payment.paymentMethod === 'Direct Deposit',\n  )\n\n  const receiptTotal = paymentReceipt?.totals?.companyDebit || '0'\n\n  const receiptDetailsConfig = useMemo(() => {\n    if (!paymentReceipt) return []\n\n    return [\n      {\n        label: t('receipt.from'),\n        value: paymentReceipt.nameOfSender || '',\n      },\n      {\n        label: t('receipt.to'),\n        value: getContractorDisplayName(contractor),\n      },\n      {\n        label: t('receipt.debitDate'),\n        value: paymentReceipt.debitDate ? formatLongWithYear(String(paymentReceipt.debitDate)) : '',\n      },\n    ]\n  }, [paymentReceipt, contractor, t, formatLongWithYear])\n\n  const statementRows = useMemo<PaymentStatementRow[]>(() => {\n    const rows: PaymentStatementRow[] = [\n      {\n        label: payment.paymentMethod || '',\n        amount: currencyFormatter(getContractorPaymentTotalAmount(payment)),\n      },\n    ]\n\n    if (isHourly && hours > 0) {\n      rows.push({\n        label: t('hoursLabel'),\n        amount: t('hoursAmount', {\n          hours: formatHoursDisplay(hours),\n          rate: currencyFormatter(hourlyRate),\n        }),\n      })\n    } else {\n      rows.push({\n        label: t('wageLabel'),\n        amount: currencyFormatter(Number(payment.wage || 0)),\n      })\n    }\n\n    rows.push({\n      label: t('bonus'),\n      amount: currencyFormatter(bonus),\n    })\n\n    rows.push({\n      label: t('reimbursement'),\n      amount: currencyFormatter(reimbursement),\n    })\n\n    return rows\n  }, [payment, isHourly, hours, hourlyRate, bonus, reimbursement, t, currencyFormatter])\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Heading as=\"h2\">{t('title', { contractorName })}</Heading>\n          <Text variant=\"supporting\">{formatLongWithYear(checkDate)}</Text>\n        </Flex>\n      </Flex>\n\n      {shouldShowReceipt && (\n        <div className={styles.receiptCard}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n              <div className={styles.receiptIcon} aria-hidden>\n                <ReceiptCheck className={styles.checkmarkIcon} />\n              </div>\n\n              <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n                <Text size=\"sm\" variant=\"supporting\">\n                  {t('receipt.totalLabel')}\n                </Text>\n                <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n                  {currencyFormatter(Number(receiptTotal))}\n                </Heading>\n              </Flex>\n            </Flex>\n\n            <Components.DescriptionList\n              layout=\"horizontal\"\n              showSeparators={false}\n              items={receiptDetailsConfig.map(({ label, value }): DescriptionListItem => ({\n                term: (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {label}\n                  </Text>\n                ),\n                description: <Text size=\"sm\">{value}</Text>,\n              }))}\n            />\n            <hr />\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n              <Text size=\"sm\" variant=\"supporting\" className={styles.disclaimer}>\n                <Trans\n                  i18nKey=\"receipt.disclaimer\"\n                  t={t}\n                  components={{\n                    licensesLink: <Link href={paymentReceipt?.licenseUri || ''} target=\"_blank\" />,\n                  }}\n                />\n              </Text>\n              <hr />\n\n              <Text size=\"sm\" variant=\"supporting\" className={styles.companyInfo}>\n                {paymentReceipt?.licensee?.name || ''}\n              </Text>\n              <Text size=\"sm\" variant=\"supporting\" className={styles.address}>\n                {addressInline({\n                  street1: paymentReceipt?.licensee?.address || '',\n                  city: paymentReceipt?.licensee?.city || '',\n                  state: paymentReceipt?.licensee?.state || '',\n                  zip: paymentReceipt?.licensee?.postalCode || '',\n                  country: '',\n                  uuid: '',\n                })}\n                {' | '}\n                {formatPhoneNumber(paymentReceipt?.licensee?.phoneNumber)}\n              </Text>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n\n      <DataView\n        columns={[\n          {\n            title: t('debitedColumn'),\n            render: ({ label }) => label,\n          },\n          {\n            title: t('amountColumn'),\n            justify: 'end',\n            render: ({ amount }) => amount || '',\n          },\n        ]}\n        data={statementRows}\n        label={t('title', { contractorName })}\n      />\n    </Flex>\n  )\n}\n"],"names":["PaymentStatementPresentation","payment","contractor","checkDate","paymentReceipt","Components","useComponentContext","Text","Heading","Link","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","contractorName","getContractorDisplayName","isHourly","hours","hourlyRate","bonus","reimbursement","shouldShowReceipt","receiptTotal","receiptDetailsConfig","useMemo","statementRows","rows","getContractorPaymentTotalAmount","formatHoursDisplay","jsxs","Flex","jsx","styles","ReceiptCheck","label","value","Trans","addressInline","formatPhoneNumber","DataView","amount"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } 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";
@@ -9,43 +9,47 @@ 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 }) });
+  return /* @__PURE__ */ e(g, { componentName: "Contractor.Management.Profile", LoaderComponent: r, children: /* @__PURE__ */ e(S, { LoaderComponent: r, ...s }) });
 }
 function S({ contractorId: r, onEvent: s, LoaderComponent: l }) {
   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 },
+  const { t: o } = N("Contractor.Management.Profile"), n = T(), a = L({ contractorId: r }), m = a.isLoading, t = a.isLoading ? void 0 : a.data.contractor, c = t?.type === B.BUSINESS, d = t ? c ? t.businessName : v({
+    first_name: t.firstName,
+    middle_initial: t.middleInitial,
+    last_name: t.lastName
+  }) : void 0, p = t ? X(t.startDate) : void 0, f = t?.hasSsn ? "XXX-XX-XXXX" : void 0, u = t?.hasEin ? t.ein ?? void 0 : void 0, i = /* @__PURE__ */ e("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), C = t ? [
+    { term: o("legalName"), description: d || i },
+    { term: o("startDate"), description: p || i },
     c ? {
-      term: e("employerIdentificationNumber"),
+      term: o("employerIdentificationNumber"),
       description: u || i
     } : {
-      term: e("socialSecurityNumber"),
+      term: o("socialSecurityNumber"),
       description: f || i
     },
-    { term: e("email"), description: t.email || i }
+    { term: o("email"), description: t.email || i }
   ] : [], E = () => {
     s(D.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId: r });
   };
-  return /* @__PURE__ */ o(P, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(P, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ e(
     n.Box,
     {
-      header: /* @__PURE__ */ o(
+      header: /* @__PURE__ */ e(
         n.BoxHeader,
         {
-          title: e("title"),
-          action: /* @__PURE__ */ o(
+          title: o("title"),
+          action: /* @__PURE__ */ e(
             n.Button,
             {
               variant: "secondary",
               onClick: E,
               isDisabled: m,
-              children: e("editCta")
+              children: o("editCta")
             }
           )
         }
       ),
-      children: m ? /* @__PURE__ */ o(h, {}) : t ? /* @__PURE__ */ o(n.DescriptionList, { items: C }) : null
+      children: m ? /* @__PURE__ */ e(h, {}) : t ? /* @__PURE__ */ e(n.DescriptionList, { items: C }) : null
     }
   ) });
 }