@gusto/embedded-react-sdk 0.25.0 → 0.27.0

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"InformationRequestForm.js","sources":["../../../../../src/components/Payroll/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 styles from './InformationRequestForm.module.scss'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { ActionsLayout, 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'\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<'Payroll.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\nfunction Root({ companyId, requestId, dictionary }: InformationRequestFormProps) {\n  useComponentDictionary('Payroll.InformationRequestForm', dictionary)\n  useI18n('Payroll.InformationRequestForm')\n  const { t } = useTranslation('Payroll.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\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  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        <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      </Flex>\n    </div>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.InformationRequestForm')\n  const { t } = useTranslation('Payroll.InformationRequestForm')\n  const { Button } = useComponentContext()\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  return (\n    <ActionsLayout>\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    </ActionsLayout>\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","companyId","requestId","dictionary","useComponentDictionary","useI18n","useTranslation","Alert","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","data","useInformationRequestsGetInformationRequestsSuspense","informationRequest","req","requiredQuestions","isBlockingPayroll","submitInformationRequest","useInformationRequestsSubmitMutation","defaultValues","questionUuids","question","ResponseType","formMethods","useForm","zodResolver","onSubmit","formData","validResponses","uuid","value","SubmitResponseType","fileResponse","response","informationRequestEvents","renderQuestion","fieldName","isDocumentType","isTextType","jsxs","styles","TextInputField","FileInputField","Flex","FormProvider","Form","Footer","t","Button","isPending","useIsMutating","mutationKeyInformationRequestsSubmit","ActionsLayout"],"mappings":"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"}

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

@@ -1,18 +0,0 @@
-const t = "_root_11yro_1", r = "_questionCard_11yro_5", o = "_questionDescription_11yro_15", e = "_textInputWrapper_11yro_22", n = "_fileInputWrapper_11yro_26", p = "_divider_11yro_31", i = {
-  root: t,
-  questionCard: r,
-  questionDescription: o,
-  textInputWrapper: e,
-  fileInputWrapper: n,
-  divider: p
-};
-export {
-  i as default,
-  p as divider,
-  n as fileInputWrapper,
-  r as questionCard,
-  o as questionDescription,
-  t as root,
-  e as textInputWrapper
-};
-//# sourceMappingURL=InformationRequestForm.module.scss.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"InformationRequestList.js","sources":["../../../../../src/components/Payroll/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<'Payroll.InformationRequestList'> {\n  companyId: string\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({ companyId, dictionary, onEvent }: InformationRequestListProps) {\n  useComponentDictionary('Payroll.InformationRequestList', dictionary)\n  useI18n('Payroll.InformationRequestList')\n  const { t } = useTranslation('Payroll.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(\n    request => request.blockingPayroll && request.status !== InformationRequestStatus.Approved,\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          if (!statusMapping) {\n            return null\n          }\n          return (\n            <Flex gap={8} alignItems=\"center\">\n              <Badge status={statusMapping.badgeStatus}>{statusMapping.label}</Badge>\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=\"h3\">\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","onEvent","useComponentDictionary","useI18n","useTranslation","Heading","Text","Button","Badge","useComponentContext","data","isFetching","useInformationRequestsGetInformationRequests","visibleRequests","request","InformationRequestStatus","getTypeLabel","type","InformationRequestType","getStatusMapping","status","dataViewProps","useDataView","FlexItem","statusMapping","Flex","informationRequestEvents","jsxs","DataView"],"mappings":"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"}

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

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

