@gusto/embedded-react-sdk 0.24.1 → 0.26.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InformationRequestForm.js","sources":["../../../../src/components/InformationRequests/InformationRequestForm/InformationRequestForm.tsx"],"sourcesContent":["import { 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']\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\ninterface InformationRequestFormProps extends BaseComponentInterface<'InformationRequests.InformationRequestForm'> {\n  companyId: string\n  requestId: string\n  onEvent: OnEventType<EventType, unknown>\n}\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(\n    question => question.responseType && !SUPPORTED_RESPONSE_TYPES.includes(question.responseType),\n  )\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.informationRequestList?.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.questionUuid || !question.responseType) return\n\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    if (!question.questionUuid || !question.responseType) return null\n\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 weight=\"medium\">\n            {isDocumentType ? t('questionTypes.document') : t('questionTypes.answer')}\n          </Text>\n          <Text>{question.questionText}</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              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.informationRequestList?.find(\n    req => req.uuid === selectedRequestId,\n  )\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","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","TextInputField","FileInputField","unsupportedPlaceholder","Flex","FormProvider","Form","Footer","Button","selectedRequestId","useFlow","isPending","useIsMutating","mutationKeyInformationRequestsSubmit","handleCancel"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+const t = "_root_u29yw_1", o = "_questionCard_u29yw_5", p = "_questionDescription_u29yw_15", r = "_textInputWrapper_u29yw_22", e = "_fileInputWrapper_u29yw_26", n = "_divider_u29yw_31", u = "_contactSupport_u29yw_38", i = {
+  root: t,
+  questionCard: o,
+  questionDescription: p,
+  textInputWrapper: r,
+  fileInputWrapper: e,
+  divider: n,
+  contactSupport: u
+};
+export {
+  u as contactSupport,
+  i as default,
+  n as divider,
+  e as fileInputWrapper,
+  o as questionCard,
+  p as questionDescription,
+  t as root,
+  r as textInputWrapper
+};
+//# sourceMappingURL=InformationRequestForm.module.scss.js.map

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

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

package/dist/components/InformationRequests/InformationRequestForm/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { InformationRequestForm } from './InformationRequestForm';

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

