@gusto/embedded-react-sdk 0.55.4 → 0.55.6

package/dist/components/InformationRequests/InformationRequests.js

@@ -1,109 +1,108 @@
-import { jsx as t, jsxs as Q } from "react/jsx-runtime";
-import { createMachine as U } from "robot3";
-import { useMachine as k } from "react-robot";
-import { useState as I, useCallback as p, useMemo as P, Suspense as O } from "react";
-import { useTranslation as g } from "react-i18next";
-import { informationRequestsMachine as j } from "./informationRequestsStateMachine.js";
-import { BaseBoundaries as h } from "../Base/Base.js";
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { createMachine as b } from "robot3";
+import { useMachine as D } from "react-robot";
+import { useState as k, useCallback as p, useMemo as g, Suspense as R } from "react";
+import { useTranslation as j } from "react-i18next";
+import { informationRequestsMachine as w } from "./informationRequestsStateMachine.js";
+import { BaseBoundaries as x } from "../Base/Base.js";
 import "../Base/useBase.js";
-import { Flex as w } from "../Common/Flex/Flex.js";
-import { useComponentContext as B } from "../../contexts/ComponentAdapter/useComponentContext.js";
-import { FlowContext as $ } from "../Flow/useFlow.js";
-import { useComponentDictionary as z, useI18n as L } from "../../i18n/I18n.js";
-import { informationRequestEvents as l } from "../../shared/constants.js";
-import { InformationRequestList as Y } from "./InformationRequestList/InformationRequestList.js";
-const M = "informationRequestResponded";
-function G({
-  companyId: o,
-  dictionary: s,
-  withAlert: r = !0,
-  onEvent: x = () => {
+import { Flex as B } from "../Common/Flex/Flex.js";
+import { useComponentContext as P } from "../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlowContext as Q } from "../Flow/useFlow.js";
+import { useComponentDictionary as U, useI18n as $ } from "../../i18n/I18n.js";
+import { informationRequestEvents as I } from "../../shared/constants.js";
+import { InformationRequestList as z } from "./InformationRequestList/InformationRequestList.js";
+const h = "informationRequestResponded";
+function L({
+  companyId: n,
+  dictionary: r,
+  withAlert: i = !0,
+  onEvent: E = () => {
   },
-  LoaderComponent: a
+  LoaderComponent: m
 }) {
-  z("InformationRequests", s), L("InformationRequests");
-  const { t: f } = g("InformationRequests"), { Modal: A, LoadingSpinner: u, Alert: F, Text: N } = B(), [T, m] = I(!1), [_, d] = I({
+  U("InformationRequests", r), $("InformationRequests");
+  const { t: a } = j("InformationRequests"), { Modal: q, LoadingSpinner: c, Alert: A, Text: M } = P(), [F, u] = k({
     nextAlertId: 0,
     alerts: []
-  }), q = p((e) => {
-    d((n) => ({
-      ...n,
-      alerts: n.alerts.filter((b) => b.id !== e)
+  }), O = p((e) => {
+    u((s) => ({
+      ...s,
+      alerts: s.alerts.filter((_) => _.id !== e)
     }));
   }, []), S = p(() => {
-    d((e) => ({
+    u((e) => ({
       nextAlertId: e.nextAlertId + 1,
       alerts: [{ id: e.nextAlertId }, ...e.alerts]
     }));
-  }, []), C = P(
-    () => U(
+  }, []), T = g(
+    () => b(
       "list",
-      j,
+      w,
       () => ({
         component: null,
-        companyId: o,
-        onEvent: i,
-        LoaderComponent: a
+        companyId: n,
+        onEvent: o,
+        LoaderComponent: m
       })
     ),
-    [o, a]
-  ), [R, D] = k(C);
-  function i(e, n) {
-    D({ type: e, payload: n }), e === l.INFORMATION_REQUEST_RESPOND && m(!0), (e === l.INFORMATION_REQUEST_FORM_CANCEL || e === l.INFORMATION_REQUEST_FORM_DONE) && m(!1), e === l.INFORMATION_REQUEST_FORM_DONE && r && S(), x(e, n);
+    [n, m]
+  ), [f, C] = D(T), l = f.context.component, d = l?.Footer || void 0, N = l !== null;
+  function o(e, s) {
+    C({ type: e, payload: s }), e === I.INFORMATION_REQUEST_FORM_DONE && i && S(), E(e, s);
   }
-  const v = () => {
-    m(!1);
-  }, c = R.context.component, E = c?.Footer || void 0;
   return /* @__PURE__ */ t(
-    $.Provider,
+    Q.Provider,
     {
       value: {
-        ...R.context,
-        onEvent: i
+        ...f.context,
+        onEvent: o
       },
-      children: /* @__PURE__ */ Q(w, { flexDirection: "column", gap: 32, children: [
-        r && _.alerts.map((e) => /* @__PURE__ */ t(
-          F,
+      children: /* @__PURE__ */ v(B, { flexDirection: "column", gap: 32, children: [
+        i && F.alerts.map((e) => /* @__PURE__ */ t(
+          A,
           {
             status: "success",
-            label: f(`alerts.${M}.title`),
+            label: a(`alerts.${h}.title`),
             onDismiss: () => {
-              q(e.id);
+              O(e.id);
             },
-            children: /* @__PURE__ */ t(N, { children: f(`alerts.${M}.description`) })
+            children: /* @__PURE__ */ t(M, { children: a(`alerts.${h}.description`) })
           },
           e.id
         )),
-        /* @__PURE__ */ t(O, { fallback: /* @__PURE__ */ t(u, {}), children: /* @__PURE__ */ t(Y, { companyId: o, onEvent: i }) }),
+        /* @__PURE__ */ t(R, { fallback: /* @__PURE__ */ t(c, {}), children: /* @__PURE__ */ t(z, { companyId: n, onEvent: o }) }),
         /* @__PURE__ */ t(
-          A,
+          q,
           {
-            isOpen: T,
-            onClose: v,
-            footer: E && /* @__PURE__ */ t(h, { LoaderComponent: a, children: /* @__PURE__ */ t(O, { fallback: /* @__PURE__ */ t(u, { size: "sm" }), children: /* @__PURE__ */ t(E, { onEvent: i }) }) }),
-            children: c && /* @__PURE__ */ t(c, {})
+            isOpen: N,
+            onClose: () => {
+              o(I.INFORMATION_REQUEST_FORM_CANCEL);
+            },
+            footer: d && /* @__PURE__ */ t(x, { LoaderComponent: m, children: /* @__PURE__ */ t(R, { fallback: /* @__PURE__ */ t(c, { size: "sm" }), children: /* @__PURE__ */ t(d, { onEvent: o }) }) }),
+            children: l && /* @__PURE__ */ t(l, {})
           }
         )
       ] })
     }
   );
 }
-function ie({
-  FallbackComponent: o,
-  LoaderComponent: s,
-  ...r
+function st({
+  FallbackComponent: n,
+  LoaderComponent: r,
+  ...i
 }) {
   return /* @__PURE__ */ t(
-    h,
+    x,
     {
       componentName: "InformationRequests",
-      FallbackComponent: o,
-      LoaderComponent: s,
-      children: /* @__PURE__ */ t(G, { LoaderComponent: s, ...r })
+      FallbackComponent: n,
+      LoaderComponent: r,
+      children: /* @__PURE__ */ t(L, { LoaderComponent: r, ...i })
     }
   );
 }
 export {
-  ie as InformationRequestsFlow
+  st as InformationRequestsFlow
 };
 //# sourceMappingURL=InformationRequests.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InformationRequests.js","sources":["../../../src/components/InformationRequests/InformationRequests.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { InformationRequestList } from './InformationRequestList'\nimport { informationRequestsMachine } from './informationRequestsStateMachine'\nimport { type InformationRequestsContextInterface } from './InformationRequestsComponents'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { informationRequestEvents, type EventType } from '@/shared/constants'\n\ninterface SubmissionAlert {\n  id: number\n}\n\ninterface SubmissionAlertState {\n  nextAlertId: number\n  alerts: SubmissionAlert[]\n}\n\nconst ALERT_TYPE = 'informationRequestResponded' as const\n\nfunction InformationRequestsFlowRoot({\n  companyId,\n  dictionary,\n  withAlert = true,\n  onEvent = () => {},\n  LoaderComponent,\n}: InformationRequestsFlowProps) {\n  useComponentDictionary('InformationRequests', dictionary)\n  useI18n('InformationRequests')\n  const { t } = useTranslation('InformationRequests')\n  const { Modal, LoadingSpinner, Alert, Text } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [alertState, setAlertState] = useState<SubmissionAlertState>({\n    nextAlertId: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addSubmissionAlert = useCallback(() => {\n    setAlertState(prev => ({\n      nextAlertId: prev.nextAlertId + 1,\n      alerts: [{ id: prev.nextAlertId }, ...prev.alerts],\n    }))\n  }, [])\n\n  const informationRequestsMachineInstance = useMemo(\n    () =>\n      createMachine(\n        'list',\n        informationRequestsMachine,\n        (): InformationRequestsContextInterface => ({\n          component: null,\n          companyId,\n          onEvent: handleEvent,\n          LoaderComponent,\n        }),\n      ),\n    [companyId, LoaderComponent],\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    if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE && withAlert) {\n      addSubmissionAlert()\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      <Flex flexDirection=\"column\" gap={32}>\n        {withAlert &&\n          alertState.alerts.map(alert => (\n            <Alert\n              key={alert.id}\n              status=\"success\"\n              label={t(`alerts.${ALERT_TYPE}.title`)}\n              onDismiss={() => {\n                handleDismissAlert(alert.id)\n              }}\n            >\n              <Text>{t(`alerts.${ALERT_TYPE}.description`)}</Text>\n            </Alert>\n          ))}\n\n        <Suspense fallback={<LoadingSpinner />}>\n          <InformationRequestList companyId={companyId} onEvent={handleEvent} />\n        </Suspense>\n        <Modal\n          isOpen={isModalOpen}\n          onClose={handleCloseModal}\n          footer={\n            Footer && (\n              <BaseBoundaries LoaderComponent={LoaderComponent}>\n                <Suspense fallback={<LoadingSpinner size=\"sm\" />}>\n                  <Footer onEvent={handleEvent} />\n                </Suspense>\n              </BaseBoundaries>\n            )\n          }\n        >\n          {CurrentComponent && <CurrentComponent />}\n        </Modal>\n      </Flex>\n    </FlowContext.Provider>\n  )\n}\n\n/**\n * Props for {@link InformationRequestsFlow}.\n *\n * @public\n */\nexport interface InformationRequestsFlowProps extends Omit<\n  BaseComponentInterface<'InformationRequests'>,\n  'onEvent'\n> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * When `true` (default), the submission success alert is rendered at the top of this component.\n   * Set to `false` when embedding in a parent that renders the alert elsewhere.\n   */\n  withAlert?: boolean\n  /** Callback invoked when the flow or its blocks emit an event. */\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\n/**\n * Hub for viewing and responding to outstanding information requests from Gusto.\n *\n * @remarks\n * Renders the list of open and submitted information requests for a company and hosts the response form in a modal.\n * On successful submit, a dismissible success alert appears at the top of the list (when `withAlert` is `true`) and the modal closes.\n *\n * Information requests can also block payroll processing; in that case they are surfaced inline within\n * `Payroll.PayrollBlockerList`, which embeds this flow with `withAlert={false}` so the blocker list owns the alert UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `informationRequest/respond` | Fired when the user clicks \"Respond\" on a request and the form modal opens | `{ requestId: string }` |\n * | `informationRequest/form/done` | Fired when an information request is successfully submitted | Response from the Submit information request endpoint |\n * | `informationRequest/form/cancel` | Fired when the user cancels the response form (closes the modal without submitting) | — |\n *\n * Each piece is also exported as a standalone block (see the Blocks\n * table) for composing a custom workflow when this orchestration is the wrong\n * fit. See the\n * {@link https://sdk.gusto.com/docs/guides/integration-guide/composition | Composition guide}\n * for how to recompose these blocks into your own flow.\n *\n * @components\n * - {@link InformationRequestList}\n * - {@link InformationRequestForm}\n *\n * @param props - See {@link InformationRequestsFlowProps}.\n * @returns The information requests flow surface.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { InformationRequests } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <InformationRequests.InformationRequestsFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function InformationRequestsFlow({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: InformationRequestsFlowProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"InformationRequests\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <InformationRequestsFlowRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ALERT_TYPE","InformationRequestsFlowRoot","companyId","dictionary","withAlert","onEvent","LoaderComponent","useComponentDictionary","useI18n","t","useTranslation","Modal","LoadingSpinner","Alert","Text","useComponentContext","isModalOpen","setIsModalOpen","useState","alertState","setAlertState","handleDismissAlert","useCallback","alertId","prev","alert","addSubmissionAlert","informationRequestsMachineInstance","useMemo","createMachine","informationRequestsMachine","handleEvent","current","send","useMachine","type","data","informationRequestEvents","handleCloseModal","CurrentComponent","Footer","jsx","FlowContext","jsxs","Flex","Suspense","InformationRequestList","BaseBoundaries","InformationRequestsFlow","FallbackComponent","props"],"mappings":"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"}
+{"version":3,"file":"InformationRequests.js","sources":["../../../src/components/InformationRequests/InformationRequests.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { InformationRequestList } from './InformationRequestList'\nimport { informationRequestsMachine } from './informationRequestsStateMachine'\nimport { type InformationRequestsContextInterface } from './InformationRequestsComponents'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { informationRequestEvents, type EventType } from '@/shared/constants'\n\ninterface SubmissionAlert {\n  id: number\n}\n\ninterface SubmissionAlertState {\n  nextAlertId: number\n  alerts: SubmissionAlert[]\n}\n\nconst ALERT_TYPE = 'informationRequestResponded' as const\n\nfunction InformationRequestsFlowRoot({\n  companyId,\n  dictionary,\n  withAlert = true,\n  onEvent = () => {},\n  LoaderComponent,\n}: InformationRequestsFlowProps) {\n  useComponentDictionary('InformationRequests', dictionary)\n  useI18n('InformationRequests')\n  const { t } = useTranslation('InformationRequests')\n  const { Modal, LoadingSpinner, Alert, Text } = useComponentContext()\n  const [alertState, setAlertState] = useState<SubmissionAlertState>({\n    nextAlertId: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addSubmissionAlert = useCallback(() => {\n    setAlertState(prev => ({\n      nextAlertId: prev.nextAlertId + 1,\n      alerts: [{ id: prev.nextAlertId }, ...prev.alerts],\n    }))\n  }, [])\n\n  const informationRequestsMachineInstance = useMemo(\n    () =>\n      createMachine(\n        'list',\n        informationRequestsMachine,\n        (): InformationRequestsContextInterface => ({\n          component: null,\n          companyId,\n          onEvent: handleEvent,\n          LoaderComponent,\n        }),\n      ),\n    [companyId, LoaderComponent],\n  )\n  const [current, send] = useMachine(informationRequestsMachineInstance)\n\n  const CurrentComponent = current.context.component\n  const Footer = CurrentComponent?.Footer || undefined\n  // Derived from the machine, not separate state, so it can't drift out of sync\n  // when the modal is dismissed without a state-machine event (e.g. Escape).\n  const isModalOpen = CurrentComponent !== null\n\n  function handleEvent(type: EventType, data?: unknown) {\n    send({ type, payload: data })\n\n    if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE && withAlert) {\n      addSubmissionAlert()\n    }\n\n    onEvent(type, data)\n  }\n\n  return (\n    <FlowContext.Provider\n      value={{\n        ...current.context,\n        onEvent: handleEvent,\n      }}\n    >\n      <Flex flexDirection=\"column\" gap={32}>\n        {withAlert &&\n          alertState.alerts.map(alert => (\n            <Alert\n              key={alert.id}\n              status=\"success\"\n              label={t(`alerts.${ALERT_TYPE}.title`)}\n              onDismiss={() => {\n                handleDismissAlert(alert.id)\n              }}\n            >\n              <Text>{t(`alerts.${ALERT_TYPE}.description`)}</Text>\n            </Alert>\n          ))}\n\n        <Suspense fallback={<LoadingSpinner />}>\n          <InformationRequestList companyId={companyId} onEvent={handleEvent} />\n        </Suspense>\n        <Modal\n          isOpen={isModalOpen}\n          onClose={() => {\n            handleEvent(informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL)\n          }}\n          footer={\n            Footer && (\n              <BaseBoundaries LoaderComponent={LoaderComponent}>\n                <Suspense fallback={<LoadingSpinner size=\"sm\" />}>\n                  <Footer onEvent={handleEvent} />\n                </Suspense>\n              </BaseBoundaries>\n            )\n          }\n        >\n          {CurrentComponent && <CurrentComponent />}\n        </Modal>\n      </Flex>\n    </FlowContext.Provider>\n  )\n}\n\n/**\n * Props for {@link InformationRequestsFlow}.\n *\n * @public\n */\nexport interface InformationRequestsFlowProps extends Omit<\n  BaseComponentInterface<'InformationRequests'>,\n  'onEvent'\n> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * When `true` (default), the submission success alert is rendered at the top of this component.\n   * Set to `false` when embedding in a parent that renders the alert elsewhere.\n   */\n  withAlert?: boolean\n  /** Callback invoked when the flow or its blocks emit an event. */\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\n/**\n * Hub for viewing and responding to outstanding information requests from Gusto.\n *\n * @remarks\n * Renders the list of open and submitted information requests for a company and hosts the response form in a modal.\n * On successful submit, a dismissible success alert appears at the top of the list (when `withAlert` is `true`) and the modal closes.\n *\n * Information requests can also block payroll processing; in that case they are surfaced inline within\n * `Payroll.PayrollBlockerList`, which embeds this flow with `withAlert={false}` so the blocker list owns the alert UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `informationRequest/respond` | Fired when the user clicks \"Respond\" on a request and the form modal opens | `{ requestId: string }` |\n * | `informationRequest/form/done` | Fired when an information request is successfully submitted | Response from the Submit information request endpoint |\n * | `informationRequest/form/cancel` | Fired when the user cancels the response form (closes the modal without submitting) | — |\n *\n * Each piece is also exported as a standalone block (see the Blocks\n * table) for composing a custom workflow when this orchestration is the wrong\n * fit. See the\n * {@link https://sdk.gusto.com/docs/guides/integration-guide/composition | Composition guide}\n * for how to recompose these blocks into your own flow.\n *\n * @components\n * - {@link InformationRequestList}\n * - {@link InformationRequestForm}\n *\n * @param props - See {@link InformationRequestsFlowProps}.\n * @returns The information requests flow surface.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { InformationRequests } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <InformationRequests.InformationRequestsFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function InformationRequestsFlow({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: InformationRequestsFlowProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"InformationRequests\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <InformationRequestsFlowRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ALERT_TYPE","InformationRequestsFlowRoot","companyId","dictionary","withAlert","onEvent","LoaderComponent","useComponentDictionary","useI18n","t","useTranslation","Modal","LoadingSpinner","Alert","Text","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addSubmissionAlert","informationRequestsMachineInstance","useMemo","createMachine","informationRequestsMachine","handleEvent","current","send","useMachine","CurrentComponent","Footer","isModalOpen","type","data","informationRequestEvents","jsx","FlowContext","jsxs","Flex","Suspense","InformationRequestList","BaseBoundaries","InformationRequestsFlow","FallbackComponent","props"],"mappings":"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"}

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js

@@ -1,32 +1,33 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { useFormContext as s, useWatch as m } from "react-hook-form";
 import { useTranslation as d } from "react-i18next";
-import a from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
+import r from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
 import { useI18n as h } from "../../../i18n/I18n.js";
-import { CheckboxField as y } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-import { DatePickerField as r } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import { CheckboxField as D } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+import { DatePickerField as a } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 function O({
   minCheckDate: o,
-  minCheckOnlyDate: l
+  minCheckOnlyDate: c
 }) {
   h("Payroll.OffCyclePayPeriodDateForm");
-  const { t: e } = d("Payroll.OffCyclePayPeriodDateForm"), { control: c } = s(), n = m({ control: c, name: "isCheckOnly" }) ? l : o;
-  return /* @__PURE__ */ i("div", { className: a.root, children: [
-    /* @__PURE__ */ i("div", { className: a.dateFields, children: [
-      /* @__PURE__ */ t(r, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
-      /* @__PURE__ */ t(r, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
+  const { t: e } = d("Payroll.OffCyclePayPeriodDateForm"), { control: l } = s(), n = m({ control: l, name: "isCheckOnly" }) ? c : o;
+  return /* @__PURE__ */ i("div", { className: r.root, children: [
+    /* @__PURE__ */ i("div", { className: r.dateFields, children: [
+      /* @__PURE__ */ t(a, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
+      /* @__PURE__ */ t(a, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
     ] }),
-    /* @__PURE__ */ t("div", { className: a.checkDateField, children: /* @__PURE__ */ t(
-      r,
+    /* @__PURE__ */ t("div", { className: r.checkDateField, children: /* @__PURE__ */ t(
+      a,
       {
         name: "checkDate",
         label: e("checkDateLabel"),
+        description: e("checkDateDescription"),
         isRequired: !0,
         minDate: n
       }
     ) }),
     /* @__PURE__ */ t(
-      y,
+      D,
       {
         name: "isCheckOnly",
         label: e("checkOnlyLabel"),

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCyclePayPeriodDateFormData } from './OffCyclePayPeriodDateFormTypes'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\n/** @internal */\nexport interface OffCyclePayPeriodDateFormPresentationProps {\n  /** Earliest selectable payment date for direct deposit (today plus the ACH lead time). */\n  minCheckDate: Date\n  /** Earliest selectable payment date when the payroll is check-only (today). */\n  minCheckOnlyDate: Date\n}\n\n/** @internal */\nexport function OffCyclePayPeriodDateFormPresentation({\n  minCheckDate,\n  minCheckOnlyDate,\n}: OffCyclePayPeriodDateFormPresentationProps) {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n\n  const { control } = useFormContext<OffCyclePayPeriodDateFormData>()\n  const isCheckOnly = useWatch({ control, name: 'isCheckOnly' })\n\n  // Mirrors the resolver's own `isCheckOnly ? today : minCheckDate` so the picker and the\n  // validation agree. Without a minDate the rule existed only as a submit-time error, and\n  // legacy gws-flows disables invalid dates in the picker (SDK-1274). Checking \"check-only\"\n  // has to widen the bound back to today, live.\n  const checkDateMinimum = isCheckOnly ? minCheckOnlyDate : minCheckDate\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.dateFields}>\n        <DatePickerField name=\"startDate\" label={t('startDateLabel')} isRequired />\n        <DatePickerField name=\"endDate\" label={t('endDateLabel')} isRequired />\n      </div>\n\n      <div className={styles.checkDateField}>\n        <DatePickerField\n          name=\"checkDate\"\n          label={t('checkDateLabel')}\n          isRequired\n          minDate={checkDateMinimum}\n        />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","minCheckDate","minCheckOnlyDate","useI18n","t","useTranslation","control","useFormContext","checkDateMinimum","useWatch","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;AAgBO,SAASA,EAAsC;AAAA,EACpD,cAAAC;AAAA,EACA,kBAAAC;AACF,GAA+C;AAC7C,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAE1D,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAOdC,IANcC,EAAS,EAAE,SAAAH,GAAS,MAAM,eAAe,IAMtBJ,IAAmBD;AAE1D,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOT,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAQ,EAACC,KAAgB,MAAK,WAAU,OAAOT,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAEA,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOT,EAAE,gBAAgB;AAAA,QACzB,YAAU;AAAA,QACV,SAASI;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOV,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}
+{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCyclePayPeriodDateFormData } from './OffCyclePayPeriodDateFormTypes'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\n/** @internal */\nexport interface OffCyclePayPeriodDateFormPresentationProps {\n  /** Earliest selectable payment date for direct deposit (today plus the ACH lead time). */\n  minCheckDate: Date\n  /** Earliest selectable payment date when the payroll is check-only (today). */\n  minCheckOnlyDate: Date\n}\n\n/** @internal */\nexport function OffCyclePayPeriodDateFormPresentation({\n  minCheckDate,\n  minCheckOnlyDate,\n}: OffCyclePayPeriodDateFormPresentationProps) {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n\n  const { control } = useFormContext<OffCyclePayPeriodDateFormData>()\n  const isCheckOnly = useWatch({ control, name: 'isCheckOnly' })\n\n  // Mirrors the resolver's own `isCheckOnly ? today : minCheckDate` so the picker and the\n  // validation agree. Without a minDate the rule existed only as a submit-time error, and\n  // legacy gws-flows disables invalid dates in the picker (SDK-1274). Checking \"check-only\"\n  // has to widen the bound back to today, live.\n  const checkDateMinimum = isCheckOnly ? minCheckOnlyDate : minCheckDate\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.dateFields}>\n        <DatePickerField name=\"startDate\" label={t('startDateLabel')} isRequired />\n        <DatePickerField name=\"endDate\" label={t('endDateLabel')} isRequired />\n      </div>\n\n      <div className={styles.checkDateField}>\n        <DatePickerField\n          name=\"checkDate\"\n          label={t('checkDateLabel')}\n          description={t('checkDateDescription')}\n          isRequired\n          minDate={checkDateMinimum}\n        />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","minCheckDate","minCheckOnlyDate","useI18n","t","useTranslation","control","useFormContext","checkDateMinimum","useWatch","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;AAgBO,SAASA,EAAsC;AAAA,EACpD,cAAAC;AAAA,EACA,kBAAAC;AACF,GAA+C;AAC7C,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAE1D,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAOdC,IANcC,EAAS,EAAE,SAAAH,GAAS,MAAM,eAAe,IAMtBJ,IAAmBD;AAE1D,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOT,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAQ,EAACC,KAAgB,MAAK,WAAU,OAAOT,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAEA,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOT,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,QACrC,YAAU;AAAA,QACV,SAASI;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOV,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.module.scss.js

@@ -1,4 +1,4 @@
-const e = "_root_xmpo5_1", t = "_header_xmpo5_7", o = "_headerContent_xmpo5_14", _ = "_wageTypeCell_xmpo5_20", a = "_taxedAsCell_xmpo5_21", l = "_table_xmpo5_27", n = {
+const e = "_root_1go5t_1", t = "_header_1go5t_7", o = "_headerContent_1go5t_14", _ = "_wageTypeCell_1go5t_20", a = "_taxedAsCell_1go5t_21", l = "_table_1go5t_27", n = {
   root: e,
   header: t,
   headerContent: o,