@gusto/embedded-react-sdk 0.38.0 → 0.40.0

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

@@ -0,0 +1,55 @@
+import { z } from 'zod';
+import { OptionalFieldsToRequire } from '../../../../../partner-hook-utils/form/buildFormSchema';
+export declare const PayScheduleErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+    readonly DAY_RANGE: "DAY_RANGE";
+};
+export type PayScheduleErrorCode = (typeof PayScheduleErrorCodes)[keyof typeof PayScheduleErrorCodes];
+declare const FREQUENCY_VALUES: readonly ["Every week", "Every other week", "Twice per month", "Monthly"];
+export type PayScheduleFrequency = (typeof FREQUENCY_VALUES)[number];
+declare const fieldValidators: {
+    customName: z.ZodString;
+    frequency: z.ZodEnum<{
+        "Every week": "Every week";
+        "Every other week": "Every other week";
+        "Twice per month": "Twice per month";
+        Monthly: "Monthly";
+    }>;
+    customTwicePerMonth: z.ZodString;
+    anchorPayDate: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    anchorEndOfPayPeriod: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    day1: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    day2: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+};
+export type PayScheduleField = keyof typeof fieldValidators;
+export type PayScheduleFormData = {
+    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
+};
+export type PayScheduleFormOutputs = PayScheduleFormData;
+declare function needsDay1(data: PayScheduleFormData): boolean;
+declare function needsDay2(data: PayScheduleFormData): boolean;
+declare const requiredFieldsConfig: {
+    customTwicePerMonth: "never";
+    day1: typeof needsDay1;
+    day2: typeof needsDay2;
+};
+export type PayScheduleOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+interface PayScheduleSchemaOptions {
+    mode?: 'create' | 'update';
+    optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire;
+}
+export declare function createPayScheduleSchema(options?: PayScheduleSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
+    customName: z.ZodString;
+    frequency: z.ZodEnum<{
+        "Every week": "Every week";
+        "Every other week": "Every other week";
+        "Twice per month": "Twice per month";
+        Monthly: "Monthly";
+    }>;
+    customTwicePerMonth: z.ZodString;
+    anchorPayDate: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    anchorEndOfPayPeriod: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    day1: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    day2: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+}>;
+export {};

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

