@gusto/embedded-react-sdk 0.44.2 → 0.45.0

package/dist/components/Employee/PaymentMethod/shared/useBankForm/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useBankForm/fields.tsx"],"sourcesContent":["import type { AccountType, BankFormErrorCodes } from './useBankFormSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport { TextInputHookField, RadioGroupHookField } from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\nexport type RequiredValidation = typeof BankFormErrorCodes.REQUIRED\nexport type RoutingNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<\n  typeof BankFormErrorCodes,\n  'REQUIRED' | 'INVALID_ROUTING_NUMBER'\n>]\nexport type AccountNumberValidation = (typeof BankFormErrorCodes)[keyof Pick<\n  typeof BankFormErrorCodes,\n  'REQUIRED' | 'INVALID_ACCOUNT_NUMBER'\n>]\n\nexport type NameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\nexport function NameField(props: NameFieldProps) {\n  return <TextInputHookField {...props} name=\"name\" />\n}\n\nexport type RoutingNumberFieldProps = HookFieldProps<\n  TextInputHookFieldProps<RoutingNumberValidation>\n>\n\nexport function RoutingNumberField(props: RoutingNumberFieldProps) {\n  return <TextInputHookField {...props} name=\"routingNumber\" />\n}\n\nexport type AccountNumberFieldProps = HookFieldProps<\n  TextInputHookFieldProps<AccountNumberValidation>\n>\n\nexport function AccountNumberField(props: AccountNumberFieldProps) {\n  return <TextInputHookField {...props} name=\"accountNumber\" />\n}\n\nexport type AccountTypeFieldProps = HookFieldProps<\n  RadioGroupHookFieldProps<RequiredValidation, AccountType>\n>\n\nexport function AccountTypeField(props: AccountTypeFieldProps) {\n  return <RadioGroupHookField {...props} name=\"accountType\" />\n}\n"],"names":["NameField","props","jsx","TextInputHookField","RoutingNumberField","AccountNumberField","AccountTypeField","RadioGroupHookField"],"mappings":";;;AAkBO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,QAAO;AACpD;AAMO,SAASG,EAAmBH,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAMO,SAASI,EAAmBJ,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAMO,SAASK,EAAiBL,GAA8B;AAC7D,SAAO,gBAAAC,EAACK,GAAA,EAAqB,GAAGN,GAAO,MAAK,eAAc;AAC5D;"}

package/dist/components/Employee/PaymentMethod/shared/useBankForm/index.d.ts

@@ -0,0 +1,5 @@
+import "./types/i18next.d.ts"
+export { useBankForm } from './useBankForm';
+export type { BankFormSubmitOptions, UseBankFormProps, UseBankFormResult, UseBankFormReady, BankFormFields, BankFormFieldsMetadata, BankFormFieldsType, } from './useBankForm';
+export { ACCOUNT_TYPES, BankFormErrorCodes, createBankFormSchema, type AccountType, type BankFormErrorCode, type BankFormData, type BankFormField, type BankFormOptionalFieldsToRequire, type BankFormOutputs, } from './useBankFormSchema';
+export { NameField, RoutingNumberField, AccountNumberField, AccountTypeField, type NameFieldProps, type RoutingNumberFieldProps, type AccountNumberFieldProps, type AccountTypeFieldProps, type RequiredValidation as BankFormRequiredValidation, type RoutingNumberValidation, type AccountNumberValidation, } from './fields';

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankForm.d.ts

