@gusto/embedded-react-sdk 0.48.2 → 0.48.3

package/dist/components/Company/AssignSignatory/TitleSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleSelect.js","sources":["../../../../src/components/Company/AssignSignatory/TitleSelect.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SelectField } from '@/components/Common'\nimport { SIGNATORY_TITLES } from '@/shared/constants'\n\nexport const TitleSelect = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n\n  const titleOptions = Object.entries(SIGNATORY_TITLES).map(([key, value]) => ({\n    value: key,\n    label: t(`signatoryTitles.${value}`, { ns: 'common' }),\n  }))\n\n  return (\n    <SelectField\n      name=\"title\"\n      label={t('signatoryDetails.titleSelect.label')}\n      isRequired\n      options={titleOptions}\n      errorMessage={t('validations.title')}\n    />\n  )\n}\n\nexport default TitleSelect\n"],"names":["TitleSelect","useTranslation","titleOptions","SIGNATORY_TITLES","key","value","jsx","SelectField"],"mappings":";;;;;;AAIO,MAAMA,IAAc,MAAM;AAC/B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAEhDC,IAAe,OAAO,QAAQC,CAAgB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,OAAO;AAAA,IAC3E,OAAOD;AAAA,IACP,OAAO,EAAE,mBAAmBC,CAAK,IAAI,EAAE,IAAI,UAAU;AAAA,EAAA,EACrD;AAEF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO,EAAE,oCAAoC;AAAA,MAC7C,YAAU;AAAA,MACV,SAASL;AAAA,MACT,cAAc,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA;AAGzC;"}
+{"version":3,"file":"TitleSelect.js","sources":["../../../../src/components/Company/AssignSignatory/TitleSelect.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SelectField } from '@/components/Common'\nimport { SIGNATORY_TITLES } from '@/shared/constants'\n\n/** @internal */\nexport const TitleSelect = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n\n  const titleOptions = Object.entries(SIGNATORY_TITLES).map(([key, value]) => ({\n    value: key,\n    label: t(`signatoryTitles.${value}`, { ns: 'common' }),\n  }))\n\n  return (\n    <SelectField\n      name=\"title\"\n      label={t('signatoryDetails.titleSelect.label')}\n      isRequired\n      options={titleOptions}\n      errorMessage={t('validations.title')}\n    />\n  )\n}\n"],"names":["TitleSelect","useTranslation","titleOptions","SIGNATORY_TITLES","key","value","jsx","SelectField"],"mappings":";;;;;;AAKO,MAAMA,IAAc,MAAM;AAC/B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAEhDC,IAAe,OAAO,QAAQC,CAAgB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,OAAO;AAAA,IAC3E,OAAOD;AAAA,IACP,OAAO,EAAE,mBAAmBC,CAAK,IAAI,EAAE,IAAI,UAAU;AAAA,EAAA,EACrD;AAEF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO,EAAE,oCAAoC;AAAA,MAC7C,YAAU;AAAA,MACV,SAASL;AAAA,MACT,cAAc,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

package/dist/components/Company/AssignSignatory/index.d.ts

@@ -1,6 +1,3 @@
 import "./types/i18next.d.ts"
-export { AssignSignatory } from './AssignSignatory';
-export { SignatoryAssignmentMode } from './useAssignSignatory';
-export { AssignSignatorySelection } from './AssignSignatorySelection';
-export { CreateSignatory } from './CreateSignatory';
-export { InviteSignatory } from './InviteSignatory';
+export { AssignSignatory, type AssignSignatoryProps } from './AssignSignatory';
+export { type AssignSignatoryDefaultValues } from './useAssignSignatory';

package/dist/components/Company/AssignSignatory/useAssignSignatory.d.ts

@@ -2,10 +2,19 @@ import { CreateSignatoryDefaultValues } from './CreateSignatory';
 import { InviteSignatoryDefaultValues } from './InviteSignatory';
 import { BaseComponentInterface } from '../../Base';
 import { RequireAtLeastOne } from '../../../types/Helpers';
+/** @internal */
 export declare const SignatoryAssignmentMode: {
     readonly createSignatory: "createSignatory";
     readonly inviteSignatory: "inviteSignatory";
 };
+/**
+ * Default values for the create and invite forms rendered by {@link AssignSignatory}.
+ *
+ * @remarks
+ * At least one of `create` or `invite` must be provided.
+ *
+ * @public
+ */
 export type AssignSignatoryDefaultValues = RequireAtLeastOne<{
     create?: CreateSignatoryDefaultValues;
     invite?: InviteSignatoryDefaultValues;

package/dist/components/Company/AssignSignatory/useAssignSignatory.js

@@ -9,18 +9,17 @@ import "@gusto/embedded-api-v-2025-11-15/models/errors/gustoembeddederror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const x = {
+const v = {
   createSignatory: "createSignatory",
   inviteSignatory: "inviteSignatory"
-}, [C, u] = t("AssignSignatoryContext");
+}, [x, C] = t("AssignSignatoryContext");
 export {
-  u as AssignSignatoryProvider,
-  x as SignatoryAssignmentMode,
-  C as useAssignSignatory
+  C as AssignSignatoryProvider,
+  v as SignatoryAssignmentMode,
+  x as useAssignSignatory
 };
 //# sourceMappingURL=useAssignSignatory.js.map

package/dist/components/Company/AssignSignatory/useAssignSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/useAssignSignatory.ts"],"sourcesContent":["import { type CreateSignatoryDefaultValues } from './CreateSignatory'\nimport { type InviteSignatoryDefaultValues } from './InviteSignatory'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport const SignatoryAssignmentMode = {\n  createSignatory: 'createSignatory',\n  inviteSignatory: 'inviteSignatory',\n} as const\n\nexport type AssignSignatoryDefaultValues = RequireAtLeastOne<{\n  create?: CreateSignatoryDefaultValues\n  invite?: InviteSignatoryDefaultValues\n}>\n\ntype AssignSignatoryContextType = {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n  onSignatoryAssignmentModeChange: (mode: string) => void\n  onSignatoryFormEvent: BaseComponentInterface['onEvent']\n}\n\nconst [useAssignSignatory, AssignSignatoryProvider] =\n  createCompoundContext<AssignSignatoryContextType>('AssignSignatoryContext')\n\nexport { useAssignSignatory, AssignSignatoryProvider }\n"],"names":["SignatoryAssignmentMode","useAssignSignatory","AssignSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAMO,MAAMA,IAA0B;AAAA,EACrC,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GAeM,CAACC,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useAssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/useAssignSignatory.ts"],"sourcesContent":["import { type CreateSignatoryDefaultValues } from './CreateSignatory'\nimport { type InviteSignatoryDefaultValues } from './InviteSignatory'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const SignatoryAssignmentMode = {\n  createSignatory: 'createSignatory',\n  inviteSignatory: 'inviteSignatory',\n} as const\n\n/**\n * Default values for the create and invite forms rendered by {@link AssignSignatory}.\n *\n * @remarks\n * At least one of `create` or `invite` must be provided.\n *\n * @public\n */\nexport type AssignSignatoryDefaultValues = RequireAtLeastOne<{\n  create?: CreateSignatoryDefaultValues\n  invite?: InviteSignatoryDefaultValues\n}>\n\ntype AssignSignatoryContextType = {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n  onSignatoryAssignmentModeChange: (mode: string) => void\n  onSignatoryFormEvent: BaseComponentInterface['onEvent']\n}\n\nconst [useAssignSignatory, AssignSignatoryProvider] =\n  createCompoundContext<AssignSignatoryContextType>('AssignSignatoryContext')\n\nexport { useAssignSignatory, AssignSignatoryProvider }\n"],"names":["SignatoryAssignmentMode","useAssignSignatory","AssignSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAOO,MAAMA,IAA0B;AAAA,EACrC,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GAuBM,CAACC,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

package/dist/components/Company/BankAccount/BankAccount.d.ts

@@ -1,5 +1,31 @@
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for the {@link BankAccount} component.
+ *
+ * @public
+ */
 export interface BankAccountProps extends BaseComponentInterface<'Company.BankAccount'> {
+    /** Identifier of the company whose bank account is being managed. */
     companyId: string;
 }
+/**
+ * Manages a company's bank account — adding, viewing, and verifying it.
+ *
+ * @remarks
+ * Currently supports a single default bank account per company. When no bank account exists,
+ * the component renders the add-account form; once one is on file it renders the list view
+ * with controls to change or verify the account via micro-deposits.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `COMPANY_BANK_ACCOUNT_CHANGE` | Fired when the user chooses to change an existing bank account | — |
+ * | `COMPANY_BANK_ACCOUNT_CREATED` | Fired when a new bank account is created | The created {@link CompanyBankAccount} |
+ * | `COMPANY_BANK_ACCOUNT_VERIFY` | Fired when the user chooses to verify the bank account after micro-deposits are made | — |
+ * | `COMPANY_BANK_ACCOUNT_VERIFIED` | Fired when the bank account has been successfully verified | The verified {@link CompanyBankAccount} |
+ * | `COMPANY_BANK_ACCOUNT_DONE` | Fired when the user chooses to proceed to the next step | — |
+ *
+ * @param props - Component props including the target `companyId`.
+ * @returns The bank account management surface for the given company.
+ * @public
+ */
 export declare function BankAccount(props: BankAccountProps): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccount.js","sources":["../../../../src/components/Company/BankAccount/BankAccount.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/bankAccountsGet'\nimport {\n  BankAccountFormContextual,\n  type BankAccountContextInterface,\n} from './BankAccountComponents'\nimport { bankAccountStateMachine } from './stateMachine'\nimport { BankAccountListContextual } from './BankAccountComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface BankAccountProps extends BaseComponentInterface<'Company.BankAccount'> {\n  companyId: string\n}\n\nfunction BankAccountFlow({ companyId, onEvent, dictionary }: BankAccountProps) {\n  useComponentDictionary('Company.BankAccount', dictionary)\n  const { data } = useBankAccountsGetSuspense({ companyId })\n  const companyBankAccountList = data.companyBankAccounts!\n  //Currently, we only support a single default bank account per company.\n  const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n\n  const manageBankAccount = useMemo(\n    () =>\n      createMachine(\n        bankAccount ? 'viewBankAccount' : 'addBankAccount',\n        bankAccountStateMachine,\n        (initialContext: BankAccountContextInterface) => ({\n          ...initialContext,\n          component: bankAccount ? BankAccountListContextual : BankAccountFormContextual,\n          companyId,\n          bankAccount,\n          showVerifiedMessage: false,\n        }),\n      ),\n    [companyId, bankAccount],\n  )\n  return <Flow machine={manageBankAccount} onEvent={onEvent} />\n}\n\nexport function BankAccount(props: BankAccountProps) {\n  return (\n    <BaseComponent {...props}>\n      <BankAccountFlow {...props} />\n    </BaseComponent>\n  )\n}\n"],"names":["BankAccountFlow","companyId","onEvent","dictionary","useComponentDictionary","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","manageBankAccount","useMemo","createMachine","bankAccountStateMachine","initialContext","BankAccountListContextual","BankAccountFormContextual","jsx","Flow","BankAccount","props","BaseComponent"],"mappings":";;;;;;;;;;AAiBA,SAASA,EAAgB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAgC;AAC7E,EAAAC,EAAuB,uBAAuBD,CAAU;AACxD,QAAM,EAAE,MAAAE,EAAA,IAASC,EAA2B,EAAE,WAAAL,GAAW,GACnDM,IAAyBF,EAAK,qBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK,MAE/EE,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEH,IAAc,oBAAoB;AAAA,MAClCI;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAA4BC;AAAA,QACrD,WAAAd;AAAA,QACA,aAAAO;AAAA,QACA,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAAA,IAEJ,CAACP,GAAWO,CAAW;AAAA,EAAA;AAEzB,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASR,GAAmB,SAAAP,EAAA,CAAkB;AAC7D;AAEO,SAASgB,EAAYC,GAAyB;AACnD,SACE,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAACnB,GAAA,EAAiB,GAAGmB,GAAO,EAAA,CAC9B;AAEJ;"}
+{"version":3,"file":"BankAccount.js","sources":["../../../../src/components/Company/BankAccount/BankAccount.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/bankAccountsGet'\nimport {\n  BankAccountFormContextual,\n  type BankAccountContextInterface,\n} from './BankAccountComponents'\nimport { bankAccountStateMachine } from './stateMachine'\nimport { BankAccountListContextual } from './BankAccountComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link BankAccount} component.\n *\n * @public\n */\nexport interface BankAccountProps extends BaseComponentInterface<'Company.BankAccount'> {\n  /** Identifier of the company whose bank account is being managed. */\n  companyId: string\n}\n\nfunction BankAccountFlow({ companyId, onEvent, dictionary }: BankAccountProps) {\n  useComponentDictionary('Company.BankAccount', dictionary)\n  const { data } = useBankAccountsGetSuspense({ companyId })\n  const companyBankAccountList = data.companyBankAccounts!\n  //Currently, we only support a single default bank account per company.\n  const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n\n  const manageBankAccount = useMemo(\n    () =>\n      createMachine(\n        bankAccount ? 'viewBankAccount' : 'addBankAccount',\n        bankAccountStateMachine,\n        (initialContext: BankAccountContextInterface) => ({\n          ...initialContext,\n          component: bankAccount ? BankAccountListContextual : BankAccountFormContextual,\n          companyId,\n          bankAccount,\n          showVerifiedMessage: false,\n        }),\n      ),\n    [companyId, bankAccount],\n  )\n  return <Flow machine={manageBankAccount} onEvent={onEvent} />\n}\n\n/**\n * Manages a company's bank account — adding, viewing, and verifying it.\n *\n * @remarks\n * Currently supports a single default bank account per company. When no bank account exists,\n * the component renders the add-account form; once one is on file it renders the list view\n * with controls to change or verify the account via micro-deposits.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `COMPANY_BANK_ACCOUNT_CHANGE` | Fired when the user chooses to change an existing bank account | — |\n * | `COMPANY_BANK_ACCOUNT_CREATED` | Fired when a new bank account is created | The created {@link CompanyBankAccount} |\n * | `COMPANY_BANK_ACCOUNT_VERIFY` | Fired when the user chooses to verify the bank account after micro-deposits are made | — |\n * | `COMPANY_BANK_ACCOUNT_VERIFIED` | Fired when the bank account has been successfully verified | The verified {@link CompanyBankAccount} |\n * | `COMPANY_BANK_ACCOUNT_DONE` | Fired when the user chooses to proceed to the next step | — |\n *\n * @param props - Component props including the target `companyId`.\n * @returns The bank account management surface for the given company.\n * @public\n */\nexport function BankAccount(props: BankAccountProps) {\n  return (\n    <BaseComponent {...props}>\n      <BankAccountFlow {...props} />\n    </BaseComponent>\n  )\n}\n"],"names":["BankAccountFlow","companyId","onEvent","dictionary","useComponentDictionary","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","manageBankAccount","useMemo","createMachine","bankAccountStateMachine","initialContext","BankAccountListContextual","BankAccountFormContextual","jsx","Flow","BankAccount","props","BaseComponent"],"mappings":";;;;;;;;;;AAuBA,SAASA,EAAgB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAgC;AAC7E,EAAAC,EAAuB,uBAAuBD,CAAU;AACxD,QAAM,EAAE,MAAAE,EAAA,IAASC,EAA2B,EAAE,WAAAL,GAAW,GACnDM,IAAyBF,EAAK,qBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK,MAE/EE,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEH,IAAc,oBAAoB;AAAA,MAClCI;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAA4BC;AAAA,QACrD,WAAAd;AAAA,QACA,aAAAO;AAAA,QACA,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAAA,IAEJ,CAACP,GAAWO,CAAW;AAAA,EAAA;AAEzB,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASR,GAAmB,SAAAP,EAAA,CAAkB;AAC7D;AAsBO,SAASgB,EAAYC,GAAyB;AACnD,SACE,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAACnB,GAAA,EAAiB,GAAGmB,GAAO,EAAA,CAC9B;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountComponents.d.ts

@@ -1,16 +1,24 @@
 import { CompanyBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/components/companybankaccount';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { componentEvents } from '../../../shared/constants';
+/** @internal */
 export type EventPayloads = {
     [componentEvents.COMPANY_BANK_ACCOUNT_CREATED]: CompanyBankAccount;
     [componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED]: CompanyBankAccount;
     [componentEvents.COMPANY_BANK_ACCOUNT_CHANGE]: undefined;
 };
+/** @internal */
 export interface BankAccountContextInterface extends FlowContextInterface {
+    /** Identifier of the company whose bank account is being managed. */
     companyId: string;
+    /** Currently configured bank account, or `null` when none is on file. */
     bankAccount: CompanyBankAccount | null;
+    /** Whether the list view should surface a success banner after verification. */
     showVerifiedMessage?: boolean;
 }
+/** @internal */
 export declare function BankAccountListContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function BankAccountFormContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function BankAccountVerifyContextual(): import("react").JSX.Element | null;

package/dist/components/Company/BankAccount/BankAccountComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountComponents.js","sources":["../../../../src/components/Company/BankAccount/BankAccountComponents.tsx"],"sourcesContent":["import type { CompanyBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/components/companybankaccount'\nimport { BankAccountList } from './BankAccountList/BankAccountList'\nimport { BankAccountForm } from './BankAccountForm/BankAccountForm'\nimport { BankAccountVerify } from './BankAccountVerify/BankAccountVerify'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.COMPANY_BANK_ACCOUNT_CREATED]: CompanyBankAccount\n  [componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED]: CompanyBankAccount\n  [componentEvents.COMPANY_BANK_ACCOUNT_CHANGE]: undefined\n}\n\nexport interface BankAccountContextInterface extends FlowContextInterface {\n  companyId: string\n  bankAccount: CompanyBankAccount | null\n  showVerifiedMessage?: boolean\n}\n\nexport function BankAccountListContextual() {\n  const { companyId, showVerifiedMessage, onEvent } = useFlow<BankAccountContextInterface>()\n  return (\n    <BankAccountList\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      showVerifiedMessage={showVerifiedMessage}\n    />\n  )\n}\nexport function BankAccountFormContextual() {\n  const { companyId, onEvent, bankAccount } = useFlow<BankAccountContextInterface>()\n  return (\n    <BankAccountForm\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      isEditing={!!bankAccount}\n    />\n  )\n}\nexport function BankAccountVerifyContextual() {\n  const { bankAccount, companyId, onEvent } = useFlow<BankAccountContextInterface>()\n  if (!bankAccount) return null\n  return (\n    <BankAccountVerify\n      companyId={ensureRequired(companyId)}\n      bankAccountId={bankAccount.uuid}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["BankAccountListContextual","companyId","showVerifiedMessage","onEvent","useFlow","jsx","BankAccountList","ensureRequired","BankAccountFormContextual","bankAccount","BankAccountForm","BankAccountVerifyContextual","BankAccountVerify"],"mappings":";;;;;;AAoBO,SAASA,IAA4B;AAC1C,QAAM,EAAE,WAAAC,GAAW,qBAAAC,GAAqB,SAAAC,EAAA,IAAYC,EAAA;AACpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAH;AAAA,MACA,WAAWI,EAAeN,CAAS;AAAA,MACnC,qBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AACO,SAASM,IAA4B;AAC1C,QAAM,EAAE,WAAAP,GAAW,SAAAE,GAAS,aAAAM,EAAA,IAAgBL,EAAA;AAC5C,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWH,EAAeN,CAAS;AAAA,MACnC,SAAAE;AAAA,MACA,WAAW,CAAC,CAACM;AAAA,IAAA;AAAA,EAAA;AAGnB;AACO,SAASE,IAA8B;AAC5C,QAAM,EAAE,aAAAF,GAAa,WAAAR,GAAW,SAAAE,EAAA,IAAYC,EAAA;AAC5C,SAAKK,IAEH,gBAAAJ;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAWL,EAAeN,CAAS;AAAA,MACnC,eAAeQ,EAAY;AAAA,MAC3B,SAAAN;AAAA,IAAA;AAAA,EAAA,IALqB;AAQ3B;"}
+{"version":3,"file":"BankAccountComponents.js","sources":["../../../../src/components/Company/BankAccount/BankAccountComponents.tsx"],"sourcesContent":["import type { CompanyBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/components/companybankaccount'\nimport { BankAccountList } from './BankAccountList/BankAccountList'\nimport { BankAccountForm } from './BankAccountForm/BankAccountForm'\nimport { BankAccountVerify } from './BankAccountVerify/BankAccountVerify'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.COMPANY_BANK_ACCOUNT_CREATED]: CompanyBankAccount\n  [componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED]: CompanyBankAccount\n  [componentEvents.COMPANY_BANK_ACCOUNT_CHANGE]: undefined\n}\n\n/** @internal */\nexport interface BankAccountContextInterface extends FlowContextInterface {\n  /** Identifier of the company whose bank account is being managed. */\n  companyId: string\n  /** Currently configured bank account, or `null` when none is on file. */\n  bankAccount: CompanyBankAccount | null\n  /** Whether the list view should surface a success banner after verification. */\n  showVerifiedMessage?: boolean\n}\n\n/** @internal */\nexport function BankAccountListContextual() {\n  const { companyId, showVerifiedMessage, onEvent } = useFlow<BankAccountContextInterface>()\n  return (\n    <BankAccountList\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      showVerifiedMessage={showVerifiedMessage}\n    />\n  )\n}\n/** @internal */\nexport function BankAccountFormContextual() {\n  const { companyId, onEvent, bankAccount } = useFlow<BankAccountContextInterface>()\n  return (\n    <BankAccountForm\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      isEditing={!!bankAccount}\n    />\n  )\n}\n/** @internal */\nexport function BankAccountVerifyContextual() {\n  const { bankAccount, companyId, onEvent } = useFlow<BankAccountContextInterface>()\n  if (!bankAccount) return null\n  return (\n    <BankAccountVerify\n      companyId={ensureRequired(companyId)}\n      bankAccountId={bankAccount.uuid}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["BankAccountListContextual","companyId","showVerifiedMessage","onEvent","useFlow","jsx","BankAccountList","ensureRequired","BankAccountFormContextual","bankAccount","BankAccountForm","BankAccountVerifyContextual","BankAccountVerify"],"mappings":";;;;;;AA0BO,SAASA,IAA4B;AAC1C,QAAM,EAAE,WAAAC,GAAW,qBAAAC,GAAqB,SAAAC,EAAA,IAAYC,EAAA;AACpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAH;AAAA,MACA,WAAWI,EAAeN,CAAS;AAAA,MACnC,qBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASM,IAA4B;AAC1C,QAAM,EAAE,WAAAP,GAAW,SAAAE,GAAS,aAAAM,EAAA,IAAgBL,EAAA;AAC5C,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWH,EAAeN,CAAS;AAAA,MACnC,SAAAE;AAAA,MACA,WAAW,CAAC,CAACM;AAAA,IAAA;AAAA,EAAA;AAGnB;AAEO,SAASE,IAA8B;AAC5C,QAAM,EAAE,aAAAF,GAAa,WAAAR,GAAW,SAAAE,EAAA,IAAYC,EAAA;AAC5C,SAAKK,IAEH,gBAAAJ;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAWL,EAAeN,CAAS;AAAA,MACnC,eAAeQ,EAAY;AAAA,MAC3B,SAAAN;AAAA,IAAA;AAAA,EAAA,IALqB;AAQ3B;"}

package/dist/components/Company/BankAccount/BankAccountForm/Actions.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function Actions(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountForm/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.BankAccount')\n  const { isPending, isEditing, onEvent } = useBankAccountForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {isEditing && (\n        <Components.Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CANCEL)\n          }}\n        >\n          {t('cancelCta')}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isPending} data-testid=\"bank-account-submit\">\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","isEditing","onEvent","useBankAccountForm","Components","useComponentContext","ActionsLayout","jsx","componentEvents"],"mappings":";;;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA,GACpCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAL,KACC,gBAAAM;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAQM,EAAgB,2BAA2B;AAAA,QACrD;AAAA,QAEC,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGlB,gBAAAD,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,GAAW,eAAY,uBAChE,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.BankAccount')\n  const { isPending, isEditing, onEvent } = useBankAccountForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {isEditing && (\n        <Components.Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CANCEL)\n          }}\n        >\n          {t('cancelCta')}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isPending} data-testid=\"bank-account-submit\">\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","isEditing","onEvent","useBankAccountForm","Components","useComponentContext","ActionsLayout","jsx","componentEvents"],"mappings":";;;;;;;AAOO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA,GACpCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAL,KACC,gBAAAM;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAQM,EAAgB,2BAA2B;AAAA,QACrD;AAAA,QAEC,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGlB,gBAAAD,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,GAAW,eAAY,uBAChE,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.d.ts

@@ -3,5 +3,6 @@ interface BankAccountFormProps extends CommonComponentInterface {
     companyId: string;
     isEditing?: boolean;
 }
+/** @internal */
 export declare function BankAccountForm(props: BankAccountFormProps & BaseComponentInterface): import("react").JSX.Element;
 export {};

package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountForm.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/BankAccountForm.tsx"],"sourcesContent":["import { useBankAccountsCreateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/bankAccountsCreate'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { Head } from './Head'\nimport type { BankAccountFormInputs } from './Form'\nimport { BankAccountFormSchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { BankAccountFormProvider } from './context'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountFormProps extends CommonComponentInterface {\n  companyId: string\n  isEditing?: boolean\n}\n\nexport function BankAccountForm(props: BankAccountFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, isEditing = false }: BankAccountFormProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { mutateAsync: createBankAccount, isPending: isPendingCreate } =\n    useBankAccountsCreateMutation()\n\n  const { control, ...methods } = useForm<BankAccountFormInputs>({\n    resolver: zodResolver(BankAccountFormSchema),\n    defaultValues: { accountNumber: '', routingNumber: '' },\n  })\n\n  const onSubmit = async (data: BankAccountFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { companyBankAccount } = await createBankAccount({\n        //Account type is always checking for company bank accounts\n        request: { companyId, companyBankAccountRequest: { ...payload, accountType: 'Checking' } },\n      })\n\n      onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CREATED, companyBankAccount)\n    })\n  }\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <BankAccountFormProvider value={{ isPending: isPendingCreate, isEditing, onEvent }}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </BankAccountFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountForm","props","jsx","BaseComponent","Root","companyId","className","children","isEditing","useI18n","onEvent","baseSubmitHandler","useBase","createBankAccount","isPendingCreate","useBankAccountsCreateMutation","control","methods","useForm","zodResolver","BankAccountFormSchema","onSubmit","data","payload","companyBankAccount","componentEvents","FormProvider","HtmlForm","BankAccountFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAgBC,GAAsD;AACpF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,WAAAC,IAAY,MAA+B;AACzF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEI,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAA+B;AAAA,IAC7D,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAe,EAAE,eAAe,IAAI,eAAe,GAAA;AAAA,EAAG,CACvD,GAEKC,IAAW,OAAOC,MAAgC;AACtD,UAAMX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA;AAAA,QAErD,SAAS,EAAE,WAAAR,GAAW,2BAA2B,EAAE,GAAGkB,GAAS,aAAa,WAAA,EAAW;AAAA,MAAE,CAC1F;AAED,MAAAb,EAAQe,EAAgB,8BAA8BD,CAAkB;AAAA,IAC1E,CAAC;AAAA,EACH;AACA,SACE,gBAAAtB,EAAC,WAAA,EAAQ,WAAAI,GACP,UAAA,gBAAAJ,EAACwB,KAAc,GAAGT,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAACyB,GAAA,EAAS,UAAUV,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB,EAAC0B,GAAA,EAAwB,OAAO,EAAE,WAAWd,GAAiB,WAAAN,GAAW,SAAAE,KACvE,UAAA,gBAAAR,EAAC2B,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAGC,gBAAAuB,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAA7B,EAAC8B,GAAA,EAAK;AAAA,sBACLC,GAAA,EAAK;AAAA,sBACLC,GAAA,CAAA,CAAQ;AAAA,EAAA,EAAA,CACX,EAAA,CAEJ,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"BankAccountForm.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/BankAccountForm.tsx"],"sourcesContent":["import { useBankAccountsCreateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/bankAccountsCreate'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { Head } from './Head'\nimport type { BankAccountFormInputs } from './Form'\nimport { BankAccountFormSchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { BankAccountFormProvider } from './context'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountFormProps extends CommonComponentInterface {\n  companyId: string\n  isEditing?: boolean\n}\n\n/** @internal */\nexport function BankAccountForm(props: BankAccountFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, isEditing = false }: BankAccountFormProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { mutateAsync: createBankAccount, isPending: isPendingCreate } =\n    useBankAccountsCreateMutation()\n\n  const { control, ...methods } = useForm<BankAccountFormInputs>({\n    resolver: zodResolver(BankAccountFormSchema),\n    defaultValues: { accountNumber: '', routingNumber: '' },\n  })\n\n  const onSubmit = async (data: BankAccountFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { companyBankAccount } = await createBankAccount({\n        //Account type is always checking for company bank accounts\n        request: { companyId, companyBankAccountRequest: { ...payload, accountType: 'Checking' } },\n      })\n\n      onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CREATED, companyBankAccount)\n    })\n  }\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <BankAccountFormProvider value={{ isPending: isPendingCreate, isEditing, onEvent }}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </BankAccountFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountForm","props","jsx","BaseComponent","Root","companyId","className","children","isEditing","useI18n","onEvent","baseSubmitHandler","useBase","createBankAccount","isPendingCreate","useBankAccountsCreateMutation","control","methods","useForm","zodResolver","BankAccountFormSchema","onSubmit","data","payload","companyBankAccount","componentEvents","FormProvider","HtmlForm","BankAccountFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAsBO,SAASA,EAAgBC,GAAsD;AACpF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,WAAAC,IAAY,MAA+B;AACzF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEI,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAA+B;AAAA,IAC7D,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAe,EAAE,eAAe,IAAI,eAAe,GAAA;AAAA,EAAG,CACvD,GAEKC,IAAW,OAAOC,MAAgC;AACtD,UAAMX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA;AAAA,QAErD,SAAS,EAAE,WAAAR,GAAW,2BAA2B,EAAE,GAAGkB,GAAS,aAAa,WAAA,EAAW;AAAA,MAAE,CAC1F;AAED,MAAAb,EAAQe,EAAgB,8BAA8BD,CAAkB;AAAA,IAC1E,CAAC;AAAA,EACH;AACA,SACE,gBAAAtB,EAAC,WAAA,EAAQ,WAAAI,GACP,UAAA,gBAAAJ,EAACwB,KAAc,GAAGT,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAACyB,GAAA,EAAS,UAAUV,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB,EAAC0B,GAAA,EAAwB,OAAO,EAAE,WAAWd,GAAiB,WAAAN,GAAW,SAAAE,KACvE,UAAA,gBAAAR,EAAC2B,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAGC,gBAAAuB,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAA7B,EAAC8B,GAAA,EAAK;AAAA,sBACLC,GAAA,EAAK;AAAA,sBACLC,GAAA,CAAA,CAAQ;AAAA,EAAA,EAAA,CACX,EAAA,CAEJ,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountForm/Form.d.ts

@@ -1,7 +1,10 @@
 import { z } from 'zod';
+/** @internal */
 export declare const BankAccountFormSchema: z.ZodObject<{
     routingNumber: z.ZodString;
     accountNumber: z.ZodString;
 }, z.core.$strip>;
+/** @internal */
 export type BankAccountFormInputs = z.infer<typeof BankAccountFormSchema>;
+/** @internal */
 export declare function Form(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountForm/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\nimport { Flex, TextInputField } from '@/components/Common'\n\nexport const BankAccountFormSchema = z.object({\n  routingNumber: routingNumberValidation,\n  accountNumber: accountNumberValidation,\n})\n\nexport type BankAccountFormInputs = z.infer<typeof BankAccountFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.BankAccount')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <TextInputField\n        name=\"routingNumber\"\n        isRequired\n        label={t('form.routingNumberLabel')}\n        description={t('form.routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('form.accountNumberLabel')}\n        isRequired\n        errorMessage={t('validations.accountNumber')}\n      />\n    </Flex>\n  )\n}\n"],"names":["BankAccountFormSchema","z","routingNumberValidation","accountNumberValidation","Form","t","useTranslation","jsxs","Flex","jsx","TextInputField"],"mappings":";;;;;;;;AAKO,MAAMA,IAAwBC,EAAE,OAAO;AAAA,EAC5C,eAAeC;AAAA,EACf,eAAeC;AACjB,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,yBAAyB;AAAA,QAClC,aAAaA,EAAE,+BAA+B;AAAA,QAC9C,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,yBAAyB;AAAA,QAClC,YAAU;AAAA,QACV,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7C,GACF;AAEJ;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\nimport { Flex, TextInputField } from '@/components/Common'\n\n/** @internal */\nexport const BankAccountFormSchema = z.object({\n  routingNumber: routingNumberValidation,\n  accountNumber: accountNumberValidation,\n})\n\n/** @internal */\nexport type BankAccountFormInputs = z.infer<typeof BankAccountFormSchema>\n\n/** @internal */\nexport function Form() {\n  const { t } = useTranslation('Company.BankAccount')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <TextInputField\n        name=\"routingNumber\"\n        isRequired\n        label={t('form.routingNumberLabel')}\n        description={t('form.routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('form.accountNumberLabel')}\n        isRequired\n        errorMessage={t('validations.accountNumber')}\n      />\n    </Flex>\n  )\n}\n"],"names":["BankAccountFormSchema","z","routingNumberValidation","accountNumberValidation","Form","t","useTranslation","jsxs","Flex","jsx","TextInputField"],"mappings":";;;;;;;;AAMO,MAAMA,IAAwBC,EAAE,OAAO;AAAA,EAC5C,eAAeC;AAAA,EACf,eAAeC;AACjB,CAAC;AAMM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,yBAAyB;AAAA,QAClC,aAAaA,EAAE,+BAA+B;AAAA,QAC9C,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,yBAAyB;AAAA,QAClC,YAAU;AAAA,QACV,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7C,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountForm/Head.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function Head(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountForm/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\n\nexport function Head() {\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('addBankAccountDescription')}</Components.Text>\n    </Flex>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx"],"mappings":";;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,IACtD,gBAAAM,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,2BAA2B,EAAA,CAAE;AAAA,EAAA,GACxE;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\n\n/** @internal */\nexport function Head() {\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('addBankAccountDescription')}</Components.Text>\n    </Flex>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx"],"mappings":";;;;;AAKO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,IACtD,gBAAAM,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,2BAA2B,EAAA,CAAE;AAAA,EAAA,GACxE;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountForm/context.js

@@ -9,14 +9,13 @@ import "@gusto/embedded-api-v-2025-11-15/models/errors/gustoembeddederror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [s, F] = o("BankAccountContext");
+const [d, s] = o("BankAccountContext");
 export {
-  F as BankAccountFormProvider,
-  s as useBankAccountForm
+  s as BankAccountFormProvider,
+  d as useBankAccountForm
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/BankAccount/BankAccountForm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport { type OnEventType } from '@/components/Base/useBase'\nimport { type EventType } from '@/shared/constants'\n\ntype BankAccountFormContextType = {\n  isPending: boolean\n  isEditing: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst [useBankAccountForm, BankAccountFormProvider] =\n  createCompoundContext<BankAccountFormContextType>('BankAccountContext')\n\nexport { useBankAccountForm, BankAccountFormProvider }\n"],"names":["useBankAccountForm","BankAccountFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,oBAAoB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport { type OnEventType } from '@/components/Base/useBase'\nimport { type EventType } from '@/shared/constants'\n\ntype BankAccountFormContextType = {\n  isPending: boolean\n  isEditing: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst [useBankAccountForm, BankAccountFormProvider] =\n  createCompoundContext<BankAccountFormContextType>('BankAccountContext')\n\nexport { useBankAccountForm, BankAccountFormProvider }\n"],"names":["useBankAccountForm","BankAccountFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,oBAAoB;"}

package/dist/components/Company/BankAccount/BankAccountList/AccountView.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function AccountView(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountList/AccountView.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountView.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/AccountView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function AccountView() {\n  const { bankAccount } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <Components.DescriptionList\n      items={[\n        {\n          term: <Components.Text>{t('routingNumberLabel')}</Components.Text>,\n          description: <Components.Text>{bankAccount?.routingNumber}</Components.Text>,\n        },\n        {\n          term: <Components.Text>{t('accountNumberLabel')}</Components.Text>,\n          description: <Components.Text>{bankAccount?.hiddenAccountNumber}</Components.Text>,\n        },\n      ]}\n    />\n  )\n}\n"],"names":["AccountView","bankAccount","useBankAccount","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;;AAIO,SAASA,IAAc;AAC5B,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClB,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,OAAO;AAAA,QACL;AAAA,UACE,MAAM,gBAAAE,EAACF,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE;AAAA,UAChD,aAAa,gBAAAI,EAACF,EAAW,MAAX,EAAiB,aAAa,cAAA,CAAc;AAAA,QAAA;AAAA,QAE5D;AAAA,UACE,MAAM,gBAAAE,EAACF,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE;AAAA,UAChD,aAAa,gBAAAI,EAACF,EAAW,MAAX,EAAiB,aAAa,oBAAA,CAAoB;AAAA,QAAA;AAAA,MAClE;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"AccountView.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/AccountView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function AccountView() {\n  const { bankAccount } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <Components.DescriptionList\n      items={[\n        {\n          term: <Components.Text>{t('routingNumberLabel')}</Components.Text>,\n          description: <Components.Text>{bankAccount?.routingNumber}</Components.Text>,\n        },\n        {\n          term: <Components.Text>{t('accountNumberLabel')}</Components.Text>,\n          description: <Components.Text>{bankAccount?.hiddenAccountNumber}</Components.Text>,\n        },\n      ]}\n    />\n  )\n}\n"],"names":["AccountView","bankAccount","useBankAccount","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;;AAKO,SAASA,IAAc;AAC5B,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClB,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,OAAO;AAAA,QACL;AAAA,UACE,MAAM,gBAAAE,EAACF,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE;AAAA,UAChD,aAAa,gBAAAI,EAACF,EAAW,MAAX,EAAiB,aAAa,cAAA,CAAc;AAAA,QAAA;AAAA,QAE5D;AAAA,UACE,MAAM,gBAAAE,EAACF,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE;AAAA,UAChD,aAAa,gBAAAI,EAACF,EAAW,MAAX,EAAiB,aAAa,oBAAA,CAAoB;AAAA,QAAA;AAAA,MAClE;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Company/BankAccount/BankAccountList/Actions.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function Actions(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountList/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { handleContinue, handleChange } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleChange}>\n        {t('changeBankAccountCta')}\n      </Components.Button>\n      <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","handleContinue","handleChange","useBankAccount","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,gBAAAC,GAAgB,cAAAC,EAAA,IAAiBC,EAAA,GACnC,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,sBAAsB,EAAA,CAC3B;AAAA,IACA,gBAAAK,EAACH,EAAW,QAAX,EAAkB,SAASL,GAAiB,UAAAG,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GAChE;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { handleContinue, handleChange } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleChange}>\n        {t('changeBankAccountCta')}\n      </Components.Button>\n      <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","handleContinue","handleChange","useBankAccount","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,gBAAAC,GAAgB,cAAAC,EAAA,IAAiBC,EAAA,GACnC,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,sBAAsB,EAAA,CAC3B;AAAA,IACA,gBAAAK,EAACH,EAAW,QAAX,EAAkB,SAASL,GAAiB,UAAAG,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GAChE;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.d.ts

@@ -3,5 +3,6 @@ interface BankAccountListProps extends CommonComponentInterface {
     companyId: string;
     showVerifiedMessage?: boolean;
 }
+/** @internal */
 export declare function BankAccountList(props: BankAccountListProps & BaseComponentInterface): import("react").JSX.Element;
 export {};

package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountList.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/BankAccountList.tsx"],"sourcesContent":["import { useBankAccountsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/bankAccountsGet'\nimport { Head } from './Head'\nimport { AccountView } from './AccountView'\nimport { BankAccountProvider } from './context'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountListProps extends CommonComponentInterface {\n  companyId: string\n  showVerifiedMessage?: boolean\n}\n\nexport function BankAccountList(props: BankAccountListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({\n  className,\n  children,\n  companyId,\n  showVerifiedMessage = false,\n}: BankAccountListProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent } = useBase()\n  const { data } = useBankAccountsGetSuspense({ companyId })\n  const companyBankAccountList = data.companyBankAccounts!\n  //Currently, we only support a single default bank account per company.\n  const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n  if (!bankAccount) {\n    throw new Error('No bank account found for the company.')\n  }\n  const handleVerification = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFY, bankAccount)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_DONE)\n  }\n  const handleChange = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CHANGE)\n  }\n\n  return (\n    <section className={className}>\n      <BankAccountProvider\n        value={{\n          bankAccount,\n          showVerifiedMessage,\n          handleVerification,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <AccountView />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </BankAccountProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountList","props","jsx","BaseComponent","Root","className","children","companyId","showVerifiedMessage","useI18n","onEvent","useBase","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","BankAccountProvider","componentEvents","Flex","jsxs","Fragment","Head","AccountView","Actions"],"mappings":";;;;;;;;;;;AAiBO,SAASA,EAAgBC,GAAsD;AACpF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAyB;AACvB,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,MAAAC,EAAA,IAASC,EAA2B,EAAE,WAAAN,GAAW,GACnDO,IAAyBF,EAAK,qBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK;AACrF,MAAI,CAACC;AACH,UAAM,IAAI,MAAM,wCAAwC;AAY1D,SACE,gBAAAb,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,aAAAD;AAAA,QACA,qBAAAP;AAAA,QACA,oBAhBmB,MAAM;AAC/B,UAAAE,EAAQO,EAAgB,6BAA6BF,CAAW;AAAA,QAClE;AAAA,QAeQ,gBAde,MAAM;AAC3B,UAAAL,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,QAaQ,cAZa,MAAM;AACzB,UAAAP,EAAQO,EAAgB,2BAA2B;AAAA,QACrD;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAf,EAACgB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,KAGC,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAlB,EAACmB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAY;AAAA,0BACZC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"BankAccountList.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/BankAccountList.tsx"],"sourcesContent":["import { useBankAccountsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/bankAccountsGet'\nimport { Head } from './Head'\nimport { AccountView } from './AccountView'\nimport { BankAccountProvider } from './context'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountListProps extends CommonComponentInterface {\n  companyId: string\n  showVerifiedMessage?: boolean\n}\n\n/** @internal */\nexport function BankAccountList(props: BankAccountListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({\n  className,\n  children,\n  companyId,\n  showVerifiedMessage = false,\n}: BankAccountListProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent } = useBase()\n  const { data } = useBankAccountsGetSuspense({ companyId })\n  const companyBankAccountList = data.companyBankAccounts!\n  //Currently, we only support a single default bank account per company.\n  const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n  if (!bankAccount) {\n    throw new Error('No bank account found for the company.')\n  }\n  const handleVerification = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFY, bankAccount)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_DONE)\n  }\n  const handleChange = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CHANGE)\n  }\n\n  return (\n    <section className={className}>\n      <BankAccountProvider\n        value={{\n          bankAccount,\n          showVerifiedMessage,\n          handleVerification,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <AccountView />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </BankAccountProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountList","props","jsx","BaseComponent","Root","className","children","companyId","showVerifiedMessage","useI18n","onEvent","useBase","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","BankAccountProvider","componentEvents","Flex","jsxs","Fragment","Head","AccountView","Actions"],"mappings":";;;;;;;;;;;AAkBO,SAASA,EAAgBC,GAAsD;AACpF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAyB;AACvB,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,MAAAC,EAAA,IAASC,EAA2B,EAAE,WAAAN,GAAW,GACnDO,IAAyBF,EAAK,qBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK;AACrF,MAAI,CAACC;AACH,UAAM,IAAI,MAAM,wCAAwC;AAY1D,SACE,gBAAAb,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,aAAAD;AAAA,QACA,qBAAAP;AAAA,QACA,oBAhBmB,MAAM;AAC/B,UAAAE,EAAQO,EAAgB,6BAA6BF,CAAW;AAAA,QAClE;AAAA,QAeQ,gBAde,MAAM;AAC3B,UAAAL,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,QAaQ,cAZa,MAAM;AACzB,UAAAP,EAAQO,EAAgB,2BAA2B;AAAA,QACrD;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAf,EAACgB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,KAGC,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAlB,EAACmB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAY;AAAA,0BACZC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountList/Head.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function Head(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountList/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport VerificationPendingIcon from '@/assets/icons/verification_pending.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport function Head() {\n  const { bankAccount, showVerifiedMessage, handleVerification } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n        <Components.Text variant=\"supporting\">{t('addBankAccountDescription')}</Components.Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={16}>\n        {bankAccount?.verificationStatus != 'verified' && (\n          <Components.Alert\n            //@ts-expect-error: typescript limitation\n            label={t(`verificationAlert.${bankAccount?.verificationStatus}.label`)}\n            icon={<VerificationPendingIcon />}\n          >\n            <Components.Text>\n              {/*@ts-expect-error: typescript limitation */}\n              {t(`verificationAlert.${bankAccount?.verificationStatus}.description`, {\n                number: bankAccount?.hiddenAccountNumber,\n              })}\n            </Components.Text>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={handleVerification}\n              isDisabled={bankAccount?.verificationStatus !== 'ready_for_verification'}\n            >\n              {t('verifyBankAccountCta')}\n            </Components.Button>\n          </Components.Alert>\n        )}\n        {showVerifiedMessage && (\n          <Components.Alert\n            label={t('verificationAlert.verified.label')}\n            status=\"success\"\n          ></Components.Alert>\n        )}\n      </Flex>\n    </>\n  )\n}\n"],"names":["Head","bankAccount","showVerifiedMessage","handleVerification","useBankAccount","t","useTranslation","Components","useComponentContext","jsxs","Fragment","Flex","jsx","VerificationPendingIcon"],"mappings":";;;;;;AAMO,SAASA,IAAO;AACrB,QAAM,EAAE,aAAAC,GAAa,qBAAAC,GAAqB,oBAAAC,EAAA,IAAuBC,EAAA,GAC3D,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,MACtD,gBAAAO,EAACL,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,2BAA2B,EAAA,CAAE;AAAA,IAAA,GACxE;AAAA,IACA,gBAAAI,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,MAAAV,GAAa,sBAAsB,cAClC,gBAAAQ;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UAEC,OAAOF,EAAE,qBAAqBJ,GAAa,kBAAkB,QAAQ;AAAA,UACrE,wBAAOY,GAAA,EAAwB;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAD,EAACL,EAAW,MAAX,EAEE,YAAE,qBAAqBN,GAAa,kBAAkB,gBAAgB;AAAA,cACrE,QAAQA,GAAa;AAAA,YAAA,CACtB,GACH;AAAA,YACA,gBAAAW;AAAA,cAACL,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,SAASJ;AAAA,gBACT,YAAYF,GAAa,uBAAuB;AAAA,gBAE/C,YAAE,sBAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAGHC,KACC,gBAAAU;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,kCAAkC;AAAA,UAC3C,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EAAA,CAEL;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport VerificationPendingIcon from '@/assets/icons/verification_pending.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\n/** @internal */\nexport function Head() {\n  const { bankAccount, showVerifiedMessage, handleVerification } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n        <Components.Text variant=\"supporting\">{t('addBankAccountDescription')}</Components.Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={16}>\n        {bankAccount?.verificationStatus != 'verified' && (\n          <Components.Alert\n            //@ts-expect-error: typescript limitation\n            label={t(`verificationAlert.${bankAccount?.verificationStatus}.label`)}\n            icon={<VerificationPendingIcon />}\n          >\n            <Components.Text>\n              {/*@ts-expect-error: typescript limitation */}\n              {t(`verificationAlert.${bankAccount?.verificationStatus}.description`, {\n                number: bankAccount?.hiddenAccountNumber,\n              })}\n            </Components.Text>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={handleVerification}\n              isDisabled={bankAccount?.verificationStatus !== 'ready_for_verification'}\n            >\n              {t('verifyBankAccountCta')}\n            </Components.Button>\n          </Components.Alert>\n        )}\n        {showVerifiedMessage && (\n          <Components.Alert\n            label={t('verificationAlert.verified.label')}\n            status=\"success\"\n          ></Components.Alert>\n        )}\n      </Flex>\n    </>\n  )\n}\n"],"names":["Head","bankAccount","showVerifiedMessage","handleVerification","useBankAccount","t","useTranslation","Components","useComponentContext","jsxs","Fragment","Flex","jsx","VerificationPendingIcon"],"mappings":";;;;;;AAOO,SAASA,IAAO;AACrB,QAAM,EAAE,aAAAC,GAAa,qBAAAC,GAAqB,oBAAAC,EAAA,IAAuBC,EAAA,GAC3D,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,MACtD,gBAAAO,EAACL,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,2BAA2B,EAAA,CAAE;AAAA,IAAA,GACxE;AAAA,IACA,gBAAAI,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,MAAAV,GAAa,sBAAsB,cAClC,gBAAAQ;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UAEC,OAAOF,EAAE,qBAAqBJ,GAAa,kBAAkB,QAAQ;AAAA,UACrE,wBAAOY,GAAA,EAAwB;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAD,EAACL,EAAW,MAAX,EAEE,YAAE,qBAAqBN,GAAa,kBAAkB,gBAAgB;AAAA,cACrE,QAAQA,GAAa;AAAA,YAAA,CACtB,GACH;AAAA,YACA,gBAAAW;AAAA,cAACL,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,SAASJ;AAAA,gBACT,YAAYF,GAAa,uBAAuB;AAAA,gBAE/C,YAAE,sBAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAGHC,KACC,gBAAAU;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,kCAAkC;AAAA,UAC3C,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EAAA,CAEL;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountVerify/Actions.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function Actions(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountVerify } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.BankAccount')\n  const { isPending, handleCancel } = useBankAccountVerify()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button\n        variant=\"secondary\"\n        isLoading={isPending}\n        onClick={handleCancel}\n        data-testid=\"bank-account-verify-cancel\"\n      >\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button\n        type=\"submit\"\n        isLoading={isPending}\n        data-testid=\"bank-account-verify-submit\"\n      >\n        {t('verifyCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","handleCancel","useBankAccountVerify","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,WAAWH;AAAA,QACX,SAASC;AAAA,QACT,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB,gBAAAK;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,WAAWH;AAAA,QACX,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountVerify } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.BankAccount')\n  const { isPending, handleCancel } = useBankAccountVerify()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button\n        variant=\"secondary\"\n        isLoading={isPending}\n        onClick={handleCancel}\n        data-testid=\"bank-account-verify-cancel\"\n      >\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button\n        type=\"submit\"\n        isLoading={isPending}\n        data-testid=\"bank-account-verify-submit\"\n      >\n        {t('verifyCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","handleCancel","useBankAccountVerify","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,WAAWH;AAAA,QACX,SAASC;AAAA,QACT,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB,gBAAAK;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,WAAWH;AAAA,QACX,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.d.ts

@@ -3,5 +3,6 @@ interface BankAccountVerifyProps extends CommonComponentInterface {
     companyId: string;
     bankAccountId: string;
 }
+/** @internal */
 export declare function BankAccountVerify(props: BankAccountVerifyProps & BaseComponentInterface): import("react").JSX.Element;
 export {};

package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountVerify.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useBankAccountsVerifyMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/bankAccountsVerify'\nimport { Head } from './Head'\nimport { BankAccountVerifyProvider } from './context'\nimport type { BankAccountVerifyInputs } from './Form'\nimport { BankAccountVerifySchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountVerifyProps extends CommonComponentInterface {\n  companyId: string\n  bankAccountId: string\n}\n\nexport function BankAccountVerify(props: BankAccountVerifyProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, bankAccountId, className, children }: BankAccountVerifyProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { mutateAsync: verifyBankAccount, isPending } = useBankAccountsVerifyMutation()\n\n  const { control, ...methods } = useForm<BankAccountVerifyInputs>({\n    resolver: zodResolver(BankAccountVerifySchema),\n    defaultValues: { deposit1: 0, deposit2: 0 },\n  })\n\n  const onSubmit = async (data: BankAccountVerifyInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { companyBankAccount } = await verifyBankAccount({\n        request: {\n          companyId,\n          bankAccountUuid: bankAccountId,\n          companyBankAccountVerifyRequest: payload,\n        },\n      })\n      onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED, companyBankAccount)\n    })\n  }\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <BankAccountVerifyProvider\n            value={{\n              isPending,\n              handleCancel,\n            }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </BankAccountVerifyProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountVerify","props","jsx","BaseComponent","Root","companyId","bankAccountId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","verifyBankAccount","isPending","useBankAccountsVerifyMutation","control","methods","useForm","zodResolver","BankAccountVerifySchema","onSubmit","data","payload","companyBankAccount","componentEvents","handleCancel","FormProvider","HtmlForm","BankAccountVerifyProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAkBC,GAAwD;AACxF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAoC;AACvF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,aAAaC,GAAmB,WAAAC,EAAA,IAAcC,EAAA,GAEhD,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAAiC;AAAA,IAC/D,UAAUC,EAAYC,CAAuB;AAAA,IAC7C,eAAe,EAAE,UAAU,GAAG,UAAU,EAAA;AAAA,EAAE,CAC3C,GAEKC,IAAW,OAAOC,MAAkC;AACxD,UAAMX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA,QACrD,SAAS;AAAA,UACP,WAAAR;AAAA,UACA,iBAAiBC;AAAA,UACjB,iCAAiCiB;AAAA,QAAA;AAAA,MACnC,CACD;AACD,MAAAb,EAAQe,EAAgB,+BAA+BD,CAAkB;AAAA,IAC3E,CAAC;AAAA,EACH,GACME,IAAe,MAAM;AACzB,IAAAhB,EAAQe,EAAgB,MAAM;AAAA,EAChC;AAEA,SACE,gBAAAvB,EAAC,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAL,EAACyB,KAAc,GAAGV,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAAC0B,GAAA,EAAS,UAAUX,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAf;AAAA,QACA,cAAAY;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAxB,EAAC4B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAGC,gBAAAuB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountVerify.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useBankAccountsVerifyMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/bankAccountsVerify'\nimport { Head } from './Head'\nimport { BankAccountVerifyProvider } from './context'\nimport type { BankAccountVerifyInputs } from './Form'\nimport { BankAccountVerifySchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountVerifyProps extends CommonComponentInterface {\n  companyId: string\n  bankAccountId: string\n}\n\n/** @internal */\nexport function BankAccountVerify(props: BankAccountVerifyProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, bankAccountId, className, children }: BankAccountVerifyProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { mutateAsync: verifyBankAccount, isPending } = useBankAccountsVerifyMutation()\n\n  const { control, ...methods } = useForm<BankAccountVerifyInputs>({\n    resolver: zodResolver(BankAccountVerifySchema),\n    defaultValues: { deposit1: 0, deposit2: 0 },\n  })\n\n  const onSubmit = async (data: BankAccountVerifyInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { companyBankAccount } = await verifyBankAccount({\n        request: {\n          companyId,\n          bankAccountUuid: bankAccountId,\n          companyBankAccountVerifyRequest: payload,\n        },\n      })\n      onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED, companyBankAccount)\n    })\n  }\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <BankAccountVerifyProvider\n            value={{\n              isPending,\n              handleCancel,\n            }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </BankAccountVerifyProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountVerify","props","jsx","BaseComponent","Root","companyId","bankAccountId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","verifyBankAccount","isPending","useBankAccountsVerifyMutation","control","methods","useForm","zodResolver","BankAccountVerifySchema","onSubmit","data","payload","companyBankAccount","componentEvents","handleCancel","FormProvider","HtmlForm","BankAccountVerifyProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAsBO,SAASA,EAAkBC,GAAwD;AACxF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAoC;AACvF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,aAAaC,GAAmB,WAAAC,EAAA,IAAcC,EAAA,GAEhD,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAAiC;AAAA,IAC/D,UAAUC,EAAYC,CAAuB;AAAA,IAC7C,eAAe,EAAE,UAAU,GAAG,UAAU,EAAA;AAAA,EAAE,CAC3C,GAEKC,IAAW,OAAOC,MAAkC;AACxD,UAAMX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA,QACrD,SAAS;AAAA,UACP,WAAAR;AAAA,UACA,iBAAiBC;AAAA,UACjB,iCAAiCiB;AAAA,QAAA;AAAA,MACnC,CACD;AACD,MAAAb,EAAQe,EAAgB,+BAA+BD,CAAkB;AAAA,IAC3E,CAAC;AAAA,EACH,GACME,IAAe,MAAM;AACzB,IAAAhB,EAAQe,EAAgB,MAAM;AAAA,EAChC;AAEA,SACE,gBAAAvB,EAAC,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAL,EAACyB,KAAc,GAAGV,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAAC0B,GAAA,EAAS,UAAUX,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAf;AAAA,QACA,cAAAY;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAxB,EAAC4B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAGC,gBAAAuB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountVerify/Form.d.ts

@@ -1,7 +1,10 @@
 import { z } from 'zod';
+/** @internal */
 export declare const BankAccountVerifySchema: z.ZodObject<{
     deposit1: z.ZodNumber;
     deposit2: z.ZodNumber;
 }, z.core.$strip>;
+/** @internal */
 export type BankAccountVerifyInputs = z.infer<typeof BankAccountVerifySchema>;
+/** @internal */
 export declare function Form(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountVerify/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Flex, NumberInputField } from '@/components/Common'\n\nexport const BankAccountVerifySchema = z.object({\n  deposit1: z.number().min(0),\n  deposit2: z.number().min(0),\n})\n\nexport type BankAccountVerifyInputs = z.infer<typeof BankAccountVerifySchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.BankAccount')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <NumberInputField\n        name=\"deposit1\"\n        format=\"currency\"\n        isRequired\n        label={t('deposit1Label')}\n        description={t('deposit1Description')}\n        errorMessage={t('validations.deposit1')}\n      />\n      <NumberInputField\n        name=\"deposit2\"\n        format=\"currency\"\n        label={t('deposit2Label')}\n        description={t('deposit2Description')}\n        isRequired\n        errorMessage={t('validations.deposit2')}\n      />\n    </Flex>\n  )\n}\n"],"names":["BankAccountVerifySchema","z","Form","t","useTranslation","jsxs","Flex","jsx","NumberInputField"],"mappings":";;;;;;;AAIO,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EAC9C,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,UAAUA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC5B,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,YAAU;AAAA,QACV,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,IAExC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,YAAU;AAAA,QACV,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Flex, NumberInputField } from '@/components/Common'\n\n/** @internal */\nexport const BankAccountVerifySchema = z.object({\n  deposit1: z.number().min(0),\n  deposit2: z.number().min(0),\n})\n\n/** @internal */\nexport type BankAccountVerifyInputs = z.infer<typeof BankAccountVerifySchema>\n\n/** @internal */\nexport function Form() {\n  const { t } = useTranslation('Company.BankAccount')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <NumberInputField\n        name=\"deposit1\"\n        format=\"currency\"\n        isRequired\n        label={t('deposit1Label')}\n        description={t('deposit1Description')}\n        errorMessage={t('validations.deposit1')}\n      />\n      <NumberInputField\n        name=\"deposit2\"\n        format=\"currency\"\n        label={t('deposit2Label')}\n        description={t('deposit2Description')}\n        isRequired\n        errorMessage={t('validations.deposit2')}\n      />\n    </Flex>\n  )\n}\n"],"names":["BankAccountVerifySchema","z","Form","t","useTranslation","jsxs","Flex","jsx","NumberInputField"],"mappings":";;;;;;;AAKO,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EAC9C,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,UAAUA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC5B,CAAC;AAMM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,YAAU;AAAA,QACV,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,IAExC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,YAAU;AAAA,QACV,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountVerify/Head.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function Head(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountVerify/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">{t('verifyBankAccountTitle')}</Components.Heading>\n      <Components.Text>{t('verifyBankAccountDescription')}</Components.Text>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,wBAAwB,GAAE;AAAA,sBACxDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,8BAA8B,EAAA,CAAE;AAAA,EAAA,GACtD;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Head() {\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">{t('verifyBankAccountTitle')}</Components.Heading>\n      <Components.Text>{t('verifyBankAccountDescription')}</Components.Text>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,wBAAwB,GAAE;AAAA,sBACxDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,8BAA8B,EAAA,CAAE;AAAA,EAAA,GACtD;AAEJ;"}

package/dist/components/Company/BankAccount/stateMachine.d.ts

@@ -1,3 +1,4 @@
+/** @internal */
 export declare const bankAccountStateMachine: {
     viewBankAccount: import('robot3').MachineState<any>;
     addBankAccount: import('robot3').MachineState<any>;

package/dist/components/Company/BankAccount/stateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/BankAccount/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { BankAccountContextInterface, EventPayloads } from './BankAccountComponents'\nimport {\n  BankAccountFormContextual,\n  BankAccountVerifyContextual,\n  BankAccountListContextual,\n} from './BankAccountComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport const bankAccountStateMachine = {\n  viewBankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_CHANGE,\n      'addBankAccount',\n      reduce((ctx: BankAccountContextInterface) => ({\n        ...ctx,\n        component: BankAccountFormContextual,\n        showVerifiedMessage: false,\n      })),\n    ),\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_VERIFY,\n      'verifyBankAccount',\n      reduce((ctx: BankAccountContextInterface) => ({\n        ...ctx,\n        component: BankAccountVerifyContextual,\n        showVerifiedMessage: false,\n      })),\n    ),\n    transition(componentEvents.COMPANY_BANK_ACCOUNT_DONE, 'done'),\n  ),\n  addBankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_CREATED,\n      'viewBankAccount',\n      reduce(\n        (\n          ctx: BankAccountContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_BANK_ACCOUNT_CREATED>,\n        ) => ({\n          ...ctx,\n          component: BankAccountListContextual,\n          bankAccount: ev.payload,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_CANCEL,\n      'viewBankAccount',\n      reduce((ctx: BankAccountContextInterface) => ({\n        ...ctx,\n        component: BankAccountListContextual,\n      })),\n    ),\n  ),\n  verifyBankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED,\n      'viewBankAccount',\n      reduce(\n        (\n          ctx: BankAccountContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED>,\n        ): BankAccountContextInterface => ({\n          ...ctx,\n          component: BankAccountListContextual,\n          bankAccount: ev.payload,\n          showVerifiedMessage: ev.payload.verificationStatus === 'verified',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'viewBankAccount',\n      reduce((ctx: BankAccountContextInterface) => ({\n        ...ctx,\n        component: BankAccountListContextual,\n      })),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["bankAccountStateMachine","state","transition","componentEvents","reduce","ctx","BankAccountFormContextual","BankAccountVerifyContextual","ev","BankAccountListContextual","final"],"mappings":";;;AAUO,MAAMA,IAA0B;AAAA,EACrC,iBAAiBC;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,qBAAqB;AAAA,MAAA,EACrB;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWE;AAAA,QACX,qBAAqB;AAAA,MAAA,EACrB;AAAA,IAAA;AAAA,IAEJL,EAAWC,EAAgB,2BAA2B,MAAM;AAAA,EAAA;AAAA,EAE9D,gBAAgBF;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACI;AAAA,UACJ,GAAGH;AAAA,UACH,WAAWI;AAAA,UACX,aAAaD,EAAG;AAAA,QAAA;AAAA,MAClB;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,mBAAmBR;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACiC;AAAA,UACjC,GAAGH;AAAA,UACH,WAAWI;AAAA,UACX,aAAaD,EAAG;AAAA,UAChB,qBAAqBA,EAAG,QAAQ,uBAAuB;AAAA,QAAA;AAAA,MACzD;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,MAAMC,EAAA;AACR;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/BankAccount/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { BankAccountContextInterface, EventPayloads } from './BankAccountComponents'\nimport {\n  BankAccountFormContextual,\n  BankAccountVerifyContextual,\n  BankAccountListContextual,\n} from './BankAccountComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const bankAccountStateMachine = {\n  viewBankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_CHANGE,\n      'addBankAccount',\n      reduce((ctx: BankAccountContextInterface) => ({\n        ...ctx,\n        component: BankAccountFormContextual,\n        showVerifiedMessage: false,\n      })),\n    ),\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_VERIFY,\n      'verifyBankAccount',\n      reduce((ctx: BankAccountContextInterface) => ({\n        ...ctx,\n        component: BankAccountVerifyContextual,\n        showVerifiedMessage: false,\n      })),\n    ),\n    transition(componentEvents.COMPANY_BANK_ACCOUNT_DONE, 'done'),\n  ),\n  addBankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_CREATED,\n      'viewBankAccount',\n      reduce(\n        (\n          ctx: BankAccountContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_BANK_ACCOUNT_CREATED>,\n        ) => ({\n          ...ctx,\n          component: BankAccountListContextual,\n          bankAccount: ev.payload,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_CANCEL,\n      'viewBankAccount',\n      reduce((ctx: BankAccountContextInterface) => ({\n        ...ctx,\n        component: BankAccountListContextual,\n      })),\n    ),\n  ),\n  verifyBankAccount: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED,\n      'viewBankAccount',\n      reduce(\n        (\n          ctx: BankAccountContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED>,\n        ): BankAccountContextInterface => ({\n          ...ctx,\n          component: BankAccountListContextual,\n          bankAccount: ev.payload,\n          showVerifiedMessage: ev.payload.verificationStatus === 'verified',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'viewBankAccount',\n      reduce((ctx: BankAccountContextInterface) => ({\n        ...ctx,\n        component: BankAccountListContextual,\n      })),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["bankAccountStateMachine","state","transition","componentEvents","reduce","ctx","BankAccountFormContextual","BankAccountVerifyContextual","ev","BankAccountListContextual","final"],"mappings":";;;AAWO,MAAMA,IAA0B;AAAA,EACrC,iBAAiBC;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,qBAAqB;AAAA,MAAA,EACrB;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWE;AAAA,QACX,qBAAqB;AAAA,MAAA,EACrB;AAAA,IAAA;AAAA,IAEJL,EAAWC,EAAgB,2BAA2B,MAAM;AAAA,EAAA;AAAA,EAE9D,gBAAgBF;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACI;AAAA,UACJ,GAAGH;AAAA,UACH,WAAWI;AAAA,UACX,aAAaD,EAAG;AAAA,QAAA;AAAA,MAClB;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,mBAAmBR;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACiC;AAAA,UACjC,GAAGH;AAAA,UACH,WAAWI;AAAA,UACX,aAAaD,EAAG;AAAA,UAChB,qBAAqBA,EAAG,QAAQ,uBAAuB;AAAA,QAAA;AAAA,MACzD;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,MAAMC,EAAA;AACR;"}

package/dist/components/Company/DocumentSigner/DocumentList/Actions.d.ts

@@ -1,5 +1,6 @@
 interface ActionsProps {
     continueCtaLabel?: string;
 }
+/** @internal */
 export declare function Actions({ continueCtaLabel }: ActionsProps): import("react").JSX.Element;
 export {};

package/dist/components/Company/DocumentSigner/DocumentList/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ActionsProps {\n  continueCtaLabel?: string\n}\n\nexport function Actions({ continueCtaLabel }: ActionsProps) {\n  const { t } = useTranslation('Company.DocumentList')\n  const { handleContinue } = useDocumentList()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleContinue}>\n        {continueCtaLabel || t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","continueCtaLabel","t","useTranslation","handleContinue","useDocumentList","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AASO,SAASA,EAAQ,EAAE,kBAAAC,KAAkC;AAC1D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,gBAAAC,EAAA,IAAmBC,EAAA,GACrBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,SAASF,GACzB,UAAAH,KAAoBC,EAAE,aAAa,EAAA,CACtC,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ActionsProps {\n  continueCtaLabel?: string\n}\n\n/** @internal */\nexport function Actions({ continueCtaLabel }: ActionsProps) {\n  const { t } = useTranslation('Company.DocumentList')\n  const { handleContinue } = useDocumentList()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleContinue}>\n        {continueCtaLabel || t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","continueCtaLabel","t","useTranslation","handleContinue","useDocumentList","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAUO,SAASA,EAAQ,EAAE,kBAAAC,KAAkC;AAC1D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,gBAAAC,EAAA,IAAmBC,EAAA,GACrBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,SAASF,GACzB,UAAAH,KAAoBC,EAAE,aAAa,EAAA,CACtC,GACF;AAEJ;"}

package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.d.ts

@@ -3,5 +3,26 @@ interface DocumentListProps extends BaseComponentInterface<'Company.DocumentList
     companyId: string;
     signatoryId?: string;
 }
+/**
+ * Displays the list of company documents to be signed and lets the user manage signatories.
+ *
+ * @remarks
+ * Lower-level building block used internally by `CompanyOnboarding.DocumentSigner` for its list
+ * view. Use this component directly when you need full control over navigation between the
+ * document list and the signature form.
+ *
+ * When `signatoryId` matches the currently saved signatory's id, the user is treated as the
+ * signatory and is allowed to sign documents.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `company/forms/view` | Fired when a user selects a form to sign from the document list | The selected company form |
+ * | `company/forms/editSignatory` | Fired when user requests to change the document signatory | The current signatory entity |
+ * | `company/forms/done` | Fired when user completes the document signing process | — |
+ *
+ * @param props - Component props including the company id and optional signatory id
+ * @returns The document list view with signatory management and continue action
+ * @public
+ */
 export declare function DocumentList(props: DocumentListProps): import("react").JSX.Element;
 export {};