@gusto/embedded-react-sdk 0.51.2 → 0.52.1

package/dist/components/InformationRequests/InformationRequestForm/InformationRequestForm.js

@@ -1,169 +1,145 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import B from "dompurify";
-import { useTranslation as D } from "react-i18next";
-import { useForm as W, FormProvider as H } from "react-hook-form";
-import { zodResolver as G } from "@hookform/resolvers/zod";
-import { z as f } from "zod";
-import { useIsMutating as K } from "@tanstack/react-query";
-import { useInformationRequestsGetInformationRequestsSuspense as _ } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
-import { useInformationRequestsSubmitMutation as V, mutationKeyInformationRequestsSubmit as X } from "@gusto/embedded-api/react-query/informationRequestsSubmit";
-import { ResponseType as u } from "@gusto/embedded-api/models/components/informationrequest";
-import { ResponseType as U } from "@gusto/embedded-api/models/operations/submitinformationrequest";
-import i from "./InformationRequestForm.module.scss.js";
-import { BaseComponent as Y } from "../../Base/Base.js";
-import { useBase as $ } from "../../Base/useBase.js";
-import { Flex as q } from "../../Common/Flex/Flex.js";
-import { useComponentContext as P } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import M from "dompurify";
+import { useTranslation as C } from "react-i18next";
+import { useForm as L, FormProvider as Q } from "react-hook-form";
+import { zodResolver as k } from "@hookform/resolvers/zod";
+import { z as l } from "zod";
+import "@tanstack/react-query";
+import { useInformationRequestsGetInformationRequestsSuspense as z } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
+import { useInformationRequestsSubmitMutation as B } from "@gusto/embedded-api/react-query/informationRequestsSubmit";
+import { ResponseType as i } from "@gusto/embedded-api/models/components/informationrequest";
+import { ResponseType as v } from "@gusto/embedded-api/models/operations/submitinformationrequest";
+import s from "./InformationRequestForm.module.scss.js";
+import { BaseComponent as W } from "../../Base/Base.js";
+import { useBase as j } from "../../Base/useBase.js";
+import { Flex as E } from "../../Common/Flex/Flex.js";
+import { useComponentContext as H } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { FileInputField as J } from "../../Common/Fields/FileInputField/FileInputField.js";
-import { Form as Z } from "../../Common/Form/Form.js";
-import { useComponentDictionary as ee, useI18n as A } from "../../../i18n/I18n.js";
-import { informationRequestEvents as C } from "../../../shared/constants.js";
-import { useFlow as ne } from "../../Flow/useFlow.js";
-import { TextInputField as te } from "../../Common/Fields/TextInputField/TextInputField.js";
-const M = "gusto-sdk-information-request-form", oe = ["image/jpeg", "image/png", "application/pdf"], se = {
+import { FileInputField as G } from "../../Common/Fields/FileInputField/FileInputField.js";
+import { Form as V } from "../../Common/Form/Form.js";
+import { useComponentDictionary as X, useI18n as Y } from "../../../i18n/I18n.js";
+import { informationRequestEvents as $ } from "../../../shared/constants.js";
+import "../../Flow/useFlow.js";
+import { TextInputField as J } from "../../Common/Fields/TextInputField/TextInputField.js";
+const K = "gusto-sdk-information-request-form", Z = ["image/jpeg", "image/png", "application/pdf"], ee = {
   ALLOWED_TAGS: ["a", "b", "strong"],
   ALLOWED_ATTR: ["target", "href", "rel"]
-}, ie = 5e3, re = f.record(
-  f.string(),
-  f.union([f.string().min(1), f.instanceof(File)])
+}, oe = 5e3, ne = l.record(
+  l.string(),
+  l.union([l.string().min(1), l.instanceof(File)])
 );
-function ae(o) {
-  return /* @__PURE__ */ e(Y, { ...o, children: /* @__PURE__ */ e(le, { ...o, children: o.children }) });
+function Pe(t) {
+  return /* @__PURE__ */ e(W, { ...t, children: /* @__PURE__ */ e(ae, { ...t, children: t.children }) });
 }
-const ue = (o) => new Promise((s, r) => {
-  const n = new FileReader();
-  n.onload = () => {
-    s(n.result);
-  }, n.onerror = r, n.readAsDataURL(o);
-}), me = [u.Text, u.Document];
-function O(o) {
-  return o.some((s) => !me.includes(s.responseType));
+const te = (t) => new Promise((r, h) => {
+  const o = new FileReader();
+  o.onload = () => {
+    r(o.result);
+  }, o.onerror = h, o.readAsDataURL(t);
+}), se = [i.Text, i.Document];
+function re(t) {
+  return t.some((r) => !se.includes(r.responseType));
 }
-function ce(o) {
-  return o.some((s) => s.responseType === u.Persona);
+function ie(t) {
+  return t.some((r) => r.responseType === i.Persona);
 }
-function le({ companyId: o, requestId: s, dictionary: r }) {
-  ee("InformationRequests.InformationRequestForm", r), A("InformationRequests.InformationRequestForm");
-  const { t: n } = D("InformationRequests.InformationRequestForm"), { Alert: T, Heading: y, Text: m } = P(), { onEvent: g, baseSubmitHandler: I } = $(), { data: x } = _({
-    companyUuid: o
-  }), l = x.informationRequests?.find((t) => t.uuid === s), a = l?.requiredQuestions ?? [], F = l?.blockingPayroll ?? !1, w = O(a), N = ce(a), { mutateAsync: Q } = V(), v = {}, E = [];
-  a.forEach((t) => {
-    t.responseType === u.Text ? (E.push(t.questionUuid), v[t.questionUuid] = "") : t.responseType === u.Document && (E.push(t.questionUuid), v[t.questionUuid] = void 0);
+function ae({ companyId: t, requestId: r, dictionary: h }) {
+  X("InformationRequests.InformationRequestForm", h), Y("InformationRequests.InformationRequestForm");
+  const { t: o } = C("InformationRequests.InformationRequestForm"), { Alert: F, Heading: S, Text: a } = H(), { onEvent: x, baseSubmitHandler: N } = j(), { data: D } = z({
+    companyUuid: t
+  }), y = D.informationRequests?.find((n) => n.uuid === r), c = y?.requiredQuestions ?? [], U = y?.blockingPayroll ?? !1, b = re(c), g = ie(c), { mutateAsync: P } = B(), T = {}, R = [];
+  c.forEach((n) => {
+    n.responseType === i.Text ? (R.push(n.questionUuid), T[n.questionUuid] = "") : n.responseType === i.Document && (R.push(n.questionUuid), T[n.questionUuid] = void 0);
   });
-  const b = W({
-    resolver: G(re),
-    defaultValues: v
-  }), L = async (t) => {
-    await I(t, async () => {
-      const h = (await Promise.all(
-        E.map(async (p) => {
-          const d = t[p];
-          if (typeof d == "string")
+  const I = L({
+    resolver: k(ne),
+    defaultValues: T
+  }), _ = async (n) => {
+    await N(n, async () => {
+      const f = (await Promise.all(
+        R.map(async (u) => {
+          const m = n[u];
+          if (typeof m == "string")
             return {
-              questionUuid: p,
-              responseType: U.Text,
-              textResponse: d
+              questionUuid: u,
+              responseType: v.Text,
+              textResponse: m
             };
-          if (d instanceof File) {
-            const z = await ue(d);
+          if (m instanceof File) {
+            const w = await te(m);
             return {
-              questionUuid: p,
-              responseType: U.Document,
-              fileResponse: z,
-              fileName: d.name
+              questionUuid: u,
+              responseType: v.Document,
+              fileResponse: w,
+              fileName: m.name
             };
           }
           return null;
         })
-      )).filter((p) => p !== null), S = await Q({
+      )).filter((u) => u !== null), q = await P({
         request: {
-          informationRequestUuid: s,
+          informationRequestUuid: r,
           requestBody: {
-            requiredQuestions: h
+            requiredQuestions: f
           }
         }
       });
-      g(C.INFORMATION_REQUEST_FORM_DONE, S.informationRequest);
+      x($.INFORMATION_REQUEST_FORM_DONE, q.informationRequest);
     });
-  }, k = (t) => {
-    const R = t.questionUuid, h = t.responseType === u.Document, S = t.responseType === u.Text;
-    return /* @__PURE__ */ c("div", { className: i.questionCard, children: [
-      /* @__PURE__ */ c("div", { className: i.questionDescription, children: [
-        /* @__PURE__ */ e(m, { size: "sm", weight: "medium", children: n(h ? "questionTypes.document" : "questionTypes.answer") }),
-        /* @__PURE__ */ e(m, { size: "sm", variant: "supporting", children: /* @__PURE__ */ e(
+  }, A = (n) => {
+    const d = n.questionUuid, f = n.responseType === i.Document, q = n.responseType === i.Text;
+    return /* @__PURE__ */ p("div", { className: s.questionCard, children: [
+      /* @__PURE__ */ p("div", { className: s.questionDescription, children: [
+        /* @__PURE__ */ e(a, { size: "sm", weight: "medium", children: o(f ? "questionTypes.document" : "questionTypes.answer") }),
+        /* @__PURE__ */ e(a, { size: "sm", variant: "supporting", children: /* @__PURE__ */ e(
           "span",
           {
             dangerouslySetInnerHTML: {
-              __html: B.sanitize(t.questionText, se)
+              __html: M.sanitize(n.questionText, ee)
             }
           }
         ) })
       ] }),
-      /* @__PURE__ */ e("hr", { className: i.divider }),
-      S && /* @__PURE__ */ e("div", { className: i.textInputWrapper, children: /* @__PURE__ */ e(
-        te,
+      /* @__PURE__ */ e("hr", { className: s.divider }),
+      q && /* @__PURE__ */ e("div", { className: s.textInputWrapper, children: /* @__PURE__ */ e(
+        J,
         {
-          name: R,
-          label: n("fields.textAnswer.label"),
-          placeholder: n("fields.textAnswer.placeholder"),
-          maxLength: ie,
+          name: d,
+          label: o("fields.textAnswer.label"),
+          placeholder: o("fields.textAnswer.placeholder"),
+          maxLength: oe,
           isRequired: !0,
-          errorMessage: n("validation.required")
+          errorMessage: o("validation.required")
         }
       ) }),
-      h && /* @__PURE__ */ e("div", { className: i.fileInputWrapper, children: /* @__PURE__ */ e(
-        J,
+      f && /* @__PURE__ */ e("div", { className: s.fileInputWrapper, children: /* @__PURE__ */ e(
+        G,
         {
-          name: R,
-          label: n("fields.fileUpload.label"),
-          accept: oe,
+          name: d,
+          label: o("fields.fileUpload.label"),
+          accept: Z,
           isRequired: !0,
-          errorMessage: n("validation.required")
+          errorMessage: o("validation.required")
         }
       ) })
-    ] }, R);
-  }, j = /* @__PURE__ */ c("div", { className: i.questionCard, children: [
-    /* @__PURE__ */ c("div", { className: i.questionDescription, children: [
-      /* @__PURE__ */ e(m, { weight: "medium", children: n(N ? "unsupported.persona.title" : "unsupported.generic.title") }),
-      /* @__PURE__ */ e(m, { children: n(
-        N ? "unsupported.persona.description" : "unsupported.generic.description"
+    ] }, d);
+  }, O = /* @__PURE__ */ p("div", { className: s.questionCard, children: [
+    /* @__PURE__ */ p("div", { className: s.questionDescription, children: [
+      /* @__PURE__ */ e(a, { weight: "medium", children: o(g ? "unsupported.persona.title" : "unsupported.generic.title") }),
+      /* @__PURE__ */ e(a, { children: o(
+        g ? "unsupported.persona.description" : "unsupported.generic.description"
       ) })
     ] }),
-    /* @__PURE__ */ e("hr", { className: i.divider }),
-    /* @__PURE__ */ e("div", { className: i.contactSupport, children: /* @__PURE__ */ e(m, { variant: "supporting", children: n("unsupported.contactSupport") }) })
+    /* @__PURE__ */ e("hr", { className: s.divider }),
+    /* @__PURE__ */ e("div", { className: s.contactSupport, children: /* @__PURE__ */ e(a, { variant: "supporting", children: o("unsupported.contactSupport") }) })
   ] });
-  return /* @__PURE__ */ e("div", { className: i.root, children: /* @__PURE__ */ c(q, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ e(y, { as: "h2", children: n("title") }),
-    F && /* @__PURE__ */ e(T, { status: "error", label: n("blockingAlert.title"), disableScrollIntoView: !0, children: n("blockingAlert.description") }),
-    w ? j : /* @__PURE__ */ e(H, { ...b, children: /* @__PURE__ */ e(Z, { id: M, onSubmit: b.handleSubmit(L), children: /* @__PURE__ */ e(q, { flexDirection: "column", gap: 16, children: a.map(k) }) }) })
+  return /* @__PURE__ */ e("div", { className: s.root, children: /* @__PURE__ */ p(E, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ e(S, { as: "h2", children: o("title") }),
+    U && /* @__PURE__ */ e(F, { status: "error", label: o("blockingAlert.title"), disableScrollIntoView: !0, children: o("blockingAlert.description") }),
+    b ? O : /* @__PURE__ */ e(Q, { ...I, children: /* @__PURE__ */ e(V, { id: K, onSubmit: I.handleSubmit(_), children: /* @__PURE__ */ e(E, { flexDirection: "column", gap: 16, children: c.map(A) }) }) })
   ] }) });
 }
-const pe = ({ onEvent: o }) => {
-  A("InformationRequests.InformationRequestForm");
-  const { t: s } = D("InformationRequests.InformationRequestForm"), { Button: r } = P(), { companyId: n, selectedRequestId: T } = ne(), { data: y } = _({
-    companyUuid: n
-  }), g = y.informationRequests?.find((F) => F.uuid === T)?.requiredQuestions ?? [], I = O(g), l = K({
-    mutationKey: X()
-  }) > 0, a = () => {
-    o(C.INFORMATION_REQUEST_FORM_CANCEL);
-  };
-  return I ? /* @__PURE__ */ e(q, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(r, { variant: "secondary", onClick: a, children: s("cta.close") }) }) : /* @__PURE__ */ c(q, { justifyContent: "flex-end", gap: 12, children: [
-    /* @__PURE__ */ e(r, { variant: "secondary", onClick: a, isDisabled: l, children: s("cta.cancel") }),
-    /* @__PURE__ */ e(
-      r,
-      {
-        variant: "primary",
-        type: "submit",
-        form: M,
-        isLoading: l,
-        children: s("cta.submit")
-      }
-    )
-  ] });
-};
-ae.Footer = pe;
 export {
-  ae as InformationRequestForm
+  Pe as InformationRequestForm
 };
 //# sourceMappingURL=InformationRequestForm.js.map

package/dist/components/InformationRequests/InformationRequestForm/InformationRequestForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationRequestForm.js","sources":["../../../../src/components/InformationRequests/InformationRequestForm/InformationRequestForm.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useIsMutating } from '@tanstack/react-query'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport {\n  useInformationRequestsSubmitMutation,\n  mutationKeyInformationRequestsSubmit,\n} from '@gusto/embedded-api/react-query/informationRequestsSubmit'\nimport type { RequiredQuestions } from '@gusto/embedded-api/models/components/informationrequest'\nimport { ResponseType } from '@gusto/embedded-api/models/components/informationrequest'\nimport { ResponseType as SubmitResponseType } from '@gusto/embedded-api/models/operations/submitinformationrequest'\nimport type { InformationRequestsContextInterface } from '../InformationRequestsComponents'\nimport styles from './InformationRequestForm.module.scss'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex, TextInputField } from '@/components/Common'\nimport { FileInputField } from '@/components/Common/Fields/FileInputField'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { informationRequestEvents, type EventType } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\n\nconst INFORMATION_REQUEST_FORM_ID = 'gusto-sdk-information-request-form'\nconst ACCEPTED_FILE_TYPES = ['image/jpeg', 'image/png', 'application/pdf']\nconst dompurifyConfig = {\n  ALLOWED_TAGS: ['a', 'b', 'strong'],\n  ALLOWED_ATTR: ['target', 'href', 'rel'],\n}\n\n/* API does not enforce an upper limit, so set a reasonable character max for a single-line input. */\nconst MAX_TEXT_RESPONSE = 5000\n\nconst InformationRequestFormSchema = z.record(\n  z.string(),\n  z.union([z.string().min(1), z.instanceof(File)]),\n)\n\ntype InformationRequestFormValues = z.infer<typeof InformationRequestFormSchema>\n\n/**\n * Props for {@link InformationRequestForm}.\n *\n * @public\n */\nexport interface InformationRequestFormProps extends BaseComponentInterface<'InformationRequests.InformationRequestForm'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The identifier of the information request to respond to. */\n  requestId: string\n  /** Event handler invoked when the form is submitted or cancelled. See the events table in {@link InformationRequestForm}. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Dynamic response form for a single information request.\n *\n * Renders supported question types (text and document upload) based on the request's\n * `requiredQuestions` payload and submits responses to the Submit information request\n * endpoint. Use this component directly when you have built your own list or routing\n * surface and need to host the form — typically inside a modal or page you control.\n *\n * Requests with unsupported response types (e.g. `persona`-driven identity verification)\n * display a guidance message instead of the form; in those cases the user must complete\n * the request through your own integration with the underlying provider.\n *\n * Text inputs accept up to 5,000 characters. Document uploads are restricted to JPEG,\n * PNG, or PDF.\n *\n * @remarks\n * Events emitted via `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `informationRequest/form/done` | Fired when the form is successfully submitted | The `informationRequest` field from the Submit information request response |\n * | `informationRequest/form/cancel` | Fired when the user cancels the form | — |\n *\n * @param props - See {@link InformationRequestFormProps}.\n * @returns The rendered information request response form.\n * @public\n */\nexport function InformationRequestForm(props: InformationRequestFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst convertFileToDataUrl = (file: File) => {\n  return new Promise<string>((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => {\n      resolve(reader.result as string)\n    }\n    reader.onerror = reject\n    reader.readAsDataURL(file)\n  })\n}\n\nconst SUPPORTED_RESPONSE_TYPES: ResponseType[] = [ResponseType.Text, ResponseType.Document]\n\nfunction hasUnsupportedQuestionTypes(questions: RequiredQuestions[]) {\n  return questions.some(question => !SUPPORTED_RESPONSE_TYPES.includes(question.responseType))\n}\n\nfunction hasPersonaQuestionType(questions: RequiredQuestions[]) {\n  return questions.some(question => question.responseType === ResponseType.Persona)\n}\n\nfunction Root({ companyId, requestId, dictionary }: InformationRequestFormProps) {\n  useComponentDictionary('InformationRequests.InformationRequestForm', dictionary)\n  useI18n('InformationRequests.InformationRequestForm')\n  const { t } = useTranslation('InformationRequests.InformationRequestForm')\n  const { Alert, Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const informationRequest = data.informationRequests?.find(req => req.uuid === requestId)\n  const requiredQuestions = informationRequest?.requiredQuestions ?? []\n  const isBlockingPayroll = informationRequest?.blockingPayroll ?? false\n  const hasUnsupportedTypes = hasUnsupportedQuestionTypes(requiredQuestions)\n  const hasPersonaType = hasPersonaQuestionType(requiredQuestions)\n\n  const { mutateAsync: submitInformationRequest } = useInformationRequestsSubmitMutation()\n\n  const defaultValues: Record<string, string | File | undefined> = {}\n  const questionUuids: string[] = []\n\n  requiredQuestions.forEach(question => {\n    if (question.responseType === ResponseType.Text) {\n      questionUuids.push(question.questionUuid)\n      defaultValues[question.questionUuid] = ''\n    } else if (question.responseType === ResponseType.Document) {\n      questionUuids.push(question.questionUuid)\n      defaultValues[question.questionUuid] = undefined\n    }\n  })\n\n  const formMethods = useForm<InformationRequestFormValues>({\n    resolver: zodResolver(InformationRequestFormSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InformationRequestFormValues) => {\n    await baseSubmitHandler(formData, async () => {\n      const questionResponses = await Promise.all(\n        questionUuids.map(async uuid => {\n          const value = formData[uuid]\n\n          if (typeof value === 'string') {\n            return {\n              questionUuid: uuid,\n              responseType: SubmitResponseType.Text,\n              textResponse: value,\n            }\n          }\n\n          if (value instanceof File) {\n            const fileResponse = await convertFileToDataUrl(value)\n            return {\n              questionUuid: uuid,\n              responseType: SubmitResponseType.Document,\n              fileResponse,\n              fileName: value.name,\n            }\n          }\n\n          return null\n        }),\n      )\n\n      const validResponses = questionResponses.filter(response => response !== null)\n\n      const response = await submitInformationRequest({\n        request: {\n          informationRequestUuid: requestId,\n          requestBody: {\n            requiredQuestions: validResponses,\n          },\n        },\n      })\n\n      onEvent(informationRequestEvents.INFORMATION_REQUEST_FORM_DONE, response.informationRequest)\n    })\n  }\n\n  const renderQuestion = (question: RequiredQuestions) => {\n    const fieldName = question.questionUuid\n    const isDocumentType = question.responseType === ResponseType.Document\n    const isTextType = question.responseType === ResponseType.Text\n\n    return (\n      <div key={fieldName} className={styles.questionCard}>\n        <div className={styles.questionDescription}>\n          <Text size=\"sm\" weight=\"medium\">\n            {isDocumentType ? t('questionTypes.document') : t('questionTypes.answer')}\n          </Text>\n          <Text size=\"sm\" variant=\"supporting\">\n            {/* SECURITY: XSS mitigated via DOMPurify with strict allowlist. Pattern matches TaxInputs.tsx */}\n            <span\n              dangerouslySetInnerHTML={{\n                __html: DOMPurify.sanitize(question.questionText, dompurifyConfig),\n              }}\n            />\n          </Text>\n        </div>\n\n        <hr className={styles.divider} />\n\n        {isTextType && (\n          <div className={styles.textInputWrapper}>\n            <TextInputField\n              name={fieldName}\n              label={t('fields.textAnswer.label')}\n              placeholder={t('fields.textAnswer.placeholder')}\n              maxLength={MAX_TEXT_RESPONSE}\n              isRequired\n              errorMessage={t('validation.required')}\n            />\n          </div>\n        )}\n\n        {isDocumentType && (\n          <div className={styles.fileInputWrapper}>\n            <FileInputField\n              name={fieldName}\n              label={t('fields.fileUpload.label')}\n              accept={ACCEPTED_FILE_TYPES}\n              isRequired\n              errorMessage={t('validation.required')}\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  const unsupportedPlaceholder = (\n    <div className={styles.questionCard}>\n      <div className={styles.questionDescription}>\n        <Text weight=\"medium\">\n          {t(hasPersonaType ? 'unsupported.persona.title' : 'unsupported.generic.title')}\n        </Text>\n        <Text>\n          {t(\n            hasPersonaType ? 'unsupported.persona.description' : 'unsupported.generic.description',\n          )}\n        </Text>\n      </div>\n\n      <hr className={styles.divider} />\n\n      <div className={styles.contactSupport}>\n        <Text variant=\"supporting\">{t('unsupported.contactSupport')}</Text>\n      </div>\n    </div>\n  )\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h2\">{t('title')}</Heading>\n\n        {isBlockingPayroll && (\n          <Alert status=\"error\" label={t('blockingAlert.title')} disableScrollIntoView>\n            {t('blockingAlert.description')}\n          </Alert>\n        )}\n\n        {hasUnsupportedTypes ? (\n          unsupportedPlaceholder\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form id={INFORMATION_REQUEST_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Flex flexDirection=\"column\" gap={16}>\n                {requiredQuestions.map(renderQuestion)}\n              </Flex>\n            </Form>\n          </FormProvider>\n        )}\n      </Flex>\n    </div>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('InformationRequests.InformationRequestForm')\n  const { t } = useTranslation('InformationRequests.InformationRequestForm')\n  const { Button } = useComponentContext()\n  const { companyId, selectedRequestId } = useFlow<InformationRequestsContextInterface>()\n\n  const { data } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const informationRequest = data.informationRequests?.find(req => req.uuid === selectedRequestId)\n  const requiredQuestions = informationRequest?.requiredQuestions ?? []\n  const hasUnsupportedTypes = hasUnsupportedQuestionTypes(requiredQuestions)\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyInformationRequestsSubmit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL)\n  }\n\n  if (hasUnsupportedTypes) {\n    return (\n      <Flex justifyContent=\"flex-end\" gap={12}>\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          {t('cta.close')}\n        </Button>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={INFORMATION_REQUEST_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.submit')}\n      </Button>\n    </Flex>\n  )\n}\n\nInformationRequestForm.Footer = Footer\n"],"names":["INFORMATION_REQUEST_FORM_ID","ACCEPTED_FILE_TYPES","dompurifyConfig","MAX_TEXT_RESPONSE","InformationRequestFormSchema","z","InformationRequestForm","props","jsx","BaseComponent","Root","convertFileToDataUrl","file","resolve","reject","reader","SUPPORTED_RESPONSE_TYPES","ResponseType","hasUnsupportedQuestionTypes","questions","question","hasPersonaQuestionType","companyId","requestId","dictionary","useComponentDictionary","useI18n","t","useTranslation","Alert","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","data","useInformationRequestsGetInformationRequestsSuspense","informationRequest","req","requiredQuestions","isBlockingPayroll","hasUnsupportedTypes","hasPersonaType","submitInformationRequest","useInformationRequestsSubmitMutation","defaultValues","questionUuids","formMethods","useForm","zodResolver","onSubmit","formData","validResponses","uuid","value","SubmitResponseType","fileResponse","response","informationRequestEvents","renderQuestion","fieldName","isDocumentType","isTextType","jsxs","styles","DOMPurify","TextInputField","FileInputField","unsupportedPlaceholder","Flex","FormProvider","Form","Footer","Button","selectedRequestId","useFlow","isPending","useIsMutating","mutationKeyInformationRequestsSubmit","handleCancel"],"mappings":"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"}
+{"version":3,"file":"InformationRequestForm.js","sources":["../../../../src/components/InformationRequests/InformationRequestForm/InformationRequestForm.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useIsMutating } from '@tanstack/react-query'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport {\n  useInformationRequestsSubmitMutation,\n  mutationKeyInformationRequestsSubmit,\n} from '@gusto/embedded-api/react-query/informationRequestsSubmit'\nimport type { RequiredQuestions } from '@gusto/embedded-api/models/components/informationrequest'\nimport { ResponseType } from '@gusto/embedded-api/models/components/informationrequest'\nimport { ResponseType as SubmitResponseType } from '@gusto/embedded-api/models/operations/submitinformationrequest'\nimport type { InformationRequestsContextInterface } from '../InformationRequestsComponents'\nimport styles from './InformationRequestForm.module.scss'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex, TextInputField } from '@/components/Common'\nimport { FileInputField } from '@/components/Common/Fields/FileInputField'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { informationRequestEvents, type EventType } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\n\nconst INFORMATION_REQUEST_FORM_ID = 'gusto-sdk-information-request-form'\nconst ACCEPTED_FILE_TYPES = ['image/jpeg', 'image/png', 'application/pdf']\nconst dompurifyConfig = {\n  ALLOWED_TAGS: ['a', 'b', 'strong'],\n  ALLOWED_ATTR: ['target', 'href', 'rel'],\n}\n\n/* API does not enforce an upper limit, so set a reasonable character max for a single-line input. */\nconst MAX_TEXT_RESPONSE = 5000\n\nconst InformationRequestFormSchema = z.record(\n  z.string(),\n  z.union([z.string().min(1), z.instanceof(File)]),\n)\n\ntype InformationRequestFormValues = z.infer<typeof InformationRequestFormSchema>\n\n/**\n * Props for {@link InformationRequestForm}.\n *\n * @public\n */\nexport interface InformationRequestFormProps extends BaseComponentInterface<'InformationRequests.InformationRequestForm'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The identifier of the information request to respond to. */\n  requestId: string\n  /** Event handler invoked when the form is submitted or cancelled. See the events table in {@link InformationRequestForm}. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Dynamic response form for a single information request.\n *\n * Renders supported question types (text and document upload) based on the request's\n * `requiredQuestions` payload and submits responses to the Submit information request\n * endpoint. Use this component directly when you have built your own list or routing\n * surface and need to host the form — typically inside a modal or page you control.\n *\n * Requests with unsupported response types (e.g. `persona`-driven identity verification)\n * display a guidance message instead of the form; in those cases the user must complete\n * the request through your own integration with the underlying provider.\n *\n * Text inputs accept up to 5,000 characters. Document uploads are restricted to JPEG,\n * PNG, or PDF.\n *\n * @remarks\n * Events emitted via `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `informationRequest/form/done` | Fired when the form is successfully submitted | The `informationRequest` field from the Submit information request response |\n * | `informationRequest/form/cancel` | Fired when the user cancels the form | — |\n *\n * @param props - See {@link InformationRequestFormProps}.\n * @returns The rendered information request response form.\n * @public\n */\nexport function InformationRequestForm(props: InformationRequestFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst convertFileToDataUrl = (file: File) => {\n  return new Promise<string>((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => {\n      resolve(reader.result as string)\n    }\n    reader.onerror = reject\n    reader.readAsDataURL(file)\n  })\n}\n\nconst SUPPORTED_RESPONSE_TYPES: ResponseType[] = [ResponseType.Text, ResponseType.Document]\n\nfunction hasUnsupportedQuestionTypes(questions: RequiredQuestions[]) {\n  return questions.some(question => !SUPPORTED_RESPONSE_TYPES.includes(question.responseType))\n}\n\nfunction hasPersonaQuestionType(questions: RequiredQuestions[]) {\n  return questions.some(question => question.responseType === ResponseType.Persona)\n}\n\nfunction Root({ companyId, requestId, dictionary }: InformationRequestFormProps) {\n  useComponentDictionary('InformationRequests.InformationRequestForm', dictionary)\n  useI18n('InformationRequests.InformationRequestForm')\n  const { t } = useTranslation('InformationRequests.InformationRequestForm')\n  const { Alert, Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const informationRequest = data.informationRequests?.find(req => req.uuid === requestId)\n  const requiredQuestions = informationRequest?.requiredQuestions ?? []\n  const isBlockingPayroll = informationRequest?.blockingPayroll ?? false\n  const hasUnsupportedTypes = hasUnsupportedQuestionTypes(requiredQuestions)\n  const hasPersonaType = hasPersonaQuestionType(requiredQuestions)\n\n  const { mutateAsync: submitInformationRequest } = useInformationRequestsSubmitMutation()\n\n  const defaultValues: Record<string, string | File | undefined> = {}\n  const questionUuids: string[] = []\n\n  requiredQuestions.forEach(question => {\n    if (question.responseType === ResponseType.Text) {\n      questionUuids.push(question.questionUuid)\n      defaultValues[question.questionUuid] = ''\n    } else if (question.responseType === ResponseType.Document) {\n      questionUuids.push(question.questionUuid)\n      defaultValues[question.questionUuid] = undefined\n    }\n  })\n\n  const formMethods = useForm<InformationRequestFormValues>({\n    resolver: zodResolver(InformationRequestFormSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InformationRequestFormValues) => {\n    await baseSubmitHandler(formData, async () => {\n      const questionResponses = await Promise.all(\n        questionUuids.map(async uuid => {\n          const value = formData[uuid]\n\n          if (typeof value === 'string') {\n            return {\n              questionUuid: uuid,\n              responseType: SubmitResponseType.Text,\n              textResponse: value,\n            }\n          }\n\n          if (value instanceof File) {\n            const fileResponse = await convertFileToDataUrl(value)\n            return {\n              questionUuid: uuid,\n              responseType: SubmitResponseType.Document,\n              fileResponse,\n              fileName: value.name,\n            }\n          }\n\n          return null\n        }),\n      )\n\n      const validResponses = questionResponses.filter(response => response !== null)\n\n      const response = await submitInformationRequest({\n        request: {\n          informationRequestUuid: requestId,\n          requestBody: {\n            requiredQuestions: validResponses,\n          },\n        },\n      })\n\n      onEvent(informationRequestEvents.INFORMATION_REQUEST_FORM_DONE, response.informationRequest)\n    })\n  }\n\n  const renderQuestion = (question: RequiredQuestions) => {\n    const fieldName = question.questionUuid\n    const isDocumentType = question.responseType === ResponseType.Document\n    const isTextType = question.responseType === ResponseType.Text\n\n    return (\n      <div key={fieldName} className={styles.questionCard}>\n        <div className={styles.questionDescription}>\n          <Text size=\"sm\" weight=\"medium\">\n            {isDocumentType ? t('questionTypes.document') : t('questionTypes.answer')}\n          </Text>\n          <Text size=\"sm\" variant=\"supporting\">\n            {/* SECURITY: XSS mitigated via DOMPurify with strict allowlist. Pattern matches TaxInputs.tsx */}\n            <span\n              dangerouslySetInnerHTML={{\n                __html: DOMPurify.sanitize(question.questionText, dompurifyConfig),\n              }}\n            />\n          </Text>\n        </div>\n\n        <hr className={styles.divider} />\n\n        {isTextType && (\n          <div className={styles.textInputWrapper}>\n            <TextInputField\n              name={fieldName}\n              label={t('fields.textAnswer.label')}\n              placeholder={t('fields.textAnswer.placeholder')}\n              maxLength={MAX_TEXT_RESPONSE}\n              isRequired\n              errorMessage={t('validation.required')}\n            />\n          </div>\n        )}\n\n        {isDocumentType && (\n          <div className={styles.fileInputWrapper}>\n            <FileInputField\n              name={fieldName}\n              label={t('fields.fileUpload.label')}\n              accept={ACCEPTED_FILE_TYPES}\n              isRequired\n              errorMessage={t('validation.required')}\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  const unsupportedPlaceholder = (\n    <div className={styles.questionCard}>\n      <div className={styles.questionDescription}>\n        <Text weight=\"medium\">\n          {t(hasPersonaType ? 'unsupported.persona.title' : 'unsupported.generic.title')}\n        </Text>\n        <Text>\n          {t(\n            hasPersonaType ? 'unsupported.persona.description' : 'unsupported.generic.description',\n          )}\n        </Text>\n      </div>\n\n      <hr className={styles.divider} />\n\n      <div className={styles.contactSupport}>\n        <Text variant=\"supporting\">{t('unsupported.contactSupport')}</Text>\n      </div>\n    </div>\n  )\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h2\">{t('title')}</Heading>\n\n        {isBlockingPayroll && (\n          <Alert status=\"error\" label={t('blockingAlert.title')} disableScrollIntoView>\n            {t('blockingAlert.description')}\n          </Alert>\n        )}\n\n        {hasUnsupportedTypes ? (\n          unsupportedPlaceholder\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form id={INFORMATION_REQUEST_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Flex flexDirection=\"column\" gap={16}>\n                {requiredQuestions.map(renderQuestion)}\n              </Flex>\n            </Form>\n          </FormProvider>\n        )}\n      </Flex>\n    </div>\n  )\n}\n\n/** @internal */\nexport function Footer({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) {\n  useI18n('InformationRequests.InformationRequestForm')\n  const { t } = useTranslation('InformationRequests.InformationRequestForm')\n  const { Button } = useComponentContext()\n  const { companyId, selectedRequestId } = useFlow<InformationRequestsContextInterface>()\n\n  const { data } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const informationRequest = data.informationRequests?.find(req => req.uuid === selectedRequestId)\n  const requiredQuestions = informationRequest?.requiredQuestions ?? []\n  const hasUnsupportedTypes = hasUnsupportedQuestionTypes(requiredQuestions)\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyInformationRequestsSubmit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL)\n  }\n\n  if (hasUnsupportedTypes) {\n    return (\n      <Flex justifyContent=\"flex-end\" gap={12}>\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          {t('cta.close')}\n        </Button>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={INFORMATION_REQUEST_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.submit')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["INFORMATION_REQUEST_FORM_ID","ACCEPTED_FILE_TYPES","dompurifyConfig","MAX_TEXT_RESPONSE","InformationRequestFormSchema","z","InformationRequestForm","props","jsx","BaseComponent","Root","convertFileToDataUrl","file","resolve","reject","reader","SUPPORTED_RESPONSE_TYPES","ResponseType","hasUnsupportedQuestionTypes","questions","question","hasPersonaQuestionType","companyId","requestId","dictionary","useComponentDictionary","useI18n","t","useTranslation","Alert","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","data","useInformationRequestsGetInformationRequestsSuspense","informationRequest","req","requiredQuestions","isBlockingPayroll","hasUnsupportedTypes","hasPersonaType","submitInformationRequest","useInformationRequestsSubmitMutation","defaultValues","questionUuids","formMethods","useForm","zodResolver","onSubmit","formData","validResponses","uuid","value","SubmitResponseType","fileResponse","response","informationRequestEvents","renderQuestion","fieldName","isDocumentType","isTextType","jsxs","styles","DOMPurify","TextInputField","FileInputField","unsupportedPlaceholder","Flex","FormProvider","Form"],"mappings":"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"}

package/dist/components/InformationRequests/InformationRequestsComponents.d.ts

@@ -14,8 +14,3 @@ export interface InformationRequestsContextInterface extends FlowContextInterfac
 }
 /** @internal */
 export declare function InformationRequestFormContextual(): import("react").JSX.Element;
-export declare namespace InformationRequestFormContextual {
-    var Footer: ({ onEvent }: {
-        onEvent: OnEventType<EventType, unknown>;
-    }) => import("react").JSX.Element;
-}

package/dist/components/InformationRequests/InformationRequestsComponents.js

@@ -1,20 +1,19 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useFlow as n } from "../Flow/useFlow.js";
-import { ensureRequired as u } from "../../helpers/ensureRequired.js";
-import { InformationRequestForm as o } from "./InformationRequestForm/InformationRequestForm.js";
-function s() {
-  const { companyId: e, selectedRequestId: r, onEvent: t } = n();
-  return /* @__PURE__ */ m(
-    o,
+import { jsx as t } from "react/jsx-runtime";
+import { useFlow as m } from "../Flow/useFlow.js";
+import { ensureRequired as n } from "../../helpers/ensureRequired.js";
+import { InformationRequestForm as u } from "./InformationRequestForm/InformationRequestForm.js";
+function d() {
+  const { companyId: o, selectedRequestId: e, onEvent: r } = m();
+  return /* @__PURE__ */ t(
+    u,
     {
-      companyId: e,
-      requestId: u(r),
-      onEvent: t
+      companyId: o,
+      requestId: n(e),
+      onEvent: r
     }
   );
 }
-s.Footer = o.Footer;
 export {
-  s as InformationRequestFormContextual
+  d as InformationRequestFormContextual
 };
 //# sourceMappingURL=InformationRequestsComponents.js.map

package/dist/components/InformationRequests/InformationRequestsComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationRequestsComponents.js","sources":["../../../src/components/InformationRequests/InformationRequestsComponents.tsx"],"sourcesContent":["import { InformationRequestForm } from './InformationRequestForm'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { CommonComponentInterface } from '@/components/Base'\nimport type { EventType } from '@/types/Helpers'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/** @internal */\nexport interface InformationRequestsContextInterface extends FlowContextInterface {\n  companyId: string\n  selectedRequestId?: string\n  component:\n    | (React.ComponentType<CommonComponentInterface> & {\n        Footer?: React.ComponentType<{\n          onEvent: OnEventType<EventType, unknown>\n        }>\n      })\n    | null\n}\n\n/** @internal */\nexport function InformationRequestFormContextual() {\n  const { companyId, selectedRequestId, onEvent } = useFlow<InformationRequestsContextInterface>()\n\n  return (\n    <InformationRequestForm\n      companyId={companyId}\n      requestId={ensureRequired(selectedRequestId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nInformationRequestFormContextual.Footer = InformationRequestForm.Footer\n"],"names":["InformationRequestFormContextual","companyId","selectedRequestId","onEvent","useFlow","jsx","InformationRequestForm","ensureRequired"],"mappings":";;;;AAsBO,SAASA,IAAmC;AACjD,QAAM,EAAE,WAAAC,GAAW,mBAAAC,GAAmB,SAAAC,EAAA,IAAYC,EAAA;AAElD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAL;AAAA,MACA,WAAWM,EAAeL,CAAiB;AAAA,MAC3C,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAH,EAAiC,SAASM,EAAuB;"}
+{"version":3,"file":"InformationRequestsComponents.js","sources":["../../../src/components/InformationRequests/InformationRequestsComponents.tsx"],"sourcesContent":["import { InformationRequestForm } from './InformationRequestForm'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { CommonComponentInterface } from '@/components/Base'\nimport type { EventType } from '@/types/Helpers'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/** @internal */\nexport interface InformationRequestsContextInterface extends FlowContextInterface {\n  companyId: string\n  selectedRequestId?: string\n  component:\n    | (React.ComponentType<CommonComponentInterface> & {\n        Footer?: React.ComponentType<{\n          onEvent: OnEventType<EventType, unknown>\n        }>\n      })\n    | null\n}\n\n/** @internal */\nexport function InformationRequestFormContextual() {\n  const { companyId, selectedRequestId, onEvent } = useFlow<InformationRequestsContextInterface>()\n\n  return (\n    <InformationRequestForm\n      companyId={companyId}\n      requestId={ensureRequired(selectedRequestId)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["InformationRequestFormContextual","companyId","selectedRequestId","onEvent","useFlow","jsx","InformationRequestForm","ensureRequired"],"mappings":";;;;AAsBO,SAASA,IAAmC;AACjD,QAAM,EAAE,WAAAC,GAAW,mBAAAC,GAAmB,SAAAC,EAAA,IAAYC,EAAA;AAElD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAL;AAAA,MACA,WAAWM,EAAeL,CAAiB;AAAA,MAC3C,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useMemo as d } from "react";
 import { usePayrollsGetSuspense as u } from "@gusto/embedded-api/react-query/payrollsGet";
-import { PayrollExecutionFlow as p } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { PayrollExecutionInternalFlow as p } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
 import { DismissalPayPeriodSelection as y } from "./DismissalPayPeriodSelection/DismissalPayPeriodSelection.js";
 import { useFlow as a } from "../../Flow/useFlow.js";
 import { ensureRequired as s } from "../../../helpers/ensureRequired.js";
@@ -18,7 +18,7 @@ function C() {
   );
 }
 function w() {
-  const { companyId: o, payrollUuid: e, onEvent: r, header: t } = a(), i = t?.type === "breadcrumbs" ? t.breadcrumbs?.payPeriodSelection?.[0] : void 0, m = d(() => i ? [i] : void 0, [i]), l = s(o), c = s(e);
+  const { companyId: o, payrollUuid: e, onEvent: r, header: i } = a(), t = i?.type === "breadcrumbs" ? i.breadcrumbs?.payPeriodSelection?.[0] : void 0, m = d(() => t ? [t] : void 0, [t]), l = s(o), c = s(e);
   return /* @__PURE__ */ n(P, { onEvent: r, children: /* @__PURE__ */ n(
     f,
     {
@@ -34,13 +34,13 @@ function f({
   payrollId: e,
   ...r
 }) {
-  const { data: t } = u({ companyId: o, payrollId: e }), i = t.payrollShow?.payPeriod;
+  const { data: i } = u({ companyId: o, payrollId: e }), t = i.payrollShow?.payPeriod;
   return /* @__PURE__ */ n(
     p,
     {
       companyId: o,
       payrollId: e,
-      initialPayPeriod: i,
+      initialPayPeriod: t,
       isDismissalPayroll: !0,
       ...r
     }

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissalFlowComponents.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection/DismissalPayPeriodSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\n/** @internal */\nexport interface DismissalFlowContextInterface extends FlowContextInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** The terminated employee whose final payroll is being run. */\n  employeeId?: string\n  /** The dismissal payroll identifier, set once a pay period has been selected and the payroll created. */\n  payrollUuid?: string\n}\n\n/**\n * Props for {@link DismissalFlow}.\n *\n * @public\n */\nexport interface DismissalFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** The terminated employee whose final payroll is being run. */\n  employeeId?: string\n  /** Handler for events emitted by the flow. See {@link DismissalFlow} for the event table. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional dismissal payroll identifier. When provided, the flow skips pay period selection and starts directly at payroll execution. */\n  payrollId?: string\n}\n\n/** @internal */\nexport function DismissalPayPeriodSelectionContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<DismissalFlowContextInterface>()\n  return (\n    <DismissalPayPeriodSelection\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function DismissalExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, header } = useFlow<DismissalFlowContextInterface>()\n\n  const payPeriodSelectionBreadcrumb =\n    header?.type === 'breadcrumbs' ? header.breadcrumbs?.['payPeriodSelection']?.[0] : undefined\n  const prefixBreadcrumbs = useMemo(() => {\n    return payPeriodSelectionBreadcrumb ? [payPeriodSelectionBreadcrumb] : undefined\n  }, [payPeriodSelectionBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <DismissalExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype DismissalExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction DismissalExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: DismissalExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll\n      {...rest}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelectionContextual","companyId","employeeId","onEvent","useFlow","jsx","DismissalPayPeriodSelection","ensureRequired","DismissalExecutionContextual","payrollUuid","header","payPeriodSelectionBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","DismissalExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AAwCO,SAASA,IAAwC;AACtD,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA+B;AAC7C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,QAAAO,EAAA,IAAWN,EAAA,GAE9CO,IACJD,GAAQ,SAAS,gBAAgBA,EAAO,aAAc,qBAAwB,CAAC,IAAI,QAC/EE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeN,CAAS,GAC5Cc,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA2B;AAAA,EAClC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAkB;AAAA,MACjB,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"DismissalFlowComponents.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionInternalFlow,\n  type PayrollExecutionInternalFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection/DismissalPayPeriodSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\n/** @internal */\nexport interface DismissalFlowContextInterface extends FlowContextInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** The terminated employee whose final payroll is being run. */\n  employeeId?: string\n  /** The dismissal payroll identifier, set once a pay period has been selected and the payroll created. */\n  payrollUuid?: string\n}\n\n/**\n * Props for {@link DismissalFlow}.\n *\n * @public\n */\nexport interface DismissalFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** The terminated employee whose final payroll is being run. */\n  employeeId?: string\n  /** Handler for events emitted by the flow. See {@link DismissalFlow} for the event table. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional dismissal payroll identifier. When provided, the flow skips pay period selection and starts directly at payroll execution. */\n  payrollId?: string\n}\n\n/** @internal */\nexport function DismissalPayPeriodSelectionContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<DismissalFlowContextInterface>()\n  return (\n    <DismissalPayPeriodSelection\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function DismissalExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, header } = useFlow<DismissalFlowContextInterface>()\n\n  const payPeriodSelectionBreadcrumb =\n    header?.type === 'breadcrumbs' ? header.breadcrumbs?.['payPeriodSelection']?.[0] : undefined\n  const prefixBreadcrumbs = useMemo(() => {\n    return payPeriodSelectionBreadcrumb ? [payPeriodSelectionBreadcrumb] : undefined\n  }, [payPeriodSelectionBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <DismissalExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype DismissalExecutionWithDataProps = Pick<\n  PayrollExecutionInternalFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction DismissalExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: DismissalExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionInternalFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll\n      {...rest}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelectionContextual","companyId","employeeId","onEvent","useFlow","jsx","DismissalPayPeriodSelection","ensureRequired","DismissalExecutionContextual","payrollUuid","header","payPeriodSelectionBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","DismissalExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionInternalFlow"],"mappings":";;;;;;;;AAwCO,SAASA,IAAwC;AACtD,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA+B;AAC7C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,QAAAO,EAAA,IAAWN,EAAA,GAE9CO,IACJD,GAAQ,SAAS,gBAAgBA,EAAO,aAAc,qBAAwB,CAAC,IAAI,QAC/EE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeN,CAAS,GAC5Cc,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA2B;AAAA,EAClC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAkB;AAAA,MACjB,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Payroll/OffCycle/OffCycleFlowComponents.d.ts

@@ -5,7 +5,7 @@ import { EventType } from '../../../shared/constants';
 /**
  * Flow context shared across the off-cycle payroll flow steps.
  *
- * @public
+ * @internal
  */
 export interface OffCycleFlowContextInterface extends FlowContextInterface {
     /** The associated company identifier. */

package/dist/components/Payroll/OffCycle/OffCycleFlowComponents.js

@@ -1,7 +1,7 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { useMemo as y } from "react";
 import { usePayrollsGetSuspense as p } from "@gusto/embedded-api/react-query/payrollsGet";
-import { PayrollExecutionFlow as u } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { PayrollExecutionInternalFlow as u } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
 import { isDismissalPayroll as d } from "../helpers.js";
 import { useFlow as s } from "../../Flow/useFlow.js";
 import { ensureRequired as a } from "../../../helpers/ensureRequired.js";
@@ -9,7 +9,7 @@ import { BaseComponent as C } from "../../Base/Base.js";
 import { OffCycleCreation as P } from "../OffCycleCreation/OffCycleCreation.js";
 function D() {
   const { companyId: o, payrollType: r, onEvent: e } = s();
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ l(
     P,
     {
       companyId: a(o),
@@ -19,11 +19,11 @@ function D() {
   );
 }
 function S() {
-  const { companyId: o, payrollUuid: r, onEvent: e, withReimbursements: t, header: n } = s(), m = a(o), c = a(r), l = n?.type === "breadcrumbs" ? n.breadcrumbs?.createOffCyclePayroll?.[0] : void 0, f = y(
-    () => l ? [l] : void 0,
-    [l]
+  const { companyId: o, payrollUuid: r, onEvent: e, withReimbursements: t, header: n } = s(), m = a(o), c = a(r), i = n?.type === "breadcrumbs" ? n.breadcrumbs?.createOffCyclePayroll?.[0] : void 0, f = y(
+    () => i ? [i] : void 0,
+    [i]
   );
-  return /* @__PURE__ */ i(C, { onEvent: e, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ l(C, { onEvent: e, children: /* @__PURE__ */ l(
     x,
     {
       companyId: m,
@@ -40,7 +40,7 @@ function x({
   ...e
 }) {
   const { data: t } = p({ companyId: o, payrollId: r }), n = t.payrollShow?.payPeriod;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ l(
     u,
     {
       companyId: o,

package/dist/components/Payroll/OffCycle/OffCycleFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleFlowComponents.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { OffCycleCreation } from '../OffCycleCreation'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport type { OffCycleReason } from '../OffCycleReasonSelection'\nimport { isDismissalPayroll } from '../helpers'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\n/**\n * Flow context shared across the off-cycle payroll flow steps.\n *\n * @public\n */\nexport interface OffCycleFlowContextInterface extends FlowContextInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** Identifier of the off-cycle payroll created during the flow; set once creation completes. */\n  payrollUuid?: string\n  /** Pre-selected off-cycle reason (bonus or correction). */\n  payrollType?: OffCycleReason\n  /** Whether to show reimbursement fields throughout the execution steps. Defaults to true. */\n  withReimbursements?: boolean\n}\n\n/**\n * Props for {@link OffCycleFlow}.\n *\n * @public\n */\nexport interface OffCycleFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Optional pre-selected off-cycle reason. When provided, the creation form starts with this reason selected. */\n  payrollType?: OffCycleReason\n  /** Callback invoked when the flow emits an event. See the events table on {@link OffCycleFlow}. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional flag to show/hide reimbursement fields throughout the flow. Defaults to true. */\n  withReimbursements?: boolean\n}\n\n/** @internal */\nexport function OffCycleCreationContextual() {\n  const { companyId, payrollType, onEvent } = useFlow<OffCycleFlowContextInterface>()\n  return (\n    <OffCycleCreation\n      companyId={ensureRequired(companyId)}\n      payrollType={payrollType}\n      onEvent={onEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function OffCycleExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements, header } =\n    useFlow<OffCycleFlowContextInterface>()\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  const offCycleRootBreadcrumb =\n    header?.type === 'breadcrumbs' ? header.breadcrumbs?.['createOffCyclePayroll']?.[0] : undefined\n  const prefixBreadcrumbs = useMemo(\n    () => (offCycleRootBreadcrumb ? [offCycleRootBreadcrumb] : undefined),\n    [offCycleRootBreadcrumb],\n  )\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <OffCycleExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        withReimbursements={withReimbursements}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype OffCycleExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs' | 'withReimbursements'\n>\n\nfunction OffCycleExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: OffCycleExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll={isDismissalPayroll(data.payrollShow?.offCycleReason)}\n      {...rest}\n    />\n  )\n}\n"],"names":["OffCycleCreationContextual","companyId","payrollType","onEvent","useFlow","jsx","OffCycleCreation","ensureRequired","OffCycleExecutionContextual","payrollUuid","withReimbursements","header","resolvedCompanyId","resolvedPayrollId","offCycleRootBreadcrumb","prefixBreadcrumbs","useMemo","BaseComponent","OffCycleExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow","isDismissalPayroll"],"mappings":";;;;;;;;;AAgDO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,aAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA8B;AAC5C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,oBAAAO,GAAoB,QAAAC,EAAA,IAC3DP,EAAA,GAEIQ,IAAoBL,EAAeN,CAAS,GAC5CY,IAAoBN,EAAeE,CAAW,GAE9CK,IACJH,GAAQ,SAAS,gBAAgBA,EAAO,aAAc,wBAA2B,CAAC,IAAI,QAClFI,IAAoBC;AAAA,IACxB,MAAOF,IAAyB,CAACA,CAAsB,IAAI;AAAA,IAC3D,CAACA,CAAsB;AAAA,EAAA;AAGzB,SACE,gBAAAT,EAACY,KAAc,SAAAd,GACb,UAAA,gBAAAE;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,MACX,WAAWC;AAAA,MACX,SAAAV;AAAA,MACA,oBAAAO;AAAA,MACA,mBAAAK;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASG,EAA0B;AAAA,EACjC,WAAAjB;AAAA,EACA,WAAAkB;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAArB,GAAW,WAAAkB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAhB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,WAAAvB;AAAA,MACA,WAAAkB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAoBE,EAAmBJ,EAAK,aAAa,cAAc;AAAA,MACtE,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"OffCycleFlowComponents.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { OffCycleCreation } from '../OffCycleCreation'\nimport {\n  PayrollExecutionInternalFlow,\n  type PayrollExecutionInternalFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport type { OffCycleReason } from '../OffCycleReasonSelection'\nimport { isDismissalPayroll } from '../helpers'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\n/**\n * Flow context shared across the off-cycle payroll flow steps.\n *\n * @internal\n */\nexport interface OffCycleFlowContextInterface extends FlowContextInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** Identifier of the off-cycle payroll created during the flow; set once creation completes. */\n  payrollUuid?: string\n  /** Pre-selected off-cycle reason (bonus or correction). */\n  payrollType?: OffCycleReason\n  /** Whether to show reimbursement fields throughout the execution steps. Defaults to true. */\n  withReimbursements?: boolean\n}\n\n/**\n * Props for {@link OffCycleFlow}.\n *\n * @public\n */\nexport interface OffCycleFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Optional pre-selected off-cycle reason. When provided, the creation form starts with this reason selected. */\n  payrollType?: OffCycleReason\n  /** Callback invoked when the flow emits an event. See the events table on {@link OffCycleFlow}. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional flag to show/hide reimbursement fields throughout the flow. Defaults to true. */\n  withReimbursements?: boolean\n}\n\n/** @internal */\nexport function OffCycleCreationContextual() {\n  const { companyId, payrollType, onEvent } = useFlow<OffCycleFlowContextInterface>()\n  return (\n    <OffCycleCreation\n      companyId={ensureRequired(companyId)}\n      payrollType={payrollType}\n      onEvent={onEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function OffCycleExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements, header } =\n    useFlow<OffCycleFlowContextInterface>()\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  const offCycleRootBreadcrumb =\n    header?.type === 'breadcrumbs' ? header.breadcrumbs?.['createOffCyclePayroll']?.[0] : undefined\n  const prefixBreadcrumbs = useMemo(\n    () => (offCycleRootBreadcrumb ? [offCycleRootBreadcrumb] : undefined),\n    [offCycleRootBreadcrumb],\n  )\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <OffCycleExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        withReimbursements={withReimbursements}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype OffCycleExecutionWithDataProps = Pick<\n  PayrollExecutionInternalFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs' | 'withReimbursements'\n>\n\nfunction OffCycleExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: OffCycleExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionInternalFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll={isDismissalPayroll(data.payrollShow?.offCycleReason)}\n      {...rest}\n    />\n  )\n}\n"],"names":["OffCycleCreationContextual","companyId","payrollType","onEvent","useFlow","jsx","OffCycleCreation","ensureRequired","OffCycleExecutionContextual","payrollUuid","withReimbursements","header","resolvedCompanyId","resolvedPayrollId","offCycleRootBreadcrumb","prefixBreadcrumbs","useMemo","BaseComponent","OffCycleExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionInternalFlow","isDismissalPayroll"],"mappings":";;;;;;;;;AAgDO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,aAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA8B;AAC5C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,oBAAAO,GAAoB,QAAAC,EAAA,IAC3DP,EAAA,GAEIQ,IAAoBL,EAAeN,CAAS,GAC5CY,IAAoBN,EAAeE,CAAW,GAE9CK,IACJH,GAAQ,SAAS,gBAAgBA,EAAO,aAAc,wBAA2B,CAAC,IAAI,QAClFI,IAAoBC;AAAA,IACxB,MAAOF,IAAyB,CAACA,CAAsB,IAAI;AAAA,IAC3D,CAACA,CAAsB;AAAA,EAAA;AAGzB,SACE,gBAAAT,EAACY,KAAc,SAAAd,GACb,UAAA,gBAAAE;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,MACX,WAAWC;AAAA,MACX,SAAAV;AAAA,MACA,oBAAAO;AAAA,MACA,mBAAAK;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASG,EAA0B;AAAA,EACjC,WAAAjB;AAAA,EACA,WAAAkB;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAArB,GAAW,WAAAkB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAhB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,WAAAvB;AAAA,MACA,WAAAkB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAoBE,EAAmBJ,EAAK,aAAa,cAAc;AAAA,MACtE,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Payroll/OffCycle/index.d.ts

@@ -1,2 +1,2 @@
 export { OffCycleFlow } from './OffCycleFlow';
-export type { OffCycleFlowContextInterface, OffCycleFlowProps } from './OffCycleFlowComponents';
+export type { OffCycleFlowProps } from './OffCycleFlowComponents';

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.d.ts

@@ -13,7 +13,7 @@ export declare const WITHHOLDING_PAY_PERIOD_I18N_KEY: {
 /** @internal */
 export declare const WAGE_TYPE_CATEGORIES: readonly ["regular", "supplemental", "reimbursement"];
 /** @internal */
-export type WageTypeCategory = (typeof WAGE_TYPE_CATEGORIES)[number];
+export type WageTypeCategory = "regular" | "reimbursement" | "supplemental";
 /** @internal */
 export interface WageTypeGroup {
     /** Wage type grouping this row represents. */