@@ -0,0 +1,37 @@
+import { UseFormProps } from 'react-hook-form';
+import { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount';
+import { BankFormData, BankFormOptionalFieldsToRequire } from './useBankFormSchema';
+import { AccountNumberField, AccountTypeField, NameField, RoutingNumberField } from './fields';
+import { BaseFormHookReady, FieldsMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+export interface BankFormSubmitOptions {
+    /** Override the `employeeId` configured at hook construction. Useful when the employee is created in the same submit chain. */
+    employeeId?: string;
+}
+export interface UseBankFormProps {
+    /** Employee for whom to create the bank account. May be supplied later via `BankFormSubmitOptions.employeeId`. */
+    employeeId?: string;
+    optionalFieldsToRequire?: BankFormOptionalFieldsToRequire;
+    defaultValues?: Partial<BankFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export interface BankFormFields {
+    Name: typeof NameField;
+    RoutingNumber: typeof RoutingNumberField;
+    AccountNumber: typeof AccountNumberField;
+    AccountType: typeof AccountTypeField;
+}
+export interface UseBankFormReady extends BaseFormHookReady<FieldsMetadata, BankFormData, BankFormFields> {
+    data: Record<string, never>;
+    status: {
+        isPending: boolean;
+        mode: 'create';
+    };
+    actions: {
+        onSubmit: (options?: BankFormSubmitOptions) => Promise<HookSubmitResult<EmployeeBankAccount> | undefined>;
+    };
+}
+export declare function useBankForm({ employeeId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseBankFormProps): HookLoadingResult | UseBankFormReady;
+export type UseBankFormResult = HookLoadingResult | UseBankFormReady;
+export type BankFormFieldsMetadata = UseBankFormReady['form']['fieldsMetadata'];
+export type BankFormFieldsType = UseBankFormReady['form']['Fields'];

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankForm.js

@@ -0,0 +1,105 @@
+import { useMemo as l } from "react";
+import { useForm as v } from "react-hook-form";
+import { zodResolver as P } from "@hookform/resolvers/zod";
+import { useEmployeePaymentMethodCreateMutation as C } from "@gusto/embedded-api/react-query/employeePaymentMethodCreate";
+import { createBankFormSchema as O, ACCOUNT_TYPES as p } from "./useBankFormSchema.js";
+import { AccountTypeField as V, AccountNumberField as H, RoutingNumberField as R, NameField as q } from "./fields.js";
+import { useDeriveFieldsMetadata as x } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as z } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as G } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as K } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as L } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as U } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as f } from "../../../../../types/sdkError.js";
+function re({
+  employeeId: y,
+  optionalFieldsToRequire: m,
+  defaultValues: e,
+  validationMode: N = "onSubmit",
+  shouldFocusError: g = !0
+}) {
+  const [a, F] = l(
+    () => O({ optionalFieldsToRequire: m }),
+    [m]
+  ), u = l(
+    () => ({
+      name: e?.name ?? "",
+      routingNumber: e?.routingNumber ?? "",
+      accountNumber: e?.accountNumber ?? "",
+      accountType: e?.accountType ?? "Checking"
+    }),
+    [e]
+  ), o = v({
+    resolver: P(a),
+    mode: N,
+    shouldFocusError: g,
+    defaultValues: u,
+    values: u,
+    resetOptions: { keepDirtyValues: !0 }
+  }), c = C(), k = c.isPending, {
+    baseSubmitHandler: S,
+    error: h,
+    setError: B
+  } = U("BankForm"), T = L([], { submitError: h, setSubmitError: B }), w = p.map((r) => ({ value: r, label: r })), t = x(F, o.control), A = {
+    name: t.name,
+    routingNumber: t.routingNumber,
+    accountNumber: t.accountNumber,
+    accountType: K(t.accountType, w, [
+      ...p
+    ])
+  }, E = async (r) => {
+    let i;
+    return await new Promise((s) => {
+      o.handleSubmit(
+        async (I) => {
+          await S(I, async (n) => {
+            const d = r?.employeeId ?? y;
+            if (!d)
+              throw new f(
+                "employeeId is required to submit a bank account. Pass it to useBankForm or via BankFormSubmitOptions."
+              );
+            const b = await c.mutateAsync({
+              request: {
+                employeeId: d,
+                employeeBankAccountRequest: {
+                  name: n.name,
+                  routingNumber: n.routingNumber,
+                  accountNumber: n.accountNumber,
+                  accountType: n.accountType
+                }
+              }
+            });
+            if (!b.employeeBankAccount)
+              throw new f("Bank account creation failed");
+            i = { mode: "create", data: b.employeeBankAccount };
+          }), s();
+        },
+        () => {
+          s();
+        }
+      )();
+    }), i;
+  }, M = z(o);
+  return {
+    isLoading: !1,
+    data: {},
+    status: { isPending: k, mode: "create" },
+    actions: { onSubmit: E },
+    errorHandling: T,
+    form: {
+      Fields: {
+        Name: q,
+        RoutingNumber: R,
+        AccountNumber: H,
+        AccountType: V
+      },
+      fieldsMetadata: A,
+      hookFormInternals: M,
+      getFormSubmissionValues: G(o, a)
+    }
+  };
+}
+export {
+  re as useBankForm
+};
+//# sourceMappingURL=useBankForm.js.map

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBankForm.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useBankForm/useBankForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport { useEmployeePaymentMethodCreateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodCreate'\nimport {\n  ACCOUNT_TYPES,\n  type AccountType,\n  createBankFormSchema,\n  type BankFormData,\n  type BankFormOptionalFieldsToRequire,\n  type BankFormOutputs,\n} from './useBankFormSchema'\nimport { AccountNumberField, AccountTypeField, NameField, RoutingNumberField } from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nexport interface BankFormSubmitOptions {\n  /** Override the `employeeId` configured at hook construction. Useful when the employee is created in the same submit chain. */\n  employeeId?: string\n}\n\nexport interface UseBankFormProps {\n  /** Employee for whom to create the bank account. May be supplied later via `BankFormSubmitOptions.employeeId`. */\n  employeeId?: string\n  optionalFieldsToRequire?: BankFormOptionalFieldsToRequire\n  defaultValues?: Partial<BankFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface BankFormFields {\n  Name: typeof NameField\n  RoutingNumber: typeof RoutingNumberField\n  AccountNumber: typeof AccountNumberField\n  AccountType: typeof AccountTypeField\n}\n\nexport interface UseBankFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  BankFormData,\n  BankFormFields\n> {\n  data: Record<string, never>\n  status: { isPending: boolean; mode: 'create' }\n  actions: {\n    onSubmit: (\n      options?: BankFormSubmitOptions,\n    ) => Promise<HookSubmitResult<EmployeeBankAccount> | undefined>\n  }\n}\n\nexport function useBankForm({\n  employeeId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseBankFormProps): HookLoadingResult | UseBankFormReady {\n  const [schema, metadataConfig] = useMemo(\n    () => createBankFormSchema({ optionalFieldsToRequire }),\n    [optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: BankFormData = useMemo(\n    () => ({\n      name: partnerDefaults?.name ?? '',\n      routingNumber: partnerDefaults?.routingNumber ?? '',\n      accountNumber: partnerDefaults?.accountNumber ?? '',\n      accountType: (partnerDefaults?.accountType ?? 'Checking') as AccountType,\n    }),\n    [partnerDefaults],\n  )\n\n  const formMethods = useForm<BankFormData, unknown, BankFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createMutation = useEmployeePaymentMethodCreateMutation()\n  const isPending = createMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('BankForm')\n\n  const errorHandling = composeErrorHandler([], { submitError, setSubmitError })\n\n  const accountTypeOptions = ACCOUNT_TYPES.map(value => ({ value, label: value }))\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    name: baseMetadata.name,\n    routingNumber: baseMetadata.routingNumber,\n    accountNumber: baseMetadata.accountNumber,\n    accountType: withOptions<AccountType>(baseMetadata.accountType, accountTypeOptions, [\n      ...ACCOUNT_TYPES,\n    ]),\n  }\n\n  const onSubmit = async (\n    options?: BankFormSubmitOptions,\n  ): Promise<HookSubmitResult<EmployeeBankAccount> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeBankAccount> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: BankFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError(\n                'employeeId is required to submit a bank account. Pass it to useBankForm or via BankFormSubmitOptions.',\n              )\n            }\n\n            const response = await createMutation.mutateAsync({\n              request: {\n                employeeId: resolvedEmployeeId,\n                employeeBankAccountRequest: {\n                  name: payload.name,\n                  routingNumber: payload.routingNumber,\n                  accountNumber: payload.accountNumber,\n                  accountType: payload.accountType,\n                },\n              },\n            })\n\n            if (!response.employeeBankAccount) {\n              throw new SDKInternalError('Bank account creation failed')\n            }\n\n            submitResult = { mode: 'create' as const, data: response.employeeBankAccount }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  return {\n    isLoading: false as const,\n    data: {} as Record<string, never>,\n    status: { isPending, mode: 'create' as const },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Name: NameField,\n        RoutingNumber: RoutingNumberField,\n        AccountNumber: AccountNumberField,\n        AccountType: AccountTypeField,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseBankFormResult = HookLoadingResult | UseBankFormReady\nexport type BankFormFieldsMetadata = UseBankFormReady['form']['fieldsMetadata']\nexport type BankFormFieldsType = UseBankFormReady['form']['Fields']\n"],"names":["useBankForm","employeeId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","schema","metadataConfig","useMemo","createBankFormSchema","resolvedDefaults","formMethods","useForm","zodResolver","createMutation","useEmployeePaymentMethodCreateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","accountTypeOptions","ACCOUNT_TYPES","value","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","response","hookFormInternals","useHookFormInternals","NameField","RoutingNumberField","AccountNumberField","AccountTypeField","createGetFormSubmissionValues"],"mappings":";;;;;;;;;;;;;AAgEO,SAASA,GAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AACrB,GAA2D;AACzD,QAAM,CAACC,GAAQC,CAAc,IAAIC;AAAA,IAC/B,MAAMC,EAAqB,EAAE,yBAAAP,GAAyB;AAAA,IACtD,CAACA,CAAuB;AAAA,EAAA,GAGpBQ,IAAiCF;AAAA,IACrC,OAAO;AAAA,MACL,MAAML,GAAiB,QAAQ;AAAA,MAC/B,eAAeA,GAAiB,iBAAiB;AAAA,MACjD,eAAeA,GAAiB,iBAAiB;AAAA,MACjD,aAAcA,GAAiB,eAAe;AAAA,IAAA;AAAA,IAEhD,CAACA,CAAe;AAAA,EAAA,GAGZQ,IAAcC,EAAgD;AAAA,IAClE,UAAUC,EAAYP,CAAM;AAAA,IAC5B,MAAMF;AAAA,IACN,kBAAAC;AAAA,IACA,eAAeK;AAAA,IACf,QAAQA;AAAA,IACR,cAAc,EAAE,iBAAiB,GAAA;AAAA,EAAK,CACvC,GAEKI,IAAiBC,EAAA,GACjBC,IAAYF,EAAe,WAE3B;AAAA,IACJ,mBAAAG;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,UAAU,GAEtBC,IAAgBC,EAAoB,CAAA,GAAI,EAAE,aAAAJ,GAAa,gBAAAC,GAAgB,GAEvEI,IAAqBC,EAAc,IAAI,CAAAC,OAAU,EAAE,OAAAA,GAAO,OAAOA,IAAQ,GAEzEC,IAAeC,EAAwBpB,GAAgBI,EAAY,OAAO,GAC1EiB,IAAiB;AAAA,IACrB,MAAMF,EAAa;AAAA,IACnB,eAAeA,EAAa;AAAA,IAC5B,eAAeA,EAAa;AAAA,IAC5B,aAAaG,EAAyBH,EAAa,aAAaH,GAAoB;AAAA,MAClF,GAAGC;AAAA,IAAA,CACJ;AAAA,EAAA,GAGGM,IAAW,OACfC,MAC+D;AAC/D,QAAIC;AAEJ,iBAAM,IAAI,QAAc,CAAAC,MAAW;AACjC,MAAKtB,EAAY;AAAA,QACf,OAAOuB,MAA0B;AAC/B,gBAAMjB,EAAkBiB,GAAM,OAAMC,MAAW;AAC7C,kBAAMC,IAAqBL,GAAS,cAAc9B;AAClD,gBAAI,CAACmC;AACH,oBAAM,IAAIC;AAAA,gBACR;AAAA,cAAA;AAIJ,kBAAMC,IAAW,MAAMxB,EAAe,YAAY;AAAA,cAChD,SAAS;AAAA,gBACP,YAAYsB;AAAA,gBACZ,4BAA4B;AAAA,kBAC1B,MAAMD,EAAQ;AAAA,kBACd,eAAeA,EAAQ;AAAA,kBACvB,eAAeA,EAAQ;AAAA,kBACvB,aAAaA,EAAQ;AAAA,gBAAA;AAAA,cACvB;AAAA,YACF,CACD;AAED,gBAAI,CAACG,EAAS;AACZ,oBAAM,IAAID,EAAiB,8BAA8B;AAG3D,YAAAL,IAAe,EAAE,MAAM,UAAmB,MAAMM,EAAS,oBAAA;AAAA,UAC3D,CAAC,GACDL,EAAA;AAAA,QACF;AAAA,QACA,MAAM;AACJ,UAAAA,EAAA;AAAA,QACF;AAAA,MAAA,EACF;AAAA,IACF,CAAC,GAEMD;AAAA,EACT,GAEMO,IAAoBC,EAAqB7B,CAAW;AAE1D,SAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM,CAAA;AAAA,IACN,QAAQ,EAAE,WAAAK,GAAW,MAAM,SAAA;AAAA,IAC3B,SAAS,EAAE,UAAAc,EAAA;AAAA,IACX,eAAAT;AAAA,IACA,MAAM;AAAA,MACJ,QAAQ;AAAA,QACN,MAAMoB;AAAA,QACN,eAAeC;AAAA,QACf,eAAeC;AAAA,QACf,aAAaC;AAAA,MAAA;AAAA,MAEf,gBAAAhB;AAAA,MACA,mBAAAW;AAAA,MACA,yBAAyBM,EAA8BlC,GAAaL,CAAM;AAAA,IAAA;AAAA,EAC5E;AAEJ;"}

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankFormSchema.d.ts

@@ -0,0 +1,39 @@
+import { z } from 'zod';
+import { OptionalFieldsToRequire } from '../../../../../partner-hook-utils/form/buildFormSchema';
+export declare const BankFormErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+    readonly INVALID_ROUTING_NUMBER: "INVALID_ROUTING_NUMBER";
+    readonly INVALID_ACCOUNT_NUMBER: "INVALID_ACCOUNT_NUMBER";
+};
+export type BankFormErrorCode = (typeof BankFormErrorCodes)[keyof typeof BankFormErrorCodes];
+export declare const ACCOUNT_TYPES: readonly ["Checking", "Savings"];
+export type AccountType = (typeof ACCOUNT_TYPES)[number];
+declare const fieldValidators: {
+    name: z.ZodString;
+    routingNumber: z.ZodString;
+    accountNumber: z.ZodString;
+    accountType: z.ZodEnum<{
+        Checking: "Checking";
+        Savings: "Savings";
+    }>;
+};
+export type BankFormField = keyof typeof fieldValidators;
+export type BankFormData = {
+    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
+};
+export type BankFormOutputs = BankFormData;
+declare const requiredFieldsConfig: {};
+export type BankFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+interface BankFormSchemaOptions {
+    optionalFieldsToRequire?: BankFormOptionalFieldsToRequire;
+}
+export declare function createBankFormSchema(options?: BankFormSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
+    name: z.ZodString;
+    routingNumber: z.ZodString;
+    accountNumber: z.ZodString;
+    accountType: z.ZodEnum<{
+        Checking: "Checking";
+        Savings: "Savings";
+    }>;
+}>;
+export {};

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankFormSchema.js

