@gusto/embedded-react-sdk 0.57.2 → 0.58.0

package/dist/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.js

@@ -1,113 +1,120 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useForm as _, useWatch as T, FormProvider as D } from "react-hook-form";
+import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { useForm as T, useWatch as _, FormProvider as D } from "react-hook-form";
 import { zodResolver as A } from "@hookform/resolvers/zod";
-import { useTranslation as h } from "react-i18next";
-import { z as d } from "zod";
+import { useTranslation as b } from "react-i18next";
+import { z as o } from "zod";
 import { usePayrollsGeneratePrintableChecksMutation as I } from "@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks";
-import { PrintingFormat as n } from "@gusto/embedded-api/models/components/printablepayrollchecksbody";
+import { PrintingFormat as i } from "@gusto/embedded-api/models/components/printablepayrollchecksbody";
 import { useGenerationPoll as L } from "./useGenerationPoll.js";
-import { BaseComponent as G } from "../../../Base/Base.js";
-import { useBase as H } from "../../../Base/useBase.js";
-import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as M, useI18n as g } from "../../../../i18n/I18n.js";
-import { useFlow as x } from "../../../Flow/useFlow.js";
-import { Flex as B } from "../../../Common/Flex/Flex.js";
+import { BaseComponent as B } from "../../../Base/Base.js";
+import { useBase as G } from "../../../Base/useBase.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as H, useI18n as g } from "../../../../i18n/I18n.js";
+import { useFlow as M } from "../../../Flow/useFlow.js";
+import { Flex as x } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as w } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as q } from "../../../Common/Form/Form.js";
-import { printChecksEvents as m } from "../../../../shared/constants.js";
-import { RadioGroupField as K } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as U } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-const j = d.object({
-  printingFormat: d.nativeEnum(n),
-  startingCheckNumber: d.number({ message: "invalidStartingCheckNumber" }).int({ message: "invalidStartingCheckNumber" }).nonnegative({ message: "invalidStartingCheckNumber" }).lt(1e10, { message: "invalidStartingCheckNumber" }).optional()
-}), k = "gusto-sdk-print-checks-form", z = (r) => Array.isArray(r) && r.every((e) => typeof e == "object" && e !== null), O = (r) => {
+import { Form as U } from "../../../Common/Form/Form.js";
+import { printChecksEvents as c } from "../../../../shared/constants.js";
+import { RadioGroupField as j } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as q } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+const K = o.discriminatedUnion("printingFormat", [
+  o.object({
+    printingFormat: o.literal(i.Top),
+    startingCheckNumber: o.number().or(o.nan()).optional()
+  }),
+  o.object({
+    printingFormat: o.literal(i.Bottom),
+    startingCheckNumber: o.number({ message: "invalidStartingCheckNumber" }).int({ message: "invalidStartingCheckNumber" }).nonnegative({ message: "invalidStartingCheckNumber" }).lt(1e10, { message: "invalidStartingCheckNumber" }).or(o.nan().transform(() => {
+    })).optional()
+  })
+]), k = "gusto-sdk-print-checks-form", z = (r) => Array.isArray(r) && r.every((t) => typeof t == "object" && t !== null), O = (r) => {
   if (r && typeof r == "object" && "errors" in r && z(r.errors)) {
-    const [e] = r.errors;
-    if (e?.message) return e.message;
+    const [t] = r.errors;
+    if (t?.message) return t.message;
   }
   return r instanceof Error ? r.message : null;
 }, V = (r) => ({
   printingFormat: r.printingFormat,
-  ...r.printingFormat === n.Bottom && r.startingCheckNumber !== void 0 ? { startingCheckNumber: r.startingCheckNumber } : {}
+  ...r.printingFormat === i.Bottom && r.startingCheckNumber !== void 0 ? { startingCheckNumber: r.startingCheckNumber } : {}
 }), W = (r) => {
-  const e = document.createElement("a");
-  e.href = r, e.target = "_blank", e.rel = "noopener noreferrer", document.body.appendChild(e), e.click(), document.body.removeChild(e);
+  const t = document.createElement("a");
+  t.href = r, t.target = "_blank", t.rel = "noopener noreferrer", document.body.appendChild(t), t.click(), document.body.removeChild(t);
 };
 function J(r) {
-  return /* @__PURE__ */ o(G, { ...r, children: /* @__PURE__ */ o(Q, { ...r, children: r.children }) });
+  return /* @__PURE__ */ n(B, { ...r, children: /* @__PURE__ */ n(Q, { ...r, children: r.children }) });
 }
