@gusto/embedded-react-sdk 0.24.0 → 0.25.0

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

@@ -0,0 +1,18 @@
+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/InformationRequestForm/InformationRequestForm.module.scss.js.map

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

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

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

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

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

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

@@ -0,0 +1,88 @@
+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

@@ -0,0 +1 @@
+{"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/InformationRequestList/index.d.ts

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

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1 @@
+{"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.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/Payroll/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/Payroll/InformationRequests/InformationRequestsComponents.js.map

@@ -0,0 +1 @@
+{"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

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

package/dist/components/Payroll/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/Payroll/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/Payroll/InformationRequests/informationRequestsStateMachine.js.map

@@ -0,0 +1 @@
+{"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/PayrollConfiguration/PayrollConfiguration.js

@@ -1,170 +1,156 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as p, useMemo as G, useEffect as K } from "react";
-import { useEmployeesListSuspense as j } from "@gusto/embedded-api/react-query/employeesList";
-import { usePayrollsGetSuspense as v } from "@gusto/embedded-api/react-query/payrollsGet";
-import { usePayrollsCalculateMutation as z } from "@gusto/embedded-api/react-query/payrollsCalculate";
-import { PayrollProcessingRequestStatus as h } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as J } from "react-i18next";
-import { usePayrollsUpdateMutation as Q } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { usePreparedPayrollData as X } from "../usePreparedPayrollData.js";
-import { payrollSubmitHandler as Z } from "../PayrollBlocker/payrollHelpers.js";
-import { PayrollConfigurationPresentation as $ } from "./PayrollConfigurationPresentation.js";
-import { BaseComponent as ee } from "../../Base/Base.js";
-import { componentEvents as r } from "../../../shared/constants.js";
-import { useComponentDictionary as te, useI18n as ae } from "../../../i18n/I18n.js";
-import { useBase as oe } from "../../Base/useBase.js";
-import { useDateFormatter as se } from "../../../hooks/useDateFormatter.js";
-const re = (t) => t?.status === h.Calculating, le = (t) => t?.status === h.CalculateSuccess;
-function Ue(t) {
-  return /* @__PURE__ */ f(ee, { ...t, children: /* @__PURE__ */ f(ie, { ...t, children: t.children }) });
+import { jsx as m } from "react/jsx-runtime";
+import { useState as h, useEffect as G } from "react";
+import { usePayrollsGetSuspense as H } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePayrollsCalculateMutation as V } from "@gusto/embedded-api/react-query/payrollsCalculate";
+import { PayrollProcessingRequestStatus as f } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
+import { useTranslation as K } from "react-i18next";
+import { usePayrollsUpdateMutation as j } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsGetBlockersSuspense as v } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as I } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollConfigurationPresentation as z } from "./PayrollConfigurationPresentation.js";
+import { usePayrollConfigurationData as J } from "./usePayrollConfigurationData.js";
+import { BaseComponent as Q } from "../../Base/Base.js";
+import { componentEvents as s } from "../../../shared/constants.js";
+import { useComponentDictionary as X, useI18n as Z } from "../../../i18n/I18n.js";
+import { useBase as $ } from "../../Base/useBase.js";
+import { useDateFormatter as ee } from "../../../hooks/useDateFormatter.js";
+const te = (t) => t?.status === f.Calculating, ae = (t) => t?.status === f.CalculateSuccess;
+function Le(t) {
+  return /* @__PURE__ */ m(Q, { ...t, children: /* @__PURE__ */ m(oe, { ...t, children: t.children }) });
 }