@@ -0,0 +1,8 @@
+import { BaseComponentInterface } from '../../Base';
+interface InformationRequestListProps extends BaseComponentInterface<'InformationRequests.InformationRequestList'> {
+    companyId: string;
+    filterByPayrollBlocking?: boolean;
+    onEvent: BaseComponentInterface['onEvent'];
+}
+export declare function InformationRequestList(props: InformationRequestListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/InformationRequests/InformationRequestList/InformationRequestList.js

@@ -0,0 +1,96 @@
+import { jsx as n, jsxs as a } from "react/jsx-runtime";
+import { useTranslation as w } from "react-i18next";
+import { useInformationRequestsGetInformationRequests as x } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
+import { InformationRequestStatus as r, InformationRequestType as i } from "@gusto/embedded-api/models/components/informationrequest";
+import { BaseComponent as k } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useComponentContext as v } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as S, useI18n as C } from "../../../i18n/I18n.js";
+import { DataView as D } from "../../Common/DataView/DataView.js";
+import { useDataView as E } from "../../Common/DataView/useDataView.js";
+import { FlexItem as L, Flex as u } from "../../Common/Flex/Flex.js";
+import "react";
+import { informationRequestEvents as T } from "../../../shared/constants.js";
+function K(s) {
+  return /* @__PURE__ */ n(k, { ...s, children: /* @__PURE__ */ n(A, { ...s, children: s.children }) });
+}
+function A({
+  companyId: s,
+  dictionary: d,
+  filterByPayrollBlocking: c = !1,
+  onEvent: f
+}) {
+  S("InformationRequests.InformationRequestList", d), C("InformationRequests.InformationRequestList");
+  const { t } = w("InformationRequests.InformationRequestList"), { Heading: R, Text: l, Button: g, Badge: m } = v(), { data: y, isFetching: h } = x({
+    companyUuid: s
+  }), I = (y?.informationRequestList ?? []).filter((e) => {
+    const o = e.status !== r.Approved;
+    return c ? e.blockingPayroll && o : o;
+  }), q = (e) => {
+    switch (e) {
+      case i.CompanyOnboarding:
+        return t("types.companyOnboarding");
+      case i.AccountProtection:
+        return t("types.accountProtection");
+      case i.PaymentRequest:
+        return t("types.paymentRequest");
+      case i.PaymentError:
+        return t("types.paymentError");
+      default:
+        return t("types.unknown");
+    }
+  }, b = (e) => {
+    switch (e) {
+      case r.PendingResponse:
+        return { label: t("status.incomplete"), badgeStatus: "info" };
+      case r.PendingReview:
+        return { label: t("status.underReview"), badgeStatus: "warning" };
+      default:
+        return null;
+    }
+  }, P = E({
+    data: I,
+    isFetching: h,
+    columns: [
+      {
+        key: "type",
+        title: t("columns.type"),
+        render: (e) => /* @__PURE__ */ n(L, { flexGrow: 1, children: /* @__PURE__ */ n(l, { weight: "medium", children: q(e.type) }) })
+      },
+      {
+        key: "status",
+        title: t("columns.status"),
+        render: (e) => {
+          const o = b(e.status), p = !c && e.blockingPayroll;
+          return !o && !p ? null : /* @__PURE__ */ a(u, { gap: 8, alignItems: "center", children: [
+            o && /* @__PURE__ */ n(m, { status: o.badgeStatus, children: o.label }),
+            p && /* @__PURE__ */ n(m, { status: "error", children: t("status.payrollBlocking") })
+          ] });
+        }
+      }
+    ],
+    itemMenu: (e) => e.status === r.PendingResponse ? /* @__PURE__ */ n(
+      g,
+      {
+        variant: "secondary",
+        onClick: () => {
+          f(T.INFORMATION_REQUEST_RESPOND, {
+            requestId: e.uuid
+          });
+        },
+        children: t("cta.respond")
+      }
+    ) : null
+  });
+  return /* @__PURE__ */ a(u, { flexDirection: "column", gap: 20, children: [
+    /* @__PURE__ */ a(u, { flexDirection: "column", gap: 2, children: [
+      /* @__PURE__ */ n(R, { as: "h2", styledAs: "h4", children: t("title") }),
+      /* @__PURE__ */ n(l, { children: t("description") })
+    ] }),
+    /* @__PURE__ */ n(D, { ...P, label: t("title") })
+  ] });
+}
+export {
+  K as InformationRequestList
+};
+//# sourceMappingURL=InformationRequestList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InformationRequestList.js","sources":["../../../../src/components/InformationRequests/InformationRequestList/InformationRequestList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useInformationRequestsGetInformationRequests } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport type { InformationRequest } from '@gusto/embedded-api/models/components/informationrequest'\nimport {\n  InformationRequestStatus,\n  InformationRequestType,\n} from '@gusto/embedded-api/models/components/informationrequest'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { informationRequestEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\n\ninterface InformationRequestListProps extends BaseComponentInterface<'InformationRequests.InformationRequestList'> {\n  companyId: string\n  filterByPayrollBlocking?: boolean\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function InformationRequestList(props: InformationRequestListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\ntype StatusMapping = {\n  label: string\n  badgeStatus: BadgeProps['status']\n} | null\n\nfunction Root({\n  companyId,\n  dictionary,\n  filterByPayrollBlocking = false,\n  onEvent,\n}: InformationRequestListProps) {\n  useComponentDictionary('InformationRequests.InformationRequestList', dictionary)\n  useI18n('InformationRequests.InformationRequestList')\n  const { t } = useTranslation('InformationRequests.InformationRequestList')\n  const { Heading, Text, Button, Badge } = useComponentContext()\n\n  const { data, isFetching } = useInformationRequestsGetInformationRequests({\n    companyUuid: companyId,\n  })\n\n  const informationRequests = data?.informationRequestList ?? []\n\n  const visibleRequests = informationRequests.filter(request => {\n    const isNotApproved = request.status !== InformationRequestStatus.Approved\n\n    if (filterByPayrollBlocking) {\n      return request.blockingPayroll && isNotApproved\n    }\n\n    return isNotApproved\n  })\n\n  const getTypeLabel = (type: InformationRequest['type']): string => {\n    switch (type) {\n      case InformationRequestType.CompanyOnboarding:\n        return t('types.companyOnboarding')\n      case InformationRequestType.AccountProtection:\n        return t('types.accountProtection')\n      case InformationRequestType.PaymentRequest:\n        return t('types.paymentRequest')\n      case InformationRequestType.PaymentError:\n        return t('types.paymentError')\n      default:\n        return t('types.unknown')\n    }\n  }\n\n  const getStatusMapping = (status: InformationRequest['status']): StatusMapping => {\n    switch (status) {\n      case InformationRequestStatus.PendingResponse:\n        return { label: t('status.incomplete'), badgeStatus: 'info' }\n      case InformationRequestStatus.PendingReview:\n        return { label: t('status.underReview'), badgeStatus: 'warning' }\n      default:\n        return null\n    }\n  }\n\n  const dataViewProps = useDataView({\n    data: visibleRequests,\n    isFetching,\n    columns: [\n      {\n        key: 'type',\n        title: t('columns.type'),\n        render: request => (\n          <FlexItem flexGrow={1}>\n            <Text weight=\"medium\">{getTypeLabel(request.type)}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: request => {\n          const statusMapping = getStatusMapping(request.status)\n          const showPayrollBlockingBadge = !filterByPayrollBlocking && request.blockingPayroll\n\n          if (!statusMapping && !showPayrollBlockingBadge) {\n            return null\n          }\n\n          return (\n            <Flex gap={8} alignItems=\"center\">\n              {statusMapping && (\n                <Badge status={statusMapping.badgeStatus}>{statusMapping.label}</Badge>\n              )}\n              {showPayrollBlockingBadge && (\n                <Badge status=\"error\">{t('status.payrollBlocking')}</Badge>\n              )}\n            </Flex>\n          )\n        },\n      },\n    ],\n    itemMenu: request => {\n      const isPendingResponse = request.status === InformationRequestStatus.PendingResponse\n      if (!isPendingResponse) {\n        return null\n      }\n      return (\n        <Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(informationRequestEvents.INFORMATION_REQUEST_RESPOND, {\n              requestId: request.uuid,\n            })\n          }}\n        >\n          {t('cta.respond')}\n        </Button>\n      )\n    },\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <Flex flexDirection=\"column\" gap={2}>\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('title')}\n        </Heading>\n        <Text>{t('description')}</Text>\n      </Flex>\n\n      <DataView {...dataViewProps} label={t('title')} />\n    </Flex>\n  )\n}\n"],"names":["InformationRequestList","props","jsx","BaseComponent","Root","companyId","dictionary","filterByPayrollBlocking","onEvent","useComponentDictionary","useI18n","useTranslation","Heading","Text","Button","Badge","useComponentContext","data","isFetching","useInformationRequestsGetInformationRequests","visibleRequests","request","isNotApproved","InformationRequestStatus","getTypeLabel","type","InformationRequestType","getStatusMapping","status","dataViewProps","useDataView","FlexItem","statusMapping","showPayrollBlockingBadge","jsxs","Flex","informationRequestEvents","DataView"],"mappings":"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"}

