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

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

@@ -1,5 +1,6 @@
-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 { ProgressBarCta as h, ContractorListContextual as f, SubmitContextual as l, NewHireReportContextual as R, PaymentMethodContextual as g, AddressContextual as b, ProfileContextual as N } from "./OnboardingFlowComponents.js";
+import "react";
+import { state as d, transition as r, reduce as t, guard as i } from "../../../lib/state-machine/core.js";
 import { componentEvents as n, ContractorOnboardingStatus as u } from "../../../shared/constants.js";
 const T = /* @__PURE__ */ new Set([
   u.ADMIN_ONBOARDING_INCOMPLETE,
@@ -16,7 +17,7 @@ const T = /* @__PURE__ */ new Set([
     type: "progress",
     currentStep: c.indexOf(e) + 1,
     totalSteps: c.length,
-    cta: b
+    cta: h
   };
 }, w = (e) => (o) => ({
   ...o,
@@ -32,7 +33,7 @@ const T = /* @__PURE__ */ new Set([
       successMessage: void 0
     })
   )
-), H = {
+), I = {
   list: d(
     r(
       n.CONTRACTOR_CREATE,
@@ -70,7 +71,7 @@ const T = /* @__PURE__ */ new Set([
           const a = O(o.payload.onboardingStatus);
           return {
             ...e,
-            component: g,
+            component: b,
             header: s("address", {
               selfOnboarding: o.payload.selfOnboarding,
               showNewHireReport: a
@@ -131,7 +132,7 @@ const T = /* @__PURE__ */ new Set([
       "paymentMethod",
       t((e) => ({
         ...e,
-        component: h,
+        component: g,
         header: s("paymentMethod", {
           selfOnboarding: e.selfOnboarding,
           showNewHireReport: e.showNewHireReport
@@ -201,6 +202,6 @@ const T = /* @__PURE__ */ new Set([
   final: d()
 };
 export {
-  H as onboardingMachine
+  I 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 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 { transition, reduce, state, guard } from '@/lib/state-machine'\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":";;;;AAmCA,MAAMA,wBAAkC,IAAoC;AAAA,EAC1EC,EAA2B;AAAA,EAC3BA,EAA2B;AAC7B,CAAC,GAEKC,IAA6B,CAACC,MAClC,CAACA,KAAUH,EAA4B,IAAIG,CAAM,GAO7CC,IAAe,CAACC,GAAyBC,MAAiD;AAC9F,QAAMC,IAA0B,CAAC,SAAS;AAC1C,SAAKF,KAAgBE,EAAM,KAAK,WAAW,eAAe,GACtDD,KAAmBC,EAAM,KAAK,eAAe,GACjDA,EAAM,KAAK,QAAQ,GACZA;AACT,GAIMC,IAAiB,CACrBC,GACA;AAAA,EACE,gBAAAJ,IAAiB;AAAA,EACjB,mBAAAC,IAAoB;AACtB,IAA+D,OAC1C;AACrB,QAAMC,IAAQH,EAAaC,GAAgBC,CAAiB;AAC5D,SAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAaC,EAAM,QAAQE,CAAW,IAAI;AAAA,IAC1C,YAAYF,EAAM;AAAA,IAClB,KAAKG;AAAA,EAAA;AAET,GAEMC,IAAgB,CAACC,MACd,CAACC,OAAyE;AAAA,EAC/E,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIDE,IAAmB,MACvBC;AAAA,EACEC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACEN,EAAc;AAAA,MACZ,WAAWO;AAAA,MACX,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,EAAA;AAEL,GAGWC,IAAoB;AAAA,EAC/B,MAAMC;AAAA,IACJL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEN,EAAc;AAAA,UACZ,WAAWU;AAAA,UACX,QAAQb,EAAe,SAAS;AAAA,UAChC,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFO;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEJ,GACAS,OAEO;AAAA,UACL,GAAGT;AAAA,UACH,WAAWQ;AAAA,UACX,QAAQb,EAAe,SAAS;AAAA,UAChC,cAAcc,EAAG,QAAQ;AAAA,UACzB,gBAAgB;AAAA,QAAA;AAAA,MAEpB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASF;AAAA,IACPN,EAAA;AAAA,IACAC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEJ,GACAS,MACmC;AACnC,gBAAMhB,IAAoBJ,EAA2BoB,EAAG,QAAQ,gBAAgB;AAChF,iBAAO;AAAA,YACL,GAAGT;AAAA,YACH,WAAWU;AAAA,YACX,QAAQf,EAAe,WAAW;AAAA,cAChC,gBAAgBc,EAAG,QAAQ;AAAA,cAC3B,mBAAAhB;AAAA,YAAA,CACD;AAAA,YACD,cAAcgB,EAAG,QAAQ;AAAA,YACzB,gBAAgBA,EAAG,QAAQ;AAAA,YAC3B,mBAAAhB;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,MAEFkB,EAAM,CAACX,GAAKS,MAAO,CAACA,EAAG,QAAQ,cAAc;AAAA,IAAA;AAAA,IAE/CP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEJ,GACAS,OAEO;AAAA,UACL,GAAGT;AAAA,UACH,WAAWY;AAAA,UACX,QAAQjB,EAAe,iBAAiB;AAAA,YACtC,gBAAgBc,EAAG,QAAQ;AAAA,YAC3B,mBAAmB;AAAA,UAAA,CACpB;AAAA,UACD,cAAcA,EAAG,QAAQ;AAAA,UACzB,gBAAgBA,EAAG,QAAQ;AAAA,UAC3B,mBAAmB;AAAA,QAAA;AAAA,MAEvB;AAAA,MAEFE;AAAA,QACE,CAACX,GAAKS,MACJA,EAAG,QAAQ,kBAAkBpB,EAA2BoB,EAAG,QAAQ,gBAAgB;AAAA,MAAA;AAAA,IACvF;AAAA,IAEFP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEJ,GACAS,OAEO;AAAA,UACL,GAAGT;AAAA,UACH,WAAWa;AAAA,UACX,QAAQlB,EAAe,UAAU;AAAA,YAC/B,gBAAgBc,EAAG,QAAQ;AAAA,YAC3B,mBAAmB;AAAA,UAAA,CACpB;AAAA,UACD,cAAcA,EAAG,QAAQ;AAAA,UACzB,gBAAgBA,EAAG,QAAQ;AAAA,UAC3B,mBAAmB;AAAA,QAAA;AAAA,MAEvB;AAAA,MAEFE;AAAA,QACE,CAACX,GAAKS,MACJA,EAAG,QAAQ,kBAAkB,CAACpB,EAA2BoB,EAAG,QAAQ,gBAAgB;AAAA,MAAA;AAAA,IACxF;AAAA,EACF;AAAA,EAEF,SAASF;AAAA,IACPN,EAAA;AAAA,IACAC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACJ,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWc;AAAA,QACX,QAAQnB,EAAe,iBAAiB;AAAA,UACtC,gBAAgBK,EAAI;AAAA,UACpB,mBAAmBA,EAAI;AAAA,QAAA,CACxB;AAAA,MAAA,EACD;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,eAAeO;AAAA,IACbN,EAAA;AAAA,IACAC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACJ,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWY;AAAA,QACX,QAAQjB,EAAe,iBAAiB;AAAA,UACtC,gBAAgBK,EAAI;AAAA,UACpB,mBAAmBA,EAAI;AAAA,QAAA,CACxB;AAAA,MAAA,EACD;AAAA,MACFW,EAAM,CAACX,MAAwCA,EAAI,sBAAsB,EAAK;AAAA,IAAA;AAAA,IAEhFE;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACJ,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWa;AAAA,QACX,QAAQlB,EAAe,UAAU;AAAA,UAC/B,gBAAgBK,EAAI;AAAA,UACpB,mBAAmBA,EAAI;AAAA,QAAA,CACxB;AAAA,MAAA,EACD;AAAA,MACFW,EAAM,CAACX,MAAwCA,EAAI,sBAAsB,EAAK;AAAA,IAAA;AAAA,EAChF;AAAA,EAEF,eAAeO;AAAA,IACbN,EAAA;AAAA,IACAC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACJ,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWa;AAAA,QACX,QAAQlB,EAAe,UAAU;AAAA,UAC/B,gBAAgBK,EAAI;AAAA,UACpB,mBAAmBA,EAAI;AAAA,QAAA,CACxB;AAAA,MAAA,EACD;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,QAAQO;AAAA,IACNN,EAAA;AAAA,IACAC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEJ,GACAS,OAEO;AAAA,UACL,GAAGT;AAAA,UACH,WAAWK;AAAA,UACX,QAAQ;AAAA,UACR,gBAAgBI,EAAG,QAAQ;AAAA,QAAA;AAAA,MAE/B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOF,EAAA;AACT;"}

package/dist/components/Contractor/OnboardingSummary/OnboardingSummary.js

@@ -1,35 +1,36 @@
 import { jsx as n, jsxs as e } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
-import { BaseComponent as s } from "../../Base/Base.js";
-import { useBase as l } from "../../Base/useBase.js";
+import { useTranslation as s } from "react-i18next";
+import { BaseComponent as l } from "../../Base/Base.js";
+import { useBase as d } from "../../Base/useBase.js";
 import { Flex as i } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as d } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as f, useComponentDictionary as C } from "../../../i18n/I18n.js";
-import { componentEvents as p } from "../../../shared/constants.js";
-function E(t) {
-  return f("Contractor.OnboardingSummary"), C("Contractor.OnboardingSummary", t.dictionary), /* @__PURE__ */ n(s, { ...t, children: /* @__PURE__ */ n(h, { ...t, children: t.children }) });
+import { componentEvents as h } from "../../../shared/constants.js";
+function N(o) {
+  return /* @__PURE__ */ n(l, { ...o, children: /* @__PURE__ */ n(g, { ...o, children: o.children }) });
 }
-const h = ({ contractorId: t, className: c }) => {
-  const { onEvent: m } = l(), { t: o } = a("Contractor.OnboardingSummary"), r = u();
-  return /* @__PURE__ */ n("section", { className: c, children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 32, children: [
+const g = ({ contractorId: o, className: m, dictionary: c }) => {
+  f("Contractor.OnboardingSummary"), C("Contractor.OnboardingSummary", c);
+  const { onEvent: a } = d(), { t } = s("Contractor.OnboardingSummary"), r = p();
+  return /* @__PURE__ */ n("section", { className: m, children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(i, { alignItems: "center", flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ n(r.Heading, { as: "h2", textAlign: "center", children: o("subtitle") }),
-      /* @__PURE__ */ n(r.Text, { textAlign: "center", children: o("description") })
+      /* @__PURE__ */ n(r.Heading, { as: "h2", textAlign: "center", children: t("subtitle") }),
+      /* @__PURE__ */ n(r.Text, { textAlign: "center", children: t("description") })
     ] }),
-    /* @__PURE__ */ n(d, { justifyContent: "center", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(u, { justifyContent: "center", children: /* @__PURE__ */ n(
       r.Button,
       {
         variant: "secondary",
         onClick: () => {
-          m(p.CONTRACTOR_SELF_ONBOARDING_DONE, { contractorId: t });
+          a(h.CONTRACTOR_SELF_ONBOARDING_DONE, { contractorId: o });
         },
-        children: o("doneCta")
+        children: t("doneCta")
       }
     ) })
   ] }) });
 };
 export {
-  E as OnboardingSummary
+  N as OnboardingSummary
 };
 //# sourceMappingURL=OnboardingSummary.js.map

package/dist/components/Contractor/OnboardingSummary/OnboardingSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Contractor/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for {@link OnboardingSummary}.\n *\n * @public\n */\nexport interface OnboardingSummaryProps extends BaseComponentInterface<'Contractor.OnboardingSummary'> {\n  /** UUID of the contractor who completed self-onboarding. */\n  contractorId: string\n}\n\n/**\n * Confirmation screen shown at the end of the contractor self-onboarding flow.\n * Lets the contractor know their information has been submitted and emits\n * `contractor/selfOnboarding/done` when they acknowledge it.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/selfOnboarding/done` | Fired when the contractor acknowledges completion and clicks the Done button | `{ contractorId: string }` |\n *\n * @public\n */\nexport function OnboardingSummary(props: OnboardingSummaryProps) {\n  useI18n('Contractor.OnboardingSummary')\n  useComponentDictionary('Contractor.OnboardingSummary', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, className }: OnboardingSummaryProps) => {\n  const { onEvent } = useBase()\n  const { t } = useTranslation('Contractor.OnboardingSummary')\n  const Components = useComponentContext()\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h2\" textAlign=\"center\">\n            {t('subtitle')}\n          </Components.Heading>\n          <Components.Text textAlign=\"center\">{t('description')}</Components.Text>\n        </Flex>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_DONE, { contractorId })\n            }}\n          >\n            {t('doneCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["OnboardingSummary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","contractorId","className","onEvent","useBase","t","useTranslation","Components","useComponentContext","jsxs","Flex","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;AA8BO,SAASA,EAAkBC,GAA+B;AAC/D,SAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCF,EAAM,UAAU,GAGrE,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,QAAwC;AACpE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,SACE,gBAAAV,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAO,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAZ,EAACS,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAF,EAAE,UAAU,EAAA,CACf;AAAA,MACA,gBAAAP,EAACS,EAAW,MAAX,EAAgB,WAAU,UAAU,UAAAF,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GACxD;AAAA,IACA,gBAAAP,EAACa,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAAb;AAAA,MAACS,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAJ,EAAQS,EAAgB,iCAAiC,EAAE,cAAAX,EAAA,CAAc;AAAA,QAC3E;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Contractor/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for {@link OnboardingSummary}.\n *\n * @public\n */\nexport interface OnboardingSummaryProps extends BaseComponentInterface<'Contractor.OnboardingSummary'> {\n  /** UUID of the contractor who completed self-onboarding. */\n  contractorId: string\n}\n\n/**\n * Confirmation screen shown at the end of the contractor self-onboarding flow.\n * Lets the contractor know their information has been submitted and emits\n * `contractor/selfOnboarding/done` when they acknowledge it.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/selfOnboarding/done` | Fired when the contractor acknowledges completion and clicks the Done button | `{ contractorId: string }` |\n *\n * @public\n */\nexport function OnboardingSummary(props: OnboardingSummaryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, className, dictionary }: OnboardingSummaryProps) => {\n  useI18n('Contractor.OnboardingSummary')\n  useComponentDictionary('Contractor.OnboardingSummary', dictionary)\n  const { onEvent } = useBase()\n  const { t } = useTranslation('Contractor.OnboardingSummary')\n  const Components = useComponentContext()\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h2\" textAlign=\"center\">\n            {t('subtitle')}\n          </Components.Heading>\n          <Components.Text textAlign=\"center\">{t('description')}</Components.Text>\n        </Flex>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_DONE, { contractorId })\n            }}\n          >\n            {t('doneCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["OnboardingSummary","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useI18n","useComponentDictionary","onEvent","useBase","useTranslation","Components","useComponentContext","jsxs","Flex","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;AA8BO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,YAAAC,QAAyC;AAChF,EAAAC,EAAQ,8BAA8B,GACtCC,EAAuB,gCAAgCF,CAAU;AACjE,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GACd,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA;AAEnB,SACE,gBAAAZ,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAS,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAd,EAACW,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAA,EAAE,UAAU,EAAA,CACf;AAAA,MACA,gBAAAX,EAACW,EAAW,MAAX,EAAgB,WAAU,UAAU,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GACxD;AAAA,IACA,gBAAAX,EAACe,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAAf;AAAA,MAACW,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAH,EAAQQ,EAAgB,iCAAiC,EAAE,cAAAb,EAAA,CAAc;AAAA,QAC3E;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,32 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link PaymentMethod}.
+ *
+ * @public
+ */
+export interface PaymentMethodProps extends BaseComponentInterface<'Contractor.Management.PaymentMethod'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Management surface for viewing and editing a contractor's payment method after onboarding.
+ *
+ * @remarks
+ * Drives the read-view card and bank-account form via an internal state
+ * machine. Emits events on the supplied `onEvent` handler when the user
+ * requests to add or edit a bank account, saves changes, or cancels.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/paymentMethod/card/addRequested` | Fired when the user clicks "Add bank account" on the read-view card | `{ contractorId: string }` |
+ * | `contractor/management/paymentMethod/card/editRequested` | Fired when the user chooses "Edit" from the bank account row menu | `{ contractorId: string }` |
+ * | `contractor/management/paymentMethod/card/removed` | Fired after the bank account is removed and the payment method reverts to Check | {@link APIModels.ContractorPaymentMethod} |
+ * | `contractor/management/paymentMethod/bankForm/submitted` | Fired after the bank-account form is successfully saved | {@link APIModels.ContractorBankAccount} |
+ * | `contractor/management/paymentMethod/bankForm/cancelled` | Fired when the user cancels the bank-account form | — |
+ *
+ * @param props - See {@link PaymentMethodProps}.
+ * @returns The contractor payment method management surface.
+ * @public
+ */
+export declare function PaymentMethod({ dictionary, FallbackComponent, LoaderComponent, ...props }: PaymentMethodProps): import("react").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { CardContextual, type PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\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 PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends BaseComponentInterface<'Contractor.Management.PaymentMethod'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\nfunction PaymentMethodFlow({ contractorId, onEvent, LoaderComponent }: PaymentMethodProps) {\n  useI18n('Contractor.Management.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', paymentMethodStateMachine, (ctx: PaymentMethodContextInterface) => ({\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 payment method after onboarding.\n *\n * @remarks\n * Drives the read-view card and bank-account form via an internal state\n * machine. Emits events on the supplied `onEvent` handler when the user\n * requests to add or edit a bank account, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/paymentMethod/card/addRequested` | Fired when the user clicks \"Add bank account\" on the read-view card | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/editRequested` | Fired when the user chooses \"Edit\" from the bank account row menu | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/removed` | Fired after the bank account is removed and the payment method reverts to Check | {@link APIModels.ContractorPaymentMethod} |\n * | `contractor/management/paymentMethod/bankForm/submitted` | Fired after the bank-account form is successfully saved | {@link APIModels.ContractorBankAccount} |\n * | `contractor/management/paymentMethod/bankForm/cancelled` | Fired when the user cancels the bank-account form | — |\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The contractor payment method management surface.\n * @public\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PaymentMethodProps) {\n  useComponentDictionary('Contractor.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","contractorId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","CardContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAkB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAC,KAAuC;AACzF,EAAAC,EAAQ,qCAAqC;AAE7C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA2B,CAACC,OAAwC;AAAA,MACxF,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;AAuBO,SAASW,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAuB;AACrB,SAAAC,EAAuB,uCAAuCH,CAAU,GAEtE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAkB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtE;"}

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.d.ts

@@ -0,0 +1,37 @@
+import { EventType } from '../../../../../shared/constants';
+import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
+/**
+ * Props for {@link PaymentMethodCard}.
+ *
+ * @public
+ */
+export interface PaymentMethodCardProps {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** Event handler fired on card interactions. */
+    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;
+}
+/**
+ * Standalone "Payment" card showing a contractor's payment method.
+ *
+ * @remarks
+ * Fetches its own data and emits the management block's scoped events when
+ * the user clicks the card's CTAs or confirms removing the bank account. The
+ * card has no alert API — alert rendering is the orchestrator's
+ * responsibility.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/paymentMethod/card/addRequested` | Fired when the user clicks "Add bank account" | `{ contractorId: string }` |
+ * | `contractor/management/paymentMethod/card/editRequested` | Fired when the user chooses "Edit" from the bank account row menu | `{ contractorId: string }` |
+ * | `contractor/management/paymentMethod/card/removed` | Fired after the bank account is removed and the payment method reverts to Check | The updated `ContractorPaymentMethod` entity |
+ *
+ * @param props - See {@link PaymentMethodCardProps}.
+ * @returns The "Payment" card.
+ * @public
+ */
+export declare function PaymentMethodCard({ LoaderComponent, ...props }: PaymentMethodCardProps): import("react").JSX.Element;

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js

@@ -0,0 +1,133 @@
+import { jsx as t, jsxs as l, Fragment as h } from "react/jsx-runtime";
+import { useState as T } from "react";
+import { useTranslation as D } from "react-i18next";
+import { Flex as M } from "../../../../Common/Flex/Flex.js";
+import { Loading as f } from "../../../../Common/Loading/Loading.js";
+import { HamburgerMenu as y } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { BaseBoundaries as E, BaseLayout as b } from "../../../../Base/Base.js";
+import { useComponentContext as k } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as N } from "../../../../../i18n/I18n.js";
+import { PAYMENT_METHODS as _, componentEvents as d } from "../../../../../shared/constants.js";
+import v from "../../../../../assets/icons/plus-circle.svg.js";
+import P from "../../../../../assets/icons/trashcan.svg.js";
+import { useContractorPaymentMethodSummary as R } from "../../shared/useContractorPaymentMethodSummary/useContractorPaymentMethodSummary.js";
+import { useDataView as L } from "../../../../Common/DataView/useDataView.js";
+import { DataView as B } from "../../../../Common/DataView/DataView.js";
+function J({ LoaderComponent: i, ...a }) {
+  return /* @__PURE__ */ t(
+    E,
+    {
+      componentName: "Contractor.Management.PaymentMethod",
+      LoaderComponent: i,
+      children: /* @__PURE__ */ t(O, { LoaderComponent: i, ...a })
+    }
+  );
+}
+function O({
+  contractorId: i,
+  onEvent: a,
+  LoaderComponent: p
+}) {
+  N("Contractor.Management.PaymentMethod");
+  const { t: e } = D("Contractor.Management.PaymentMethod"), n = k(), o = R({ contractorId: i }), [g, c] = T(!1), u = o.isLoading, m = !o.isLoading && o.data.paymentMethod.type === _.directDeposit, s = o.isLoading ? void 0 : o.data.bankAccount, A = L({
+    data: s ? [s] : [],
+    columns: [
+      {
+        key: "name",
+        title: e("nicknameColumn"),
+        render: (r) => /* @__PURE__ */ l(h, { children: [
+          r.name,
+          /* @__PURE__ */ t(n.Text, { variant: "supporting", size: "sm", children: r.hiddenAccountNumber })
+        ] })
+      },
+      { key: "routingNumber", title: e("routingNumberColumn") },
+      { key: "accountType", title: e("accountTypeColumn") }
+    ],
+    itemMenu: () => /* @__PURE__ */ t(
+      y,
+      {
+        items: [
+          {
+            label: e("editCta"),
+            onClick: () => {
+              a(d.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED, {
+                contractorId: i
+              });
+            }
+          },
+          {
+            label: e("removeBankAccountCta"),
+            onClick: () => {
+              c(!0);
+            },
+            icon: /* @__PURE__ */ t(P, { "aria-hidden": !0 })
+          }
+        ],
+        triggerLabel: e("hamburgerTitle")
+      }
+    )
+  }), C = async () => {
+    if (o.isLoading) return;
+    const r = await o.actions.onRemoveBankAccount();
+    c(!1), r && a(d.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED, r.data);
+  };
+  return /* @__PURE__ */ l(b, { error: o.errorHandling.errors, LoaderComponent: p, children: [
+    /* @__PURE__ */ t(
+      n.Box,
+      {
+        withPadding: !m,
+        header: /* @__PURE__ */ t(
+          n.BoxHeader,
+          {
+            title: e("title"),
+            action: m ? void 0 : /* @__PURE__ */ t(
+              n.Button,
+              {
+                variant: "secondary",
+                icon: /* @__PURE__ */ t(v, {}),
+                isDisabled: u,
+                onClick: () => {
+                  a(
+                    d.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,
+                    {
+                      contractorId: i
+                    }
+                  );
+                },
+                children: e("addBankAccountCta")
+              }
+            )
+          }
+        ),
+        children: u ? /* @__PURE__ */ t(f, {}) : m ? /* @__PURE__ */ t(B, { label: e("bankAccountListLabel"), isWithinBox: !0, ...A }) : /* @__PURE__ */ l(M, { flexDirection: "column", gap: 0, children: [
+          /* @__PURE__ */ t(n.Text, { variant: "supporting", children: e("paymentMethodLabel") }),
+          /* @__PURE__ */ t(n.Text, { children: e("checkLabel") })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ t(
+      n.Dialog,
+      {
+        isOpen: g,
+        onClose: () => {
+          c(!1);
+        },
+        onPrimaryActionClick: () => {
+          C();
+        },
+        isDestructive: !0,
+        isPrimaryActionLoading: !o.isLoading && o.status.isPending,
+        title: e("removeBankAccountDialog.title"),
+        primaryActionLabel: e("removeBankAccountDialog.confirmCta"),
+        closeActionLabel: e("removeBankAccountDialog.cancelCta"),
+        children: /* @__PURE__ */ t(n.Text, { children: e("removeBankAccountDialog.description", {
+          account: s?.hiddenAccountNumber ?? ""
+        }) })
+      }
+    )
+  ] });
+}
+export {
+  J as PaymentMethodCard
+};
+//# sourceMappingURL=PaymentMethodCard.js.map

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodCard.js","sources":["../../../../../../src/components/Contractor/PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorPaymentMethodSummary } from '../../shared/useContractorPaymentMethodSummary'\nimport { DataView, useDataView, Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, PAYMENT_METHODS, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\n/**\n * Props for {@link PaymentMethodCard}.\n *\n * @public\n */\nexport interface PaymentMethodCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired on card interactions. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone \"Payment\" card showing a contractor's payment method.\n *\n * @remarks\n * Fetches its own data and emits the management block's scoped events when\n * the user clicks the card's CTAs or confirms removing the bank account. The\n * card has no alert API — alert rendering is the orchestrator's\n * responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/paymentMethod/card/addRequested` | Fired when the user clicks \"Add bank account\" | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/editRequested` | Fired when the user chooses \"Edit\" from the bank account row menu | `{ contractorId: string }` |\n * | `contractor/management/paymentMethod/card/removed` | Fired after the bank account is removed and the payment method reverts to Check | The updated `ContractorPaymentMethod` entity |\n *\n * @param props - See {@link PaymentMethodCardProps}.\n * @returns The \"Payment\" card.\n * @public\n */\nexport function PaymentMethodCard({ LoaderComponent, ...props }: PaymentMethodCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.PaymentMethod\"\n      LoaderComponent={LoaderComponent}\n    >\n      <PaymentMethodCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PaymentMethodCardContent({\n  contractorId,\n  onEvent,\n  LoaderComponent,\n}: PaymentMethodCardProps) {\n  useI18n('Contractor.Management.PaymentMethod')\n  const { t } = useTranslation('Contractor.Management.PaymentMethod')\n  const Components = useComponentContext()\n  const summary = useContractorPaymentMethodSummary({ contractorId })\n  const [isRemoveDialogOpen, setIsRemoveDialogOpen] = useState(false)\n\n  const isLoading = summary.isLoading\n  const isDirectDeposit =\n    !summary.isLoading && summary.data.paymentMethod.type === PAYMENT_METHODS.directDeposit\n  const bankAccount = summary.isLoading ? undefined : summary.data.bankAccount\n\n  const dataViewProps = useDataView({\n    data: bankAccount ? [bankAccount] : [],\n    columns: [\n      {\n        key: 'name',\n        title: t('nicknameColumn'),\n        render: account => (\n          <>\n            {account.name}\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {account.hiddenAccountNumber}\n            </Components.Text>\n          </>\n        ),\n      },\n      { key: 'routingNumber', title: t('routingNumberColumn') },\n      { key: 'accountType', title: t('accountTypeColumn') },\n    ],\n    itemMenu: () => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('editCta'),\n            onClick: () => {\n              onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED, {\n                contractorId,\n              })\n            },\n          },\n          {\n            label: t('removeBankAccountCta'),\n            onClick: () => {\n              setIsRemoveDialogOpen(true)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n  })\n\n  const handleConfirmRemove = async () => {\n    if (summary.isLoading) return\n    const result = await summary.actions.onRemoveBankAccount()\n    setIsRemoveDialogOpen(false)\n    if (result) {\n      onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={!isDirectDeposit}\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              !isDirectDeposit ? (\n                <Components.Button\n                  variant=\"secondary\"\n                  icon={<PlusCircleIcon />}\n                  isDisabled={isLoading}\n                  onClick={() => {\n                    onEvent(\n                      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n                      {\n                        contractorId,\n                      },\n                    )\n                  }}\n                >\n                  {t('addBankAccountCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n      >\n        {isLoading ? (\n          <Loading />\n        ) : isDirectDeposit ? (\n          <DataView label={t('bankAccountListLabel')} isWithinBox {...dataViewProps} />\n        ) : (\n          <Flex flexDirection=\"column\" gap={0}>\n            <Components.Text variant=\"supporting\">{t('paymentMethodLabel')}</Components.Text>\n            <Components.Text>{t('checkLabel')}</Components.Text>\n          </Flex>\n        )}\n      </Components.Box>\n      <Components.Dialog\n        isOpen={isRemoveDialogOpen}\n        onClose={() => {\n          setIsRemoveDialogOpen(false)\n        }}\n        onPrimaryActionClick={() => {\n          void handleConfirmRemove()\n        }}\n        isDestructive\n        isPrimaryActionLoading={!summary.isLoading && summary.status.isPending}\n        title={t('removeBankAccountDialog.title')}\n        primaryActionLabel={t('removeBankAccountDialog.confirmCta')}\n        closeActionLabel={t('removeBankAccountDialog.cancelCta')}\n      >\n        <Components.Text>\n          {t('removeBankAccountDialog.description', {\n            account: bankAccount?.hiddenAccountNumber ?? '',\n          })}\n        </Components.Text>\n      </Components.Dialog>\n    </BaseLayout>\n  )\n}\n"],"names":["PaymentMethodCard","LoaderComponent","props","jsx","BaseBoundaries","PaymentMethodCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","summary","useContractorPaymentMethodSummary","isRemoveDialogOpen","setIsRemoveDialogOpen","useState","isLoading","isDirectDeposit","PAYMENT_METHODS","bankAccount","dataViewProps","useDataView","jsxs","Fragment","account","HamburgerMenu","componentEvents","TrashCanSvg","handleConfirmRemove","result","BaseLayout","PlusCircleIcon","Loading","DataView","Flex"],"mappings":";;;;;;;;;;;;;;;AAiDO,SAASA,EAAkB,EAAE,iBAAAC,GAAiB,GAAGC,KAAiC;AACvF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAyB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7E;AAEA,SAASG,EAAyB;AAAA,EAChC,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAN;AACF,GAA2B;AACzB,EAAAO,EAAQ,qCAAqC;AAC7C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qCAAqC,GAC5DC,IAAaC,EAAA,GACbC,IAAUC,EAAkC,EAAE,cAAAR,GAAc,GAC5D,CAACS,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAE5DC,IAAYL,EAAQ,WACpBM,IACJ,CAACN,EAAQ,aAAaA,EAAQ,KAAK,cAAc,SAASO,EAAgB,eACtEC,IAAcR,EAAQ,YAAY,SAAYA,EAAQ,KAAK,aAE3DS,IAAgBC,EAAY;AAAA,IAChC,MAAMF,IAAc,CAACA,CAAW,IAAI,CAAA;AAAA,IACpC,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOZ,EAAE,gBAAgB;AAAA,QACzB,QAAQ,OACN,gBAAAe,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAC,EAAQ;AAAA,UACT,gBAAAvB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAe,EAAQ,oBAAA,CACX;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ,EAAE,KAAK,iBAAiB,OAAOjB,EAAE,qBAAqB,EAAA;AAAA,MACtD,EAAE,KAAK,eAAe,OAAOA,EAAE,mBAAmB,EAAA;AAAA,IAAE;AAAA,IAEtD,UAAU,MACR,gBAAAN;AAAA,MAACwB;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAOlB,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAF,EAAQqB,EAAgB,0DAA0D;AAAA,gBAChF,cAAAtB;AAAA,cAAA,CACD;AAAA,YACH;AAAA,UAAA;AAAA,UAEF;AAAA,YACE,OAAOG,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAO,EAAsB,EAAI;AAAA,YAC5B;AAAA,YACA,MAAM,gBAAAb,EAAC0B,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,QAEF,cAAcpB,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAClC,CAEH,GAEKqB,IAAsB,YAAY;AACtC,QAAIjB,EAAQ,UAAW;AACvB,UAAMkB,IAAS,MAAMlB,EAAQ,QAAQ,oBAAA;AACrC,IAAAG,EAAsB,EAAK,GACvBe,KACFxB,EAAQqB,EAAgB,mDAAmDG,EAAO,IAAI;AAAA,EAE1F;AAEA,2BACGC,GAAA,EAAW,OAAOnB,EAAQ,cAAc,QAAQ,iBAAAZ,GAC/C,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACQ,EAAW;AAAA,MAAX;AAAA,QACC,aAAa,CAACQ;AAAA,QACd,QACE,gBAAAhB;AAAA,UAACQ,EAAW;AAAA,UAAX;AAAA,YACC,OAAOF,EAAE,OAAO;AAAA,YAChB,QACGU,IAgBG,SAfF,gBAAAhB;AAAA,cAACQ,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,wBAAOsB,GAAA,EAAe;AAAA,gBACtB,YAAYf;AAAA,gBACZ,SAAS,MAAM;AACb,kBAAAX;AAAA,oBACEqB,EAAgB;AAAA,oBAChB;AAAA,sBACE,cAAAtB;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAEJ;AAAA,gBAEC,YAAE,mBAAmB;AAAA,cAAA;AAAA,YAAA;AAAA,UAEtB;AAAA,QAAA;AAAA,QAKT,UAAAY,sBACEgB,GAAA,CAAA,CAAQ,IACPf,IACF,gBAAAhB,EAACgC,GAAA,EAAS,OAAO1B,EAAE,sBAAsB,GAAG,aAAW,IAAE,GAAGa,EAAA,CAAe,sBAE1Ec,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAjC,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,oBAAoB,GAAE;AAAA,4BAC9DE,EAAW,MAAX,EAAiB,UAAAF,EAAE,YAAY,EAAA,CAAE;AAAA,QAAA,EAAA,CACpC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,gBAAAN;AAAA,MAACQ,EAAW;AAAA,MAAX;AAAA,QACC,QAAQI;AAAA,QACR,SAAS,MAAM;AACb,UAAAC,EAAsB,EAAK;AAAA,QAC7B;AAAA,QACA,sBAAsB,MAAM;AAC1B,UAAKc,EAAA;AAAA,QACP;AAAA,QACA,eAAa;AAAA,QACb,wBAAwB,CAACjB,EAAQ,aAAaA,EAAQ,OAAO;AAAA,QAC7D,OAAOJ,EAAE,+BAA+B;AAAA,QACxC,oBAAoBA,EAAE,oCAAoC;AAAA,QAC1D,kBAAkBA,EAAE,mCAAmC;AAAA,QAEvD,UAAA,gBAAAN,EAACQ,EAAW,MAAX,EACE,YAAE,uCAAuC;AAAA,UACxC,SAASU,GAAa,uBAAuB;AAAA,QAAA,CAC9C,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodCard/index.d.ts

@@ -0,0 +1 @@
+export { PaymentMethodCard, type PaymentMethodCardProps } from './PaymentMethodCard';

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodComponents.d.ts

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

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodComponents.js

@@ -0,0 +1,48 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { PaymentMethodEditForm as u } from "./PaymentMethodEditForm.js";
+import { Flex as d } 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 f } from "../../../../shared/constants.js";
+import { PaymentMethodCard as C } from "./PaymentMethodCard/PaymentMethodCard.js";
+function _() {
+  const { contractorId: n, onEvent: o, successAlert: t, LoaderComponent: s } = e(), { t: a } = l("Contractor.Management.PaymentMethod"), c = p();
+  return /* @__PURE__ */ i(d, { flexDirection: "column", gap: 16, children: [
+    t ? /* @__PURE__ */ r(
+      c.Alert,
+      {
+        status: "success",
+        label: a(`alerts.${t}`),
+        onDismiss: () => {
+          o(f.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_ALERT_DISMISSED, null);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ r(
+      C,
+      {
+        contractorId: m(n),
+        onEvent: o,
+        LoaderComponent: s
+      }
+    )
+  ] });
+}
+function y() {
+  const { contractorId: n, onEvent: o, LoaderComponent: t } = e();
+  return /* @__PURE__ */ r(
+    u,
+    {
+      contractorId: m(n),
+      onEvent: o,
+      LoaderComponent: t
+    }
+  );
+}
+export {
+  _ as CardContextual,
+  y as PaymentMethodEditFormContextual
+};
+//# sourceMappingURL=PaymentMethodComponents.js.map

package/dist/components/Contractor/PaymentMethod/management/PaymentMethodComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodComponents.js","sources":["../../../../../src/components/Contractor/PaymentMethod/management/PaymentMethodComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { PaymentMethodEditForm } from './PaymentMethodEditForm'\nimport { PaymentMethodCard } from './PaymentMethodCard'\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 PaymentMethodSuccessAlertCode = 'bankAccountAdded' | 'bankAccountRemoved'\n\n/** @internal */\nexport interface PaymentMethodContextInterface extends FlowContextInterface {\n  contractorId?: string\n  successAlert?: PaymentMethodSuccessAlertCode | null\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { contractorId, onEvent, successAlert, LoaderComponent } =\n    useFlow<PaymentMethodContextInterface>()\n  const { t } = useTranslation('Contractor.Management.PaymentMethod')\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_PAYMENT_METHOD_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <PaymentMethodCard\n        contractorId={ensureRequired(contractorId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PaymentMethodEditFormContextual() {\n  const { contractorId, onEvent, LoaderComponent } = useFlow<PaymentMethodContextInterface>()\n  return (\n    <PaymentMethodEditForm\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","PaymentMethodCard","ensureRequired","PaymentMethodEditFormContextual","PaymentMethodEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAAiB;AAC/B,QAAM,EAAE,cAAAC,GAAc,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IAC3CC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,qCAAqC,GAC5DC,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,sDAAsD,IAAI;AAAA,QACpF;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,IAAkC;AAChD,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/PaymentMethod/management/PaymentMethodEditForm.d.ts

@@ -0,0 +1,30 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link PaymentMethodEditForm}.
+ *
+ * @public
+ */
+export interface PaymentMethodEditFormProps extends BaseComponentInterface<'Contractor.Management.PaymentMethod'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+}
+/**
+ * Standalone bank-account form for a contractor's payment method.
+ *
+ * @remarks
+ * Renders fields for the account nickname, routing number, account number,
+ * and account type. Saving creates the bank account, which updates the
+ * contractor's payment method to Direct Deposit as a server-side effect. Save
+ * and Cancel both emit events so the parent can return to the read view.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/paymentMethod/bankForm/submitted` | Fired after the bank account is successfully saved | The created `ContractorBankAccount` entity |
+ * | `contractor/management/paymentMethod/bankForm/cancelled` | Fired when the user clicks Cancel | — |
+ *
+ * @param input - See {@link PaymentMethodEditFormProps}.
+ * @returns The contractor payment method bank-account form.
+ * @public
+ */
+export declare function PaymentMethodEditForm({ FallbackComponent, LoaderComponent, ...props }: PaymentMethodEditFormProps): import("react").JSX.Element;