@@ -0,0 +1,54 @@
+import { z as o } from "zod";
+import { buildFormSchema as d } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+import { coerceNaN as n, coerceToISODate as t } from "../../../../../partner-hook-utils/form/preprocessors.js";
+const c = {
+  REQUIRED: "REQUIRED",
+  DAY_RANGE: "DAY_RANGE"
+}, m = ["Every week", "Every other week", "Twice per month", "Monthly"], a = {
+  customName: o.string(),
+  frequency: o.enum(m),
+  customTwicePerMonth: o.string(),
+  anchorPayDate: o.preprocess(t, o.iso.date().nullable()),
+  anchorEndOfPayPeriod: o.preprocess(t, o.iso.date().nullable()),
+  day1: o.preprocess(n(0), o.number()),
+  day2: o.preprocess(n(0), o.number())
+};
+function u(e) {
+  const r = e.frequency, s = e.customTwicePerMonth;
+  return r === "Monthly" || r === "Twice per month" && s === "custom";
+}
+function i(e) {
+  const r = e.frequency, s = e.customTwicePerMonth;
+  return r === "Twice per month" && s === "custom";
+}
+const y = {
+  customTwicePerMonth: "never",
+  day1: u,
+  day2: i
+};
+function E(e, r) {
+  u(e) && (e.day1 < 1 || e.day1 > 31) && r.addIssue({
+    code: o.ZodIssueCode.custom,
+    path: ["day1"],
+    message: e.day1 < 1 ? c.REQUIRED : c.DAY_RANGE
+  }), i(e) && (e.day2 < 1 || e.day2 > 31) && r.addIssue({
+    code: o.ZodIssueCode.custom,
+    path: ["day2"],
+    message: e.day2 < 1 ? c.REQUIRED : c.DAY_RANGE
+  });
+}
+function R(e = {}) {
+  const { mode: r = "create", optionalFieldsToRequire: s } = e;
+  return d(a, {
+    requiredFieldsConfig: y,
+    requiredErrorCode: c.REQUIRED,
+    mode: r,
+    optionalFieldsToRequire: s,
+    superRefine: E
+  });
+}
+export {
+  c as PayScheduleErrorCodes,
+  R as createPayScheduleSchema
+};
+//# sourceMappingURL=payScheduleSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"payScheduleSchema.js","sources":["../../../../../../src/components/Company/PaySchedule/shared/usePayScheduleForm/payScheduleSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN, coerceToISODate } from '@/partner-hook-utils/form/preprocessors'\n\n// ── Error codes ────────────────────────────────────────────────────────\n\nexport const PayScheduleErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  DAY_RANGE: 'DAY_RANGE',\n} as const\n\nexport type PayScheduleErrorCode =\n  (typeof PayScheduleErrorCodes)[keyof typeof PayScheduleErrorCodes]\n\n// ── Field validators ───────────────────────────────────────────────────\n\nconst FREQUENCY_VALUES = ['Every week', 'Every other week', 'Twice per month', 'Monthly'] as const\nexport type PayScheduleFrequency = (typeof FREQUENCY_VALUES)[number]\n\nconst fieldValidators = {\n  customName: z.string(),\n  frequency: z.enum(FREQUENCY_VALUES),\n  customTwicePerMonth: z.string(),\n  anchorPayDate: z.preprocess(coerceToISODate, z.iso.date().nullable()),\n  anchorEndOfPayPeriod: z.preprocess(coerceToISODate, z.iso.date().nullable()),\n  day1: z.preprocess(coerceNaN(0), z.number()),\n  day2: z.preprocess(coerceNaN(0), z.number()),\n}\n\nexport type PayScheduleField = keyof typeof fieldValidators\n\nexport type PayScheduleFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\nexport type PayScheduleFormOutputs = PayScheduleFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n\nfunction needsDay1(data: PayScheduleFormData): boolean {\n  const freq = data.frequency\n  const custom = data.customTwicePerMonth\n  return freq === 'Monthly' || (freq === 'Twice per month' && custom === 'custom')\n}\n\nfunction needsDay2(data: PayScheduleFormData): boolean {\n  const freq = data.frequency\n  const custom = data.customTwicePerMonth\n  return freq === 'Twice per month' && custom === 'custom'\n}\n\nconst requiredFieldsConfig = {\n  customTwicePerMonth: 'never',\n  day1: needsDay1,\n  day2: needsDay2,\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n/**\n * coerceNaN(0) maps empty inputs to 0, which `isEmpty` does not catch\n * (it only recognizes undefined/null/blank-string). This superRefine\n * enforces the 1–31 range when the field is applicable, which also\n * rejects the 0 sentinel from empty inputs.\n */\nfunction validateDayRanges(data: PayScheduleFormData, ctx: z.RefinementCtx) {\n  if (needsDay1(data) && (data.day1 < 1 || data.day1 > 31)) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.custom,\n      path: ['day1'],\n      message: data.day1 < 1 ? PayScheduleErrorCodes.REQUIRED : PayScheduleErrorCodes.DAY_RANGE,\n    })\n  }\n  if (needsDay2(data) && (data.day2 < 1 || data.day2 > 31)) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.custom,\n      path: ['day2'],\n      message: data.day2 < 1 ? PayScheduleErrorCodes.REQUIRED : PayScheduleErrorCodes.DAY_RANGE,\n    })\n  }\n}\n\n// ── Schema factory ─────────────────────────────────────────────────────\n\nexport type PayScheduleOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\n\ninterface PayScheduleSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire\n}\n\nexport function createPayScheduleSchema(options: PayScheduleSchemaOptions = {}) {\n  const { mode = 'create', optionalFieldsToRequire } = options\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: PayScheduleErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    superRefine: validateDayRanges,\n  })\n}\n"],"names":["PayScheduleErrorCodes","FREQUENCY_VALUES","fieldValidators","z","coerceToISODate","coerceNaN","needsDay1","data","freq","custom","needsDay2","requiredFieldsConfig","validateDayRanges","ctx","createPayScheduleSchema","options","mode","optionalFieldsToRequire","buildFormSchema"],"mappings":";;;AAUO,MAAMA,IAAwB;AAAA,EACnC,UAAU;AAAA,EACV,WAAW;AACb,GAOMC,IAAmB,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,GAGlFC,IAAkB;AAAA,EACtB,YAAYC,EAAE,OAAA;AAAA,EACd,WAAWA,EAAE,KAAKF,CAAgB;AAAA,EAClC,qBAAqBE,EAAE,OAAA;AAAA,EACvB,eAAeA,EAAE,WAAWC,GAAiBD,EAAE,IAAI,OAAO,UAAU;AAAA,EACpE,sBAAsBA,EAAE,WAAWC,GAAiBD,EAAE,IAAI,OAAO,UAAU;AAAA,EAC3E,MAAMA,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,QAAQ;AAAA,EAC3C,MAAMA,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,QAAQ;AAC7C;AAWA,SAASG,EAAUC,GAAoC;AACrD,QAAMC,IAAOD,EAAK,WACZE,IAASF,EAAK;AACpB,SAAOC,MAAS,aAAcA,MAAS,qBAAqBC,MAAW;AACzE;AAEA,SAASC,EAAUH,GAAoC;AACrD,QAAMC,IAAOD,EAAK,WACZE,IAASF,EAAK;AACpB,SAAOC,MAAS,qBAAqBC,MAAW;AAClD;AAEA,MAAME,IAAuB;AAAA,EAC3B,qBAAqB;AAAA,EACrB,MAAML;AAAA,EACN,MAAMI;AACR;AAQA,SAASE,EAAkBL,GAA2BM,GAAsB;AAC1E,EAAIP,EAAUC,CAAI,MAAMA,EAAK,OAAO,KAAKA,EAAK,OAAO,OACnDM,EAAI,SAAS;AAAA,IACX,MAAMV,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASI,EAAK,OAAO,IAAIP,EAAsB,WAAWA,EAAsB;AAAA,EAAA,CACjF,GAECU,EAAUH,CAAI,MAAMA,EAAK,OAAO,KAAKA,EAAK,OAAO,OACnDM,EAAI,SAAS;AAAA,IACX,MAAMV,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASI,EAAK,OAAO,IAAIP,EAAsB,WAAWA,EAAsB;AAAA,EAAA,CACjF;AAEL;AAaO,SAASc,EAAwBC,IAAoC,IAAI;AAC9E,QAAM,EAAE,MAAAC,IAAO,UAAU,yBAAAC,EAAA,IAA4BF;AAErD,SAAOG,EAAgBhB,GAAiB;AAAA,IACtC,sBAAAS;AAAA,IACA,mBAAmBX,EAAsB;AAAA,IACzC,MAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,aAAaL;AAAA,EAAA,CACd;AACH;"}

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