@@ -0,0 +1,26 @@
+import { z as e } from "zod";
+import { buildFormSchema as N } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+const r = {
+  REQUIRED: "REQUIRED",
+  INVALID_ROUTING_NUMBER: "INVALID_ROUTING_NUMBER",
+  INVALID_ACCOUNT_NUMBER: "INVALID_ACCOUNT_NUMBER"
+}, n = /^[0-9]{9}$/, i = /^[0-9]{1,17}$/, t = ["Checking", "Savings"], R = {
+  name: e.string(),
+  routingNumber: e.string().regex(n, { message: r.INVALID_ROUTING_NUMBER }),
+  accountNumber: e.string().regex(i, { message: r.INVALID_ACCOUNT_NUMBER }),
+  accountType: e.enum(t)
+}, E = {};
+function I(o = {}) {
+  return N(R, {
+    requiredFieldsConfig: E,
+    requiredErrorCode: r.REQUIRED,
+    mode: "create",
+    optionalFieldsToRequire: o.optionalFieldsToRequire
+  });
+}
+export {
+  t as ACCOUNT_TYPES,
+  r as BankFormErrorCodes,
+  I as createBankFormSchema
+};
+//# sourceMappingURL=useBankFormSchema.js.map

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankFormSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBankFormSchema.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useBankForm/useBankFormSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type OptionalFieldsToRequire,\n  type RequiredFieldConfig,\n} from '@/partner-hook-utils/form/buildFormSchema'\n\nexport const BankFormErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  INVALID_ROUTING_NUMBER: 'INVALID_ROUTING_NUMBER',\n  INVALID_ACCOUNT_NUMBER: 'INVALID_ACCOUNT_NUMBER',\n} as const\n\nexport type BankFormErrorCode = (typeof BankFormErrorCodes)[keyof typeof BankFormErrorCodes]\n\nconst ROUTING_NUMBER_REGEX = /^[0-9]{9}$/\nconst ACCOUNT_NUMBER_REGEX = /^[0-9]{1,17}$/\n\nexport const ACCOUNT_TYPES = ['Checking', 'Savings'] as const\nexport type AccountType = (typeof ACCOUNT_TYPES)[number]\n\nconst fieldValidators = {\n  name: z.string(),\n  routingNumber: z\n    .string()\n    .regex(ROUTING_NUMBER_REGEX, { message: BankFormErrorCodes.INVALID_ROUTING_NUMBER }),\n  accountNumber: z\n    .string()\n    .regex(ACCOUNT_NUMBER_REGEX, { message: BankFormErrorCodes.INVALID_ACCOUNT_NUMBER }),\n  accountType: z.enum(ACCOUNT_TYPES),\n}\n\nexport type BankFormField = keyof typeof fieldValidators\n\nexport type BankFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\nexport type BankFormOutputs = BankFormData\n\nconst requiredFieldsConfig = {} satisfies RequiredFieldConfig<typeof fieldValidators>\n\nexport type BankFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>\n\ninterface BankFormSchemaOptions {\n  optionalFieldsToRequire?: BankFormOptionalFieldsToRequire\n}\n\nexport function createBankFormSchema(options: BankFormSchemaOptions = {}) {\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: BankFormErrorCodes.REQUIRED,\n    mode: 'create',\n    optionalFieldsToRequire: options.optionalFieldsToRequire,\n  })\n}\n"],"names":["BankFormErrorCodes","ROUTING_NUMBER_REGEX","ACCOUNT_NUMBER_REGEX","ACCOUNT_TYPES","fieldValidators","z","requiredFieldsConfig","createBankFormSchema","options","buildFormSchema"],"mappings":";;AAOO,MAAMA,IAAqB;AAAA,EAChC,UAAU;AAAA,EACV,wBAAwB;AAAA,EACxB,wBAAwB;AAC1B,GAIMC,IAAuB,cACvBC,IAAuB,iBAEhBC,IAAgB,CAAC,YAAY,SAAS,GAG7CC,IAAkB;AAAA,EACtB,MAAMC,EAAE,OAAA;AAAA,EACR,eAAeA,EACZ,OAAA,EACA,MAAMJ,GAAsB,EAAE,SAASD,EAAmB,wBAAwB;AAAA,EACrF,eAAeK,EACZ,OAAA,EACA,MAAMH,GAAsB,EAAE,SAASF,EAAmB,wBAAwB;AAAA,EACrF,aAAaK,EAAE,KAAKF,CAAa;AACnC,GASMG,IAAuB,CAAA;AAQtB,SAASC,EAAqBC,IAAiC,IAAI;AACxE,SAAOC,EAAgBL,GAAiB;AAAA,IACtC,sBAAAE;AAAA,IACA,mBAAmBN,EAAmB;AAAA,IACtC,MAAM;AAAA,IACN,yBAAyBQ,EAAQ;AAAA,EAAA,CAClC;AACH;"}

