@gusto/embedded-react-sdk 0.38.0 → 0.39.0

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.js

@@ -0,0 +1,172 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { useTranslation as b } from "react-i18next";
+import { SDKFormProvider as A } from "../../form/SDKFormProvider.js";
+import { usePayScheduleForm as C } from "./usePayScheduleForm.js";
+import n from "./PayScheduleForm.module.scss.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseBoundaries as U, BaseLayout as p } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Form as w } from "../../../Common/Form/Form.js";
+import { Flex as D } from "../../../Common/Flex/Flex.js";
+import { Grid as I } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as F } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { componentEvents as f } from "../../../../shared/constants.js";
+import { useI18n as T, useComponentDictionary as L } from "../../../../i18n/I18n.js";
+import { useDateFormatter as Q } from "../../../../hooks/useDateFormatter.js";
+function x({ onEvent: c, dictionary: m, ...h }) {
+  T("UNSTABLE.PayScheduleForm"), L("UNSTABLE.PayScheduleForm", m);
+  const { t: e } = b("UNSTABLE.PayScheduleForm"), o = N(), E = Q(), r = C(h), [u, P] = v(0);
+  if (r.isLoading)
+    return /* @__PURE__ */ a(p, { isLoading: !0, error: r.errorHandling.errors });
+  const { Fields: i } = r.form, { payPeriodPreview: y, payPreviewLoading: g, paymentSpeedDays: R } = r.data, S = async () => {
+    const t = await r.actions.onSubmit();
+    t && c(
+      t.mode === "create" ? f.PAY_SCHEDULE_CREATED : f.PAY_SCHEDULE_UPDATED,
+      t.data
+    );
+  }, l = y?.[u];
+  return /* @__PURE__ */ a(p, { error: r.errorHandling.errors, children: /* @__PURE__ */ a(A, { formHookResult: r, children: /* @__PURE__ */ d(
+    w,
+    {
+      onSubmit: (t) => {
+        t.preventDefault(), S();
+      },
+      children: [
+        /* @__PURE__ */ a(o.Heading, { as: "h2", children: r.status.mode === "create" ? e("addTitle") : e("editTitle") }),
+        /* @__PURE__ */ a("div", { className: n.payScheduleContainer, children: /* @__PURE__ */ d(I, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
+          /* @__PURE__ */ a("div", { className: n.payScheduleForm, children: /* @__PURE__ */ d(D, { flexDirection: "column", children: [
+            /* @__PURE__ */ a(
+              i.CustomName,
+              {
+                label: e("labels.name"),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.customName.REQUIRED")
+                }
+              }
+            ),
+            /* @__PURE__ */ a(
+              i.Frequency,
+              {
+                label: e("labels.frequency"),
+                getOptionLabel: (t) => e(`frequencies.${t}`, t),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.frequency.REQUIRED")
+                }
+              }
+            ),
+            i.CustomTwicePerMonth && /* @__PURE__ */ a(
+              i.CustomTwicePerMonth,
+              {
+                label: e("labels.frequencyOptions"),
+                description: e("descriptions.frequencyOptionsDescription")
+              }
+            ),
+            /* @__PURE__ */ a(
+              i.AnchorPayDate,
+              {
+                label: e("labels.firstPayDate"),
+                description: e("descriptions.anchorPayDateDescription", {
+                  count: R
+                }),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.anchorPayDate.REQUIRED")
+                }
+              }
+            ),
+            /* @__PURE__ */ a(
+              i.AnchorEndOfPayPeriod,
+              {
+                label: e("labels.firstPayPeriodEndDate"),
+                description: e("descriptions.anchorEndOfPayPeriodDescription"),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.anchorEndOfPayPeriod.REQUIRED")
+                }
+              }
+            ),
+            i.Day1 ? /* @__PURE__ */ a(
+              i.Day1,
+              {
+                label: e("labels.firstPayDayOfTheMonth"),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.day1.REQUIRED"),
+                  DAY_RANGE: e("fieldValidations.day1.DAY_RANGE")
+                }
+              }
+            ) : /* @__PURE__ */ a("div", { className: n.visuallyHidden }),
+            i.Day2 ? /* @__PURE__ */ a(
+              i.Day2,
+              {
+                label: e("labels.lastPayDayOfTheMonth"),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.day2.REQUIRED"),
+                  DAY_RANGE: e("fieldValidations.day2.DAY_RANGE")
+                }
+              }
+            ) : /* @__PURE__ */ a("div", { className: n.visuallyHidden })
+          ] }) }),
+          /* @__PURE__ */ a(D, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: y && l ? /* @__PURE__ */ d("div", { className: n.calendarContainer, children: [
+            !g && /* @__PURE__ */ a(
+              o.Select,
+              {
+                label: e("labels.preview"),
+                isRequired: !0,
+                options: y.map((t, s) => ({
+                  value: String(s),
+                  label: E.formatPayPeriodRange(
+                    t.startDate.toString(),
+                    t.endDate.toString()
+                  )
+                })),
+                value: String(u),
+                onChange: (t) => {
+                  const s = Number(t);
+                  isNaN(s) || P(s);
+                }
+              }
+            ),
+            /* @__PURE__ */ a(
+              o.CalendarPreview,
+              {
+                dateRange: {
+                  start: new Date(l.startDate.toString()),
+                  end: new Date(l.endDate.toString()),
+                  label: e("payPreview.payPeriod")
+                },
+                highlightDates: [
+                  {
+                    date: new Date(l.checkDate.toString()),
+                    highlightColor: "primary",
+                    label: e("payPreview.payday")
+                  },
+                  {
+                    date: new Date(l.runPayrollBy.toString()),
+                    highlightColor: "secondary",
+                    label: e("payPreview.payrollDeadline")
+                  }
+                ]
+              },
+              u
+            )
+          ] }) : /* @__PURE__ */ a("div", { className: n.calendarContainer, children: /* @__PURE__ */ a(
+            o.Alert,
+            {
+              status: "info",
+              label: e("previewAlert.title"),
+              disableScrollIntoView: !0,
+              children: /* @__PURE__ */ a(o.Text, { children: e("previewAlert.description") })
+            }
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ a(F, { children: /* @__PURE__ */ a(o.Button, { type: "submit", isLoading: r.status.isPending, children: e("saveCta") }) })
+      ]
+    }
+  ) }) });
+}
+function X({ FallbackComponent: c, ...m }) {
+  return /* @__PURE__ */ a(U, { componentName: "UNSTABLE.PayScheduleForm", FallbackComponent: c, children: /* @__PURE__ */ a(x, { ...m }) });
+}
+export {
+  X as PayScheduleForm
+};
+//# sourceMappingURL=PayScheduleForm.js.map

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayScheduleForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { SDKFormProvider } from '../../form/SDKFormProvider'\nimport { usePayScheduleForm } from './usePayScheduleForm'\nimport type { UsePayScheduleFormProps } from './usePayScheduleForm'\nimport style from './PayScheduleForm.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nexport interface PayScheduleFormProps\n  extends UsePayScheduleFormProps, Omit<BaseComponentInterface, 'defaultValues'> {}\n\nfunction PayScheduleFormRoot({ onEvent, dictionary, ...hookProps }: PayScheduleFormProps) {\n  useI18n('UNSTABLE.PayScheduleForm')\n  useComponentDictionary('UNSTABLE.PayScheduleForm', dictionary)\n  const { t } = useTranslation('UNSTABLE.PayScheduleForm')\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const paySchedule = usePayScheduleForm(hookProps)\n\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState(0)\n\n  if (paySchedule.isLoading) {\n    return <BaseLayout isLoading error={paySchedule.errorHandling.errors} />\n  }\n\n  const { Fields } = paySchedule.form\n  const { payPeriodPreview, payPreviewLoading, paymentSpeedDays } = paySchedule.data\n\n  const handleSubmit = async () => {\n    const result = await paySchedule.actions.onSubmit()\n    if (result) {\n      onEvent(\n        result.mode === 'create'\n          ? componentEvents.PAY_SCHEDULE_CREATED\n          : componentEvents.PAY_SCHEDULE_UPDATED,\n        result.data,\n      )\n    }\n  }\n\n  const selectedPeriod = payPeriodPreview?.[selectedPayPeriodIndex]\n\n  return (\n    <BaseLayout error={paySchedule.errorHandling.errors}>\n      <SDKFormProvider formHookResult={paySchedule}>\n        <Form\n          onSubmit={e => {\n            e.preventDefault()\n            void handleSubmit()\n          }}\n        >\n          <Components.Heading as=\"h2\">\n            {paySchedule.status.mode === 'create' ? t('addTitle') : t('editTitle')}\n          </Components.Heading>\n\n          <div className={style.payScheduleContainer}>\n            <Grid gap={32} gridTemplateColumns={{ base: '1fr', small: '1fr 1fr' }}>\n              <div className={style.payScheduleForm}>\n                <Flex flexDirection=\"column\">\n                  <Fields.CustomName\n                    label={t('labels.name')}\n                    validationMessages={{\n                      REQUIRED: t('fieldValidations.customName.REQUIRED'),\n                    }}\n                  />\n\n                  <Fields.Frequency\n                    label={t('labels.frequency')}\n                    getOptionLabel={freq => t(`frequencies.${freq}`, freq)}\n                    validationMessages={{\n                      REQUIRED: t('fieldValidations.frequency.REQUIRED'),\n                    }}\n                  />\n\n                  {Fields.CustomTwicePerMonth && (\n                    <Fields.CustomTwicePerMonth\n                      label={t('labels.frequencyOptions')}\n                      description={t('descriptions.frequencyOptionsDescription')}\n                    />\n                  )}\n\n                  <Fields.AnchorPayDate\n                    label={t('labels.firstPayDate')}\n                    description={t('descriptions.anchorPayDateDescription', {\n                      count: paymentSpeedDays,\n                    })}\n                    validationMessages={{\n                      REQUIRED: t('fieldValidations.anchorPayDate.REQUIRED'),\n                    }}\n                  />\n\n                  <Fields.AnchorEndOfPayPeriod\n                    label={t('labels.firstPayPeriodEndDate')}\n                    description={t('descriptions.anchorEndOfPayPeriodDescription')}\n                    validationMessages={{\n                      REQUIRED: t('fieldValidations.anchorEndOfPayPeriod.REQUIRED'),\n                    }}\n                  />\n\n                  {Fields.Day1 ? (\n                    <Fields.Day1\n                      label={t('labels.firstPayDayOfTheMonth')}\n                      validationMessages={{\n                        REQUIRED: t('fieldValidations.day1.REQUIRED'),\n                        DAY_RANGE: t('fieldValidations.day1.DAY_RANGE'),\n                      }}\n                    />\n                  ) : (\n                    <div className={style.visuallyHidden} />\n                  )}\n\n                  {Fields.Day2 ? (\n                    <Fields.Day2\n                      label={t('labels.lastPayDayOfTheMonth')}\n                      validationMessages={{\n                        REQUIRED: t('fieldValidations.day2.REQUIRED'),\n                        DAY_RANGE: t('fieldValidations.day2.DAY_RANGE'),\n                      }}\n                    />\n                  ) : (\n                    <div className={style.visuallyHidden} />\n                  )}\n                </Flex>\n              </div>\n\n              <Flex flexDirection=\"column\" gap={4} justifyContent=\"center\" alignItems=\"center\">\n                {payPeriodPreview && selectedPeriod ? (\n                  <div className={style.calendarContainer}>\n                    {!payPreviewLoading && (\n                      <Components.Select\n                        label={t('labels.preview')}\n                        isRequired\n                        options={payPeriodPreview.map((period, index) => ({\n                          value: String(index),\n                          label: dateFormatter.formatPayPeriodRange(\n                            period.startDate.toString(),\n                            period.endDate.toString(),\n                          ),\n                        }))}\n                        value={String(selectedPayPeriodIndex)}\n                        onChange={(value: string) => {\n                          const numericValue = Number(value)\n                          if (!isNaN(numericValue)) {\n                            setSelectedPayPeriodIndex(numericValue)\n                          }\n                        }}\n                      />\n                    )}\n                    <Components.CalendarPreview\n                      key={selectedPayPeriodIndex}\n                      dateRange={{\n                        start: new Date(selectedPeriod.startDate.toString()),\n                        end: new Date(selectedPeriod.endDate.toString()),\n                        label: t('payPreview.payPeriod'),\n                      }}\n                      highlightDates={[\n                        {\n                          date: new Date(selectedPeriod.checkDate.toString()),\n                          highlightColor: 'primary',\n                          label: t('payPreview.payday'),\n                        },\n                        {\n                          date: new Date(selectedPeriod.runPayrollBy.toString()),\n                          highlightColor: 'secondary',\n                          label: t('payPreview.payrollDeadline'),\n                        },\n                      ]}\n                    />\n                  </div>\n                ) : (\n                  <div className={style.calendarContainer}>\n                    <Components.Alert\n                      status=\"info\"\n                      label={t('previewAlert.title')}\n                      disableScrollIntoView\n                    >\n                      <Components.Text>{t('previewAlert.description')}</Components.Text>\n                    </Components.Alert>\n                  </div>\n                )}\n              </Flex>\n            </Grid>\n          </div>\n\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={paySchedule.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n\nexport function PayScheduleForm({ FallbackComponent, ...props }: PayScheduleFormProps) {\n  return (\n    <BaseBoundaries componentName=\"UNSTABLE.PayScheduleForm\" FallbackComponent={FallbackComponent}>\n      <PayScheduleFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PayScheduleFormRoot","onEvent","dictionary","hookProps","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","paySchedule","usePayScheduleForm","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","BaseLayout","Fields","payPeriodPreview","payPreviewLoading","paymentSpeedDays","handleSubmit","result","componentEvents","selectedPeriod","jsx","SDKFormProvider","jsxs","Form","e","style","Grid","Flex","freq","period","index","value","numericValue","ActionsLayout","PayScheduleForm","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.module.scss.js

@@ -0,0 +1,14 @@
+const a = "_payScheduleContainer_masn5_1", e = "_payScheduleForm_masn5_5", n = "_visuallyHidden_masn5_9", l = "_calendarContainer_masn5_13", d = {
+  payScheduleContainer: a,
+  payScheduleForm: e,
+  visuallyHidden: n,
+  calendarContainer: l
+};
+export {
+  l as calendarContainer,
+  d as default,
+  a as payScheduleContainer,
+  e as payScheduleForm,
+  n as visuallyHidden
+};
+//# sourceMappingURL=PayScheduleForm.module.scss.js.map

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayScheduleForm.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/fields.d.ts

@@ -0,0 +1,23 @@
+import { TextInputHookFieldProps } from '../../form/fields/TextInputHookField';
+import { SelectHookFieldProps } from '../../form/fields/SelectHookField';
+import { RadioGroupHookFieldProps } from '../../form/fields/RadioGroupHookField';
+import { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField';
+import { NumberInputHookFieldProps } from '../../form/fields/NumberInputHookField';
+import { PayScheduleErrorCodes, PayScheduleFrequency } from './payScheduleSchema';
+import { HookFieldProps } from '../../../../types/sdkHooks';
+export type RequiredValidation = typeof PayScheduleErrorCodes.REQUIRED;
+export type DayValidation = (typeof PayScheduleErrorCodes)['REQUIRED' | 'DAY_RANGE'];
+export type CustomNameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+export declare function CustomNameField(props: CustomNameFieldProps): import("react/jsx-runtime").JSX.Element;
+export type FrequencyFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, PayScheduleFrequency>>;
+export declare function FrequencyField(props: FrequencyFieldProps): import("react/jsx-runtime").JSX.Element;
+export type CustomTwicePerMonthFieldProps = HookFieldProps<RadioGroupHookFieldProps<never, string>>;
+export declare function CustomTwicePerMonthField(props: CustomTwicePerMonthFieldProps): import("react/jsx-runtime").JSX.Element;
+export type AnchorPayDateFieldProps = HookFieldProps<DatePickerHookFieldProps<RequiredValidation>>;
+export declare function AnchorPayDateField(props: AnchorPayDateFieldProps): import("react/jsx-runtime").JSX.Element;
+export type AnchorEndOfPayPeriodFieldProps = HookFieldProps<DatePickerHookFieldProps<RequiredValidation>>;
+export declare function AnchorEndOfPayPeriodField(props: AnchorEndOfPayPeriodFieldProps): import("react/jsx-runtime").JSX.Element;
+export type Day1FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>;
+export declare function Day1Field(props: Day1FieldProps): import("react/jsx-runtime").JSX.Element;
+export type Day2FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>;
+export declare function Day2Field(props: Day2FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/fields.js

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import { NumberInputHookField as n } from "../../form/fields/NumberInputHookField.js";
+import { DatePickerHookField as r } from "../../form/fields/DatePickerHookField.js";
+import { RadioGroupHookField as t } from "../../form/fields/RadioGroupHookField.js";
+import { SelectHookField as i } from "../../form/fields/SelectHookField.js";
+import { TextInputHookField as m } from "../../form/fields/TextInputHookField.js";
+function F(e) {
+  return /* @__PURE__ */ o(m, { ...e, name: "customName" });
+}
+function p(e) {
+  return /* @__PURE__ */ o(i, { ...e, name: "frequency" });
+}
+function y(e) {
+  return /* @__PURE__ */ o(t, { ...e, name: "customTwicePerMonth" });
+}
+function P(e) {
+  return /* @__PURE__ */ o(r, { ...e, name: "anchorPayDate" });
+}
+function h(e) {
+  return /* @__PURE__ */ o(r, { ...e, name: "anchorEndOfPayPeriod" });
+}
+function k(e) {
+  return /* @__PURE__ */ o(n, { ...e, name: "day1", min: 1, max: 31 });
+}
+function s(e) {
+  return /* @__PURE__ */ o(n, { ...e, name: "day2", min: 1, max: 31 });
+}
+export {
+  h as AnchorEndOfPayPeriodField,
+  P as AnchorPayDateField,
+  F as CustomNameField,
+  y as CustomTwicePerMonthField,
+  k as Day1Field,
+  s as Day2Field,
+  p as FrequencyField
+};
+//# sourceMappingURL=fields.js.map

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/fields.tsx"],"sourcesContent":["import type { TextInputHookFieldProps } from '../../form/fields/TextInputHookField'\nimport type { SelectHookFieldProps } from '../../form/fields/SelectHookField'\nimport type { RadioGroupHookFieldProps } from '../../form/fields/RadioGroupHookField'\nimport type { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField'\nimport type { NumberInputHookFieldProps } from '../../form/fields/NumberInputHookField'\nimport {\n  TextInputHookField,\n  SelectHookField,\n  RadioGroupHookField,\n  DatePickerHookField,\n  NumberInputHookField,\n} from '../../form/fields'\nimport type { PayScheduleErrorCodes, PayScheduleFrequency } from './payScheduleSchema'\nimport type { HookFieldProps } from '@/types/sdkHooks'\n\nexport type RequiredValidation = typeof PayScheduleErrorCodes.REQUIRED\nexport type DayValidation = (typeof PayScheduleErrorCodes)['REQUIRED' | 'DAY_RANGE']\n\nexport type CustomNameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\nexport function CustomNameField(props: CustomNameFieldProps) {\n  return <TextInputHookField {...props} name=\"customName\" />\n}\n\nexport type FrequencyFieldProps = HookFieldProps<\n  SelectHookFieldProps<RequiredValidation, PayScheduleFrequency>\n>\n\nexport function FrequencyField(props: FrequencyFieldProps) {\n  return <SelectHookField {...props} name=\"frequency\" />\n}\n\nexport type CustomTwicePerMonthFieldProps = HookFieldProps<RadioGroupHookFieldProps<never, string>>\n\nexport function CustomTwicePerMonthField(props: CustomTwicePerMonthFieldProps) {\n  return <RadioGroupHookField {...props} name=\"customTwicePerMonth\" />\n}\n\nexport type AnchorPayDateFieldProps = HookFieldProps<DatePickerHookFieldProps<RequiredValidation>>\n\nexport function AnchorPayDateField(props: AnchorPayDateFieldProps) {\n  return <DatePickerHookField {...props} name=\"anchorPayDate\" />\n}\n\nexport type AnchorEndOfPayPeriodFieldProps = HookFieldProps<\n  DatePickerHookFieldProps<RequiredValidation>\n>\n\nexport function AnchorEndOfPayPeriodField(props: AnchorEndOfPayPeriodFieldProps) {\n  return <DatePickerHookField {...props} name=\"anchorEndOfPayPeriod\" />\n}\n\nexport type Day1FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>\n\nexport function Day1Field(props: Day1FieldProps) {\n  return <NumberInputHookField {...props} name=\"day1\" min={1} max={31} />\n}\n\nexport type Day2FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>\n\nexport function Day2Field(props: Day2FieldProps) {\n  return <NumberInputHookField {...props} name=\"day2\" min={1} max={31} />\n}\n"],"names":["CustomNameField","props","jsx","TextInputHookField","FrequencyField","SelectHookField","CustomTwicePerMonthField","RadioGroupHookField","AnchorPayDateField","DatePickerHookField","AnchorEndOfPayPeriodField","Day1Field","NumberInputHookField","Day2Field"],"mappings":";;;;;;AAoBO,SAASA,EAAgBC,GAA6B;AAC3D,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,cAAa;AAC1D;AAMO,SAASG,EAAeH,GAA4B;AACzD,SAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,GAAO,MAAK,aAAY;AACtD;AAIO,SAASK,EAAyBL,GAAsC;AAC7E,SAAO,gBAAAC,EAACK,GAAA,EAAqB,GAAGN,GAAO,MAAK,uBAAsB;AACpE;AAIO,SAASO,EAAmBP,GAAgC;AACjE,SAAO,gBAAAC,EAACO,GAAA,EAAqB,GAAGR,GAAO,MAAK,iBAAgB;AAC9D;AAMO,SAASS,EAA0BT,GAAuC;AAC/E,SAAO,gBAAAC,EAACO,GAAA,EAAqB,GAAGR,GAAO,MAAK,wBAAuB;AACrE;AAIO,SAASU,EAAUV,GAAuB;AAC/C,SAAO,gBAAAC,EAACU,KAAsB,GAAGX,GAAO,MAAK,QAAO,KAAK,GAAG,KAAK,GAAA,CAAI;AACvE;AAIO,SAASY,EAAUZ,GAAuB;AAC/C,SAAO,gBAAAC,EAACU,KAAsB,GAAGX,GAAO,MAAK,QAAO,KAAK,GAAG,KAAK,GAAA,CAAI;AACvE;"}

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/index.d.ts

@@ -0,0 +1,7 @@
+import "./types/i18next.d.ts"
+export { usePayScheduleForm } from './usePayScheduleForm';
+export type { PayScheduleOptionalFieldsToRequire, UsePayScheduleFormProps, UsePayScheduleFormResult, UsePayScheduleFormReady, PayScheduleFieldsMetadata, PayScheduleFormFields, } from './usePayScheduleForm';
+export { PayScheduleForm } from './PayScheduleForm';
+export type { PayScheduleFormProps } from './PayScheduleForm';
+export { createPayScheduleSchema, PayScheduleErrorCodes, type PayScheduleErrorCode, type PayScheduleFormData, type PayScheduleFormOutputs, type PayScheduleField, type PayScheduleFrequency, } from './payScheduleSchema';
+export type { RequiredValidation as PayScheduleRequiredValidation, DayValidation, CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, } from './fields';

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/payScheduleSchema.d.ts

@@ -0,0 +1,55 @@
+import { z } from 'zod';
+import { OptionalFieldsToRequire } from '../../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('../../form').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/UNSTABLE_Hooks/hooks/usePayScheduleForm/payScheduleSchema.js

@@ -0,0 +1,54 @@
+import { z as o } from "zod";
+import { buildFormSchema as d } from "../../form/buildFormSchema.js";
+import { coerceNaN as n, coerceToISODate as t } from "../../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/UNSTABLE_Hooks/hooks/usePayScheduleForm/payScheduleSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payScheduleSchema.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/payScheduleSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '../../form/buildFormSchema'\nimport { coerceNaN, coerceToISODate } from '../../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/UNSTABLE_Hooks/hooks/usePayScheduleForm/usePayScheduleForm.d.ts

@@ -0,0 +1,69 @@
+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 { CustomNameField, FrequencyField, CustomTwicePerMonthField, AnchorPayDateField, AnchorEndOfPayPeriodField, Day1Field, Day2Field } from './fields';
+import { HookSubmitResult } from '../../../../types/sdkHooks';
+export type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema';
+export interface UsePayScheduleFormProps {
+    companyId: string;
+    payScheduleId?: string;
+    optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire;
+    defaultValues?: Partial<PayScheduleFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export declare function usePayScheduleForm({ companyId, payScheduleId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UsePayScheduleFormProps): {
+    isLoading: true;
+    errorHandling: import('../../../../types/sdkHooks').HookErrorHandling;
+    data?: undefined;
+    status?: undefined;
+    actions?: undefined;
+    form?: undefined;
+} | {
+    isLoading: false;
+    data: {
+        paySchedule: PaySchedule | null;
+        payPeriodPreview: PaySchedulePreviewPayPeriod[] | null;
+        payPreviewLoading: boolean;
+        paymentSpeedDays: number;
+    };
+    status: {
+        isPending: boolean;
+        mode: "create" | "update";
+    };
+    actions: {
+        onSubmit: () => Promise<HookSubmitResult<PaySchedule> | undefined>;
+    };
+    errorHandling: import('../../../../types/sdkHooks').HookErrorHandling;
+    form: {
+        Fields: {
+            CustomName: typeof CustomNameField;
+            Frequency: typeof FrequencyField;
+            CustomTwicePerMonth: typeof CustomTwicePerMonthField | undefined;
+            AnchorPayDate: typeof AnchorPayDateField;
+            AnchorEndOfPayPeriod: typeof AnchorEndOfPayPeriodField;
+            Day1: typeof Day1Field | undefined;
+            Day2: typeof Day2Field | undefined;
+        };
+        fieldsMetadata: {
+            customName: import('../../../../types/sdkHooks').FieldMetadata;
+            frequency: import('../../../../types/sdkHooks').FieldMetadataWithOptions<"Every week" | "Every other week" | "Twice per month" | "Monthly">;
+            customTwicePerMonth: import('../../../../types/sdkHooks').FieldMetadataWithOptions<string>;
+            anchorPayDate: import('../../../../types/sdkHooks').FieldMetadata;
+            anchorEndOfPayPeriod: import('../../../../types/sdkHooks').FieldMetadata;
+            day1: import('../../../../types/sdkHooks').FieldMetadata;
+            day2: import('../../../../types/sdkHooks').FieldMetadata;
+        };
+        hookFormInternals: {
+            formMethods: import('react-hook-form').UseFormReturn<PayScheduleFormData, unknown, PayScheduleFormData>;
+        };
+        getFormSubmissionValues: () => PayScheduleFormData | undefined;
+    };
+};
+export type UsePayScheduleFormResult = ReturnType<typeof usePayScheduleForm>;
+export type UsePayScheduleFormReady = Extract<UsePayScheduleFormResult, {
+    data: object;
+}>;
+export type PayScheduleFieldsMetadata = UsePayScheduleFormReady['form']['fieldsMetadata'];
+export type PayScheduleFormFields = UsePayScheduleFormReady['form']['Fields'];