-const ie = ({
+const oe = ({
   onEvent: t,
-  companyId: l,
-  payrollId: o,
-  dictionary: R,
-  alerts: w,
-  withReimbursements: D = !0
+  companyId: i,
+  payrollId: l,
+  dictionary: g,
+  alerts: C,
+  withReimbursements: L = !0
 }) => {
-  te("Payroll.PayrollConfiguration", R), ae("Payroll.PayrollConfiguration");
-  const { t: i } = J("Payroll.PayrollConfiguration"), { baseSubmitHandler: C } = oe(), L = se(), _ = 10, [S, n] = p(1), [E, N] = p(_), [s, c] = p(!1), [A, P] = p([]), { data: u, isFetching: U } = j({
-    companyId: l,
-    payrollUuid: o,
-    // get back list of employees to specific payroll
-    per: E,
-    page: S,
-    sortBy: "name"
-    // sort alphanumeric by employee last_names
-  }), O = G(() => u.showEmployees?.map((e) => e.uuid) || [], [u.showEmployees]), y = Number(u.httpMeta.response.headers.get("x-total-pages") ?? 1), x = {
-    currentPage: S,
-    handleFirstPage: () => {
-      n(1);
-    },
-    handlePreviousPage: () => {
-      n((e) => Math.max(e - 1, 1));
-    },
-    handleNextPage: () => {
-      n((e) => Math.min(e + 1, y));
-    },
-    handleLastPage: () => {
-      n(y);
-    },
-    handleItemsPerPageChange: (e) => {
-      N(e);
-    },
-    totalPages: y,
-    isFetching: U,
-    itemsPerPage: E
-  }, { data: a } = v(
+  X("Payroll.PayrollConfiguration", g), Z("Payroll.PayrollConfiguration");
+  const { t: r } = K("Payroll.PayrollConfiguration"), { baseSubmitHandler: d } = $(), n = ee(), [o, c] = h(!1), {
+    employeeDetails: D,
+    employeeCompensations: w,
+    paySchedule: k,
+    payPeriod: R,
+    isOffCycle: _,
+    pagination: A,
+    isLoading: E,
+    refetch: b
+  } = J({ companyId: i, payrollId: l }), { data: a } = H(
     {
-      companyId: l,
-      payrollId: o,
-      include: ["taxes", "benefits", "deductions"]
+      companyId: i,
+      payrollId: l,
+      include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     },
-    { refetchInterval: s ? 5e3 : !1 }
-  ), { mutateAsync: b } = z(), { mutateAsync: F, isPending: Y } = Q(), {
-    preparedPayroll: d,
-    paySchedule: B,
-    isLoading: k,
-    handlePreparePayroll: q
-  } = X({
-    companyId: l,
-    payrollId: o,
-    employeeUuids: O,
-    sortBy: "last_name"
-    // sort alphanumeric by employee last_names to match employees GET
-  }), M = async () => {
-    P([]), await C({}, async () => {
-      const e = await Z(async () => {
-        await b({
+    { refetchInterval: o ? 5e3 : !1 }
+  ), { mutateAsync: x, isPending: P } = V(), { mutateAsync: O, isPending: U } = j(), { data: N } = v({
+    companyUuid: i
+  }), S = (N.payrollBlockerList ?? []).map((e) => ({
+    key: e.key ?? "unknown",
+    message: e.message
+  })), [B, p] = h(S), M = async () => {
+    p([]), await d({}, async () => {
+      const e = await I(async () => {
+        await x({
           request: {
-            companyId: l,
-            payrollId: o
+            companyId: i,
+            payrollId: l
           }
         }), c(!0);
       });
-      !e.success && e.blockers.length > 0 && P(e.blockers);
+      !e.success && e.blockers.length > 0 && p(e.blockers);
     });
   }, T = (e) => {
-    t(r.RUN_PAYROLL_EMPLOYEE_EDIT, {
+    t(s.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, I = ({
+  }, W = ({
     paymentMethod: e,
-    reimbursements: g,
-    ...m
+    reimbursements: y,
+    ...u
   }) => ({
-    ...m,
+    ...u,
     ...e && e !== "Historical" ? { paymentMethod: e } : {},
-    memo: m.memo || void 0
-  }), W = async (e) => {
-    t(r.RUN_PAYROLL_EMPLOYEE_SKIP, {
+    memo: u.memo || void 0
+  }), Y = async (e) => {
+    t(s.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
-    }), await C({}, async () => {
-      const g = I(e), m = await F({
+    }), await d({}, async () => {
+      const y = W(e), u = await O({
         request: {
-          companyId: l,
-          payrollId: o,
+          companyId: i,
+          payrollId: l,
           payrollUpdate: {
             employeeCompensations: [
-              { ...g, excluded: !g.excluded }
+              { ...y, excluded: !y.excluded }
             ]
           }
         }
       });
-      t(r.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: m.payrollPrepared
-      }), await q();
+      t(s.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: u.payrollPrepared
+      }), await b();
     });
-  }, H = () => {
-    t(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
+  }, q = () => {
+    t(s.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
-  K(() => {
-    re(a.payrollShow?.processingRequest) && !s && c(!0), s && le(a.payrollShow?.processingRequest) && (t(r.RUN_PAYROLL_CALCULATED, {
-      payrollId: o,
-      alert: { type: "success", title: i("alerts.progressSaved") },
+  G(() => {
+    te(a.payrollShow?.processingRequest) && !o && c(!0), o && ae(a.payrollShow?.processingRequest) && (t(s.RUN_PAYROLL_CALCULATED, {
+      payrollId: l,
+      alert: { type: "success", title: r("alerts.progressSaved") },
       payPeriod: a.payrollShow?.payPeriod
-    }), P([]), c(!1)), s && a.payrollShow?.processingRequest?.status === h.ProcessingFailed && (t(r.RUN_PAYROLL_PROCESSING_FAILED), c(!1));
-  }, [
-    a.payrollShow?.processingRequest,
-    s,
-    t,
-    i,
-    o,
-    a.payrollShow?.calculatedAt
-  ]);
-  const V = a.payrollShow ? {
-    label: i("alerts.directDepositDeadline", {
-      payDate: L.formatShortWithWeekday(a.payrollShow.checkDate),
-      ...L.formatWithTime(a.payrollShow.payrollDeadline)
+    }), p([]), c(!1)), o && a.payrollShow?.processingRequest?.status === f.ProcessingFailed && (t(s.RUN_PAYROLL_PROCESSING_FAILED), c(!1));
+  }, [a.payrollShow?.processingRequest, o, t, r, l]);
+  const F = a.payrollShow?.payrollStatusMeta?.payrollLate && a.payrollShow.payrollStatusMeta.initialCheckDate && a.payrollShow.payrollStatusMeta.expectedDebitTime && a.payrollShow.payrollStatusMeta.expectedCheckDate ? {
+    label: r("alerts.payrollLate", {
+      initialCheckDate: n.formatShortWithWeekday(
+        a.payrollShow.payrollStatusMeta.initialCheckDate
+      )
+    }),
+    content: r("alerts.payrollLateText", {
+      ...n.formatWithTime(
+        a.payrollShow.payrollStatusMeta.expectedDebitTime
+      ),
+      newCheckDate: n.formatShortWithWeekday(
+        a.payrollShow.payrollStatusMeta.expectedCheckDate
+      )
+    }),
+    variant: "warning"
+  } : a.payrollShow ? {
+    label: r("alerts.directDepositDeadline", {
+      payDate: n.formatShortWithWeekday(a.payrollShow.checkDate),
+      ...n.formatWithTime(a.payrollShow.payrollDeadline)
     }),
-    content: i("alerts.directDepositDeadlineText")
+    content: r("alerts.directDepositDeadlineText"),
+    variant: "info"
   } : void 0;
-  return /* @__PURE__ */ f(
-    $,
+  return /* @__PURE__ */ m(
+    z,
     {
       onCalculatePayroll: M,
+      isCalculateDisabled: S.length > 0,
       onEdit: T,
-      onToggleExclude: W,
-      onViewBlockers: H,
-      employeeCompensations: d?.employeeCompensations || [],
-      employeeDetails: u.showEmployees || [],
-      payPeriod: d?.payPeriod,
-      paySchedule: B,
-      isOffCycle: d?.offCycle,
-      alerts: w,
-      payrollDeadlineNotice: V,
-      isPending: s || k || Y,
-      payrollBlockers: A,
-      pagination: x,
-      withReimbursements: D
+      onToggleExclude: Y,
+      onViewBlockers: q,
+      employeeCompensations: w,
+      employeeDetails: D,
+      payPeriod: R,
+      paySchedule: k,
+      isOffCycle: _,
+      alerts: C,
+      payrollAlert: F,
+      isPending: o || E || U || P,
+      isCalculating: P || o,
+      payrollBlockers: B,
+      pagination: A,
+      withReimbursements: L
     }
   );
 };
 export {
-  Ue as PayrollConfiguration,
-  ie as Root
+  Le as PayrollConfiguration,
+  oe as Root
 };
 //# sourceMappingURL=PayrollConfiguration.js.map