-const Q = ({ dictionary: r, payrollId: e, isGenerating: i, className: s }) => {
-  M("Payroll.PrintChecksForm", r), g("Payroll.PrintChecksForm");
-  const { t } = h("Payroll.PrintChecksForm"), { Heading: f } = b(), { onEvent: c, baseSubmitHandler: E } = H(), l = _({
-    resolver: A(j),
-    defaultValues: { printingFormat: n.Top, startingCheckNumber: 0 }
-  }), F = T({
+const Q = ({ dictionary: r, payrollId: t, isGenerating: s, className: a }) => {
+  H("Payroll.PrintChecksForm", r), g("Payroll.PrintChecksForm");
+  const { t: e } = b("Payroll.PrintChecksForm"), { Heading: f } = h(), { onEvent: l, baseSubmitHandler: E } = G(), u = T({
+    resolver: A(K),
+    defaultValues: { printingFormat: i.Top, startingCheckNumber: 0 }
+  }), F = _({
     name: "printingFormat",
-    control: l.control
+    control: u.control
   }), { mutateAsync: N } = I(), { start: y } = L({
-    onSucceeded: (a) => {
-      c(m.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: a }), a && W(a);
+    onSucceeded: (m) => {
+      l(c.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: m }), m && W(m);
     },
     onFailed: () => {
-      c(m.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null });
+      l(c.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null });
     }
-  }), P = async (a) => {
-    c(m.PRINT_CHECKS_GENERATE_START), await E(a, async (R) => {
+  }), P = async (m) => {
+    l(c.PRINT_CHECKS_GENERATE_START), await E(m, async (R) => {
       try {
-        const C = (await N({
+        const p = (await N({
           request: {
-            payrollUuid: e,
+            payrollUuid: t,
             printablePayrollChecksBody: V(R)
           }
         })).payrollCheck?.requestUuid;
-        if (!C)
+        if (!p)
           throw new Error("Missing requestUuid in generate-printable-checks response");
-        y(C);
-      } catch (u) {
-        throw c(m.PRINT_CHECKS_GENERATE_FAILED, {
-          errorMessage: O(u)
-        }), u;
+        y(p);
+      } catch (d) {
+        throw l(c.PRINT_CHECKS_GENERATE_FAILED, {
+          errorMessage: O(d)
+        }), d;
       }
     });
-  }, S = l.formState.errors.startingCheckNumber?.message ? t("validations.startingCheckNumber") : void 0, v = [
+  }, S = u.formState.errors.startingCheckNumber?.message ? e("validations.startingCheckNumber") : void 0, v = [
     {
-      value: n.Top,
-      label: t("customStockLabel"),
-      description: t("customStockDescription")
+      value: i.Top,
+      label: e("customStockLabel"),
+      description: e("customStockDescription")
     },
     {
-      value: n.Bottom,
-      label: t("blankStockLabel"),
-      description: t("blankStockDescription")
+      value: i.Bottom,
+      label: e("blankStockLabel"),
+      description: e("blankStockDescription")
     }
   ];
-  return /* @__PURE__ */ o(D, { ...l, children: /* @__PURE__ */ o(
-    q,
+  return /* @__PURE__ */ n(D, { ...u, children: /* @__PURE__ */ n(
+    U,
     {
       id: k,
-      onSubmit: l.handleSubmit(P),
-      className: s,
-      children: /* @__PURE__ */ p(B, { flexDirection: "column", gap: 20, children: [
-        /* @__PURE__ */ o(f, { as: "h2", children: t("modalTitle") }),
-        /* @__PURE__ */ o(
-          K,
+      onSubmit: u.handleSubmit(P),
+      className: a,
+      children: /* @__PURE__ */ C(x, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ n(f, { as: "h2", children: e("modalTitle") }),
+        /* @__PURE__ */ n(
+          j,
           {
             name: "printingFormat",
-            label: t("modalTitle"),
+            label: e("modalTitle"),
             shouldVisuallyHideLabel: !0,
             options: v,
             isRequired: !0,
-            isDisabled: i
+            isDisabled: s
           }
         ),
-        F === n.Bottom && /* @__PURE__ */ o(
-          U,
+        F === i.Bottom && /* @__PURE__ */ n(
+          q,
           {
             name: "startingCheckNumber",
-            label: t("startingCheckNumberLabel"),
-            description: t("startingCheckNumberDescription"),
+            label: e("startingCheckNumberLabel"),
+            description: e("startingCheckNumberDescription"),
             errorMessage: S,
-            isDisabled: i,
+            isDisabled: s,
             min: 0
           }
         )
@@ -116,20 +123,20 @@ const Q = ({ dictionary: r, payrollId: e, isGenerating: i, className: s }) => {
   ) });
 }, X = ({ onEvent: r }) => {
   g("Payroll.PrintChecksForm");
-  const { t: e } = h("Payroll.PrintChecksForm"), { Button: i } = b(), { isGenerating: s } = x();
-  return /* @__PURE__ */ p(w, { children: [
-    /* @__PURE__ */ o(
-      i,
+  const { t } = b("Payroll.PrintChecksForm"), { Button: s } = h(), { isGenerating: a } = M();
+  return /* @__PURE__ */ C(w, { children: [
+    /* @__PURE__ */ n(
+      s,
       {
         variant: "secondary",
         onClick: () => {
-          r(m.PRINT_CHECKS_CANCEL);
+          r(c.PRINT_CHECKS_CANCEL);
         },
-        isDisabled: s,
-        children: e("cancelCta")
+        isDisabled: a,
+        children: t("cancelCta")
       }
     ),
-    /* @__PURE__ */ o(i, { variant: "primary", type: "submit", form: k, isDisabled: s, children: e(s ? "submitCtaLoading" : "submitCta") })
+    /* @__PURE__ */ n(s, { variant: "primary", type: "submit", form: k, isDisabled: a, children: t(a ? "submitCtaLoading" : "submitCta") })
   ] });
 };
 J.Footer = X;

package/dist/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintChecksForm.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePayrollsGeneratePrintableChecksMutation } from '@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks'\nimport {\n  PrintingFormat,\n  type PrintablePayrollChecksBody,\n} from '@gusto/embedded-api/models/components/printablepayrollchecksbody'\nimport { useGenerationPoll } from './useGenerationPoll'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\nimport type { RadioGroupOption } from '@/index'\n\ninterface PrintChecksFormProps extends BaseComponentInterface<'Payroll.PrintChecksForm'> {\n  payrollId: string\n  /** Whether a generate-and-poll cycle is in flight; disables the fields while true. */\n  isGenerating?: boolean\n}\n\n// The Footer is rendered by the top-level orchestrator as a sibling of this component (not a\n// child), so it can only read shared state — like whether a generate-and-poll cycle is in\n// flight — via the machine's FlowContext rather than as a prop. This narrow interface describes\n// only the field Footer needs, rather than depending on the orchestrator's full context type.\ninterface PrintChecksFormFlowContext extends FlowContextInterface {\n  isGenerating?: boolean\n}\n\nconst PrintChecksFormSchema = z.object({\n  printingFormat: z.nativeEnum(PrintingFormat),\n  startingCheckNumber: z\n    .number({ message: 'invalidStartingCheckNumber' })\n    .int({ message: 'invalidStartingCheckNumber' })\n    .nonnegative({ message: 'invalidStartingCheckNumber' })\n    .lt(10_000_000_000, { message: 'invalidStartingCheckNumber' })\n    .optional(),\n})\n\ntype PrintChecksFormValues = z.infer<typeof PrintChecksFormSchema>\n\nconst PRINT_CHECKS_FORM_ID = 'gusto-sdk-print-checks-form'\n\nconst isErrorList = (val: unknown): val is { message?: string }[] =>\n  Array.isArray(val) && val.every(entry => typeof entry === 'object' && entry !== null)\n\nconst extractErrorMessage = (err: unknown): string | null => {\n  if (err && typeof err === 'object' && 'errors' in err && isErrorList(err.errors)) {\n    const [firstError] = err.errors\n    if (firstError?.message) return firstError.message\n  }\n  return err instanceof Error ? err.message : null\n}\n\nconst buildRequestBody = (data: PrintChecksFormValues): PrintablePayrollChecksBody => ({\n  printingFormat: data.printingFormat,\n  ...(data.printingFormat === PrintingFormat.Bottom && data.startingCheckNumber !== undefined\n    ? { startingCheckNumber: data.startingCheckNumber }\n    : {}),\n})\n\nconst downloadGeneratedChecks = (url: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.target = '_blank'\n  link.rel = 'noopener noreferrer'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\n/** @internal */\nexport function PrintChecksForm(props: PrintChecksFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, payrollId, isGenerating, className }: PrintChecksFormProps) => {\n  useComponentDictionary('Payroll.PrintChecksForm', dictionary)\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Heading } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const formMethods = useForm<PrintChecksFormValues>({\n    resolver: zodResolver(PrintChecksFormSchema),\n    defaultValues: { printingFormat: PrintingFormat.Top, startingCheckNumber: 0 },\n  })\n\n  const printingFormat = useWatch<PrintChecksFormValues, 'printingFormat'>({\n    name: 'printingFormat',\n    control: formMethods.control,\n  })\n\n  const { mutateAsync } = usePayrollsGeneratePrintableChecksMutation()\n\n  const { start: startGenerationPoll } = useGenerationPoll({\n    onSucceeded: url => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: url })\n      if (url) {\n        downloadGeneratedChecks(url)\n      }\n    },\n    onFailed: () => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null })\n    },\n  })\n\n  const onSubmit = async (formData: PrintChecksFormValues) => {\n    onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_START)\n\n    await baseSubmitHandler(formData, async submittedData => {\n      try {\n        const result = await mutateAsync({\n          request: {\n            payrollUuid: payrollId,\n            printablePayrollChecksBody: buildRequestBody(submittedData),\n          },\n        })\n\n        const nextRequestUuid = result.payrollCheck?.requestUuid\n        if (!nextRequestUuid) {\n          throw new Error('Missing requestUuid in generate-printable-checks response')\n        }\n\n        startGenerationPoll(nextRequestUuid)\n      } catch (err) {\n        onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, {\n          errorMessage: extractErrorMessage(err),\n        })\n        throw err\n      }\n    })\n  }\n\n  const startingCheckNumberErrorCode = formMethods.formState.errors.startingCheckNumber?.message\n  const startingCheckNumberErrorMessage = startingCheckNumberErrorCode\n    ? t('validations.startingCheckNumber')\n    : undefined\n\n  const printingFormatOptions: RadioGroupOption[] = [\n    {\n      value: PrintingFormat.Top,\n      label: t('customStockLabel'),\n      description: t('customStockDescription'),\n    },\n    {\n      value: PrintingFormat.Bottom,\n      label: t('blankStockLabel'),\n      description: t('blankStockDescription'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form\n        id={PRINT_CHECKS_FORM_ID}\n        onSubmit={formMethods.handleSubmit(onSubmit)}\n        className={className}\n      >\n        <Flex flexDirection=\"column\" gap={20}>\n          <Heading as=\"h2\">{t('modalTitle')}</Heading>\n          <RadioGroupField\n            name=\"printingFormat\"\n            label={t('modalTitle')}\n            shouldVisuallyHideLabel\n            options={printingFormatOptions}\n            isRequired\n            isDisabled={isGenerating}\n          />\n          {printingFormat === PrintingFormat.Bottom && (\n            <NumberInputField\n              name=\"startingCheckNumber\"\n              label={t('startingCheckNumberLabel')}\n              description={t('startingCheckNumberDescription')}\n              errorMessage={startingCheckNumberErrorMessage}\n              isDisabled={isGenerating}\n              min={0}\n            />\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Button } = useComponentContext()\n  const { isGenerating } = useFlow<PrintChecksFormFlowContext>()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CANCEL)\n        }}\n        isDisabled={isGenerating}\n      >\n        {t('cancelCta')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={PRINT_CHECKS_FORM_ID} isDisabled={isGenerating}>\n        {isGenerating ? t('submitCtaLoading') : t('submitCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksForm.Footer = Footer\n"],"names":["PrintChecksFormSchema","z","PrintingFormat","PRINT_CHECKS_FORM_ID","isErrorList","val","entry","extractErrorMessage","err","firstError","buildRequestBody","data","downloadGeneratedChecks","url","link","PrintChecksForm","props","jsx","BaseComponent","Root","dictionary","payrollId","isGenerating","className","useComponentDictionary","useI18n","useTranslation","Heading","useComponentContext","onEvent","baseSubmitHandler","useBase","formMethods","useForm","zodResolver","printingFormat","useWatch","mutateAsync","usePayrollsGeneratePrintableChecksMutation","startGenerationPoll","useGenerationPoll","printChecksEvents","onSubmit","formData","submittedData","nextRequestUuid","startingCheckNumberErrorMessage","printingFormatOptions","FormProvider","Form","jsxs","Flex","RadioGroupField","NumberInputField","Footer","t","Button","useFlow","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PrintChecksForm.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePayrollsGeneratePrintableChecksMutation } from '@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks'\nimport {\n  PrintingFormat,\n  type PrintablePayrollChecksBody,\n} from '@gusto/embedded-api/models/components/printablepayrollchecksbody'\nimport { useGenerationPoll } from './useGenerationPoll'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\nimport type { RadioGroupOption } from '@/index'\n\ninterface PrintChecksFormProps extends BaseComponentInterface<'Payroll.PrintChecksForm'> {\n  payrollId: string\n  /** Whether a generate-and-poll cycle is in flight; disables the fields while true. */\n  isGenerating?: boolean\n}\n\n// The Footer is rendered by the top-level orchestrator as a sibling of this component (not a\n// child), so it can only read shared state — like whether a generate-and-poll cycle is in\n// flight — via the machine's FlowContext rather than as a prop. This narrow interface describes\n// only the field Footer needs, rather than depending on the orchestrator's full context type.\ninterface PrintChecksFormFlowContext extends FlowContextInterface {\n  isGenerating?: boolean\n}\n\nconst PrintChecksFormSchema = z.discriminatedUnion('printingFormat', [\n  z.object({\n    printingFormat: z.literal(PrintingFormat.Top),\n    startingCheckNumber: z.number().or(z.nan()).optional(),\n  }),\n  z.object({\n    printingFormat: z.literal(PrintingFormat.Bottom),\n    startingCheckNumber: z\n      .number({ message: 'invalidStartingCheckNumber' })\n      .int({ message: 'invalidStartingCheckNumber' })\n      .nonnegative({ message: 'invalidStartingCheckNumber' })\n      .lt(10_000_000_000, { message: 'invalidStartingCheckNumber' })\n      .or(z.nan().transform(() => undefined))\n      .optional(),\n  }),\n])\n\ntype PrintChecksFormValues = z.infer<typeof PrintChecksFormSchema>\n\nconst PRINT_CHECKS_FORM_ID = 'gusto-sdk-print-checks-form'\n\nconst isErrorList = (val: unknown): val is { message?: string }[] =>\n  Array.isArray(val) && val.every(entry => typeof entry === 'object' && entry !== null)\n\nconst extractErrorMessage = (err: unknown): string | null => {\n  if (err && typeof err === 'object' && 'errors' in err && isErrorList(err.errors)) {\n    const [firstError] = err.errors\n    if (firstError?.message) return firstError.message\n  }\n  return err instanceof Error ? err.message : null\n}\n\nconst buildRequestBody = (data: PrintChecksFormValues): PrintablePayrollChecksBody => ({\n  printingFormat: data.printingFormat,\n  ...(data.printingFormat === PrintingFormat.Bottom && data.startingCheckNumber !== undefined\n    ? { startingCheckNumber: data.startingCheckNumber }\n    : {}),\n})\n\nconst downloadGeneratedChecks = (url: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.target = '_blank'\n  link.rel = 'noopener noreferrer'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\n/** @internal */\nexport function PrintChecksForm(props: PrintChecksFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, payrollId, isGenerating, className }: PrintChecksFormProps) => {\n  useComponentDictionary('Payroll.PrintChecksForm', dictionary)\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Heading } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const formMethods = useForm<PrintChecksFormValues>({\n    resolver: zodResolver(PrintChecksFormSchema),\n    defaultValues: { printingFormat: PrintingFormat.Top, startingCheckNumber: 0 },\n  })\n\n  const printingFormat = useWatch<PrintChecksFormValues, 'printingFormat'>({\n    name: 'printingFormat',\n    control: formMethods.control,\n  })\n\n  const { mutateAsync } = usePayrollsGeneratePrintableChecksMutation()\n\n  const { start: startGenerationPoll } = useGenerationPoll({\n    onSucceeded: url => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: url })\n      if (url) {\n        downloadGeneratedChecks(url)\n      }\n    },\n    onFailed: () => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null })\n    },\n  })\n\n  const onSubmit = async (formData: PrintChecksFormValues) => {\n    onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_START)\n\n    await baseSubmitHandler(formData, async submittedData => {\n      try {\n        const result = await mutateAsync({\n          request: {\n            payrollUuid: payrollId,\n            printablePayrollChecksBody: buildRequestBody(submittedData),\n          },\n        })\n\n        const nextRequestUuid = result.payrollCheck?.requestUuid\n        if (!nextRequestUuid) {\n          throw new Error('Missing requestUuid in generate-printable-checks response')\n        }\n\n        startGenerationPoll(nextRequestUuid)\n      } catch (err) {\n        onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, {\n          errorMessage: extractErrorMessage(err),\n        })\n        throw err\n      }\n    })\n  }\n\n  const startingCheckNumberErrorCode = formMethods.formState.errors.startingCheckNumber?.message\n  const startingCheckNumberErrorMessage = startingCheckNumberErrorCode\n    ? t('validations.startingCheckNumber')\n    : undefined\n\n  const printingFormatOptions: RadioGroupOption[] = [\n    {\n      value: PrintingFormat.Top,\n      label: t('customStockLabel'),\n      description: t('customStockDescription'),\n    },\n    {\n      value: PrintingFormat.Bottom,\n      label: t('blankStockLabel'),\n      description: t('blankStockDescription'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form\n        id={PRINT_CHECKS_FORM_ID}\n        onSubmit={formMethods.handleSubmit(onSubmit)}\n        className={className}\n      >\n        <Flex flexDirection=\"column\" gap={20}>\n          <Heading as=\"h2\">{t('modalTitle')}</Heading>\n          <RadioGroupField\n            name=\"printingFormat\"\n            label={t('modalTitle')}\n            shouldVisuallyHideLabel\n            options={printingFormatOptions}\n            isRequired\n            isDisabled={isGenerating}\n          />\n          {printingFormat === PrintingFormat.Bottom && (\n            <NumberInputField\n              name=\"startingCheckNumber\"\n              label={t('startingCheckNumberLabel')}\n              description={t('startingCheckNumberDescription')}\n              errorMessage={startingCheckNumberErrorMessage}\n              isDisabled={isGenerating}\n              min={0}\n            />\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Button } = useComponentContext()\n  const { isGenerating } = useFlow<PrintChecksFormFlowContext>()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CANCEL)\n        }}\n        isDisabled={isGenerating}\n      >\n        {t('cancelCta')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={PRINT_CHECKS_FORM_ID} isDisabled={isGenerating}>\n        {isGenerating ? t('submitCtaLoading') : t('submitCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksForm.Footer = Footer\n"],"names":["PrintChecksFormSchema","z","PrintingFormat","PRINT_CHECKS_FORM_ID","isErrorList","val","entry","extractErrorMessage","err","firstError","buildRequestBody","data","downloadGeneratedChecks","url","link","PrintChecksForm","props","jsx","BaseComponent","Root","dictionary","payrollId","isGenerating","className","useComponentDictionary","useI18n","t","useTranslation","Heading","useComponentContext","onEvent","baseSubmitHandler","useBase","formMethods","useForm","zodResolver","printingFormat","useWatch","mutateAsync","usePayrollsGeneratePrintableChecksMutation","startGenerationPoll","useGenerationPoll","printChecksEvents","onSubmit","formData","submittedData","nextRequestUuid","startingCheckNumberErrorMessage","printingFormatOptions","FormProvider","Form","jsxs","Flex","RadioGroupField","NumberInputField","Footer","Button","useFlow","ActionsLayout"],"mappings":"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"}