package/dist/components/Employee/PaymentMethod/shared/useDeleteBankAccount.d.ts

@@ -0,0 +1,13 @@
+export declare function useDeleteBankAccount(handleDelete: (uuid: string) => Promise<void>): {
+    pendingDeleteAccount: {
+        uuid: string;
+        hiddenAccountNumber: string | undefined;
+    } | null;
+    setPendingDeleteAccount: import('react').Dispatch<import('react').SetStateAction<{
+        uuid: string;
+        hiddenAccountNumber: string | undefined;
+    } | null>>;
+    deletedAccountNumber: string | null;
+    setDeletedAccountNumber: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+    handleConfirmDelete: () => Promise<void>;
+};

package/dist/components/Employee/PaymentMethod/shared/useDeleteBankAccount.js

@@ -0,0 +1,19 @@
+import { useState as u } from "react";
+function s(c) {
+  const [e, n] = u(null), [o, t] = u(null);
+  return {
+    pendingDeleteAccount: e,
+    setPendingDeleteAccount: n,
+    deletedAccountNumber: o,
+    setDeletedAccountNumber: t,
+    handleConfirmDelete: async () => {
+      if (!e) return;
+      const { uuid: l, hiddenAccountNumber: r } = e;
+      n(null), await c(l), t(r ?? "");
+    }
+  };
+}
+export {
+  s as useDeleteBankAccount
+};
+//# sourceMappingURL=useDeleteBankAccount.js.map