@@ -0,0 +1,33 @@
+import { UseFormProps } from 'react-hook-form';
+import { PaySchedule } from '@gusto/embedded-api/models/components/payschedule';
+import { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod';
+import { PayScheduleOptionalFieldsToRequire, PayScheduleFormData } from './payScheduleSchema';
+import { BaseFormHookReady, FieldsMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+export type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema';
+export interface UsePayScheduleFormProps {
+    companyId: string;
+    payScheduleId?: string;
+    optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire;
+    defaultValues?: Partial<PayScheduleFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export interface UsePayScheduleFormReady extends BaseFormHookReady<FieldsMetadata, PayScheduleFormData> {
+    data: {
+        paySchedule: PaySchedule | null;
+        payPeriodPreview: PaySchedulePreviewPayPeriod[] | null;
+        payPreviewLoading: boolean;
+        paymentSpeedDays: number | null;
+    };
+    status: {
+        isPending: boolean;
+        mode: 'create' | 'update';
+    };
+    actions: {
+        onSubmit: () => Promise<HookSubmitResult<PaySchedule> | undefined>;
+    };
+}
+export declare function usePayScheduleForm({ companyId, payScheduleId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady;
+export type UsePayScheduleFormResult = HookLoadingResult | UsePayScheduleFormReady;
+export type PayScheduleFieldsMetadata = UsePayScheduleFormReady['form']['fieldsMetadata'];
+export type PayScheduleFormFields = UsePayScheduleFormReady['form']['Fields'];

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

@@ -0,0 +1,184 @@
+import { useMemo as oe, useEffect as te } from "react";
+import { useForm as ae, useWatch as i } from "react-hook-form";
+import { zodResolver as ne } from "@hookform/resolvers/zod";
+import { usePaySchedulesGet as re } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import { usePaySchedulesGetPreview as ce } from "@gusto/embedded-api/react-query/paySchedulesGetPreview";
+import { usePaySchedulesCreateMutation as se } from "@gusto/embedded-api/react-query/paySchedulesCreate";
+import { usePaySchedulesUpdateMutation as ie } from "@gusto/embedded-api/react-query/paySchedulesUpdate";
+import { usePaymentConfigsGet as de } from "@gusto/embedded-api/react-query/paymentConfigsGet";
+import { RFCDate as d } from "@gusto/embedded-api/types/rfcdate";
+import { createPayScheduleSchema as ue } from "./payScheduleSchema.js";
+import { Day2Field as me, Day1Field as ye, AnchorEndOfPayPeriodField as he, AnchorPayDateField as Pe, CustomTwicePerMonthField as le, FrequencyField as fe, CustomNameField as we } from "./fields.js";
+import { useDeriveFieldsMetadata as pe } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { createGetFormSubmissionValues as Ee } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as q } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as Se } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as ve } from "../../../../Base/useBaseSubmit.js";
+import { parsePaymentSpeedDays as De } from "../../../../../hooks/useCompanyPaymentSpeed.js";
+import { formatDateToStringDate as Me } from "../../../../../helpers/dateFormatting.js";
+const F = [
+  { value: "Every week", label: "Every week" },
+  { value: "Every other week", label: "Every other week" },
+  { value: "Twice per month", label: "Twice per month" },
+  { value: "Monthly", label: "Monthly" }
+], Te = F.map((e) => e.value), A = [
+  { value: "1st15th", label: "15th and Last day of the month" },
+  { value: "custom", label: "Custom" }
+], Ne = A.map((e) => e.value);
+function C(e) {
+  return e instanceof Date ? Me(e) || "" : typeof e == "string" && e ? e : "";
+}
+function Oe(e, s, u) {
+  return e !== "Twice per month" ? "" : s === 15 && u === 31 ? "1st15th" : "custom";
+}
+function ze({
+  companyId: e,
+  payScheduleId: s,
+  optionalFieldsToRequire: u,
+  defaultValues: n,
+  validationMode: R = "onSubmit",
+  shouldFocusError: L = !0
+}) {
+  const h = re(
+    { companyId: e, payScheduleId: s ?? "" },
+    { enabled: !!s }
+  ), m = de({ companyUuid: e }), o = h.data?.paySchedule ?? null, V = m.data?.paymentConfigs?.paymentSpeed, _ = De(V), P = !o, p = P ? "create" : "update", [E, k] = oe(
+    () => ue({ mode: p, optionalFieldsToRequire: u }),
+    [p, u]
+  ), S = {
+    customName: o?.customName ?? n?.customName ?? "",
+    frequency: o?.frequency ?? n?.frequency ?? "Every week",
+    customTwicePerMonth: Oe(
+      o?.frequency ?? n?.frequency,
+      o?.day1 ?? n?.day1 ?? void 0,
+      o?.day2 ?? n?.day2 ?? void 0
+    ),
+    anchorPayDate: o?.anchorPayDate?.toString() ?? n?.anchorPayDate ?? null,
+    anchorEndOfPayPeriod: o?.anchorEndOfPayPeriod?.toString() ?? n?.anchorEndOfPayPeriod ?? null,
+    day1: o?.day1 ?? n?.day1 ?? NaN,
+    day2: o?.day2 ?? n?.day2 ?? NaN
+  }, t = ae({
+    resolver: ne(E),
+    mode: R,
+    shouldFocusError: L,
+    defaultValues: S,
+    values: S,
+    resetOptions: { keepDirtyValues: !0 }
+  }), r = i({ control: t.control, name: "frequency" }), y = i({
+    control: t.control,
+    name: "customTwicePerMonth"
+  }), H = i({ control: t.control, name: "anchorPayDate" }), Q = i({
+    control: t.control,
+    name: "anchorEndOfPayPeriod"
+  }), U = i({ control: t.control, name: "day1" }), G = i({ control: t.control, name: "day2" });
+  te(() => {
+    r === "Twice per month" && y === "1st15th" && (t.setValue("day1", 15), t.setValue("day2", 31));
+  }, [r, y, t.setValue]);
+  const l = C(H), f = C(Q), v = !!(l && f), D = ce(
+    {
+      companyId: e,
+      frequency: r,
+      ...l && { anchorPayDate: new d(l) },
+      ...f && {
+        anchorEndOfPayPeriod: new d(f)
+      },
+      day1: U || void 0,
+      day2: G || void 0
+    },
+    { enabled: v }
+  ), W = D.data?.paySchedulePreview?.payPeriods, B = D.isLoading && v, M = se(), T = ie(), I = M.isPending || T.isPending, {
+    baseSubmitHandler: Y,
+    error: x,
+    setError: z
+  } = ve("PayScheduleForm"), N = Se(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 = pe(k, t.control), X = {
+    customName: c.customName,
+    frequency: q(
+      c.frequency,
+      F,
+      Te
+    ),
+    customTwicePerMonth: q(
+      c.customTwicePerMonth,
+      A,
+      Ne
+    ),
+    anchorPayDate: c.anchorPayDate,
+    anchorEndOfPayPeriod: c.anchorEndOfPayPeriod,
+    day1: c.day1,
+    day2: c.day2
+  }, Z = async () => {
+    let w;
+    return await new Promise((O) => {
+      t.handleSubmit(
+        async ($) => {
+          await Y($, async (a) => {
+            const b = a.anchorPayDate ?? "", g = a.anchorEndOfPayPeriod ?? "";
+            P ? w = { mode: "create", data: (await M.mutateAsync({
+              request: {
+                companyId: e,
+                payScheduleCreateRequest: {
+                  frequency: a.frequency,
+                  anchorPayDate: new d(b),
+                  anchorEndOfPayPeriod: new d(g),
+                  customName: a.customName,
+                  day1: a.day1 || void 0,
+                  day2: a.day2 || void 0
+                }
+              }
+            })).paySchedule } : w = { mode: "update", data: (await T.mutateAsync({
+              request: {
+                payScheduleId: o.uuid,
+                companyId: e,
+                payScheduleUpdateRequest: {
+                  frequency: a.frequency,
+                  anchorPayDate: new d(b),
+                  anchorEndOfPayPeriod: new d(g),
+                  customName: a.customName,
+                  day1: a.day1 || void 0,
+                  day2: a.day2 || void 0,
+                  version: o.version
+                }
+              }
+            })).paySchedule };
+          }), O();
+        },
+        () => {
+          O();
+        }
+      )();
+    }), w;
+  };
+  return m.isLoading || (s ? h.isLoading : !1) ? { isLoading: !0, errorHandling: N } : {
+    isLoading: !1,
+    data: {
+      paySchedule: o,
+      payPeriodPreview: W ?? null,
+      payPreviewLoading: B,
+      paymentSpeedDays: _
+    },
+    status: {
+      isPending: I,
+      mode: P ? "create" : "update"
+    },
+    actions: { onSubmit: Z },
+    errorHandling: N,
+    form: {
+      Fields: {
+        CustomName: we,
+        Frequency: fe,
+        CustomTwicePerMonth: j ? le : void 0,
+        AnchorPayDate: Pe,
+        AnchorEndOfPayPeriod: he,
+        Day1: J ? ye : void 0,
+        Day2: K ? me : void 0
+      },
+      fieldsMetadata: X,
+      hookFormInternals: { formMethods: t },
+      getFormSubmissionValues: Ee(t, E)
+    }
+  };
+}
+export {
+  ze as usePayScheduleForm
+};
+//# sourceMappingURL=usePayScheduleForm.js.map

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

@@ -0,0 +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 { 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 UsePayScheduleFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  PayScheduleFormData\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 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: { formMethods },\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","CustomNameField","FrequencyField","CustomTwicePerMonthField","AnchorPayDateField","AnchorEndOfPayPeriodField","Day1Field","Day2Field","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Company/PaySchedule/usePaySchedule.d.ts

@@ -1,7 +1,6 @@
 import { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate';
-import { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist';
-import { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject';
-import { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview';
+import { PaySchedule, PaySchedule as PayScheduleType } from '@gusto/embedded-api/models/components/payschedule';
+import { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod';
 import { z } from 'zod';
 import { RequireAtLeastOne } from '../../../types/Helpers';
 export type MODE = 'LIST_PAY_SCHEDULES' | 'ADD_PAY_SCHEDULE' | 'EDIT_PAY_SCHEDULE' | 'PREVIEW_PAY_SCHEDULE';
@@ -13,11 +12,11 @@ type PayScheduleContextType = {
     handleContinue: () => void;
     mode: MODE;
     isPending: boolean;
-    paySchedules: PayScheduleList[] | undefined | null;
+    paySchedules: PaySchedule[] | undefined | null;
     currentPaySchedule: PayScheduleType | undefined | null;
-    payPeriodPreview?: PayPeriods[];
+    payPeriodPreview?: PaySchedulePreviewPayPeriod[];
     payPreviewLoading?: boolean;
-    paymentSpeed?: string;
+    paymentSpeedDays: number;
 };
 export declare const PayScheduleSchema: z.ZodObject<{
     frequency: z.ZodEnum<{

package/dist/components/Company/PaySchedule/usePaySchedule.js

@@ -11,11 +11,9 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
-import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const f = o.object({
+const x = o.object({
   frequency: o.enum(["Every week", "Every other week", "Twice per month", "Monthly"]),
   anchorPayDate: o.date().optional(),
   anchorEndOfPayPeriod: o.date().optional(),
@@ -23,10 +21,10 @@ const f = o.object({
   day2: o.number().min(1).max(31).optional(),
   customName: o.string().optional(),
   customTwicePerMonth: o.string().optional()
-}), [w, b] = t("PayScheduleContext");
+}), [S, f] = t("PayScheduleContext");
 export {
-  b as PayScheduleProvider,
-  f as PayScheduleSchema,
-  w as usePaySchedule
+  f as PayScheduleProvider,
+  x as PayScheduleSchema,
+  S as usePaySchedule
 };
 //# sourceMappingURL=usePaySchedule.js.map

package/dist/components/Company/PaySchedule/usePaySchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  isPending: boolean\n  paySchedules: PayScheduleList[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PayPeriods[]\n  payPreviewLoading?: boolean\n  paymentSpeed?: string\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AA6BO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAA,EAAO,SAAA;AAAA,EACxB,sBAAsBA,EAAE,KAAA,EAAO,SAAA;AAAA,EAC/B,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,qBAAqBA,EAAE,OAAA,EAAS,SAAA;AAClC,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}
+{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type {\n  PaySchedule,\n  PaySchedule as PayScheduleType,\n} from '@gusto/embedded-api/models/components/payschedule'\nimport type { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  isPending: boolean\n  paySchedules: PaySchedule[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PaySchedulePreviewPayPeriod[]\n  payPreviewLoading?: boolean\n  paymentSpeedDays: number\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AA+BO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAA,EAAO,SAAA;AAAA,EACxB,sBAAsBA,EAAE,KAAA,EAAO,SAAA;AAAA,EAC/B,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,qBAAqBA,EAAE,OAAA,EAAS,SAAA;AAClC,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}

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

@@ -1,18 +1,16 @@
 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 { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function y() {
-  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: r, isPending: e } = s(), o = c();
+function d() {
+  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: e, isPending: r } = s(), o = c();
   return /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ n(o.Button, { variant: "secondary", onClick: r, children: t("cancelCta") }),
-    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: e, children: t("saveCta") })
+    /* @__PURE__ */ n(o.Button, { variant: "secondary", onClick: e, children: t("cancelCta") }),
+    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: r, children: t("saveCta") })
   ] });
 }
 export {
-  y as Actions
+  d as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as V, Fragment as q } from "react/jsx-runtime";
+import { jsx as t, jsxs as q, Fragment as V } from "react/jsx-runtime";
 import { useForm as B, FormProvider as D } from "react-hook-form";
 import { zodResolver as K } from "@hookform/resolvers/zod";
 import { useTaxRequirementsUpdateStateMutation as M } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
@@ -16,45 +16,45 @@ import { Flex as I } from "../../../Common/Flex/Flex.js";
 import { Form as J } from "../../../Common/Form/Form.js";
 import { componentEvents as g } from "../../../../shared/constants.js";
 import { useBase as Q } from "../../../Base/useBase.js";
-function he(a) {
-  return /* @__PURE__ */ o(Y, { ...a, children: /* @__PURE__ */ o(W, { ...a, children: a.children }) });
+function he(n) {
+  return /* @__PURE__ */ t(Y, { ...n, children: /* @__PURE__ */ t(W, { ...n, children: n.children }) });
 }
-function W({ companyId: a, state: f, className: k, children: y }) {
+function W({ companyId: n, state: c, className: k, children: y }) {
   $("Company.StateTaxes");
-  const { onEvent: S, baseSubmitHandler: b } = Q(), { t: h } = H("Company.StateTaxes", { keyPrefix: "form" }), { data: P } = w({ companyUuid: a, state: f }), c = P.taxRequirementsState, { mutateAsync: j, isPending: A } = M(), { dynamicSchema: C, defaultValues: E } = z(() => {
-    const l = {}, n = {};
-    return c.requirementSets?.forEach((t) => {
-      if (!t.key) return;
-      const r = t.key, i = {}, s = {};
-      t.requirements?.forEach((e) => {
+  const { onEvent: S, baseSubmitHandler: b } = Q(), { t: h } = H("Company.StateTaxes", { keyPrefix: "form" }), { data: P } = w({ companyUuid: n, state: c }), l = P.taxRequirementsState, { mutateAsync: j, isPending: A } = M(), { dynamicSchema: C, defaultValues: E } = z(() => {
+    const f = {}, a = {};
+    return l.requirementSets?.forEach((o) => {
+      if (!o.key) return;
+      const r = o.key, i = {}, s = {};
+      o.requirements?.forEach((e) => {
         if (!e.key) return;
-        const d = e.key, _ = e.metadata?.type === "tax_rate" || e.metadata?.type === "percent";
-        e.metadata?.type === "radio" ? s[d] = e.value ?? void 0 : s[d] = e.value ? String(e.value) : "";
-        let u = m.string().optional();
+        const u = e.key, _ = e.metadata?.type === "tax_rate" || e.metadata?.type === "percent";
+        e.metadata?.type === "radio" ? s[u] = e.value ?? void 0 : s[u] = e.value ? String(e.value) : "";
+        let d = m.string().optional();
         const p = e.metadata?.validation;
         if (p && _ && p.type === "one_of") {
           const T = p.rates;
-          u = m.string().optional().refine((F) => !F || T.includes(F), {
+          d = m.string().optional().refine((F) => !F || T.includes(F), {
             message: h("validations.oneOf", { values: T.join(", ") })
           });
         }
-        e.metadata?.type === "radio" && (u = m.boolean().optional()), i[d] = u;
-      }), Object.keys(i).length > 0 && (l[r] = m.object(i), n[r] = s);
+        e.metadata?.type === "radio" && (d = m.boolean().optional()), i[u] = d;
+      }), Object.keys(i).length > 0 && (f[r] = m.object(i), a[r] = s);
     }), {
-      dynamicSchema: m.object(l),
-      defaultValues: n
+      dynamicSchema: m.object(f),
+      defaultValues: a
     };
-  }, [c, h]), { control: R, ...v } = B({
+  }, [l, h]), { control: R, ...v } = B({
     resolver: K(C),
     defaultValues: E
-  }), O = async (l) => {
-    await b(l, async (n) => {
-      const x = c.requirementSets?.filter((t) => t.key && n[t.key]).map((t) => {
-        const r = t.key, i = n[r];
+  }), O = async (f) => {
+    await b(f, async (a) => {
+      const x = l.requirementSets?.filter((o) => o.key && a[o.key]).map((o) => {
+        const r = o.key, i = a[r];
         return {
-          state: t.state,
+          state: c,
           key: r,
-          effectiveFrom: t.effectiveFrom,
+          effectiveFrom: o.effectiveFrom,
           requirements: Object.entries(i).map(([s, e]) => ({
             key: s,
             value: String(e)
@@ -63,23 +63,23 @@ function W({ companyId: a, state: f, className: k, children: y }) {
       });
       await j({
         request: {
-          companyUuid: a,
+          companyUuid: n,
           requestBody: { requirementSets: x },
-          state: f
+          state: c
         }
       }), S(g.COMPANY_STATE_TAX_UPDATED);
     });
   }, U = () => {
     S(g.CANCEL);
   };
-  return /* @__PURE__ */ o("section", { className: k, children: /* @__PURE__ */ o(D, { ...v, control: R, children: /* @__PURE__ */ o(J, { onSubmit: v.handleSubmit(O), children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ t("section", { className: k, children: /* @__PURE__ */ t(D, { ...v, control: R, children: /* @__PURE__ */ t(J, { onSubmit: v.handleSubmit(O), children: /* @__PURE__ */ t(
     G,
     {
-      value: { stateTaxRequirements: c, isPending: A, state: f, handleCancel: U },
-      children: /* @__PURE__ */ o(I, { flexDirection: "column", gap: 32, children: y || /* @__PURE__ */ V(q, { children: [
-        /* @__PURE__ */ o(N, {}),
-        /* @__PURE__ */ o(L, {}),
-        /* @__PURE__ */ o(X, {})
+      value: { stateTaxRequirements: l, isPending: A, state: c, handleCancel: U },
+      children: /* @__PURE__ */ t(I, { flexDirection: "column", gap: 32, children: y || /* @__PURE__ */ q(V, { children: [
+        /* @__PURE__ */ t(N, {}),
+        /* @__PURE__ */ t(L, {}),
+        /* @__PURE__ */ t(X, {})
       ] }) })
     }
   ) }) }) });