@gusto/embedded-react-sdk 0.44.0 → 0.44.2

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.d.ts

@@ -1,5 +1,5 @@
 import { UseFormProps } from 'react-hook-form';
-import { PaySchedule } from '@gusto/embedded-api/models/components/payschedule';
+import { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow';
 import { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod';
 import { PayScheduleOptionalFieldsToRequire, PayScheduleFormData } from './payScheduleSchema';
 import { CustomNameField, FrequencyField, CustomTwicePerMonthField, AnchorPayDateField, AnchorEndOfPayPeriodField, Day1Field, Day2Field } from './fields';
@@ -24,7 +24,7 @@ export interface PayScheduleFields {
 }
 export interface UsePayScheduleFormReady extends BaseFormHookReady<FieldsMetadata, PayScheduleFormData, PayScheduleFields> {
     data: {
-        paySchedule: PaySchedule | null;
+        paySchedule: PayScheduleShow | null;
         payPeriodPreview: PaySchedulePreviewPayPeriod[] | null;
         payPreviewLoading: boolean;
         paymentSpeedDays: number | null;
@@ -34,7 +34,7 @@ export interface UsePayScheduleFormReady extends BaseFormHookReady<FieldsMetadat
         mode: 'create' | 'update';
     };
     actions: {
-        onSubmit: () => Promise<HookSubmitResult<PaySchedule> | undefined>;
+        onSubmit: () => Promise<HookSubmitResult<PayScheduleShow> | undefined>;
     };
 }
 export declare function usePayScheduleForm({ companyId, payScheduleId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady;

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.js

@@ -9,8 +9,8 @@ import { usePaymentConfigsGet as ue } from "@gusto/embedded-api/react-query/paym
 import { RFCDate as d } from "@gusto/embedded-api/types/rfcdate";
 import { createPayScheduleSchema as me } from "./payScheduleSchema.js";
 import { Day2Field as ye, Day1Field as he, AnchorEndOfPayPeriodField as Pe, AnchorPayDateField as le, CustomTwicePerMonthField as fe, FrequencyField as we, CustomNameField as pe } from "./fields.js";
-import { useDeriveFieldsMetadata as Ee } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
-import { useHookFormInternals as Se } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { useDeriveFieldsMetadata as Se } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as Ee } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
 import { createGetFormSubmissionValues as ve } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
 import { withOptions as q } from "../../../../../partner-hook-utils/form/withOptions.js";
 import { composeErrorHandler as De } from "../../../../../partner-hook-utils/composeErrorHandler.js";
@@ -43,10 +43,10 @@ function Ke({
   const h = ce(
     { companyId: e, payScheduleId: s ?? "" },
     { enabled: !!s }
-  ), m = ue({ companyUuid: e }), o = h.data?.paySchedule ?? null, k = m.data?.paymentConfigs?.paymentSpeed, V = Te(k), P = !o, p = P ? "create" : "update", [E, _] = te(
+  ), m = ue({ companyUuid: e }), o = h.data?.payScheduleShow ?? null, k = m.data?.paymentConfigs?.paymentSpeed, V = Te(k), P = !o, p = P ? "create" : "update", [S, _] = te(
     () => me({ mode: p, optionalFieldsToRequire: u }),
     [p, u]
-  ), S = {
+  ), E = {
     customName: o?.customName ?? n?.customName ?? "",
     frequency: o?.frequency ?? n?.frequency ?? "Every week",
     customTwicePerMonth: ge(
@@ -59,11 +59,11 @@ function Ke({
     day1: o?.day1 ?? n?.day1 ?? NaN,
     day2: o?.day2 ?? n?.day2 ?? NaN
   }, t = ne({
-    resolver: re(E),
+    resolver: re(S),
     mode: R,
     shouldFocusError: L,
-    defaultValues: S,
-    values: S,
+    defaultValues: E,
+    values: E,
     resetOptions: { keepDirtyValues: !0 }
   }), r = i({ control: t.control, name: "frequency" }), y = i({
     control: t.control,
@@ -91,7 +91,7 @@ function Ke({
     baseSubmitHandler: Y,
     error: x,
     setError: z
-  } = Me("PayScheduleForm"), N = De(s ? [h, m] : [m], { submitError: x, setSubmitError: z }), j = r === "Twice per month", J = r === "Monthly" || r === "Twice per month" && y === "custom", K = r === "Twice per month" && y === "custom", c = Ee(_, t.control), X = {
+  } = Me("PayScheduleForm"), N = De(s ? [h, m] : [m], { submitError: x, setSubmitError: z }), j = r === "Twice per month", J = r === "Monthly" || r === "Twice per month" && y === "custom", K = r === "Twice per month" && y === "custom", c = Se(_, t.control), X = {
     customName: c.customName,
     frequency: q(
       c.frequency,
@@ -126,7 +126,7 @@ function Ke({
                   day2: a.day2 || void 0
                 }
               }
-            })).paySchedule } : w = { mode: "update", data: (await T.mutateAsync({
+            })).payScheduleShow } : w = { mode: "update", data: (await T.mutateAsync({
               request: {
                 payScheduleId: o.uuid,
                 companyId: e,
@@ -140,7 +140,7 @@ function Ke({
                   version: o.version
                 }
               }
-            })).paySchedule };
+            })).payScheduleShow };
           }), O();
         },
         () => {
@@ -148,7 +148,7 @@ function Ke({
         }
       )();
     }), w;
-  }, $ = Se(t);
+  }, $ = Ee(t);
   return m.isLoading || (s ? h.isLoading : !1) ? { isLoading: !0, errorHandling: N } : {
     isLoading: !1,
     data: {
@@ -175,7 +175,7 @@ function Ke({
       },
       fieldsMetadata: X,
       hookFormInternals: $,
-      getFormSubmissionValues: ve(t, E)
+      getFormSubmissionValues: ve(t, S)
     }
   };
 }

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayScheduleForm.js","sources":["../../../../../../src/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { PaySchedule } from '@gusto/embedded-api/models/components/payschedule'\nimport type { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { usePaySchedulesGetPreview } from '@gusto/embedded-api/react-query/paySchedulesGetPreview'\nimport { usePaySchedulesCreateMutation } from '@gusto/embedded-api/react-query/paySchedulesCreate'\nimport { usePaySchedulesUpdateMutation } from '@gusto/embedded-api/react-query/paySchedulesUpdate'\nimport { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  createPayScheduleSchema,\n  type PayScheduleOptionalFieldsToRequire,\n  type PayScheduleFormData,\n  type PayScheduleFormOutputs,\n  type PayScheduleFrequency,\n} from './payScheduleSchema'\nimport {\n  CustomNameField,\n  FrequencyField,\n  CustomTwicePerMonthField,\n  AnchorPayDateField,\n  AnchorEndOfPayPeriodField,\n  Day1Field,\n  Day2Field,\n} 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 { parsePaymentSpeedDays } from '@/hooks/useCompanyPaymentSpeed'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nexport type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema'\n\nexport interface UsePayScheduleFormProps {\n  companyId: string\n  payScheduleId?: string\n  optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire\n  defaultValues?: Partial<PayScheduleFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface PayScheduleFields {\n  CustomName: typeof CustomNameField\n  Frequency: typeof FrequencyField\n  CustomTwicePerMonth: typeof CustomTwicePerMonthField | undefined\n  AnchorPayDate: typeof AnchorPayDateField\n  AnchorEndOfPayPeriod: typeof AnchorEndOfPayPeriodField\n  Day1: typeof Day1Field | undefined\n  Day2: typeof Day2Field | undefined\n}\n\nexport interface UsePayScheduleFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  PayScheduleFormData,\n  PayScheduleFields\n> {\n  data: {\n    paySchedule: PaySchedule | null\n    payPeriodPreview: PaySchedulePreviewPayPeriod[] | null\n    payPreviewLoading: boolean\n    paymentSpeedDays: number | null\n  }\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<PaySchedule> | undefined>\n  }\n}\n\nconst FREQUENCY_OPTIONS: Array<{ value: PayScheduleFrequency; label: string }> = [\n  { value: 'Every week', label: 'Every week' },\n  { value: 'Every other week', label: 'Every other week' },\n  { value: 'Twice per month', label: 'Twice per month' },\n  { value: 'Monthly', label: 'Monthly' },\n]\n\nconst FREQUENCY_ENTRIES: PayScheduleFrequency[] = FREQUENCY_OPTIONS.map(o => o.value)\n\nconst TWICE_PER_MONTH_OPTIONS = [\n  { value: '1st15th', label: '15th and Last day of the month' },\n  { value: 'custom', label: 'Custom' },\n]\n\nconst TWICE_PER_MONTH_ENTRIES = TWICE_PER_MONTH_OPTIONS.map(o => o.value)\n\nfunction formatWatchedDate(value: unknown): string {\n  if (value instanceof Date) return formatDateToStringDate(value) || ''\n  if (typeof value === 'string' && value) return value\n  return ''\n}\n\nfunction deriveCustomTwicePerMonth(\n  frequency: string | undefined,\n  day1: number | undefined,\n  day2: number | undefined,\n): string {\n  if (frequency !== 'Twice per month') return ''\n  if (day1 === 15 && day2 === 31) return '1st15th'\n  return 'custom'\n}\n\nexport function usePayScheduleForm({\n  companyId,\n  payScheduleId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady {\n  const payScheduleQuery = usePaySchedulesGet(\n    { companyId, payScheduleId: payScheduleId ?? '' },\n    { enabled: !!payScheduleId },\n  )\n\n  const paymentConfigsQuery = usePaymentConfigsGet({ companyUuid: companyId })\n\n  const currentPaySchedule = payScheduleQuery.data?.paySchedule ?? null\n  const paymentSpeed = paymentConfigsQuery.data?.paymentConfigs?.paymentSpeed\n  const paymentSpeedDays = parsePaymentSpeedDays(paymentSpeed)\n\n  const isCreateMode = !currentPaySchedule\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () => createPayScheduleSchema({ mode, optionalFieldsToRequire }),\n    [mode, optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: PayScheduleFormData = {\n    customName: currentPaySchedule?.customName ?? partnerDefaults?.customName ?? '',\n    frequency: (currentPaySchedule?.frequency ??\n      partnerDefaults?.frequency ??\n      'Every week') as PayScheduleFrequency,\n    customTwicePerMonth: deriveCustomTwicePerMonth(\n      currentPaySchedule?.frequency ?? partnerDefaults?.frequency,\n      currentPaySchedule?.day1 ?? partnerDefaults?.day1 ?? undefined,\n      currentPaySchedule?.day2 ?? partnerDefaults?.day2 ?? undefined,\n    ),\n    anchorPayDate:\n      currentPaySchedule?.anchorPayDate?.toString() ?? partnerDefaults?.anchorPayDate ?? null,\n    anchorEndOfPayPeriod:\n      currentPaySchedule?.anchorEndOfPayPeriod?.toString() ??\n      partnerDefaults?.anchorEndOfPayPeriod ??\n      null,\n    day1: currentPaySchedule?.day1 ?? partnerDefaults?.day1 ?? NaN,\n    day2: currentPaySchedule?.day2 ?? partnerDefaults?.day2 ?? NaN,\n  }\n\n  const formMethods = useForm<PayScheduleFormData, unknown, PayScheduleFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedFrequency = useWatch({ control: formMethods.control, name: 'frequency' })\n  const watchedCustomTwicePerMonth = useWatch({\n    control: formMethods.control,\n    name: 'customTwicePerMonth',\n  })\n  const watchedAnchorPayDate = useWatch({ control: formMethods.control, name: 'anchorPayDate' })\n  const watchedAnchorEndOfPayPeriod = useWatch({\n    control: formMethods.control,\n    name: 'anchorEndOfPayPeriod',\n  })\n  const watchedDay1 = useWatch({ control: formMethods.control, name: 'day1' })\n  const watchedDay2 = useWatch({ control: formMethods.control, name: 'day2' })\n\n  useEffect(() => {\n    if (watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === '1st15th') {\n      formMethods.setValue('day1', 15)\n      formMethods.setValue('day2', 31)\n    }\n  }, [watchedFrequency, watchedCustomTwicePerMonth, formMethods.setValue])\n\n  const formattedAnchorPayDate = formatWatchedDate(watchedAnchorPayDate)\n  const formattedAnchorEndOfPayPeriod = formatWatchedDate(watchedAnchorEndOfPayPeriod)\n\n  const previewEnabled = Boolean(formattedAnchorPayDate && formattedAnchorEndOfPayPeriod)\n\n  const previewQuery = usePaySchedulesGetPreview(\n    {\n      companyId,\n      frequency: watchedFrequency,\n      ...(formattedAnchorPayDate && { anchorPayDate: new RFCDate(formattedAnchorPayDate) }),\n      ...(formattedAnchorEndOfPayPeriod && {\n        anchorEndOfPayPeriod: new RFCDate(formattedAnchorEndOfPayPeriod),\n      }),\n      day1: watchedDay1 || undefined,\n      day2: watchedDay2 || undefined,\n    } as Parameters<typeof usePaySchedulesGetPreview>[0],\n    { enabled: previewEnabled },\n  )\n\n  const payPeriodPreview: PaySchedulePreviewPayPeriod[] | undefined =\n    previewQuery.data?.paySchedulePreview?.payPeriods\n  const payPreviewLoading = previewQuery.isLoading && previewEnabled\n\n  const createPayScheduleMutation = usePaySchedulesCreateMutation()\n  const updatePayScheduleMutation = usePaySchedulesUpdateMutation()\n\n  const isPending = createPayScheduleMutation.isPending || updatePayScheduleMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PayScheduleForm')\n\n  const queries = payScheduleId ? [payScheduleQuery, paymentConfigsQuery] : [paymentConfigsQuery]\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const showCustomTwicePerMonth = watchedFrequency === 'Twice per month'\n  const showDay1 =\n    watchedFrequency === 'Monthly' ||\n    (watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === 'custom')\n  const showDay2 = watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === 'custom'\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    customName: baseMetadata.customName,\n    frequency: withOptions<PayScheduleFrequency>(\n      baseMetadata.frequency,\n      FREQUENCY_OPTIONS,\n      FREQUENCY_ENTRIES,\n    ),\n    customTwicePerMonth: withOptions<string>(\n      baseMetadata.customTwicePerMonth,\n      TWICE_PER_MONTH_OPTIONS,\n      TWICE_PER_MONTH_ENTRIES,\n    ),\n    anchorPayDate: baseMetadata.anchorPayDate,\n    anchorEndOfPayPeriod: baseMetadata.anchorEndOfPayPeriod,\n    day1: baseMetadata.day1,\n    day2: baseMetadata.day2,\n  }\n\n  const onSubmit = async (): Promise<HookSubmitResult<PaySchedule> | undefined> => {\n    let submitResult: HookSubmitResult<PaySchedule> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: PayScheduleFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const anchorPayDate = payload.anchorPayDate ?? ''\n            const anchorEndOfPayPeriod = payload.anchorEndOfPayPeriod ?? ''\n\n            if (isCreateMode) {\n              const result = await createPayScheduleMutation.mutateAsync({\n                request: {\n                  companyId,\n                  payScheduleCreateRequest: {\n                    frequency: payload.frequency,\n                    anchorPayDate: new RFCDate(anchorPayDate),\n                    anchorEndOfPayPeriod: new RFCDate(anchorEndOfPayPeriod),\n                    customName: payload.customName,\n                    day1: payload.day1 || undefined,\n                    day2: payload.day2 || undefined,\n                  },\n                },\n              })\n\n              submitResult = { mode: 'create', data: result.paySchedule! }\n            } else {\n              const result = await updatePayScheduleMutation.mutateAsync({\n                request: {\n                  payScheduleId: currentPaySchedule.uuid,\n                  companyId,\n                  payScheduleUpdateRequest: {\n                    frequency: payload.frequency,\n                    anchorPayDate: new RFCDate(anchorPayDate),\n                    anchorEndOfPayPeriod: new RFCDate(anchorEndOfPayPeriod),\n                    customName: payload.customName,\n                    day1: payload.day1 || undefined,\n                    day2: payload.day2 || undefined,\n                    version: currentPaySchedule.version!,\n                  },\n                },\n              })\n\n              submitResult = { mode: 'update', data: result.paySchedule! }\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const isDataLoading =\n    paymentConfigsQuery.isLoading || (payScheduleId ? payScheduleQuery.isLoading : false)\n\n  if (isDataLoading) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      paySchedule: currentPaySchedule,\n      payPeriodPreview: payPeriodPreview ?? null,\n      payPreviewLoading,\n      paymentSpeedDays,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        CustomName: CustomNameField,\n        Frequency: FrequencyField,\n        CustomTwicePerMonth: showCustomTwicePerMonth ? CustomTwicePerMonthField : undefined,\n        AnchorPayDate: AnchorPayDateField,\n        AnchorEndOfPayPeriod: AnchorEndOfPayPeriodField,\n        Day1: showDay1 ? Day1Field : undefined,\n        Day2: showDay2 ? Day2Field : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UsePayScheduleFormResult = HookLoadingResult | UsePayScheduleFormReady\nexport type PayScheduleFieldsMetadata = UsePayScheduleFormReady['form']['fieldsMetadata']\nexport type PayScheduleFormFields = UsePayScheduleFormReady['form']['Fields']\n"],"names":["FREQUENCY_OPTIONS","FREQUENCY_ENTRIES","o","TWICE_PER_MONTH_OPTIONS","TWICE_PER_MONTH_ENTRIES","formatWatchedDate","value","formatDateToStringDate","deriveCustomTwicePerMonth","frequency","day1","day2","usePayScheduleForm","companyId","payScheduleId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","payScheduleQuery","usePaySchedulesGet","paymentConfigsQuery","usePaymentConfigsGet","currentPaySchedule","paymentSpeed","paymentSpeedDays","parsePaymentSpeedDays","isCreateMode","mode","schema","metadataConfig","useMemo","createPayScheduleSchema","resolvedDefaults","formMethods","useForm","zodResolver","watchedFrequency","useWatch","watchedCustomTwicePerMonth","watchedAnchorPayDate","watchedAnchorEndOfPayPeriod","watchedDay1","watchedDay2","useEffect","formattedAnchorPayDate","formattedAnchorEndOfPayPeriod","previewEnabled","previewQuery","usePaySchedulesGetPreview","RFCDate","payPeriodPreview","payPreviewLoading","createPayScheduleMutation","usePaySchedulesCreateMutation","updatePayScheduleMutation","usePaySchedulesUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","showCustomTwicePerMonth","showDay1","showDay2","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","submitResult","resolve","data","payload","anchorPayDate","anchorEndOfPayPeriod","hookFormInternals","useHookFormInternals","CustomNameField","FrequencyField","CustomTwicePerMonthField","AnchorPayDateField","AnchorEndOfPayPeriodField","Day1Field","Day2Field","createGetFormSubmissionValues"],"mappings":"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"}
+{"version":3,"file":"usePayScheduleForm.js","sources":["../../../../../../src/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { usePaySchedulesGetPreview } from '@gusto/embedded-api/react-query/paySchedulesGetPreview'\nimport { usePaySchedulesCreateMutation } from '@gusto/embedded-api/react-query/paySchedulesCreate'\nimport { usePaySchedulesUpdateMutation } from '@gusto/embedded-api/react-query/paySchedulesUpdate'\nimport { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  createPayScheduleSchema,\n  type PayScheduleOptionalFieldsToRequire,\n  type PayScheduleFormData,\n  type PayScheduleFormOutputs,\n  type PayScheduleFrequency,\n} from './payScheduleSchema'\nimport {\n  CustomNameField,\n  FrequencyField,\n  CustomTwicePerMonthField,\n  AnchorPayDateField,\n  AnchorEndOfPayPeriodField,\n  Day1Field,\n  Day2Field,\n} 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 { parsePaymentSpeedDays } from '@/hooks/useCompanyPaymentSpeed'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nexport type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema'\n\nexport interface UsePayScheduleFormProps {\n  companyId: string\n  payScheduleId?: string\n  optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire\n  defaultValues?: Partial<PayScheduleFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface PayScheduleFields {\n  CustomName: typeof CustomNameField\n  Frequency: typeof FrequencyField\n  CustomTwicePerMonth: typeof CustomTwicePerMonthField | undefined\n  AnchorPayDate: typeof AnchorPayDateField\n  AnchorEndOfPayPeriod: typeof AnchorEndOfPayPeriodField\n  Day1: typeof Day1Field | undefined\n  Day2: typeof Day2Field | undefined\n}\n\nexport interface UsePayScheduleFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  PayScheduleFormData,\n  PayScheduleFields\n> {\n  data: {\n    paySchedule: PayScheduleShow | null\n    payPeriodPreview: PaySchedulePreviewPayPeriod[] | null\n    payPreviewLoading: boolean\n    paymentSpeedDays: number | null\n  }\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<PayScheduleShow> | undefined>\n  }\n}\n\nconst FREQUENCY_OPTIONS: Array<{ value: PayScheduleFrequency; label: string }> = [\n  { value: 'Every week', label: 'Every week' },\n  { value: 'Every other week', label: 'Every other week' },\n  { value: 'Twice per month', label: 'Twice per month' },\n  { value: 'Monthly', label: 'Monthly' },\n]\n\nconst FREQUENCY_ENTRIES: PayScheduleFrequency[] = FREQUENCY_OPTIONS.map(o => o.value)\n\nconst TWICE_PER_MONTH_OPTIONS = [\n  { value: '1st15th', label: '15th and Last day of the month' },\n  { value: 'custom', label: 'Custom' },\n]\n\nconst TWICE_PER_MONTH_ENTRIES = TWICE_PER_MONTH_OPTIONS.map(o => o.value)\n\nfunction formatWatchedDate(value: unknown): string {\n  if (value instanceof Date) return formatDateToStringDate(value) || ''\n  if (typeof value === 'string' && value) return value\n  return ''\n}\n\nfunction deriveCustomTwicePerMonth(\n  frequency: string | undefined,\n  day1: number | undefined,\n  day2: number | undefined,\n): string {\n  if (frequency !== 'Twice per month') return ''\n  if (day1 === 15 && day2 === 31) return '1st15th'\n  return 'custom'\n}\n\nexport function usePayScheduleForm({\n  companyId,\n  payScheduleId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady {\n  const payScheduleQuery = usePaySchedulesGet(\n    { companyId, payScheduleId: payScheduleId ?? '' },\n    { enabled: !!payScheduleId },\n  )\n\n  const paymentConfigsQuery = usePaymentConfigsGet({ companyUuid: companyId })\n\n  const currentPaySchedule = payScheduleQuery.data?.payScheduleShow ?? null\n  const paymentSpeed = paymentConfigsQuery.data?.paymentConfigs?.paymentSpeed\n  const paymentSpeedDays = parsePaymentSpeedDays(paymentSpeed)\n\n  const isCreateMode = !currentPaySchedule\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () => createPayScheduleSchema({ mode, optionalFieldsToRequire }),\n    [mode, optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: PayScheduleFormData = {\n    customName: currentPaySchedule?.customName ?? partnerDefaults?.customName ?? '',\n    frequency: (currentPaySchedule?.frequency ??\n      partnerDefaults?.frequency ??\n      'Every week') as PayScheduleFrequency,\n    customTwicePerMonth: deriveCustomTwicePerMonth(\n      currentPaySchedule?.frequency ?? partnerDefaults?.frequency,\n      currentPaySchedule?.day1 ?? partnerDefaults?.day1 ?? undefined,\n      currentPaySchedule?.day2 ?? partnerDefaults?.day2 ?? undefined,\n    ),\n    anchorPayDate:\n      currentPaySchedule?.anchorPayDate?.toString() ?? partnerDefaults?.anchorPayDate ?? null,\n    anchorEndOfPayPeriod:\n      currentPaySchedule?.anchorEndOfPayPeriod?.toString() ??\n      partnerDefaults?.anchorEndOfPayPeriod ??\n      null,\n    day1: currentPaySchedule?.day1 ?? partnerDefaults?.day1 ?? NaN,\n    day2: currentPaySchedule?.day2 ?? partnerDefaults?.day2 ?? NaN,\n  }\n\n  const formMethods = useForm<PayScheduleFormData, unknown, PayScheduleFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedFrequency = useWatch({ control: formMethods.control, name: 'frequency' })\n  const watchedCustomTwicePerMonth = useWatch({\n    control: formMethods.control,\n    name: 'customTwicePerMonth',\n  })\n  const watchedAnchorPayDate = useWatch({ control: formMethods.control, name: 'anchorPayDate' })\n  const watchedAnchorEndOfPayPeriod = useWatch({\n    control: formMethods.control,\n    name: 'anchorEndOfPayPeriod',\n  })\n  const watchedDay1 = useWatch({ control: formMethods.control, name: 'day1' })\n  const watchedDay2 = useWatch({ control: formMethods.control, name: 'day2' })\n\n  useEffect(() => {\n    if (watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === '1st15th') {\n      formMethods.setValue('day1', 15)\n      formMethods.setValue('day2', 31)\n    }\n  }, [watchedFrequency, watchedCustomTwicePerMonth, formMethods.setValue])\n\n  const formattedAnchorPayDate = formatWatchedDate(watchedAnchorPayDate)\n  const formattedAnchorEndOfPayPeriod = formatWatchedDate(watchedAnchorEndOfPayPeriod)\n\n  const previewEnabled = Boolean(formattedAnchorPayDate && formattedAnchorEndOfPayPeriod)\n\n  const previewQuery = usePaySchedulesGetPreview(\n    {\n      companyId,\n      frequency: watchedFrequency,\n      ...(formattedAnchorPayDate && { anchorPayDate: new RFCDate(formattedAnchorPayDate) }),\n      ...(formattedAnchorEndOfPayPeriod && {\n        anchorEndOfPayPeriod: new RFCDate(formattedAnchorEndOfPayPeriod),\n      }),\n      day1: watchedDay1 || undefined,\n      day2: watchedDay2 || undefined,\n    } as Parameters<typeof usePaySchedulesGetPreview>[0],\n    { enabled: previewEnabled },\n  )\n\n  const payPeriodPreview: PaySchedulePreviewPayPeriod[] | undefined =\n    previewQuery.data?.paySchedulePreview?.payPeriods\n  const payPreviewLoading = previewQuery.isLoading && previewEnabled\n\n  const createPayScheduleMutation = usePaySchedulesCreateMutation()\n  const updatePayScheduleMutation = usePaySchedulesUpdateMutation()\n\n  const isPending = createPayScheduleMutation.isPending || updatePayScheduleMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PayScheduleForm')\n\n  const queries = payScheduleId ? [payScheduleQuery, paymentConfigsQuery] : [paymentConfigsQuery]\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const showCustomTwicePerMonth = watchedFrequency === 'Twice per month'\n  const showDay1 =\n    watchedFrequency === 'Monthly' ||\n    (watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === 'custom')\n  const showDay2 = watchedFrequency === 'Twice per month' && watchedCustomTwicePerMonth === 'custom'\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    customName: baseMetadata.customName,\n    frequency: withOptions<PayScheduleFrequency>(\n      baseMetadata.frequency,\n      FREQUENCY_OPTIONS,\n      FREQUENCY_ENTRIES,\n    ),\n    customTwicePerMonth: withOptions<string>(\n      baseMetadata.customTwicePerMonth,\n      TWICE_PER_MONTH_OPTIONS,\n      TWICE_PER_MONTH_ENTRIES,\n    ),\n    anchorPayDate: baseMetadata.anchorPayDate,\n    anchorEndOfPayPeriod: baseMetadata.anchorEndOfPayPeriod,\n    day1: baseMetadata.day1,\n    day2: baseMetadata.day2,\n  }\n\n  const onSubmit = async (): Promise<HookSubmitResult<PayScheduleShow> | undefined> => {\n    let submitResult: HookSubmitResult<PayScheduleShow> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: PayScheduleFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const anchorPayDate = payload.anchorPayDate ?? ''\n            const anchorEndOfPayPeriod = payload.anchorEndOfPayPeriod ?? ''\n\n            if (isCreateMode) {\n              const result = await createPayScheduleMutation.mutateAsync({\n                request: {\n                  companyId,\n                  payScheduleCreateRequest: {\n                    frequency: payload.frequency,\n                    anchorPayDate: new RFCDate(anchorPayDate),\n                    anchorEndOfPayPeriod: new RFCDate(anchorEndOfPayPeriod),\n                    customName: payload.customName,\n                    day1: payload.day1 || undefined,\n                    day2: payload.day2 || undefined,\n                  },\n                },\n              })\n\n              submitResult = { mode: 'create', data: result.payScheduleShow! }\n            } else {\n              const result = await updatePayScheduleMutation.mutateAsync({\n                request: {\n                  payScheduleId: currentPaySchedule.uuid,\n                  companyId,\n                  payScheduleUpdateRequest: {\n                    frequency: payload.frequency,\n                    anchorPayDate: new RFCDate(anchorPayDate),\n                    anchorEndOfPayPeriod: new RFCDate(anchorEndOfPayPeriod),\n                    customName: payload.customName,\n                    day1: payload.day1 || undefined,\n                    day2: payload.day2 || undefined,\n                    version: currentPaySchedule.version!,\n                  },\n                },\n              })\n\n              submitResult = { mode: 'update', data: result.payScheduleShow! }\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const isDataLoading =\n    paymentConfigsQuery.isLoading || (payScheduleId ? payScheduleQuery.isLoading : false)\n\n  if (isDataLoading) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      paySchedule: currentPaySchedule,\n      payPeriodPreview: payPeriodPreview ?? null,\n      payPreviewLoading,\n      paymentSpeedDays,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        CustomName: CustomNameField,\n        Frequency: FrequencyField,\n        CustomTwicePerMonth: showCustomTwicePerMonth ? CustomTwicePerMonthField : undefined,\n        AnchorPayDate: AnchorPayDateField,\n        AnchorEndOfPayPeriod: AnchorEndOfPayPeriodField,\n        Day1: showDay1 ? Day1Field : undefined,\n        Day2: showDay2 ? Day2Field : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UsePayScheduleFormResult = HookLoadingResult | UsePayScheduleFormReady\nexport type PayScheduleFieldsMetadata = UsePayScheduleFormReady['form']['fieldsMetadata']\nexport type PayScheduleFormFields = UsePayScheduleFormReady['form']['Fields']\n"],"names":["FREQUENCY_OPTIONS","FREQUENCY_ENTRIES","o","TWICE_PER_MONTH_OPTIONS","TWICE_PER_MONTH_ENTRIES","formatWatchedDate","value","formatDateToStringDate","deriveCustomTwicePerMonth","frequency","day1","day2","usePayScheduleForm","companyId","payScheduleId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","payScheduleQuery","usePaySchedulesGet","paymentConfigsQuery","usePaymentConfigsGet","currentPaySchedule","paymentSpeed","paymentSpeedDays","parsePaymentSpeedDays","isCreateMode","mode","schema","metadataConfig","useMemo","createPayScheduleSchema","resolvedDefaults","formMethods","useForm","zodResolver","watchedFrequency","useWatch","watchedCustomTwicePerMonth","watchedAnchorPayDate","watchedAnchorEndOfPayPeriod","watchedDay1","watchedDay2","useEffect","formattedAnchorPayDate","formattedAnchorEndOfPayPeriod","previewEnabled","previewQuery","usePaySchedulesGetPreview","RFCDate","payPeriodPreview","payPreviewLoading","createPayScheduleMutation","usePaySchedulesCreateMutation","updatePayScheduleMutation","usePaySchedulesUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","showCustomTwicePerMonth","showDay1","showDay2","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","submitResult","resolve","data","payload","anchorPayDate","anchorEndOfPayPeriod","hookFormInternals","useHookFormInternals","CustomNameField","FrequencyField","CustomTwicePerMonthField","AnchorPayDateField","AnchorEndOfPayPeriodField","Day1Field","Day2Field","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { useTranslation as a } from "react-i18next";
 import { useStateTaxesForm as s } from "./context.js";
-import "../../../../shared/constants.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 function y() {

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js

@@ -7,7 +7,7 @@ import "../../../Base/useBase.js";
 import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import { useStateTaxesList as e } from "./context.js";
-import "../../../../shared/constants.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 function x() {

package/dist/components/Company/StateTaxes/StateTaxesList/context.js

@@ -7,7 +7,7 @@ import "../../../Base/useBase.js";
 import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";

package/dist/components/Contractor/Address/Address.js

@@ -1,40 +1,40 @@
 import { jsx as t, jsxs as F, Fragment as R } from "react/jsx-runtime";
 import { useContractorsGetSuspense as g } from "@gusto/embedded-api/react-query/contractorsGet";
-import { useContractorsGetAddressSuspense as z } from "@gusto/embedded-api/react-query/contractorsGetAddress";
-import { useContractorsUpdateAddressMutation as E } from "@gusto/embedded-api/react-query/contractorsUpdateAddress";
-import { useForm as P, FormProvider as T } from "react-hook-form";
-import { zodResolver as U } from "@hookform/resolvers/zod";
+import { useContractorsGetAddressSuspense as U } from "@gusto/embedded-api/react-query/contractorsGetAddress";
+import { useContractorsUpdateAddressMutation as z } from "@gusto/embedded-api/react-query/contractorsUpdateAddress";
+import { useForm as E, FormProvider as P } from "react-hook-form";
+import { zodResolver as T } from "@hookform/resolvers/zod";
 import { AddressFormSchema as b, AddressProvider as x } from "./useAddress.js";
 import { Head as O } from "./Head.js";
 import { Form as _ } from "./Form.js";
 import { Actions as B } from "./Actions.js";
 import { Form as N } from "../../Common/Form/Form.js";
-import { useComponentDictionary as j, useI18n as q } from "../../../i18n/I18n.js";
-import { Flex as w } from "../../Common/Flex/Flex.js";
+import { useComponentDictionary as j, useI18n as w } from "../../../i18n/I18n.js";
+import { Flex as G } from "../../Common/Flex/Flex.js";
 import "classnames";
 import { contractorEvents as d } from "../../../shared/constants.js";
-import { BaseComponent as G } from "../../Base/Base.js";
-import { useBase as H } from "../../Base/useBase.js";
+import { BaseComponent as H } from "../../Base/Base.js";
+import { useBase as M } from "../../Base/useBase.js";
 function nt(r) {
-  return /* @__PURE__ */ t(G, { ...r, children: /* @__PURE__ */ t(M, { ...r, children: r.children }) });
+  return /* @__PURE__ */ t(H, { ...r, children: /* @__PURE__ */ t(q, { ...r, children: r.children }) });
 }
-function M({ contractorId: r, defaultValues: e, children: n, className: a, dictionary: p }) {
-  j("Contractor.Address", p), q("Contractor.Address");
-  const { onEvent: i, baseSubmitHandler: u } = H(), { data: c } = g({ contractorUuid: r }), { data: f } = z({ contractorUuid: r }), { mutateAsync: A, isPending: h } = E(), D = c.contractor, C = c.contractor?.type, o = f.contractorAddress, S = {
+function q({ contractorId: r, defaultValues: e, children: n, className: a, dictionary: p }) {
+  j("Contractor.Address", p), w("Contractor.Address");
+  const { onEvent: i, baseSubmitHandler: u } = M(), { data: c } = g({ contractorUuid: r }), { data: f } = U({ contractorUuid: r }), { mutateAsync: A, isPending: h } = z(), D = c.contractor, C = c.contractor?.type, o = f.contractorAddress, S = {
     street1: o?.street1 || e?.street1 || "",
     street2: o?.street2 || e?.street2 || "",
     city: o?.city || e?.city || "",
     state: o?.state || e?.state || "",
     zip: o?.zip || e?.zip || ""
-  }, m = P({
-    resolver: U(b),
+  }, m = E({
+    resolver: T(b),
     defaultValues: S
   }), l = async (v) => {
     await u(v, async (s) => {
       const { contractorAddress: y } = await A({
         request: {
           contractorUuid: r,
-          requestBody: {
+          contractorAddressUpdateBody: {
             version: o?.version,
             street1: s.street1,
             street2: s.street2,
@@ -56,7 +56,7 @@ function M({ contractorId: r, defaultValues: e, children: n, className: a, dicti
         address: o,
         isPending: h
       },
-      children: /* @__PURE__ */ t(T, { ...m, children: /* @__PURE__ */ t(N, { onSubmit: m.handleSubmit(l), children: /* @__PURE__ */ t(w, { flexDirection: "column", gap: 32, alignItems: "stretch", children: n || /* @__PURE__ */ F(R, { children: [
+      children: /* @__PURE__ */ t(P, { ...m, children: /* @__PURE__ */ t(N, { onSubmit: m.handleSubmit(l), children: /* @__PURE__ */ t(G, { flexDirection: "column", gap: 32, alignItems: "stretch", children: n || /* @__PURE__ */ F(R, { children: [
         /* @__PURE__ */ t(O, {}),
         /* @__PURE__ */ t(_, {}),
         /* @__PURE__ */ t(B, {})

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

@@ -1 +1 @@
-{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/Address.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsGetAddressSuspense } from '@gusto/embedded-api/react-query/contractorsGetAddress'\nimport { useContractorsUpdateAddressMutation } from '@gusto/embedded-api/react-query/contractorsUpdateAddress'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { AddressFormSchema, AddressProvider } from './useAddress'\nimport { Head } from './Head'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { AddressDefaultValues, AddressFormValues } from './useAddress'\nimport { Form as HtmlForm } from '@/components/Common/Form/Form'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { contractorEvents } from '@/shared/constants'\n\nexport interface AddressProps extends BaseComponentInterface<'Contractor.Address'> {\n  contractorId: string\n  defaultValues?: AddressDefaultValues\n  children?: ReactNode\n  className?: string\n}\n\nexport function Address(props: AddressProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, defaultValues, children, className, dictionary }: AddressProps) {\n  useComponentDictionary('Contractor.Address', dictionary)\n  useI18n('Contractor.Address')\n\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const { data: addressData } = useContractorsGetAddressSuspense({ contractorUuid: contractorId })\n\n  const { mutateAsync: updateAddress, isPending: isUpdatingAddressPending } =\n    useContractorsUpdateAddressMutation()\n\n  const contractor = contractorData.contractor\n  const contractorType = contractorData.contractor?.type\n  const address = addressData.contractorAddress\n\n  const formDefaultValues = {\n    street1: address?.street1 || defaultValues?.street1 || '',\n    street2: address?.street2 || defaultValues?.street2 || '',\n    city: address?.city || defaultValues?.city || '',\n    state: address?.state || defaultValues?.state || '',\n    zip: address?.zip || defaultValues?.zip || '',\n  }\n\n  const formMethods = useForm<AddressFormValues>({\n    resolver: zodResolver(AddressFormSchema),\n    defaultValues: formDefaultValues,\n  })\n\n  const onSubmit = async (data: AddressFormValues) => {\n    await baseSubmitHandler(data, async payload => {\n      const { contractorAddress } = await updateAddress({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            version: address?.version as string,\n            street1: payload.street1,\n            street2: payload.street2,\n            city: payload.city,\n            state: payload.state,\n            zip: payload.zip,\n          },\n        },\n      })\n\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_UPDATED, contractorAddress)\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <AddressProvider\n        value={{\n          contractor,\n          contractorType,\n          address,\n          isPending: isUpdatingAddressPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </AddressProvider>\n    </section>\n  )\n}\n\nexport default Address\n"],"names":["Address","props","jsx","BaseComponent","Root","contractorId","defaultValues","children","className","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","contractorData","useContractorsGetSuspense","addressData","useContractorsGetAddressSuspense","updateAddress","isUpdatingAddressPending","useContractorsUpdateAddressMutation","contractor","contractorType","address","formDefaultValues","formMethods","useForm","zodResolver","AddressFormSchema","onSubmit","data","payload","contractorAddress","contractorEvents","AddressProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,cAAAC,GAAc,eAAAC,GAAe,UAAAC,GAAU,WAAAC,GAAW,YAAAC,KAA4B;AAC5F,EAAAC,EAAuB,sBAAsBD,CAAU,GACvDE,EAAQ,oBAAoB;AAE5B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAMC,EAAA,IAAmBC,EAA0B,EAAE,gBAAgBX,GAAc,GACrF,EAAE,MAAMY,EAAA,IAAgBC,EAAiC,EAAE,gBAAgBb,GAAc,GAEzF,EAAE,aAAac,GAAe,WAAWC,EAAA,IAC7CC,EAAA,GAEIC,IAAaP,EAAe,YAC5BQ,IAAiBR,EAAe,YAAY,MAC5CS,IAAUP,EAAY,mBAEtBQ,IAAoB;AAAA,IACxB,SAASD,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,SAASkB,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,MAAMkB,GAAS,QAAQlB,GAAe,QAAQ;AAAA,IAC9C,OAAOkB,GAAS,SAASlB,GAAe,SAAS;AAAA,IACjD,KAAKkB,GAAS,OAAOlB,GAAe,OAAO;AAAA,EAAA,GAGvCoB,IAAcC,EAA2B;AAAA,IAC7C,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAA4B;AAClD,UAAMlB,EAAkBkB,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,mBAAAC,MAAsB,MAAMd,EAAc;AAAA,QAChD,SAAS;AAAA,UACP,gBAAgBd;AAAA,UAChB,aAAa;AAAA,YACX,SAASmB,GAAS;AAAA,YAClB,SAASQ,EAAQ;AAAA,YACjB,SAASA,EAAQ;AAAA,YACjB,MAAMA,EAAQ;AAAA,YACd,OAAOA,EAAQ;AAAA,YACf,KAAKA,EAAQ;AAAA,UAAA;AAAA,QACf;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAiB,4BAA4BD,CAAiB,GACtErB,EAAQsB,EAAiB,uBAAuB;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SACE,gBAAAhC,EAAC,aAAQ,WAAAM,GACP,UAAA,gBAAAN;AAAA,IAACiC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAAb;AAAA,QACA,gBAAAC;AAAA,QACA,SAAAC;AAAA,QACA,WAAWJ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAlB,EAACkC,KAAc,GAAGV,GAChB,4BAACW,GAAA,EAAS,UAAUX,EAAY,aAAaI,CAAQ,GACnD,UAAA,gBAAA5B,EAACoC,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAA/B,KAGC,gBAAAgC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAtC,EAACuC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Address.js","sources":["../../../../src/components/Contractor/Address/Address.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsGetAddressSuspense } from '@gusto/embedded-api/react-query/contractorsGetAddress'\nimport { useContractorsUpdateAddressMutation } from '@gusto/embedded-api/react-query/contractorsUpdateAddress'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { AddressFormSchema, AddressProvider } from './useAddress'\nimport { Head } from './Head'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { AddressDefaultValues, AddressFormValues } from './useAddress'\nimport { Form as HtmlForm } from '@/components/Common/Form/Form'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { contractorEvents } from '@/shared/constants'\n\nexport interface AddressProps extends BaseComponentInterface<'Contractor.Address'> {\n  contractorId: string\n  defaultValues?: AddressDefaultValues\n  children?: ReactNode\n  className?: string\n}\n\nexport function Address(props: AddressProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, defaultValues, children, className, dictionary }: AddressProps) {\n  useComponentDictionary('Contractor.Address', dictionary)\n  useI18n('Contractor.Address')\n\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const { data: addressData } = useContractorsGetAddressSuspense({ contractorUuid: contractorId })\n\n  const { mutateAsync: updateAddress, isPending: isUpdatingAddressPending } =\n    useContractorsUpdateAddressMutation()\n\n  const contractor = contractorData.contractor\n  const contractorType = contractorData.contractor?.type\n  const address = addressData.contractorAddress\n\n  const formDefaultValues = {\n    street1: address?.street1 || defaultValues?.street1 || '',\n    street2: address?.street2 || defaultValues?.street2 || '',\n    city: address?.city || defaultValues?.city || '',\n    state: address?.state || defaultValues?.state || '',\n    zip: address?.zip || defaultValues?.zip || '',\n  }\n\n  const formMethods = useForm<AddressFormValues>({\n    resolver: zodResolver(AddressFormSchema),\n    defaultValues: formDefaultValues,\n  })\n\n  const onSubmit = async (data: AddressFormValues) => {\n    await baseSubmitHandler(data, async payload => {\n      const { contractorAddress } = await updateAddress({\n        request: {\n          contractorUuid: contractorId,\n          contractorAddressUpdateBody: {\n            version: address?.version as string,\n            street1: payload.street1,\n            street2: payload.street2,\n            city: payload.city,\n            state: payload.state,\n            zip: payload.zip,\n          },\n        },\n      })\n\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_UPDATED, contractorAddress)\n      onEvent(contractorEvents.CONTRACTOR_ADDRESS_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <AddressProvider\n        value={{\n          contractor,\n          contractorType,\n          address,\n          isPending: isUpdatingAddressPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </AddressProvider>\n    </section>\n  )\n}\n\nexport default Address\n"],"names":["Address","props","jsx","BaseComponent","Root","contractorId","defaultValues","children","className","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","contractorData","useContractorsGetSuspense","addressData","useContractorsGetAddressSuspense","updateAddress","isUpdatingAddressPending","useContractorsUpdateAddressMutation","contractor","contractorType","address","formDefaultValues","formMethods","useForm","zodResolver","AddressFormSchema","onSubmit","data","payload","contractorAddress","contractorEvents","AddressProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,cAAAC,GAAc,eAAAC,GAAe,UAAAC,GAAU,WAAAC,GAAW,YAAAC,KAA4B;AAC5F,EAAAC,EAAuB,sBAAsBD,CAAU,GACvDE,EAAQ,oBAAoB;AAE5B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAMC,EAAA,IAAmBC,EAA0B,EAAE,gBAAgBX,GAAc,GACrF,EAAE,MAAMY,EAAA,IAAgBC,EAAiC,EAAE,gBAAgBb,GAAc,GAEzF,EAAE,aAAac,GAAe,WAAWC,EAAA,IAC7CC,EAAA,GAEIC,IAAaP,EAAe,YAC5BQ,IAAiBR,EAAe,YAAY,MAC5CS,IAAUP,EAAY,mBAEtBQ,IAAoB;AAAA,IACxB,SAASD,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,SAASkB,GAAS,WAAWlB,GAAe,WAAW;AAAA,IACvD,MAAMkB,GAAS,QAAQlB,GAAe,QAAQ;AAAA,IAC9C,OAAOkB,GAAS,SAASlB,GAAe,SAAS;AAAA,IACjD,KAAKkB,GAAS,OAAOlB,GAAe,OAAO;AAAA,EAAA,GAGvCoB,IAAcC,EAA2B;AAAA,IAC7C,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAA4B;AAClD,UAAMlB,EAAkBkB,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,mBAAAC,MAAsB,MAAMd,EAAc;AAAA,QAChD,SAAS;AAAA,UACP,gBAAgBd;AAAA,UAChB,6BAA6B;AAAA,YAC3B,SAASmB,GAAS;AAAA,YAClB,SAASQ,EAAQ;AAAA,YACjB,SAASA,EAAQ;AAAA,YACjB,MAAMA,EAAQ;AAAA,YACd,OAAOA,EAAQ;AAAA,YACf,KAAKA,EAAQ;AAAA,UAAA;AAAA,QACf;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAiB,4BAA4BD,CAAiB,GACtErB,EAAQsB,EAAiB,uBAAuB;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SACE,gBAAAhC,EAAC,aAAQ,WAAAM,GACP,UAAA,gBAAAN;AAAA,IAACiC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAAb;AAAA,QACA,gBAAAC;AAAA,QACA,SAAAC;AAAA,QACA,WAAWJ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAlB,EAACkC,KAAc,GAAGV,GAChB,4BAACW,GAAA,EAAS,UAAUX,EAAY,aAAaI,CAAQ,GACnD,UAAA,gBAAA5B,EAACoC,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAA/B,KAGC,gBAAAgC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAtC,EAACuC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Contractor/Address/Form.js

@@ -1,12 +1,12 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import { STATES_ABBR as o } from "../../../shared/constants.js";
-import { Grid as l } from "../../Common/Grid/Grid.js";
+import { Grid as o } from "../../Common/Grid/Grid.js";
+import { STATES_ABBR as l } from "../../../shared/constants.js";
 import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as m } from "../../Common/Fields/SelectField/SelectField.js";
 function g() {
   const { t: e } = i("Contractor.Address");
-  return /* @__PURE__ */ s(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+  return /* @__PURE__ */ s(o, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
     /* @__PURE__ */ r(
       t,
       {
@@ -30,7 +30,7 @@ function g() {
       m,
       {
         name: "state",
-        options: o.map((a) => ({
+        options: l.map((a) => ({
           label: e(`statesHash.${a}`, { ns: "common", defaultValue: a }),
           value: a
         })),

package/dist/components/Contractor/Address/useAddress.js

@@ -8,7 +8,7 @@ import "../../Base/useBase.js";
 import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";

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

@@ -42,13 +42,13 @@ function yt({ contractorId: o, className: P, dictionary: C }) {
   ot("Contractor.PaymentMethod", C), nt("Contractor.PaymentMethod");
   const { t: u } = j("Contractor.PaymentMethod"), { onEvent: a, baseSubmitHandler: b } = ct(), d = at(), A = $(), N = I(), [T, p] = W(!1), g = Y({
     contractorUuid: o
-  }), D = z(N, {
+  }), k = z(N, {
     contractorUuid: o
   }), i = g.data.contractorPaymentMethod, {
-    data: { contractorBankAccountList: E }
+    data: { contractorBankAccountList: D }
   } = L({
     contractorUuid: o
-  }), t = E?.[0] || void 0, { mutateAsync: k, isPending: R } = Z(), { mutateAsync: v, isPending: B } = K(), O = J(
+  }), t = D?.[0] || void 0, { mutateAsync: E, isPending: R } = Z(), { mutateAsync: B, isPending: v } = K(), O = J(
     () => ({
       type: i.type || m.check,
       name: t?.name || "",
@@ -69,10 +69,10 @@ function yt({ contractorId: o, className: P, dictionary: C }) {
           r.setError("accountNumber", { type: "validate" });
           return;
         }
-        const w = await v({
+        const w = await B({
           request: {
             contractorUuid: o,
-            requestBody: {
+            contractorBankAccountCreateRequestBody: {
               name: h,
               routingNumber: l,
               accountNumber: f,
@@ -81,10 +81,10 @@ function yt({ contractorId: o, className: P, dictionary: C }) {
           }
         });
         a(s.CONTRACTOR_BANK_ACCOUNT_CREATED, w), p(!0);
-        const q = (await A.fetchQuery(D)).contractorPaymentMethod;
+        const q = (await A.fetchQuery(k)).contractorPaymentMethod;
         p(!1), y = q.version;
       }
-      const F = await k({
+      const F = await E({
         request: {
           contractorUuid: o,
           requestBody: {
@@ -105,7 +105,7 @@ function yt({ contractorId: o, className: P, dictionary: C }) {
       {
         type: "submit",
         variant: "primary",
-        isDisabled: R || B || T,
+        isDisabled: R || v || T,
         children: u("continueCta")
       }
     ) })

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useContractorPaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentMethodGet'\nimport { useContractorPaymentMethodGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/contractorPaymentMethodGetBankAccounts'\nimport { useContractorPaymentMethodsCreateBankAccountMutation } from '@gusto/embedded-api/react-query/contractorPaymentMethodsCreateBankAccount'\nimport { useMemo, useState } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorPaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/contractorPaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { buildContractorPaymentMethodGetQuery } from '@gusto/embedded-api/react-query/contractorPaymentMethodGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport type { PaymentMethodProps } from './types'\nimport { BankAccountForm } from './BankAccountForm'\nimport { PaymentTypeForm } from './PaymentTypeForm'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, PAYMENT_METHODS } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\n\nconst PaymentMethodSchema = z.discriminatedUnion('type', [\n  z.object({\n    type: z.literal('Direct Deposit'),\n    name: z.string().min(1),\n    routingNumber: routingNumberValidation,\n    accountNumber: z.any(), //Explicitely setting account number as most permissive\n    accountType: z.enum(['Checking', 'Savings']),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n])\n\nexport type PaymentMethodSchemaInputs = z.input<typeof PaymentMethodSchema>\nexport type PaymentMethodSchemaOutputs = z.output<typeof PaymentMethodSchema>\n\nexport function PaymentMethod(props: PaymentMethodProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n  const queryClient = useQueryClient()\n  const gustoClient = useGustoEmbeddedContext()\n  const [isPaymentMethodPending, setIsPaymentMethodPending] = useState(false)\n\n  const contractorPaymentMethod = useContractorPaymentMethodGetSuspense({\n    contractorUuid: contractorId,\n  })\n\n  const getPaymentMethodQuery = buildContractorPaymentMethodGetQuery(gustoClient, {\n    contractorUuid: contractorId,\n  })\n\n  const paymentMethod = contractorPaymentMethod.data.contractorPaymentMethod!\n\n  const {\n    data: { contractorBankAccountList },\n  } = useContractorPaymentMethodGetBankAccountsSuspense({\n    contractorUuid: contractorId,\n  })\n  const bankAccount = contractorBankAccountList?.[0] || undefined\n\n  const { mutateAsync: updatePaymentMethod, isPending: paymentMethodPending } =\n    useContractorPaymentMethodUpdateMutation()\n  const { mutateAsync: createBankAccount, isPending: bankAccountPending } =\n    useContractorPaymentMethodsCreateBankAccountMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      type: paymentMethod.type || PAYMENT_METHODS.check,\n      name: bankAccount?.name || '',\n      routingNumber: bankAccount?.routingNumber || '',\n      accountNumber: bankAccount?.hiddenAccountNumber || '',\n      accountType: bankAccount?.accountType || 'Checking',\n    }),\n    [paymentMethod, bankAccount],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(PaymentMethodSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedType = useWatch({ control: formMethods.control, name: 'type' })\n  const onSubmit: SubmitHandler<PaymentMethodSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let updatedPaymentMethodVersion: string | undefined\n      if (payload.type === PAYMENT_METHODS.directDeposit) {\n        /** Custom validation logic for accountNumber - because masked account value is used as default value, it is only validated when any of the bank-related fields are modified*/\n        const { name, accountNumber, routingNumber, accountType } = payload\n        if (\n          name !== bankAccount?.name ||\n          routingNumber !== bankAccount.routingNumber ||\n          accountType !== bankAccount.accountType ||\n          accountNumber !== bankAccount.hiddenAccountNumber\n        ) {\n          const res = accountNumberValidation.safeParse(payload.accountNumber)\n          if (!res.success) {\n            formMethods.setError('accountNumber', { type: 'validate' })\n            return\n          }\n        }\n\n        const bankAccountResponse = await createBankAccount({\n          request: {\n            contractorUuid: contractorId,\n            requestBody: {\n              name,\n              routingNumber,\n              accountNumber,\n              accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, bankAccountResponse)\n\n        // We have to fetch the updated payment method imperatively here because updating the bank\n        // account will cause the payment method version to update. This ensures we have the latest version.\n        setIsPaymentMethodPending(true)\n        const updatedPaymentMethodResponse = await queryClient.fetchQuery(getPaymentMethodQuery)\n        const updatedPaymentMethod = updatedPaymentMethodResponse.contractorPaymentMethod!\n        setIsPaymentMethodPending(false)\n\n        updatedPaymentMethodVersion = updatedPaymentMethod.version as string\n      }\n      // For check payment method, no bank account creation needed\n      const paymentMethodResponse = await updatePaymentMethod({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            type: payload.type,\n            version: updatedPaymentMethodVersion || (paymentMethod.version as string),\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n    })\n  }\n\n  const showBankAccountForm = watchedType === PAYMENT_METHODS.directDeposit\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex gap={32} flexDirection={'column'}>\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <PaymentTypeForm />\n            {showBankAccountForm && <BankAccountForm bankAccount={bankAccount} />}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={paymentMethodPending || bankAccountPending || isPaymentMethodPending}\n              >\n                {t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["PaymentMethodSchema","z","routingNumberValidation","PaymentMethod","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","queryClient","useQueryClient","gustoClient","useGustoEmbeddedContext","isPaymentMethodPending","setIsPaymentMethodPending","useState","contractorPaymentMethod","useContractorPaymentMethodGetSuspense","getPaymentMethodQuery","buildContractorPaymentMethodGetQuery","paymentMethod","contractorBankAccountList","useContractorPaymentMethodGetBankAccountsSuspense","bankAccount","updatePaymentMethod","paymentMethodPending","useContractorPaymentMethodUpdateMutation","createBankAccount","bankAccountPending","useContractorPaymentMethodsCreateBankAccountMutation","defaultValues","useMemo","PAYMENT_METHODS","formMethods","useForm","zodResolver","watchedType","useWatch","onSubmit","data","payload","updatedPaymentMethodVersion","name","accountNumber","routingNumber","accountType","accountNumberValidation","bankAccountResponse","componentEvents","updatedPaymentMethod","paymentMethodResponse","showBankAccountForm","FormProvider","Form","jsxs","Flex","PaymentTypeForm","BankAccountForm","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useContractorPaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentMethodGet'\nimport { useContractorPaymentMethodGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/contractorPaymentMethodGetBankAccounts'\nimport { useContractorPaymentMethodsCreateBankAccountMutation } from '@gusto/embedded-api/react-query/contractorPaymentMethodsCreateBankAccount'\nimport { useMemo, useState } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorPaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/contractorPaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { buildContractorPaymentMethodGetQuery } from '@gusto/embedded-api/react-query/contractorPaymentMethodGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport type { PaymentMethodProps } from './types'\nimport { BankAccountForm } from './BankAccountForm'\nimport { PaymentTypeForm } from './PaymentTypeForm'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, PAYMENT_METHODS } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\n\nconst PaymentMethodSchema = z.discriminatedUnion('type', [\n  z.object({\n    type: z.literal('Direct Deposit'),\n    name: z.string().min(1),\n    routingNumber: routingNumberValidation,\n    accountNumber: z.any(), //Explicitely setting account number as most permissive\n    accountType: z.enum(['Checking', 'Savings']),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n])\n\nexport type PaymentMethodSchemaInputs = z.input<typeof PaymentMethodSchema>\nexport type PaymentMethodSchemaOutputs = z.output<typeof PaymentMethodSchema>\n\nexport function PaymentMethod(props: PaymentMethodProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n  const queryClient = useQueryClient()\n  const gustoClient = useGustoEmbeddedContext()\n  const [isPaymentMethodPending, setIsPaymentMethodPending] = useState(false)\n\n  const contractorPaymentMethod = useContractorPaymentMethodGetSuspense({\n    contractorUuid: contractorId,\n  })\n\n  const getPaymentMethodQuery = buildContractorPaymentMethodGetQuery(gustoClient, {\n    contractorUuid: contractorId,\n  })\n\n  const paymentMethod = contractorPaymentMethod.data.contractorPaymentMethod!\n\n  const {\n    data: { contractorBankAccountList },\n  } = useContractorPaymentMethodGetBankAccountsSuspense({\n    contractorUuid: contractorId,\n  })\n  const bankAccount = contractorBankAccountList?.[0] || undefined\n\n  const { mutateAsync: updatePaymentMethod, isPending: paymentMethodPending } =\n    useContractorPaymentMethodUpdateMutation()\n  const { mutateAsync: createBankAccount, isPending: bankAccountPending } =\n    useContractorPaymentMethodsCreateBankAccountMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      type: paymentMethod.type || PAYMENT_METHODS.check,\n      name: bankAccount?.name || '',\n      routingNumber: bankAccount?.routingNumber || '',\n      accountNumber: bankAccount?.hiddenAccountNumber || '',\n      accountType: bankAccount?.accountType || 'Checking',\n    }),\n    [paymentMethod, bankAccount],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(PaymentMethodSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedType = useWatch({ control: formMethods.control, name: 'type' })\n  const onSubmit: SubmitHandler<PaymentMethodSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let updatedPaymentMethodVersion: string | undefined\n      if (payload.type === PAYMENT_METHODS.directDeposit) {\n        /** Custom validation logic for accountNumber - because masked account value is used as default value, it is only validated when any of the bank-related fields are modified*/\n        const { name, accountNumber, routingNumber, accountType } = payload\n        if (\n          name !== bankAccount?.name ||\n          routingNumber !== bankAccount.routingNumber ||\n          accountType !== bankAccount.accountType ||\n          accountNumber !== bankAccount.hiddenAccountNumber\n        ) {\n          const res = accountNumberValidation.safeParse(payload.accountNumber)\n          if (!res.success) {\n            formMethods.setError('accountNumber', { type: 'validate' })\n            return\n          }\n        }\n\n        const bankAccountResponse = await createBankAccount({\n          request: {\n            contractorUuid: contractorId,\n            contractorBankAccountCreateRequestBody: {\n              name,\n              routingNumber,\n              accountNumber,\n              accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, bankAccountResponse)\n\n        // We have to fetch the updated payment method imperatively here because updating the bank\n        // account will cause the payment method version to update. This ensures we have the latest version.\n        setIsPaymentMethodPending(true)\n        const updatedPaymentMethodResponse = await queryClient.fetchQuery(getPaymentMethodQuery)\n        const updatedPaymentMethod = updatedPaymentMethodResponse.contractorPaymentMethod!\n        setIsPaymentMethodPending(false)\n\n        updatedPaymentMethodVersion = updatedPaymentMethod.version as string\n      }\n      // For check payment method, no bank account creation needed\n      const paymentMethodResponse = await updatePaymentMethod({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            type: payload.type,\n            version: updatedPaymentMethodVersion || (paymentMethod.version as string),\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n    })\n  }\n\n  const showBankAccountForm = watchedType === PAYMENT_METHODS.directDeposit\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex gap={32} flexDirection={'column'}>\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <PaymentTypeForm />\n            {showBankAccountForm && <BankAccountForm bankAccount={bankAccount} />}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={paymentMethodPending || bankAccountPending || isPaymentMethodPending}\n              >\n                {t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["PaymentMethodSchema","z","routingNumberValidation","PaymentMethod","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","queryClient","useQueryClient","gustoClient","useGustoEmbeddedContext","isPaymentMethodPending","setIsPaymentMethodPending","useState","contractorPaymentMethod","useContractorPaymentMethodGetSuspense","getPaymentMethodQuery","buildContractorPaymentMethodGetQuery","paymentMethod","contractorBankAccountList","useContractorPaymentMethodGetBankAccountsSuspense","bankAccount","updatePaymentMethod","paymentMethodPending","useContractorPaymentMethodUpdateMutation","createBankAccount","bankAccountPending","useContractorPaymentMethodsCreateBankAccountMutation","defaultValues","useMemo","PAYMENT_METHODS","formMethods","useForm","zodResolver","watchedType","useWatch","onSubmit","data","payload","updatedPaymentMethodVersion","name","accountNumber","routingNumber","accountType","accountNumberValidation","bankAccountResponse","componentEvents","updatedPaymentMethod","paymentMethodResponse","showBankAccountForm","FormProvider","Form","jsxs","Flex","PaymentTypeForm","BankAccountForm","ActionsLayout"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { z as t } from "zod";
-import { PAYMENT_METHODS as o } from "../../../shared/constants.js";
 import "classnames";
+import { PAYMENT_METHODS as o } from "../../../shared/constants.js";
 import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 t.object({
   type: t.enum(["Check", "Direct Deposit"])

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useState as b, useMemo as i, useCallback as k } from "react";
-import { useContractorPaymentGroupsGetListSuspense as L } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGetList";
-import { useInformationRequestsGetInformationRequestsSuspense as B } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
+import { useContractorPaymentGroupsGetListSuspense as B } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGetList";
+import { useInformationRequestsGetInformationRequestsSuspense as L } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
 import { InformationRequestStatus as g } from "@gusto/embedded-api/models/components/informationrequest";
 import { PaymentsListPresentation as E } from "./PaymentsListPresentation.js";
 import { useComponentDictionary as G } from "../../../../i18n/I18n.js";
@@ -20,15 +20,15 @@ const W = (t = 3) => {
   };
 }, Y = ({ companyId: t, dictionary: o, onEvent: e, alerts: f }) => {
   G("Contractor.Payments.PaymentsList", o);
-  const [a, h] = b(3), { currentPage: C, itemsPerPage: D, getPaginationProps: T } = U(), { startDate: y, endDate: O } = i(() => W(a), [a]), { data: R } = L({
+  const [a, h] = b(3), { currentPage: C, itemsPerPage: D, getPaginationProps: T } = U(), { startDate: y, endDate: O } = i(() => W(a), [a]), { data: R } = B({
     companyId: t,
     startDate: y,
     endDate: O,
     page: C,
     per: D
-  }), c = R.contractorPaymentGroupWithBlockers || [], A = T(R.httpMeta.response.headers), { data: M } = B({
+  }), c = R.contractorPaymentGroupWithBlockers || [], A = T(R.httpMeta.response.headers), { data: M } = L({
     companyUuid: t
-  }), m = M.informationRequestList ?? [], w = i(() => c.some((n) => (n.creditBlockers || []).some((r) => {
+  }), m = M.informationRequests ?? [], w = i(() => c.some((n) => (n.creditBlockers || []).some((r) => {
     if (r.status !== "unresolved") return !1;
     const s = r.unblockOptions?.find(
       (I) => I.unblockType === "submit_wire"

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react'\nimport { useContractorPaymentGroupsGetListSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGetList'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport type { InternalAlert } from '../types'\nimport { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  companyId: string\n  alerts?: InternalAlert[]\n}\n\nexport function PaymentsList(props: PaymentsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst calculateDateRange = (months: number = 3) => {\n  const endDate = new Date()\n  const startDate = new Date()\n\n  startDate.setMonth(startDate.getMonth() - months)\n  //Max range allowed by the API is 12 months\n  endDate.setMonth(endDate.getMonth() + (12 - months))\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: endDate.toISOString().split('T')[0] || '',\n  }\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, alerts }: PaymentsListProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const [numberOfMonths, setNumberOfMonths] = useState(3)\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const { startDate, endDate } = useMemo(() => calculateDateRange(numberOfMonths), [numberOfMonths])\n\n  const { data } = useContractorPaymentGroupsGetListSuspense({\n    companyId,\n    startDate,\n    endDate,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const contractorPayments = data.contractorPaymentGroupWithBlockers || []\n  const paginationProps = getPaginationProps(data.httpMeta.response.headers)\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n  const informationRequests = informationRequestsData.informationRequestList ?? []\n\n  const hasUnresolvedWireInRequests = useMemo(() => {\n    return contractorPayments.some(payment => {\n      const creditBlockers = payment.creditBlockers || []\n      return creditBlockers.some(blocker => {\n        if (blocker.status !== 'unresolved') return false\n        const wireOption = blocker.unblockOptions?.find(\n          option => option.unblockType === 'submit_wire',\n        )\n        return wireOption && 'metadata' in wireOption && wireOption.metadata.wireInRequestUuid\n      })\n    })\n  }, [contractorPayments])\n\n  const handleRespondToRfi = useCallback(() => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }, [onEvent])\n\n  const rfiAlerts = useMemo(() => {\n    const rfiAlertsArray: InternalAlert[] = []\n\n    const hasPendingResponseRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingResponse,\n    )\n    const hasPendingReviewRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingReview,\n    )\n\n    if (hasPendingResponseRfis) {\n      rfiAlertsArray.push({\n        type: 'error',\n        title: 'rfiPendingResponseTitle',\n        content: 'rfiPendingResponseDescription',\n        onAction: handleRespondToRfi,\n        actionLabel: 'rfiRespondCta',\n      })\n    } else if (hasPendingReviewRfis) {\n      rfiAlertsArray.push({\n        type: 'info',\n        title: 'rfiPendingReviewTitle',\n        content: 'rfiPendingReviewDescription',\n      })\n    }\n\n    return rfiAlertsArray\n  }, [informationRequests, handleRespondToRfi])\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n\n  const handleDateRangeChange = (numberOfMonths: number) => {\n    setNumberOfMonths(numberOfMonths)\n  }\n\n  const onViewPayment = (paymentId: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW, { paymentId })\n  }\n\n  const allAlerts = useMemo(() => {\n    return [...rfiAlerts, ...(alerts || [])]\n  }, [rfiAlerts, alerts])\n\n  return (\n    <PaymentsListPresentation\n      contractorPayments={contractorPayments}\n      numberOfMonths={numberOfMonths}\n      onCreatePayment={onCreatePayment}\n      onDateRangeChange={handleDateRangeChange}\n      onViewPayment={onViewPayment}\n      alerts={allAlerts}\n      companyId={companyId}\n      hasUnresolvedWireInRequests={hasUnresolvedWireInRequests}\n      onEvent={onEvent}\n      paginationProps={paginationProps}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","BaseComponent","Root","calculateDateRange","months","endDate","startDate","companyId","dictionary","onEvent","alerts","useComponentDictionary","numberOfMonths","setNumberOfMonths","useState","currentPage","itemsPerPage","getPaginationProps","usePagination","useMemo","data","useContractorPaymentGroupsGetListSuspense","contractorPayments","paginationProps","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","informationRequests","hasUnresolvedWireInRequests","payment","blocker","wireOption","option","handleRespondToRfi","useCallback","componentEvents","rfiAlerts","rfiAlertsArray","hasPendingResponseRfis","request","InformationRequestStatus","hasPendingReviewRfis","onCreatePayment","handleDateRangeChange","onViewPayment","paymentId","allAlerts","PaymentsListPresentation"],"mappings":"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"}
+{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react'\nimport { useContractorPaymentGroupsGetListSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGetList'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport type { InternalAlert } from '../types'\nimport { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  companyId: string\n  alerts?: InternalAlert[]\n}\n\nexport function PaymentsList(props: PaymentsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst calculateDateRange = (months: number = 3) => {\n  const endDate = new Date()\n  const startDate = new Date()\n\n  startDate.setMonth(startDate.getMonth() - months)\n  //Max range allowed by the API is 12 months\n  endDate.setMonth(endDate.getMonth() + (12 - months))\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: endDate.toISOString().split('T')[0] || '',\n  }\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, alerts }: PaymentsListProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const [numberOfMonths, setNumberOfMonths] = useState(3)\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const { startDate, endDate } = useMemo(() => calculateDateRange(numberOfMonths), [numberOfMonths])\n\n  const { data } = useContractorPaymentGroupsGetListSuspense({\n    companyId,\n    startDate,\n    endDate,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const contractorPayments = data.contractorPaymentGroupWithBlockers || []\n  const paginationProps = getPaginationProps(data.httpMeta.response.headers)\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnresolvedWireInRequests = useMemo(() => {\n    return contractorPayments.some(payment => {\n      const creditBlockers = payment.creditBlockers || []\n      return creditBlockers.some(blocker => {\n        if (blocker.status !== 'unresolved') return false\n        const wireOption = blocker.unblockOptions?.find(\n          option => option.unblockType === 'submit_wire',\n        )\n        return wireOption && 'metadata' in wireOption && wireOption.metadata.wireInRequestUuid\n      })\n    })\n  }, [contractorPayments])\n\n  const handleRespondToRfi = useCallback(() => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }, [onEvent])\n\n  const rfiAlerts = useMemo(() => {\n    const rfiAlertsArray: InternalAlert[] = []\n\n    const hasPendingResponseRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingResponse,\n    )\n    const hasPendingReviewRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingReview,\n    )\n\n    if (hasPendingResponseRfis) {\n      rfiAlertsArray.push({\n        type: 'error',\n        title: 'rfiPendingResponseTitle',\n        content: 'rfiPendingResponseDescription',\n        onAction: handleRespondToRfi,\n        actionLabel: 'rfiRespondCta',\n      })\n    } else if (hasPendingReviewRfis) {\n      rfiAlertsArray.push({\n        type: 'info',\n        title: 'rfiPendingReviewTitle',\n        content: 'rfiPendingReviewDescription',\n      })\n    }\n\n    return rfiAlertsArray\n  }, [informationRequests, handleRespondToRfi])\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n\n  const handleDateRangeChange = (numberOfMonths: number) => {\n    setNumberOfMonths(numberOfMonths)\n  }\n\n  const onViewPayment = (paymentId: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW, { paymentId })\n  }\n\n  const allAlerts = useMemo(() => {\n    return [...rfiAlerts, ...(alerts || [])]\n  }, [rfiAlerts, alerts])\n\n  return (\n    <PaymentsListPresentation\n      contractorPayments={contractorPayments}\n      numberOfMonths={numberOfMonths}\n      onCreatePayment={onCreatePayment}\n      onDateRangeChange={handleDateRangeChange}\n      onViewPayment={onViewPayment}\n      alerts={allAlerts}\n      companyId={companyId}\n      hasUnresolvedWireInRequests={hasUnresolvedWireInRequests}\n      onEvent={onEvent}\n      paginationProps={paginationProps}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","BaseComponent","Root","calculateDateRange","months","endDate","startDate","companyId","dictionary","onEvent","alerts","useComponentDictionary","numberOfMonths","setNumberOfMonths","useState","currentPage","itemsPerPage","getPaginationProps","usePagination","useMemo","data","useContractorPaymentGroupsGetListSuspense","contractorPayments","paginationProps","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","informationRequests","hasUnresolvedWireInRequests","payment","blocker","wireOption","option","handleRespondToRfi","useCallback","componentEvents","rfiAlerts","rfiAlertsArray","hasPendingResponseRfis","request","InformationRequestStatus","hasPendingReviewRfis","onCreatePayment","handleDateRangeChange","onViewPayment","paymentId","allAlerts","PaymentsListPresentation"],"mappings":"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"}