package/dist/components/Payroll/InformationRequests/InformationRequests.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"InformationRequests.js","sources":["../../../../src/components/Payroll/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 { 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 InformationRequestsProps {\n  companyId: string\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\nexport function InformationRequests({ companyId, onEvent = () => {} }: InformationRequestsProps) {\n  const { Modal } = 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 companyId={companyId} onEvent={handleEvent} />\n      <Modal\n        isOpen={isModalOpen}\n        onClose={handleCloseModal}\n        footer={Footer && <Footer onEvent={handleEvent} />}\n      >\n        {CurrentComponent && <CurrentComponent />}\n      </Modal>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["InformationRequests","companyId","onEvent","Modal","useComponentContext","isModalOpen","setIsModalOpen","useState","informationRequestsMachineInstance","useMemo","createMachine","informationRequestsMachine","handleEvent","current","send","useMachine","type","data","informationRequestEvents","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","jsx","InformationRequestList"],"mappings":";;;;;;;;;AAgBO,SAASA,EAAoB,EAAE,WAAAC,GAAW,SAAAC,IAAU,MAAM;AAAC,KAA+B;AAC/F,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAqCC;AAAA,IACzC,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,OAA4C;AAAA,QAC1C,WAAW;AAAA,QACX,WAAAV;AAAA,QACA,SAASW;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,CAACX,CAAS;AAAA,EAAA,GAEN,CAACY,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,GAGtBJ,EAAQc,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,EAACC,GAAA,EAAuB,WAAAxB,GAAsB,SAASW,EAAA,CAAa;AAAA,QACpE,gBAAAY;AAAA,UAACrB;AAAA,UAAA;AAAA,YACC,QAAQE;AAAA,YACR,SAASc;AAAA,YACT,QAAQE,KAAU,gBAAAG,EAACH,GAAA,EAAO,SAAST,GAAa;AAAA,YAE/C,UAAAQ,uBAAqBA,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InformationRequestsComponents.js","sources":["../../../../src/components/Payroll/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/Payroll/InformationRequests/index.d.ts

@@ -1,3 +0,0 @@
-import "./types/i18next.d.ts"
-export { InformationRequests } from './InformationRequests';
-export type { InformationRequestsContextInterface } from './InformationRequestsComponents';

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

@@ -1 +0,0 @@
-{"version":3,"file":"informationRequestsStateMachine.js","sources":["../../../../src/components/Payroll/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;"}

package/dist/components/Payroll/PayrollBlocker/PayrollBlocker.d.ts

@@ -1,6 +0,0 @@
-import { BaseComponentInterface } from '../../Base/Base';
-interface PayrollBlockerProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {
-    companyId: string;
-}
-export declare function PayrollBlocker(props: PayrollBlockerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Payroll/PayrollBlocker/PayrollBlocker.js

@@ -1,32 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import { usePayrollsGetBlockersSuspense as k } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { PayrollBlockerList as f } from "./components/PayrollBlockerList.js";
-import { getBlockerTranslationKeys as B } from "./payrollHelpers.js";
-import { BaseComponent as d } from "../../Base/Base.js";
-import { useComponentDictionary as P, useI18n as g } from "../../../i18n/I18n.js";
-function U(o) {
-  return /* @__PURE__ */ l(d, { ...o, children: /* @__PURE__ */ l(K, { ...o, children: o.children }) });
-}
-function K({ className: o, dictionary: c, companyId: i }) {
-  P("Payroll.PayrollBlocker", c), g("Payroll.PayrollBlocker");
-  const { t: r } = u("Payroll.PayrollBlocker"), { data: s } = k({
-    companyUuid: i
-  }), t = (s.payrollBlockerList ?? []).map((n) => {
-    const e = n.key ?? "unknown", a = B(e), y = r(a.titleKey, {
-      defaultValue: e.replace(/_/g, " ").replace(/\b\w/g, (p) => p.toUpperCase())
-    }), m = r(a.descriptionKey, {
-      defaultValue: n.message || r("defaultBlockerDescription")
-    });
-    return {
-      id: e,
-      title: y,
-      description: m
-    };
-  });
-  return t.length === 0 ? null : /* @__PURE__ */ l(f, { className: o, blockers: t });
-}
-export {
-  U as PayrollBlocker
-};
-//# sourceMappingURL=PayrollBlocker.js.map

package/dist/components/Payroll/PayrollBlocker/PayrollBlocker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayrollBlocker.js","sources":["../../../../src/components/Payroll/PayrollBlocker/PayrollBlocker.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { PayrollBlockerList, type PayrollBlocker } from './components/PayrollBlockerList'\nimport { getBlockerTranslationKeys } from './payrollHelpers'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\ninterface PayrollBlockerProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  companyId: string\n}\n\nexport function PayrollBlocker(props: PayrollBlockerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, dictionary, companyId }: PayrollBlockerProps) {\n  useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n\n  const { data } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = data.payrollBlockerList ?? []\n\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key ?? 'unknown'\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blockerKey.replace(/_/g, ' ').replace(/\\b\\w/g, letter => letter.toUpperCase()),\n    })\n\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n\n    return {\n      id: blockerKey,\n      title,\n      description,\n    }\n  })\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  return <PayrollBlockerList className={className} blockers={blockers} />\n}\n"],"names":["PayrollBlocker","props","jsx","BaseComponent","Root","className","dictionary","companyId","useComponentDictionary","useI18n","t","useTranslation","data","usePayrollsGetBlockersSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","PayrollBlockerList"],"mappings":";;;;;;;AAWO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,KAAkC;AACvE,EAAAC,EAAuB,0BAA0BF,CAAU,GAC3DG,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/C,EAAE,MAAAC,EAAA,IAASC,EAA+B;AAAA,IAC9C,aAAaN;AAAA,EAAA,CACd,GAIKO,KAFqBF,EAAK,sBAAsB,CAAA,GAEA,IAAI,CAAAG,MAAW;AACnE,UAAMC,IAAaD,EAAQ,OAAO,WAC5BE,IAAkBC,EAA0BF,CAAU,GAEtDG,IAAQT,EAAEO,EAAgB,UAAU;AAAA,MACxC,cAAcD,EAAW,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAAI,MAAUA,EAAO,YAAA,CAAa;AAAA,IAAA,CAC5F,GAEKC,IAAcX,EAAEO,EAAgB,gBAAgB;AAAA,MACpD,cAAcF,EAAQ,WAAWL,EAAE,2BAA2B;AAAA,IAAA,CAC/D;AAED,WAAO;AAAA,MACL,IAAIM;AAAA,MACJ,OAAAG;AAAA,MACA,aAAAE;AAAA,IAAA;AAAA,EAEJ,CAAC;AAED,SAAIP,EAAS,WAAW,IACf,OAGF,gBAAAZ,EAACoB,GAAA,EAAmB,WAAAjB,GAAsB,UAAAS,EAAA,CAAoB;AACvE;"}