package/dist/components/Employee/PaymentMethod/shared/useDeleteBankAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteBankAccount.js","sources":["../../../../../src/components/Employee/PaymentMethod/shared/useDeleteBankAccount.ts"],"sourcesContent":["import { useState } from 'react'\n\nexport function useDeleteBankAccount(handleDelete: (uuid: string) => Promise<void>) {\n  const [pendingDeleteAccount, setPendingDeleteAccount] = useState<{\n    uuid: string\n    hiddenAccountNumber: string | undefined\n  } | null>(null)\n  const [deletedAccountNumber, setDeletedAccountNumber] = useState<string | null>(null)\n\n  const handleConfirmDelete = async () => {\n    if (!pendingDeleteAccount) return\n    const { uuid, hiddenAccountNumber } = pendingDeleteAccount\n    setPendingDeleteAccount(null)\n    await handleDelete(uuid)\n    setDeletedAccountNumber(hiddenAccountNumber ?? '')\n  }\n\n  return {\n    pendingDeleteAccount,\n    setPendingDeleteAccount,\n    deletedAccountNumber,\n    setDeletedAccountNumber,\n    handleConfirmDelete,\n  }\n}\n"],"names":["useDeleteBankAccount","handleDelete","pendingDeleteAccount","setPendingDeleteAccount","useState","deletedAccountNumber","setDeletedAccountNumber","uuid","hiddenAccountNumber"],"mappings":";AAEO,SAASA,EAAqBC,GAA+C;AAClF,QAAM,CAACC,GAAsBC,CAAuB,IAAIC,EAG9C,IAAI,GACR,CAACC,GAAsBC,CAAuB,IAAIF,EAAwB,IAAI;AAUpF,SAAO;AAAA,IACL,sBAAAF;AAAA,IACA,yBAAAC;AAAA,IACA,sBAAAE;AAAA,IACA,yBAAAC;AAAA,IACA,qBAb0B,YAAY;AACtC,UAAI,CAACJ,EAAsB;AAC3B,YAAM,EAAE,MAAAK,GAAM,qBAAAC,EAAA,IAAwBN;AACtC,MAAAC,EAAwB,IAAI,GAC5B,MAAMF,EAAaM,CAAI,GACvBD,EAAwBE,KAAuB,EAAE;AAAA,IACnD;AAAA,EAOE;AAEJ;"}

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/fields.d.ts

@@ -0,0 +1,6 @@
+import { PaymentMethodFormErrorCodes, PaymentMethodType } from './usePaymentMethodFormSchema';
+import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
+import { HookFieldProps } from '../../../../../partner-hook-utils/types';
+export type RequiredValidation = typeof PaymentMethodFormErrorCodes.REQUIRED;
+export type TypeFieldProps = HookFieldProps<RadioGroupHookFieldProps<RequiredValidation, PaymentMethodType>>;
+export declare function TypeField(props: TypeFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/fields.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { RadioGroupHookField as e } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+function t(o) {
+  return /* @__PURE__ */ r(e, { ...o, name: "type" });
+}
+export {
+  t as TypeField
+};
+//# sourceMappingURL=fields.js.map

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/usePaymentMethodForm/fields.tsx"],"sourcesContent":["import type { PaymentMethodFormErrorCodes, PaymentMethodType } from './usePaymentMethodFormSchema'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport { RadioGroupHookField } from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\nexport type RequiredValidation = typeof PaymentMethodFormErrorCodes.REQUIRED\n\nexport type TypeFieldProps = HookFieldProps<\n  RadioGroupHookFieldProps<RequiredValidation, PaymentMethodType>\n>\n\nexport function TypeField(props: TypeFieldProps) {\n  return <RadioGroupHookField {...props} name=\"type\" />\n}\n"],"names":["TypeField","props","jsx","RadioGroupHookField"],"mappings":";;AAWO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAO,MAAK,QAAO;AACrD;"}

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/index.d.ts

@@ -0,0 +1,5 @@
+import "./types/i18next.d.ts"
+export { usePaymentMethodForm } from './usePaymentMethodForm';
+export type { UsePaymentMethodFormProps, UsePaymentMethodFormResult, UsePaymentMethodFormReady, PaymentMethodFormFields, PaymentMethodFormFieldsMetadata, PaymentMethodFormFieldsType, } from './usePaymentMethodForm';
+export { PAYMENT_METHOD_TYPES, PaymentMethodFormErrorCodes, createPaymentMethodFormSchema, type PaymentMethodFormErrorCode, type PaymentMethodFormData, type PaymentMethodFormField, type PaymentMethodFormOptionalFieldsToRequire, type PaymentMethodFormOutputs, type PaymentMethodType, } from './usePaymentMethodFormSchema';
+export { TypeField, type TypeFieldProps, type RequiredValidation as PaymentMethodFormRequiredValidation, } from './fields';

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodForm.d.ts