package/dist/components/InformationRequests/InformationRequestList/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { InformationRequestList } from './InformationRequestList';

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

@@ -0,0 +1,7 @@
+import { BaseComponentInterface } from '../Base';
+export interface InformationRequestsFlowProps {
+    companyId: string;
+    filterByPayrollBlocking?: boolean;
+    onEvent?: BaseComponentInterface['onEvent'];
+}
+export declare function InformationRequestsFlow({ companyId, filterByPayrollBlocking, onEvent, }: InformationRequestsFlowProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/InformationRequests/InformationRequests.js

@@ -0,0 +1,68 @@
+import { jsxs as O, jsx as o } from "react/jsx-runtime";
+import { createMachine as C } from "robot3";
+import { useMachine as h } from "react-robot";
+import { useState as v, useMemo as F } from "react";
+import { informationRequestsMachine as N } from "./informationRequestsStateMachine.js";
+import { BaseBoundaries as I } from "../Base/Base.js";
+import "../Base/useBase.js";
+import { useComponentContext as _ } from "../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlowContext as x } from "../Flow/useFlow.js";
+import { informationRequestEvents as i } from "../../shared/constants.js";
+import { InformationRequestList as S } from "./InformationRequestList/InformationRequestList.js";
+function g({
+  companyId: t,
+  filterByPayrollBlocking: l = !1,
+  onEvent: c = () => {
+  }
+}) {
+  const { Modal: u, LoadingSpinner: p } = _(), [E, r] = v(!1), M = F(
+    () => C(
+      "list",
+      N,
+      () => ({
+        component: null,
+        companyId: t,
+        onEvent: e
+      })
+    ),
+    [t]
+  ), [m, R] = h(M);
+  function e(n, f) {
+    R({ type: n, payload: f }), n === i.INFORMATION_REQUEST_RESPOND && r(!0), (n === i.INFORMATION_REQUEST_FORM_CANCEL || n === i.INFORMATION_REQUEST_FORM_DONE) && r(!1), c(n, f);
+  }
+  const d = () => {
+    r(!1);
+  }, s = m.context.component, a = s?.Footer || void 0;
+  return /* @__PURE__ */ O(
+    x.Provider,
+    {
+      value: {
+        ...m.context,
+        onEvent: e
+      },
+      children: [
+        /* @__PURE__ */ o(
+          S,
+          {
+            companyId: t,
+            filterByPayrollBlocking: l,
+            onEvent: e
+          }
+        ),
+        /* @__PURE__ */ o(
+          u,
+          {
+            isOpen: E,
+            onClose: d,
+            footer: a && /* @__PURE__ */ o(I, { LoaderComponent: () => /* @__PURE__ */ o(p, { size: "sm" }), children: /* @__PURE__ */ o(a, { onEvent: e }) }),
+            children: s && /* @__PURE__ */ o(s, {})
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  g as InformationRequestsFlow
+};
+//# sourceMappingURL=InformationRequests.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InformationRequests.js","sources":["../../../src/components/InformationRequests/InformationRequests.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { useMemo, useState } from 'react'\nimport { InformationRequestList } from './InformationRequestList'\nimport { informationRequestsMachine } from './informationRequestsStateMachine'\nimport { type InformationRequestsContextInterface } from './InformationRequestsComponents'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { informationRequestEvents, type EventType } from '@/shared/constants'\n\nexport interface InformationRequestsFlowProps {\n  companyId: string\n  filterByPayrollBlocking?: boolean\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\nexport function InformationRequestsFlow({\n  companyId,\n  filterByPayrollBlocking = false,\n  onEvent = () => {},\n}: InformationRequestsFlowProps) {\n  const { Modal, LoadingSpinner } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  const informationRequestsMachineInstance = useMemo(\n    () =>\n      createMachine(\n        'list',\n        informationRequestsMachine,\n        (): InformationRequestsContextInterface => ({\n          component: null,\n          companyId,\n          onEvent: handleEvent,\n        }),\n      ),\n    [companyId],\n  )\n  const [current, send] = useMachine(informationRequestsMachineInstance)\n\n  function handleEvent(type: EventType, data?: unknown) {\n    send({ type, payload: data })\n\n    if (type === informationRequestEvents.INFORMATION_REQUEST_RESPOND) {\n      setIsModalOpen(true)\n    }\n\n    if (\n      type === informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL ||\n      type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE\n    ) {\n      setIsModalOpen(false)\n    }\n\n    onEvent(type, data)\n  }\n\n  const handleCloseModal = () => {\n    setIsModalOpen(false)\n  }\n\n  const CurrentComponent = current.context.component\n  const Footer = CurrentComponent?.Footer || undefined\n\n  return (\n    <FlowContext.Provider\n      value={{\n        ...current.context,\n        onEvent: handleEvent,\n      }}\n    >\n      <InformationRequestList\n        companyId={companyId}\n        filterByPayrollBlocking={filterByPayrollBlocking}\n        onEvent={handleEvent}\n      />\n      <Modal\n        isOpen={isModalOpen}\n        onClose={handleCloseModal}\n        footer={\n          Footer && (\n            <BaseBoundaries LoaderComponent={() => <LoadingSpinner size=\"sm\" />}>\n              <Footer onEvent={handleEvent} />\n            </BaseBoundaries>\n          )\n        }\n      >\n        {CurrentComponent && <CurrentComponent />}\n      </Modal>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["InformationRequestsFlow","companyId","filterByPayrollBlocking","onEvent","Modal","LoadingSpinner","useComponentContext","isModalOpen","setIsModalOpen","useState","informationRequestsMachineInstance","useMemo","createMachine","informationRequestsMachine","handleEvent","current","send","useMachine","type","data","informationRequestEvents","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","jsx","InformationRequestList","BaseBoundaries"],"mappings":";;;;;;;;;;;AAiBO,SAASA,EAAwB;AAAA,EACtC,WAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,SAAAC,IAAU,MAAM;AAAA,EAAC;AACnB,GAAiC;AAC/B,QAAM,EAAE,OAAAC,GAAO,gBAAAC,EAAA,IAAmBC,EAAA,GAC5B,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAqCC;AAAA,IACzC,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,OAA4C;AAAA,QAC1C,WAAW;AAAA,QACX,WAAAZ;AAAA,QACA,SAASa;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,CAACb,CAAS;AAAA,EAAA,GAEN,CAACc,GAASC,CAAI,IAAIC,EAAWP,CAAkC;AAErE,WAASI,EAAYI,GAAiBC,GAAgB;AACpD,IAAAH,EAAK,EAAE,MAAAE,GAAM,SAASC,EAAA,CAAM,GAExBD,MAASE,EAAyB,+BACpCZ,EAAe,EAAI,IAInBU,MAASE,EAAyB,mCAClCF,MAASE,EAAyB,kCAElCZ,EAAe,EAAK,GAGtBL,EAAQe,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAME,IAAmB,MAAM;AAC7B,IAAAb,EAAe,EAAK;AAAA,EACtB,GAEMc,IAAmBP,EAAQ,QAAQ,WACnCQ,IAASD,GAAkB,UAAU;AAE3C,SACE,gBAAAE;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAQ;AAAA,QACX,SAASD;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAA1B;AAAA,YACA,yBAAAC;AAAA,YACA,SAASY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,gBAAAY;AAAA,UAACtB;AAAA,UAAA;AAAA,YACC,QAAQG;AAAA,YACR,SAASc;AAAA,YACT,QACEE,KACE,gBAAAG,EAACE,GAAA,EAAe,iBAAiB,MAAM,gBAAAF,EAACrB,GAAA,EAAe,MAAK,MAAK,GAC/D,UAAA,gBAAAqB,EAACH,GAAA,EAAO,SAAST,GAAa,GAChC;AAAA,YAIH,UAAAQ,uBAAqBA,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,19 @@
+import { FlowContextInterface } from '../Flow/useFlow';
+import { CommonComponentInterface } from '../Base';
+import { EventType } from '../../types/Helpers';
+import { OnEventType } from '../Base/useBase';
+export interface InformationRequestsContextInterface extends FlowContextInterface {
+    companyId: string;
+    selectedRequestId?: string;
+    component: (React.ComponentType<CommonComponentInterface> & {
+        Footer?: React.ComponentType<{
+            onEvent: OnEventType<EventType, unknown>;
+        }>;
+    }) | null;
+}
+export declare function InformationRequestFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare namespace InformationRequestFormContextual {
+    var Footer: ({ onEvent }: {
+        onEvent: OnEventType<EventType, unknown>;
+    }) => import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/InformationRequests/InformationRequestsComponents.js

@@ -0,0 +1,20 @@
+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,
+    {
+      companyId: e,
+      requestId: u(r),
+      onEvent: t
+    }
+  );
+}
+s.Footer = o.Footer;
+export {
+  s as InformationRequestFormContextual
+};
+//# sourceMappingURL=InformationRequestsComponents.js.map

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

@@ -0,0 +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\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\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":";;;;AAoBO,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;"}

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

@@ -0,0 +1,4 @@
+import "./types/i18next.d.ts"
+export { InformationRequestsFlow } from './InformationRequests';
+export { InformationRequestList } from './InformationRequestList';
+export { InformationRequestForm } from './InformationRequestForm';

package/dist/components/InformationRequests/index.js

@@ -0,0 +1,9 @@
+import { InformationRequestsFlow as t } from "./InformationRequests.js";
+import { InformationRequestList as m } from "./InformationRequestList/InformationRequestList.js";
+import { InformationRequestForm as n } from "./InformationRequestForm/InformationRequestForm.js";
+export {
+  n as InformationRequestForm,
+  m as InformationRequestList,
+  t as InformationRequestsFlow
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { informationRequestEvents } from '../../shared/constants';
+export type EventPayloads = {
+    [informationRequestEvents.INFORMATION_REQUEST_RESPOND]: {
+        requestId: string;
+    };
+    [informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL]: undefined;
+    [informationRequestEvents.INFORMATION_REQUEST_FORM_DONE]: undefined;
+};
+export declare const informationRequestsMachine: {
+    list: import('robot3').MachineState<any>;
+    form: import('robot3').MachineState<any>;
+    final: import('robot3').MachineState<any>;
+};

package/dist/components/InformationRequests/informationRequestsStateMachine.js

@@ -0,0 +1,47 @@
+import { state as t, transition as o, reduce as n } from "robot3";
+import { InformationRequestFormContextual as r } from "./InformationRequestsComponents.js";
+import { informationRequestEvents as s } from "../../shared/constants.js";
+const d = {
+  list: t(
+    o(
+      s.INFORMATION_REQUEST_RESPOND,
+      "form",
+      n(
+        (e, i) => ({
+          ...e,
+          component: r,
+          selectedRequestId: i.payload.requestId
+        })
+      )
+    )
+  ),
+  form: t(
+    o(
+      s.INFORMATION_REQUEST_FORM_DONE,
+      "list",
+      n(
+        (e) => ({
+          ...e,
+          component: null,
+          selectedRequestId: void 0
+        })
+      )
+    ),
+    o(
+      s.INFORMATION_REQUEST_FORM_CANCEL,
+      "list",
+      n(
+        (e) => ({
+          ...e,
+          component: null,
+          selectedRequestId: void 0
+        })
+      )
+    )
+  ),
+  final: t()
+};
+export {
+  d as informationRequestsMachine
+};
+//# sourceMappingURL=informationRequestsStateMachine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"informationRequestsStateMachine.js","sources":["../../../src/components/InformationRequests/informationRequestsStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { InformationRequestsContextInterface } from './InformationRequestsComponents'\nimport { InformationRequestFormContextual } from './InformationRequestsComponents'\nimport { informationRequestEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport type EventPayloads = {\n  [informationRequestEvents.INFORMATION_REQUEST_RESPOND]: {\n    requestId: string\n  }\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL]: undefined\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_DONE]: undefined\n}\n\nexport const informationRequestsMachine = {\n  list: state<MachineTransition>(\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_RESPOND,\n      'form',\n      reduce(\n        (\n          ctx: InformationRequestsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof informationRequestEvents.INFORMATION_REQUEST_RESPOND\n          >,\n        ): InformationRequestsContextInterface => ({\n          ...ctx,\n          component: InformationRequestFormContextual,\n          selectedRequestId: ev.payload.requestId,\n        }),\n      ),\n    ),\n  ),\n  form: state<MachineTransition>(\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_DONE,\n      'list',\n      reduce(\n        (ctx: InformationRequestsContextInterface): InformationRequestsContextInterface => ({\n          ...ctx,\n          component: null,\n          selectedRequestId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL,\n      'list',\n      reduce(\n        (ctx: InformationRequestsContextInterface): InformationRequestsContextInterface => ({\n          ...ctx,\n          component: null,\n          selectedRequestId: undefined,\n        }),\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["informationRequestsMachine","state","transition","informationRequestEvents","reduce","ctx","ev","InformationRequestFormContextual"],"mappings":";;;AAcO,MAAMA,IAA6B;AAAA,EACxC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAyB;AAAA,MACzB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIyC;AAAA,UACzC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,mBAAmBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAML;AAAA,IACJC;AAAA,MACEC,EAAyB;AAAA,MACzB;AAAA,MACAC;AAAA,QACE,CAACC,OAAmF;AAAA,UAClF,GAAGA;AAAA,UACH,WAAW;AAAA,UACX,mBAAmB;AAAA,QAAA;AAAA,MACrB;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAyB;AAAA,MACzB;AAAA,MACAC;AAAA,QACE,CAACC,OAAmF;AAAA,UAClF,GAAGA;AAAA,UACH,WAAW;AAAA,UACX,mBAAmB;AAAA,QAAA;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}