package/dist/i18n/en/Payroll.InformationRequestForm.json.js

@@ -1,18 +0,0 @@
-const e = "Request for information", o = { title: "This is a payroll blocking request", description: "You will not be able to run payroll until we receive the information requested below." }, t = { document: "Document required", answer: "Answer required" }, l = { textAnswer: { label: "Answer the above question", placeholder: "Your answer" }, fileUpload: { label: "Upload document" } }, i = { required: "This field is required", fileRequired: "Please upload a file" }, n = { cancel: "Cancel", submit: "Submit response" }, r = {
-  title: e,
-  blockingAlert: o,
-  questionTypes: t,
-  fields: l,
-  validation: i,
-  cta: n
-};
-export {
-  o as blockingAlert,
-  n as cta,
-  r as default,
-  l as fields,
-  t as questionTypes,
-  e as title,
-  i as validation
-};
-//# sourceMappingURL=Payroll.InformationRequestForm.json.js.map

package/dist/i18n/en/Payroll.InformationRequestForm.json.js.map

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

package/dist/i18n/en/Payroll.InformationRequestList.json.js

@@ -1,18 +0,0 @@
-const e = "Information requests", o = "We need you to share some more information about your business. This info will be used to keep your business secure and ensure that our data about your company is correct. Please make sure to do this soon since it may otherwise impact your ability to run payroll.", t = { type: "Type", status: "Status" }, n = { companyOnboarding: "Company Onboarding", accountProtection: "Account Protection", paymentRequest: "Payment Request", paymentError: "Payment Error", unknown: "Information Request" }, s = { incomplete: "Incomplete", underReview: "Under review" }, r = { respond: "Respond" }, a = {
-  title: e,
-  description: o,
-  columns: t,
-  types: n,
-  status: s,
-  cta: r
-};
-export {
-  t as columns,
-  r as cta,
-  a as default,
-  o as description,
-  s as status,
-  e as title,
-  n as types
-};
-//# sourceMappingURL=Payroll.InformationRequestList.json.js.map

package/dist/i18n/en/Payroll.InformationRequestList.json.js.map

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