@@ -0,0 +1,31 @@
+import { UseFormProps } from 'react-hook-form';
+import { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod';
+import { PaymentMethodFormData, PaymentMethodFormOptionalFieldsToRequire } from './usePaymentMethodFormSchema';
+import { TypeField } from './fields';
+import { BaseFormHookReady, FieldsMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+export interface UsePaymentMethodFormProps {
+    employeeId: string;
+    optionalFieldsToRequire?: PaymentMethodFormOptionalFieldsToRequire;
+    defaultValues?: Partial<PaymentMethodFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export interface PaymentMethodFormFields {
+    Type: typeof TypeField;
+}
+export interface UsePaymentMethodFormReady extends BaseFormHookReady<FieldsMetadata, PaymentMethodFormData, PaymentMethodFormFields> {
+    data: {
+        paymentMethod: EmployeePaymentMethod;
+    };
+    status: {
+        isPending: boolean;
+        mode: 'update';
+    };
+    actions: {
+        onSubmit: () => Promise<HookSubmitResult<EmployeePaymentMethod> | undefined>;
+    };
+}
+export declare function usePaymentMethodForm({ employeeId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UsePaymentMethodFormProps): HookLoadingResult | UsePaymentMethodFormReady;
+export type UsePaymentMethodFormResult = HookLoadingResult | UsePaymentMethodFormReady;
+export type PaymentMethodFormFieldsMetadata = UsePaymentMethodFormReady['form']['fieldsMetadata'];
+export type PaymentMethodFormFieldsType = UsePaymentMethodFormReady['form']['Fields'];

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodForm.js

@@ -0,0 +1,94 @@
+import { useMemo as h } from "react";
+import { useForm as Y } from "react-hook-form";
+import { zodResolver as _ } from "@hookform/resolvers/zod";
+import { useEmployeePaymentMethodGet as A } from "@gusto/embedded-api/react-query/employeePaymentMethodGet";
+import { useEmployeePaymentMethodUpdateMutation as I } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdate";
+import { createPaymentMethodFormSchema as C, PAYMENT_METHOD_TYPES as M } from "./usePaymentMethodFormSchema.js";
+import { TypeField as G } from "./fields.js";
+import { useDeriveFieldsMetadata as N } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as q } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as x } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as z } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as K } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as Q } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as P } from "../../../../../types/sdkError.js";
+import { PAYMENT_METHODS as b, SPLIT_BY as R } from "../../../../../shared/constants.js";
+function ie({
+  employeeId: s,
+  optionalFieldsToRequire: m,
+  defaultValues: a,
+  validationMode: S = "onSubmit",
+  shouldFocusError: E = !0
+}) {
+  const r = A({ employeeId: s }), t = r.data?.employeePaymentMethod, [n, F] = h(
+    () => C({ optionalFieldsToRequire: m }),
+    [m]
+  ), i = h(
+    () => ({
+      type: a?.type ?? t?.type ?? b.directDeposit
+    }),
+    [a, t]
+  ), o = Y({
+    resolver: _(n),
+    mode: S,
+    shouldFocusError: E,
+    defaultValues: i,
+    values: i,
+    resetOptions: { keepDirtyValues: !0 }
+  }), d = I(), g = d.isPending, {
+    baseSubmitHandler: w,
+    error: T,
+    setError: v
+  } = Q("PaymentMethodForm"), p = K([r], {
+    submitError: T,
+    setSubmitError: v
+  }), D = M.map((e) => ({ value: e, label: e })), H = N(F, o.control), B = {
+    type: z(H.type, D, [...M])
+  }, O = async () => {
+    if (!t)
+      throw new P("Cannot submit payment method form before data is loaded");
+    const e = t;
+    let u;
+    return await new Promise((y) => {
+      o.handleSubmit(
+        async (k) => {
+          await w(k, async (c) => {
+            const l = e.version, L = c.type === b.check ? { version: l } : {
+              ...e,
+              version: l,
+              splitBy: e.splitBy ?? R.percentage,
+              splits: e.splits ?? []
+            }, f = await d.mutateAsync({
+              request: { employeeId: s, requestBody: { ...L, type: c.type } }
+            });
+            if (!f.employeePaymentMethod)
+              throw new P("Payment method update failed");
+            u = { mode: "update", data: f.employeePaymentMethod };
+          }), y();
+        },
+        () => {
+          y();
+        }
+      )();
+    }), u;
+  }, V = q(o);
+  return r.isLoading || !t ? { isLoading: !0, errorHandling: p } : {
+    isLoading: !1,
+    data: { paymentMethod: t },
+    status: { isPending: g, mode: "update" },
+    actions: { onSubmit: O },
+    errorHandling: p,
+    form: {
+      Fields: {
+        Type: G
+      },
+      fieldsMetadata: B,
+      hookFormInternals: V,
+      getFormSubmissionValues: x(o, n)
+    }
+  };
+}
+export {
+  ie as usePaymentMethodForm
+};
+//# sourceMappingURL=usePaymentMethodForm.js.map

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaymentMethodForm.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { useEmployeePaymentMethodGet } from '@gusto/embedded-api/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdate'\nimport {\n  PAYMENT_METHOD_TYPES,\n  type PaymentMethodFormData,\n  type PaymentMethodFormOptionalFieldsToRequire,\n  type PaymentMethodFormOutputs,\n  type PaymentMethodType,\n  createPaymentMethodFormSchema,\n} from './usePaymentMethodFormSchema'\nimport { TypeField } from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { PAYMENT_METHODS, SPLIT_BY } from '@/shared/constants'\n\nexport interface UsePaymentMethodFormProps {\n  employeeId: string\n  optionalFieldsToRequire?: PaymentMethodFormOptionalFieldsToRequire\n  defaultValues?: Partial<PaymentMethodFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface PaymentMethodFormFields {\n  Type: typeof TypeField\n}\n\nexport interface UsePaymentMethodFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  PaymentMethodFormData,\n  PaymentMethodFormFields\n> {\n  data: {\n    paymentMethod: EmployeePaymentMethod\n  }\n  status: { isPending: boolean; mode: 'update' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<EmployeePaymentMethod> | undefined>\n  }\n}\n\nexport function usePaymentMethodForm({\n  employeeId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UsePaymentMethodFormProps): HookLoadingResult | UsePaymentMethodFormReady {\n  const paymentMethodQuery = useEmployeePaymentMethodGet({ employeeId })\n  const paymentMethod = paymentMethodQuery.data?.employeePaymentMethod\n\n  const [schema, metadataConfig] = useMemo(\n    () => createPaymentMethodFormSchema({ optionalFieldsToRequire }),\n    [optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: PaymentMethodFormData = useMemo(\n    () => ({\n      type: (partnerDefaults?.type ??\n        paymentMethod?.type ??\n        PAYMENT_METHODS.directDeposit) as PaymentMethodType,\n    }),\n    [partnerDefaults, paymentMethod],\n  )\n\n  const formMethods = useForm<PaymentMethodFormData, unknown, PaymentMethodFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const updateMutation = useEmployeePaymentMethodUpdateMutation()\n  const isPending = updateMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PaymentMethodForm')\n\n  const errorHandling = composeErrorHandler([paymentMethodQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const typeOptions = PAYMENT_METHOD_TYPES.map(value => ({ value, label: value }))\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    type: withOptions<PaymentMethodType>(baseMetadata.type, typeOptions, [...PAYMENT_METHOD_TYPES]),\n  }\n\n  const onSubmit = async (): Promise<HookSubmitResult<EmployeePaymentMethod> | undefined> => {\n    if (!paymentMethod) {\n      throw new SDKInternalError('Cannot submit payment method form before data is loaded')\n    }\n    const currentPaymentMethod = paymentMethod\n    let submitResult: HookSubmitResult<EmployeePaymentMethod> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: PaymentMethodFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const version = currentPaymentMethod.version as string\n            const body =\n              payload.type === PAYMENT_METHODS.check\n                ? { version }\n                : {\n                    ...currentPaymentMethod,\n                    version,\n                    splitBy: currentPaymentMethod.splitBy ?? SPLIT_BY.percentage,\n                    splits: currentPaymentMethod.splits ?? [],\n                  }\n\n            const response = await updateMutation.mutateAsync({\n              request: { employeeId, requestBody: { ...body, type: payload.type } },\n            })\n\n            if (!response.employeePaymentMethod) {\n              throw new SDKInternalError('Payment method update failed')\n            }\n\n            submitResult = { mode: 'update' as const, data: response.employeePaymentMethod }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (paymentMethodQuery.isLoading || !paymentMethod) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { paymentMethod },\n    status: { isPending, mode: 'update' as const },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Type: TypeField,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UsePaymentMethodFormResult = HookLoadingResult | UsePaymentMethodFormReady\nexport type PaymentMethodFormFieldsMetadata = UsePaymentMethodFormReady['form']['fieldsMetadata']\nexport type PaymentMethodFormFieldsType = UsePaymentMethodFormReady['form']['Fields']\n"],"names":["usePaymentMethodForm","employeeId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","paymentMethodQuery","useEmployeePaymentMethodGet","paymentMethod","schema","metadataConfig","useMemo","createPaymentMethodFormSchema","resolvedDefaults","PAYMENT_METHODS","formMethods","useForm","zodResolver","updateMutation","useEmployeePaymentMethodUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","typeOptions","PAYMENT_METHOD_TYPES","value","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","SDKInternalError","currentPaymentMethod","submitResult","resolve","data","payload","version","body","SPLIT_BY","response","hookFormInternals","useHookFormInternals","TypeField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodFormSchema.d.ts

@@ -0,0 +1,31 @@
+import { z } from 'zod';
+import { OptionalFieldsToRequire } from '../../../../../partner-hook-utils/form/buildFormSchema';
+export declare const PaymentMethodFormErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+};
+export type PaymentMethodFormErrorCode = (typeof PaymentMethodFormErrorCodes)[keyof typeof PaymentMethodFormErrorCodes];
+export declare const PAYMENT_METHOD_TYPES: readonly ["Direct Deposit", "Check"];
+export type PaymentMethodType = (typeof PAYMENT_METHOD_TYPES)[number];
+declare const fieldValidators: {
+    type: z.ZodEnum<{
+        Check: "Check";
+        "Direct Deposit": "Direct Deposit";
+    }>;
+};
+export type PaymentMethodFormField = keyof typeof fieldValidators;
+export type PaymentMethodFormData = {
+    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
+};
+export type PaymentMethodFormOutputs = PaymentMethodFormData;
+declare const requiredFieldsConfig: {};
+export type PaymentMethodFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+interface PaymentMethodFormSchemaOptions {
+    optionalFieldsToRequire?: PaymentMethodFormOptionalFieldsToRequire;
+}
+export declare function createPaymentMethodFormSchema(options?: PaymentMethodFormSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
+    type: z.ZodEnum<{
+        Check: "Check";
+        "Direct Deposit": "Direct Deposit";
+    }>;
+}>;
+export {};

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodFormSchema.js

@@ -0,0 +1,22 @@
+import { z as r } from "zod";
+import { buildFormSchema as t } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+import { PAYMENT_METHODS as e } from "../../../../../shared/constants.js";
+const i = {
+  REQUIRED: "REQUIRED"
+}, d = [e.directDeposit, e.check], m = {
+  type: r.enum(d)
+}, n = {};
+function s(o = {}) {
+  return t(m, {
+    requiredFieldsConfig: n,
+    requiredErrorCode: i.REQUIRED,
+    mode: "update",
+    optionalFieldsToRequire: o.optionalFieldsToRequire
+  });
+}
+export {
+  d as PAYMENT_METHOD_TYPES,
+  i as PaymentMethodFormErrorCodes,
+  s as createPaymentMethodFormSchema
+};
+//# sourceMappingURL=usePaymentMethodFormSchema.js.map

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodFormSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaymentMethodFormSchema.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodFormSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type OptionalFieldsToRequire,\n  type RequiredFieldConfig,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const PaymentMethodFormErrorCodes = {\n  REQUIRED: 'REQUIRED',\n} as const\n\nexport type PaymentMethodFormErrorCode =\n  (typeof PaymentMethodFormErrorCodes)[keyof typeof PaymentMethodFormErrorCodes]\n\nexport const PAYMENT_METHOD_TYPES = [PAYMENT_METHODS.directDeposit, PAYMENT_METHODS.check] as const\n\nexport type PaymentMethodType = (typeof PAYMENT_METHOD_TYPES)[number]\n\nconst fieldValidators = {\n  type: z.enum(PAYMENT_METHOD_TYPES),\n}\n\nexport type PaymentMethodFormField = keyof typeof fieldValidators\n\nexport type PaymentMethodFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\nexport type PaymentMethodFormOutputs = PaymentMethodFormData\n\nconst requiredFieldsConfig = {} satisfies RequiredFieldConfig<typeof fieldValidators>\n\nexport type PaymentMethodFormOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\n\ninterface PaymentMethodFormSchemaOptions {\n  optionalFieldsToRequire?: PaymentMethodFormOptionalFieldsToRequire\n}\n\nexport function createPaymentMethodFormSchema(options: PaymentMethodFormSchemaOptions = {}) {\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: PaymentMethodFormErrorCodes.REQUIRED,\n    mode: 'update',\n    optionalFieldsToRequire: options.optionalFieldsToRequire,\n  })\n}\n"],"names":["PaymentMethodFormErrorCodes","PAYMENT_METHOD_TYPES","PAYMENT_METHODS","fieldValidators","z","requiredFieldsConfig","createPaymentMethodFormSchema","options","buildFormSchema"],"mappings":";;;AAQO,MAAMA,IAA8B;AAAA,EACzC,UAAU;AACZ,GAKaC,IAAuB,CAACC,EAAgB,eAAeA,EAAgB,KAAK,GAInFC,IAAkB;AAAA,EACtB,MAAMC,EAAE,KAAKH,CAAoB;AACnC,GASMI,IAAuB,CAAA;AAUtB,SAASC,EAA8BC,IAA0C,IAAI;AAC1F,SAAOC,EAAgBL,GAAiB;AAAA,IACtC,sBAAAE;AAAA,IACA,mBAAmBL,EAA4B;AAAA,IAC/C,MAAM;AAAA,IACN,yBAAyBO,EAAQ;AAAA,EAAA,CAClC;AACH;"}

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodList.d.ts

@@ -0,0 +1,20 @@
+import { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount';
+import { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod';
+import { BaseHookReady, HookLoadingResult, HookSubmitResult } from '../../../../partner-hook-utils/types';
+export interface UsePaymentMethodListParams {
+    employeeId: string;
+}
+export interface UsePaymentMethodListReady extends BaseHookReady<{
+    paymentMethod: EmployeePaymentMethod;
+    bankAccounts: EmployeeBankAccount[];
+}, {
+    isFetching: boolean;
+    isPending: boolean;
+    deletePendingBankAccountUuid?: string;
+}> {
+    actions: {
+        onDelete: (bankAccountUuid: string) => Promise<HookSubmitResult<unknown> | undefined>;
+    };
+}
+export type UsePaymentMethodListResult = HookLoadingResult | UsePaymentMethodListReady;
+export declare function usePaymentMethodList({ employeeId, }: UsePaymentMethodListParams): UsePaymentMethodListResult;

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodList.js

@@ -0,0 +1,68 @@
+import { useEmployeePaymentMethodDeleteBankAccountMutation as A } from "@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount";
+import { useEmployeePaymentMethodsGetBankAccounts as M } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
+import { useEmployeePaymentMethodGet as P } from "@gusto/embedded-api/react-query/employeePaymentMethodGet";
+import { useEmployeePaymentMethodUpdateMutation as b } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdate";
+import { useRef as B, useEffect as k } from "react";
+import { composeErrorHandler as E } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as L } from "../../../Base/useBaseSubmit.js";
+import { SPLIT_BY as p } from "../../../../shared/constants.js";
+function z({
+  employeeId: e
+}) {
+  const n = P({ employeeId: e }), o = M({ employeeId: e }), t = n.data?.employeePaymentMethod, u = o.data?.employeeBankAccounts, s = A(), { mutateAsync: c } = b(), {
+    baseSubmitHandler: l,
+    error: y,
+    setError: f
+  } = L("PaymentMethodList"), r = B(!1);
+  k(() => {
+    if (!t) return;
+    const i = t.splits?.[0]?.splitAmount === 100 && t.splitBy === p.percentage;
+    t.splits?.length === 1 && t.type === "Direct Deposit" && !i && !r.current && (r.current = !0, (async () => {
+      try {
+        await c({
+          request: {
+            employeeId: e,
+            requestBody: {
+              splitBy: p.percentage,
+              splits: t.splits.map((a) => ({
+                ...a,
+                splitAmount: 100,
+                priority: 1
+              })),
+              version: t.version,
+              type: "Direct Deposit"
+            }
+          }
+        });
+      } finally {
+        r.current = !1;
+      }
+    })());
+  }, [e, t, c]);
+  const m = E([n, o], {
+    submitError: y,
+    setSubmitError: f
+  }), g = async (d) => {
+    let i;
+    return await l(d, async (a) => {
+      i = { mode: "update", data: await s.mutateAsync({
+        request: { employeeId: e, bankAccountUuid: a }
+      }) };
+    }), i;
+  }, h = s.isPending ? s.variables.request.bankAccountUuid : void 0;
+  return n.isLoading || o.isLoading || !t || !u ? { isLoading: !0, errorHandling: m } : {
+    isLoading: !1,
+    data: { paymentMethod: t, bankAccounts: u },
+    status: {
+      isFetching: n.isFetching || o.isFetching,
+      isPending: s.isPending,
+      deletePendingBankAccountUuid: h
+    },
+    actions: { onDelete: g },
+    errorHandling: m
+  };
+}
+export {
+  z as usePaymentMethodList
+};
+//# sourceMappingURL=usePaymentMethodList.js.map