@gusto/embedded-react-sdk 0.48.1 → 0.48.2

package/dist/components/InformationRequests/InformationRequests.js

@@ -1,10 +1,11 @@
 import { jsx as t, jsxs as v } from "react/jsx-runtime";
 import { createMachine as b } from "robot3";
 import { useMachine as L } from "react-robot";
-import { useState as R, useCallback as E, useMemo as Q, Suspense as p } from "react";
+import { useState as R, useCallback as p, useMemo as Q, Suspense as E } from "react";
 import { useTranslation as U } from "react-i18next";
 import { informationRequestsMachine as k } from "./informationRequestsStateMachine.js";
 import { BaseBoundaries as P } from "../Base/Base.js";
+import "../Base/useBase.js";
 import { Flex as g } from "../Common/Flex/Flex.js";
 import { useComponentContext as j } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import { FlowContext as B } from "../Flow/useFlow.js";
@@ -12,7 +13,7 @@ import { useComponentDictionary as $, useI18n as w } from "../../i18n/I18n.js";
 import { informationRequestEvents as s } from "../../shared/constants.js";
 import { InformationRequestList as z } from "./InformationRequestList/InformationRequestList.js";
 const I = "informationRequestResponded";
-function ne({
+function se({
   companyId: r,
   dictionary: O,
   withAlert: a = !0,
@@ -23,12 +24,12 @@ function ne({
   const { t: m } = U("InformationRequests"), { Modal: h, LoadingSpinner: c, Alert: x, Text: A } = j(), [F, i] = R(!1), [N, f] = R({
     nextAlertId: 0,
     alerts: []
-  }), T = E((e) => {
+  }), T = p((e) => {
     f((o) => ({
       ...o,
       alerts: o.alerts.filter((D) => D.id !== e)
     }));
-  }, []), _ = E(() => {
+  }, []), _ = p(() => {
     f((e) => ({
       nextAlertId: e.nextAlertId + 1,
       alerts: [{ id: e.nextAlertId }, ...e.alerts]
@@ -71,13 +72,13 @@ function ne({
           },
           e.id
         )),
-        /* @__PURE__ */ t(p, { fallback: /* @__PURE__ */ t(c, {}), children: /* @__PURE__ */ t(z, { companyId: r, onEvent: n }) }),
+        /* @__PURE__ */ t(E, { fallback: /* @__PURE__ */ t(c, {}), children: /* @__PURE__ */ t(z, { companyId: r, onEvent: n }) }),
         /* @__PURE__ */ t(
           h,
           {
             isOpen: F,
             onClose: q,
-            footer: d && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(p, { fallback: /* @__PURE__ */ t(c, { size: "sm" }), children: /* @__PURE__ */ t(d, { onEvent: n }) }) }),
+            footer: d && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(E, { fallback: /* @__PURE__ */ t(c, { size: "sm" }), children: /* @__PURE__ */ t(d, { onEvent: n }) }) }),
             children: l && /* @__PURE__ */ t(l, {})
           }
         )
@@ -86,6 +87,6 @@ function ne({
   );
 }
 export {
-  ne as InformationRequestsFlow
+  se 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\nexport interface InformationRequestsFlowProps extends Omit<\n  BaseComponentInterface<'InformationRequests'>,\n  'onEvent'\n> {\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 (e.g. PayrollBlockerList) that renders the alert elsewhere.\n   */\n  withAlert?: boolean\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\nconst ALERT_TYPE = 'informationRequestResponded' as const\n\nexport function InformationRequestsFlow({\n  companyId,\n  dictionary,\n  withAlert = true,\n  onEvent = () => {},\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        }),\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    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>\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"],"names":["ALERT_TYPE","InformationRequestsFlow","companyId","dictionary","withAlert","onEvent","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"],"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\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 subcomponents emit an event. */\n  onEvent?: BaseComponentInterface['onEvent']\n}\n\nconst ALERT_TYPE = 'informationRequestResponded' as const\n\n/**\n * Standalone surface for viewing and responding to outstanding information requests Gusto has issued for a company.\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 * | 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 * @param props - See {@link InformationRequestsFlowProps}.\n * @returns The information requests flow surface.\n * @public\n */\nexport function InformationRequestsFlow({\n  companyId,\n  dictionary,\n  withAlert = true,\n  onEvent = () => {},\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        }),\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    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>\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"],"names":["ALERT_TYPE","InformationRequestsFlow","companyId","dictionary","withAlert","onEvent","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"],"mappings":"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"}

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

@@ -2,6 +2,7 @@ import { FlowContextInterface } from '../Flow/useFlow';
 import { CommonComponentInterface } from '../Base';
 import { EventType } from '../../types/Helpers';
 import { OnEventType } from '../Base/useBase';
+/** @internal */
 export interface InformationRequestsContextInterface extends FlowContextInterface {
     companyId: string;
     selectedRequestId?: string;
@@ -11,6 +12,7 @@ export interface InformationRequestsContextInterface extends FlowContextInterfac
         }>;
     }) | null;
 }
+/** @internal */
 export declare function InformationRequestFormContextual(): import("react").JSX.Element;
 export declare namespace InformationRequestFormContextual {
     var Footer: ({ onEvent }: {

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

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

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

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

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

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

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

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

@@ -1,6 +1,39 @@
 import { ConfirmWireDetailsProps } from './types';
 import { BaseComponentInterface } from '../../Base';
 export type { ConfirmWireDetailsComponentType } from './types';
-interface ConfirmWireDetailsInternalProps extends Omit<BaseComponentInterface, 'onEvent'>, ConfirmWireDetailsProps {
-}
-export declare function ConfirmWireDetails({ onEvent, ...props }: ConfirmWireDetailsInternalProps): import("react").JSX.Element;
+/**
+ * Wire transfer confirmation workflow for payroll funding.
+ *
+ * Displays a banner when wire transfers are awaiting funds and walks the user
+ * through viewing wire instructions and confirming transfer details via a modal.
+ *
+ * @remarks
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `payroll/wire/startTransfer` | User initiates the wire transfer flow | — |
+ * | `payroll/wire/instructions/select` | User selects a wire-in request from the instructions screen | `{ selectedWireInId: string }` |
+ * | `payroll/wire/instructions/done` | User completes viewing wire instructions | `{ selectedWireInId: string }` |
+ * | `payroll/wire/instructions/cancel` | User cancels viewing wire instructions | — |
+ * | `payroll/wire/form/done` | User completes the wire confirmation form | `{ wireInRequest: WireInRequest }` |
+ * | `payroll/wire/form/cancel` | User cancels the wire confirmation form | — |
+ *
+ * @param props - {@link ConfirmWireDetailsProps} plus base component props.
+ * @returns The wire confirmation banner and modal flow.
+ * @public
+ *
+ * @example
+ * ```tsx
+ * import { Payroll } from '@gusto/embedded-react-sdk'
+ *
+ * function MyComponent() {
+ *   return (
+ *     <Payroll.ConfirmWireDetails
+ *       companyId="your-company-id"
+ *       wireInId="your-wire-in-id"
+ *       onEvent={() => {}}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function ConfirmWireDetails({ onEvent, ...props }: Omit<BaseComponentInterface, 'onEvent'> & ConfirmWireDetailsProps): import("react").JSX.Element;

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetails.js

@@ -6,40 +6,45 @@ import { useWireInRequestsListSuspense as F } from "@gusto/embedded-api-v-2025-1
 import { confirmWireDetailsMachine as D } from "./confirmWireDetailsStateMachine.js";
 import P from "./ConfirmWireDetails.module.scss.js";
 import { BaseComponent as Y, BaseBoundaries as q } from "../../Base/Base.js";
+import "../../Base/useBase.js";
 import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { FlowContext as b } from "../../Flow/useFlow.js";
 import { payrollWireEvents as r } from "../../../shared/constants.js";
 import { ConfirmWireDetailsBanner as g } from "./ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.js";
-function $({
+function w({
   onEvent: t = () => {
   },
-  ...n
+  ...o
 }) {
-  return /* @__PURE__ */ e(Y, { ...n, onEvent: t, children: /* @__PURE__ */ e(j, { ...n, onEvent: t }) });
+  return /* @__PURE__ */ e(Y, { ...o, onEvent: t, children: /* @__PURE__ */ e(j, { ...o, onEvent: t }) });
 }
-function j({ companyId: t, wireInId: n, onEvent: l = () => {
-} }) {
-  const { Modal: p, LoadingSpinner: C } = B(), [_, s] = v(!1), f = x(null), { data: L } = F({
+function j({
+  companyId: t,
+  wireInId: o,
+  onEvent: l = () => {
+  }
+}) {
+  const { Modal: p, LoadingSpinner: C } = B(), [_, s] = v(!1), m = x(null), { data: L } = F({
     companyUuid: t
-  }), m = (L.wireInRequestList || []).filter(
-    (o) => o.status === "awaiting_funds"
-  ), W = d(() => n || m[0]?.uuid, [n, m[0]?.uuid]), h = d(
+  }), f = (L.wireInRequestList || []).filter(
+    (n) => n.status === "awaiting_funds"
+  ), W = d(() => o || f[0]?.uuid, [o, f[0]?.uuid]), h = d(
     () => M(
       "banner",
       D,
       () => ({
         component: null,
         companyId: t,
-        wireInId: n,
+        wireInId: o,
         selectedWireInId: W,
         onEvent: i,
-        modalContainerRef: f
+        modalContainerRef: m
       })
     ),
-    [t, n]
+    [t, o]
   ), [a, A] = T(h);
-  function i(o, R) {
-    A({ type: o, payload: R }), o === r.PAYROLL_WIRE_START_TRANSFER && s(!0), (o === r.PAYROLL_WIRE_INSTRUCTIONS_CANCEL || o === r.PAYROLL_WIRE_FORM_CANCEL || o === r.PAYROLL_WIRE_FORM_DONE) && s(!1), l(o, R);
+  function i(n, R) {
+    A({ type: n, payload: R }), n === r.PAYROLL_WIRE_START_TRANSFER && s(!0), (n === r.PAYROLL_WIRE_INSTRUCTIONS_CANCEL || n === r.PAYROLL_WIRE_FORM_CANCEL || n === r.PAYROLL_WIRE_FORM_DONE) && s(!1), l(n, R);
   }
   const E = () => {
     i(r.PAYROLL_WIRE_START_TRANSFER);
@@ -58,7 +63,7 @@ function j({ companyId: t, wireInId: n, onEvent: l = () => {
           g,
           {
             companyId: t,
-            wireInId: n,
+            wireInId: o,
             onStartWireTransfer: E,
             onEvent: l,
             confirmationAlert: a.context.confirmationAlert
@@ -69,7 +74,7 @@ function j({ companyId: t, wireInId: n, onEvent: l = () => {
           {
             isOpen: _,
             onClose: O,
-            containerRef: f,
+            containerRef: m,
             footer: u && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
               N,
               {
@@ -85,6 +90,6 @@ function j({ companyId: t, wireInId: n, onEvent: l = () => {
   );
 }
 export {
-  $ as ConfirmWireDetails
+  w as ConfirmWireDetails
 };
 //# sourceMappingURL=ConfirmWireDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmWireDetails.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetails.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { Suspense, useMemo, useRef, useState } from 'react'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { ConfirmWireDetailsBanner } from './ConfirmWireDetailsBanner'\nimport { confirmWireDetailsMachine } from './confirmWireDetailsStateMachine'\nimport { type ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport type { ConfirmWireDetailsProps } from './types'\nexport type { ConfirmWireDetailsComponentType } from './types'\nimport styles from './ConfirmWireDetails.module.scss'\nimport { BaseComponent, BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\n\ninterface ConfirmWireDetailsInternalProps\n  extends Omit<BaseComponentInterface, 'onEvent'>, ConfirmWireDetailsProps {}\n\nexport function ConfirmWireDetails({\n  onEvent = () => {},\n  ...props\n}: ConfirmWireDetailsInternalProps) {\n  return (\n    <BaseComponent {...props} onEvent={onEvent}>\n      <Root {...props} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, wireInId, onEvent = () => {} }: ConfirmWireDetailsInternalProps) {\n  const { Modal, LoadingSpinner } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const activeWireInRequests = (wireInRequestsData.wireInRequestList || []).filter(\n    r => r.status === 'awaiting_funds',\n  )\n\n  const selectedWireInId = useMemo(() => {\n    if (wireInId) {\n      return wireInId\n    }\n\n    return activeWireInRequests[0]?.uuid\n  }, [wireInId, activeWireInRequests[0]?.uuid])\n\n  const confirmWireDetailsMachineInstance = useMemo(\n    () =>\n      createMachine(\n        'banner',\n        confirmWireDetailsMachine,\n        (): ConfirmWireDetailsContextInterface => ({\n          component: null,\n          companyId,\n          wireInId,\n          selectedWireInId,\n          onEvent: handleEvent,\n          modalContainerRef,\n        }),\n      ),\n    [companyId, wireInId],\n  )\n  const [current, send] = useMachine(confirmWireDetailsMachineInstance)\n\n  function handleEvent(type: EventType, data?: unknown) {\n    send({ type, payload: data })\n\n    if (type === payrollWireEvents.PAYROLL_WIRE_START_TRANSFER) {\n      setIsModalOpen(true)\n    }\n\n    if (\n      type === payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_CANCEL ||\n      type === payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL ||\n      type === payrollWireEvents.PAYROLL_WIRE_FORM_DONE\n    ) {\n      setIsModalOpen(false)\n    }\n\n    onEvent(type, data)\n  }\n\n  const handleStartWireTransfer = () => {\n    handleEvent(payrollWireEvents.PAYROLL_WIRE_START_TRANSFER)\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      <ConfirmWireDetailsBanner\n        companyId={companyId}\n        wireInId={wireInId}\n        onStartWireTransfer={handleStartWireTransfer}\n        onEvent={onEvent}\n        confirmationAlert={current.context.confirmationAlert}\n      />\n      <Modal\n        isOpen={isModalOpen}\n        onClose={handleCloseModal}\n        containerRef={modalContainerRef}\n        footer={\n          Footer && (\n            <BaseBoundaries>\n              <Suspense\n                fallback={\n                  <div className={styles.footer}>\n                    <LoadingSpinner size=\"sm\" />\n                  </div>\n                }\n              >\n                <Footer onEvent={handleEvent} />\n              </Suspense>\n            </BaseBoundaries>\n          )\n        }\n      >\n        {CurrentComponent && <CurrentComponent />}\n      </Modal>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["ConfirmWireDetails","onEvent","props","jsx","BaseComponent","Root","companyId","wireInId","Modal","LoadingSpinner","useComponentContext","isModalOpen","setIsModalOpen","useState","modalContainerRef","useRef","wireInRequestsData","useWireInRequestsListSuspense","activeWireInRequests","r","selectedWireInId","useMemo","confirmWireDetailsMachineInstance","createMachine","confirmWireDetailsMachine","handleEvent","current","send","useMachine","type","data","payrollWireEvents","handleStartWireTransfer","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","ConfirmWireDetailsBanner","BaseBoundaries","Suspense","styles"],"mappings":"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"}
+{"version":3,"file":"ConfirmWireDetails.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetails.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { Suspense, useMemo, useRef, useState } from 'react'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { ConfirmWireDetailsBanner } from './ConfirmWireDetailsBanner'\nimport { confirmWireDetailsMachine } from './confirmWireDetailsStateMachine'\nimport { type ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport type { ConfirmWireDetailsProps } from './types'\nexport type { ConfirmWireDetailsComponentType } from './types'\nimport styles from './ConfirmWireDetails.module.scss'\nimport { BaseComponent, BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\n\n/**\n * Wire transfer confirmation workflow for payroll funding.\n *\n * Displays a banner when wire transfers are awaiting funds and walks the user\n * through viewing wire instructions and confirming transfer details via a modal.\n *\n * @remarks\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `payroll/wire/startTransfer` | User initiates the wire transfer flow | — |\n * | `payroll/wire/instructions/select` | User selects a wire-in request from the instructions screen | `{ selectedWireInId: string }` |\n * | `payroll/wire/instructions/done` | User completes viewing wire instructions | `{ selectedWireInId: string }` |\n * | `payroll/wire/instructions/cancel` | User cancels viewing wire instructions | — |\n * | `payroll/wire/form/done` | User completes the wire confirmation form | `{ wireInRequest: WireInRequest }` |\n * | `payroll/wire/form/cancel` | User cancels the wire confirmation form | — |\n *\n * @param props - {@link ConfirmWireDetailsProps} plus base component props.\n * @returns The wire confirmation banner and modal flow.\n * @public\n *\n * @example\n * ```tsx\n * import { Payroll } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <Payroll.ConfirmWireDetails\n *       companyId=\"your-company-id\"\n *       wireInId=\"your-wire-in-id\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function ConfirmWireDetails({\n  onEvent = () => {},\n  ...props\n}: Omit<BaseComponentInterface, 'onEvent'> & ConfirmWireDetailsProps) {\n  return (\n    <BaseComponent {...props} onEvent={onEvent}>\n      <Root {...props} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  wireInId,\n  onEvent = () => {},\n}: Omit<BaseComponentInterface, 'onEvent'> & ConfirmWireDetailsProps) {\n  const { Modal, LoadingSpinner } = useComponentContext()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const activeWireInRequests = (wireInRequestsData.wireInRequestList || []).filter(\n    r => r.status === 'awaiting_funds',\n  )\n\n  const selectedWireInId = useMemo(() => {\n    if (wireInId) {\n      return wireInId\n    }\n\n    return activeWireInRequests[0]?.uuid\n  }, [wireInId, activeWireInRequests[0]?.uuid])\n\n  const confirmWireDetailsMachineInstance = useMemo(\n    () =>\n      createMachine(\n        'banner',\n        confirmWireDetailsMachine,\n        (): ConfirmWireDetailsContextInterface => ({\n          component: null,\n          companyId,\n          wireInId,\n          selectedWireInId,\n          onEvent: handleEvent,\n          modalContainerRef,\n        }),\n      ),\n    [companyId, wireInId],\n  )\n  const [current, send] = useMachine(confirmWireDetailsMachineInstance)\n\n  function handleEvent(type: EventType, data?: unknown) {\n    send({ type, payload: data })\n\n    if (type === payrollWireEvents.PAYROLL_WIRE_START_TRANSFER) {\n      setIsModalOpen(true)\n    }\n\n    if (\n      type === payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_CANCEL ||\n      type === payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL ||\n      type === payrollWireEvents.PAYROLL_WIRE_FORM_DONE\n    ) {\n      setIsModalOpen(false)\n    }\n\n    onEvent(type, data)\n  }\n\n  const handleStartWireTransfer = () => {\n    handleEvent(payrollWireEvents.PAYROLL_WIRE_START_TRANSFER)\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      <ConfirmWireDetailsBanner\n        companyId={companyId}\n        wireInId={wireInId}\n        onStartWireTransfer={handleStartWireTransfer}\n        onEvent={onEvent}\n        confirmationAlert={current.context.confirmationAlert}\n      />\n      <Modal\n        isOpen={isModalOpen}\n        onClose={handleCloseModal}\n        containerRef={modalContainerRef}\n        footer={\n          Footer && (\n            <BaseBoundaries>\n              <Suspense\n                fallback={\n                  <div className={styles.footer}>\n                    <LoadingSpinner size=\"sm\" />\n                  </div>\n                }\n              >\n                <Footer onEvent={handleEvent} />\n              </Suspense>\n            </BaseBoundaries>\n          )\n        }\n      >\n        {CurrentComponent && <CurrentComponent />}\n      </Modal>\n    </FlowContext.Provider>\n  )\n}\n"],"names":["ConfirmWireDetails","onEvent","props","jsx","BaseComponent","Root","companyId","wireInId","Modal","LoadingSpinner","useComponentContext","isModalOpen","setIsModalOpen","useState","modalContainerRef","useRef","wireInRequestsData","useWireInRequestsListSuspense","activeWireInRequests","r","selectedWireInId","useMemo","confirmWireDetailsMachineInstance","createMachine","confirmWireDetailsMachine","handleEvent","current","send","useMachine","type","data","payrollWireEvents","handleStartWireTransfer","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","ConfirmWireDetailsBanner","BaseBoundaries","Suspense","styles"],"mappings":"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"}

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.d.ts

@@ -6,5 +6,6 @@ interface ConfirmWireDetailsBannerProps extends BaseComponentInterface<'Payroll.
     confirmationAlert?: ConfirmationAlert;
     onStartWireTransfer: () => void;
 }
+/** @internal */
 export declare function ConfirmWireDetailsBanner(props: ConfirmWireDetailsBannerProps): import("react").JSX.Element;
 export {};

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.js

@@ -4,12 +4,13 @@ import { useWireInRequestsListSuspense as M } from "@gusto/embedded-api-v-2025-1
 import { usePayrollsListSuspense as N } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsList";
 import { useState as Z, useEffect as _ } from "react";
 import { BaseComponent as j } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { useComponentContext as k } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useComponentDictionary as E, useI18n as G } from "../../../../i18n/I18n.js";
 import { Flex as g } from "../../../Common/Flex/Flex.js";
 import { useDateFormatter as z } from "../../../../hooks/useDateFormatter.js";
 import H from "../../../../hooks/useNumberFormatter.js";
-function oe(i) {
+function ie(i) {
   return /* @__PURE__ */ n(j, { ...i, children: /* @__PURE__ */ n(J, { ...i, children: i.children }) });
 }
 const J = ({
@@ -100,6 +101,6 @@ const J = ({
   ] });
 };
 export {
-  oe as ConfirmWireDetailsBanner
+  ie as ConfirmWireDetailsBanner
 };
 //# sourceMappingURL=ConfirmWireDetailsBanner.js.map

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmWireDetailsBanner.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport { useState, useEffect } from 'react'\nimport type { ConfirmationAlert } from '../types'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\ninterface ConfirmWireDetailsBannerProps extends BaseComponentInterface<'Payroll.ConfirmWireDetailsBanner'> {\n  wireInId?: string\n  companyId: string\n  confirmationAlert?: ConfirmationAlert\n  onStartWireTransfer: () => void\n}\n\nexport function ConfirmWireDetailsBanner(props: ConfirmWireDetailsBannerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  wireInId,\n  companyId,\n  dictionary,\n  confirmationAlert,\n  onStartWireTransfer,\n}: ConfirmWireDetailsBannerProps) => {\n  useComponentDictionary('Payroll.ConfirmWireDetailsBanner', dictionary)\n  useI18n('Payroll.ConfirmWireDetailsBanner')\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsBanner')\n  const { Alert, Banner, Button, UnorderedList, Text } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [isConfirmationAlertDismissed, setIsConfirmationAlertDismissed] = useState(false)\n  const currencyFormatter = useNumberFormatter('currency')\n\n  useEffect(() => {\n    if (confirmationAlert) {\n      setIsConfirmationAlertDismissed(false)\n    }\n  }, [confirmationAlert])\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const activeWireInRequests = (wireInRequestsData.wireInRequestList || []).filter(\n    request => request.status === 'awaiting_funds',\n  )\n  const wireInRequests = wireInId\n    ? activeWireInRequests.filter(request => request.uuid === wireInId)\n    : activeWireInRequests\n\n  const payrolls = payrollsData.payrollList || []\n\n  const wireInRequestsWithPayrolls = wireInRequests.map(wireInRequest => {\n    const payroll = payrolls.find(p => p.payrollUuid === wireInRequest.paymentUuid)\n    const payrollRange = payroll?.payPeriod\n      ? dateFormatter.formatPayPeriodRange(payroll.payPeriod.startDate, payroll.payPeriod.endDate)\n      : ''\n    return {\n      wireInRequest,\n      payroll,\n      payrollRange,\n      paymentType: wireInRequest.paymentType,\n      requestedAmount: wireInRequest.requestedAmount ?? '',\n    }\n  })\n\n  const shouldShowBanner =\n    wireInRequestsWithPayrolls.length > 0 &&\n    (wireInRequestsWithPayrolls.length > 1 || wireInRequestsWithPayrolls[0]?.wireInRequest)\n\n  const shouldShowConfirmationAlert = !isConfirmationAlertDismissed && confirmationAlert\n\n  if (!shouldShowBanner && !shouldShowConfirmationAlert) {\n    return null\n  }\n\n  const formatDeadline = (deadline: string) => {\n    const date = new Date(deadline)\n\n    const timeRaw = date.toLocaleTimeString('en-US', {\n      hour: 'numeric',\n      minute: date.getMinutes() === 0 ? undefined : '2-digit',\n      hour12: true,\n      timeZone: 'America/Los_Angeles',\n      timeZoneName: 'short',\n    })\n\n    const time = timeRaw.replace(/\\s?(AM|PM)/i, match => match.trim().toLowerCase())\n\n    const dateString = date.toLocaleDateString('en-US', {\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n      timeZone: 'America/Los_Angeles',\n    })\n\n    return { time, date: dateString }\n  }\n\n  const getBannerTitle = () => {\n    const isSingleWireInRequest = wireInRequestsWithPayrolls.length === 1\n    const { wireInRequest, payrollRange } = wireInRequestsWithPayrolls[0] || {}\n\n    if (isSingleWireInRequest) {\n      if (wireInId && wireInRequest?.wireInDeadline) {\n        const { time, date } = formatDeadline(wireInRequest.wireInDeadline)\n        return t('banner.title', { time, date })\n      }\n      return t('banner.titleWithPayroll', { payrollRange })\n    }\n    return t('banner.titleMultiple', { count: wireInRequestsWithPayrolls.length })\n  }\n\n  const getBannerContent = () => {\n    if (wireInRequestsWithPayrolls.length > 1) {\n      return (\n        <UnorderedList\n          items={wireInRequestsWithPayrolls.map(\n            ({ paymentType, payrollRange, requestedAmount }, index) =>\n              paymentType === 'Payroll' ? (\n                <Text key={index}>{t('banner.requestLabelPayroll', { payrollRange })}</Text>\n              ) : (\n                <Text key={index}>\n                  {t('banner.requestLabelContractorPaymentGroup', {\n                    requestedAmount: currencyFormatter(Number(requestedAmount)),\n                  })}\n                </Text>\n              ),\n          )}\n        />\n      )\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {shouldShowConfirmationAlert && (\n        <Alert\n          status=\"success\"\n          label={confirmationAlert.title}\n          onDismiss={() => {\n            setIsConfirmationAlertDismissed(true)\n          }}\n        >\n          {confirmationAlert.content}\n        </Alert>\n      )}\n      {shouldShowBanner && (\n        <Banner status=\"warning\" title={getBannerTitle()}>\n          <Flex flexDirection=\"column\" gap={16} alignItems=\"flex-start\">\n            <div>{t('banner.description')}</div>\n            {getBannerContent()}\n            <Button variant=\"secondary\" onClick={onStartWireTransfer}>\n              {t('cta.startWireTransfer')}\n            </Button>\n          </Flex>\n        </Banner>\n      )}\n    </Flex>\n  )\n}\n"],"names":["ConfirmWireDetailsBanner","props","jsx","BaseComponent","Root","wireInId","companyId","dictionary","confirmationAlert","onStartWireTransfer","useComponentDictionary","useI18n","t","useTranslation","Alert","Banner","Button","UnorderedList","Text","useComponentContext","dateFormatter","useDateFormatter","isConfirmationAlertDismissed","setIsConfirmationAlertDismissed","useState","currencyFormatter","useNumberFormatter","useEffect","wireInRequestsData","useWireInRequestsListSuspense","payrollsData","usePayrollsListSuspense","activeWireInRequests","request","wireInRequests","payrolls","wireInRequestsWithPayrolls","wireInRequest","payroll","p","payrollRange","shouldShowBanner","shouldShowConfirmationAlert","formatDeadline","deadline","date","time","match","dateString","getBannerTitle","isSingleWireInRequest","getBannerContent","paymentType","requestedAmount","index","jsxs","Flex"],"mappings":"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"}
+{"version":3,"file":"ConfirmWireDetailsBanner.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport { useState, useEffect } from 'react'\nimport type { ConfirmationAlert } from '../types'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\ninterface ConfirmWireDetailsBannerProps extends BaseComponentInterface<'Payroll.ConfirmWireDetailsBanner'> {\n  wireInId?: string\n  companyId: string\n  confirmationAlert?: ConfirmationAlert\n  onStartWireTransfer: () => void\n}\n\n/** @internal */\nexport function ConfirmWireDetailsBanner(props: ConfirmWireDetailsBannerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  wireInId,\n  companyId,\n  dictionary,\n  confirmationAlert,\n  onStartWireTransfer,\n}: ConfirmWireDetailsBannerProps) => {\n  useComponentDictionary('Payroll.ConfirmWireDetailsBanner', dictionary)\n  useI18n('Payroll.ConfirmWireDetailsBanner')\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsBanner')\n  const { Alert, Banner, Button, UnorderedList, Text } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [isConfirmationAlertDismissed, setIsConfirmationAlertDismissed] = useState(false)\n  const currencyFormatter = useNumberFormatter('currency')\n\n  useEffect(() => {\n    if (confirmationAlert) {\n      setIsConfirmationAlertDismissed(false)\n    }\n  }, [confirmationAlert])\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const activeWireInRequests = (wireInRequestsData.wireInRequestList || []).filter(\n    request => request.status === 'awaiting_funds',\n  )\n  const wireInRequests = wireInId\n    ? activeWireInRequests.filter(request => request.uuid === wireInId)\n    : activeWireInRequests\n\n  const payrolls = payrollsData.payrollList || []\n\n  const wireInRequestsWithPayrolls = wireInRequests.map(wireInRequest => {\n    const payroll = payrolls.find(p => p.payrollUuid === wireInRequest.paymentUuid)\n    const payrollRange = payroll?.payPeriod\n      ? dateFormatter.formatPayPeriodRange(payroll.payPeriod.startDate, payroll.payPeriod.endDate)\n      : ''\n    return {\n      wireInRequest,\n      payroll,\n      payrollRange,\n      paymentType: wireInRequest.paymentType,\n      requestedAmount: wireInRequest.requestedAmount ?? '',\n    }\n  })\n\n  const shouldShowBanner =\n    wireInRequestsWithPayrolls.length > 0 &&\n    (wireInRequestsWithPayrolls.length > 1 || wireInRequestsWithPayrolls[0]?.wireInRequest)\n\n  const shouldShowConfirmationAlert = !isConfirmationAlertDismissed && confirmationAlert\n\n  if (!shouldShowBanner && !shouldShowConfirmationAlert) {\n    return null\n  }\n\n  const formatDeadline = (deadline: string) => {\n    const date = new Date(deadline)\n\n    const timeRaw = date.toLocaleTimeString('en-US', {\n      hour: 'numeric',\n      minute: date.getMinutes() === 0 ? undefined : '2-digit',\n      hour12: true,\n      timeZone: 'America/Los_Angeles',\n      timeZoneName: 'short',\n    })\n\n    const time = timeRaw.replace(/\\s?(AM|PM)/i, match => match.trim().toLowerCase())\n\n    const dateString = date.toLocaleDateString('en-US', {\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n      timeZone: 'America/Los_Angeles',\n    })\n\n    return { time, date: dateString }\n  }\n\n  const getBannerTitle = () => {\n    const isSingleWireInRequest = wireInRequestsWithPayrolls.length === 1\n    const { wireInRequest, payrollRange } = wireInRequestsWithPayrolls[0] || {}\n\n    if (isSingleWireInRequest) {\n      if (wireInId && wireInRequest?.wireInDeadline) {\n        const { time, date } = formatDeadline(wireInRequest.wireInDeadline)\n        return t('banner.title', { time, date })\n      }\n      return t('banner.titleWithPayroll', { payrollRange })\n    }\n    return t('banner.titleMultiple', { count: wireInRequestsWithPayrolls.length })\n  }\n\n  const getBannerContent = () => {\n    if (wireInRequestsWithPayrolls.length > 1) {\n      return (\n        <UnorderedList\n          items={wireInRequestsWithPayrolls.map(\n            ({ paymentType, payrollRange, requestedAmount }, index) =>\n              paymentType === 'Payroll' ? (\n                <Text key={index}>{t('banner.requestLabelPayroll', { payrollRange })}</Text>\n              ) : (\n                <Text key={index}>\n                  {t('banner.requestLabelContractorPaymentGroup', {\n                    requestedAmount: currencyFormatter(Number(requestedAmount)),\n                  })}\n                </Text>\n              ),\n          )}\n        />\n      )\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {shouldShowConfirmationAlert && (\n        <Alert\n          status=\"success\"\n          label={confirmationAlert.title}\n          onDismiss={() => {\n            setIsConfirmationAlertDismissed(true)\n          }}\n        >\n          {confirmationAlert.content}\n        </Alert>\n      )}\n      {shouldShowBanner && (\n        <Banner status=\"warning\" title={getBannerTitle()}>\n          <Flex flexDirection=\"column\" gap={16} alignItems=\"flex-start\">\n            <div>{t('banner.description')}</div>\n            {getBannerContent()}\n            <Button variant=\"secondary\" onClick={onStartWireTransfer}>\n              {t('cta.startWireTransfer')}\n            </Button>\n          </Flex>\n        </Banner>\n      )}\n    </Flex>\n  )\n}\n"],"names":["ConfirmWireDetailsBanner","props","jsx","BaseComponent","Root","wireInId","companyId","dictionary","confirmationAlert","onStartWireTransfer","useComponentDictionary","useI18n","t","useTranslation","Alert","Banner","Button","UnorderedList","Text","useComponentContext","dateFormatter","useDateFormatter","isConfirmationAlertDismissed","setIsConfirmationAlertDismissed","useState","currencyFormatter","useNumberFormatter","useEffect","wireInRequestsData","useWireInRequestsListSuspense","payrollsData","usePayrollsListSuspense","activeWireInRequests","request","wireInRequests","payrolls","wireInRequestsWithPayrolls","wireInRequest","payroll","p","payrollRange","shouldShowBanner","shouldShowConfirmationAlert","formatDeadline","deadline","date","time","match","dateString","getBannerTitle","isSingleWireInRequest","getBannerContent","paymentType","requestedAmount","index","jsxs","Flex"],"mappings":"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"}

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsComponents.d.ts

@@ -3,25 +3,39 @@ import { FlowContextInterface } from '../../Flow/useFlow';
 import { CommonComponentInterface } from '../../Base';
 import { EventType } from '../../../types/Helpers';
 import { OnEventType } from '../../Base/useBase';
+/**
+ * Flow-machine context shared across the wire-confirmation states.
+ *
+ * @internal
+ */
 export interface ConfirmWireDetailsContextInterface extends FlowContextInterface {
+    /** Company identifier. */
     companyId: string;
+    /** Specific wire-in request being acted on, if provided as a prop. */
     wireInId?: string;
+    /** Wire-in request currently selected within the flow. */
     selectedWireInId?: string;
+    /** Ref to the modal container element, used as the portal target. */
     modalContainerRef?: React.RefObject<HTMLDivElement | null>;
+    /** Whether the modal footer should hide the primary action and show only the close button. */
     showOnlyCloseButton?: boolean;
+    /** Confirmation alert displayed on the banner after a successful submission. */
     confirmationAlert?: ConfirmationAlert;
+    /** Component to render inside the modal for the current state, with an optional footer slot. */
     component: (React.ComponentType<CommonComponentInterface> & {
         Footer?: React.ComponentType<{
             onEvent: OnEventType<EventType, unknown>;
         }>;
     }) | null;
 }
+/** @internal */
 export declare function WireInstructionsContextual(): import("react").JSX.Element;
 export declare namespace WireInstructionsContextual {
     var Footer: ({ onEvent }: {
         onEvent: OnEventType<EventType, unknown>;
     }) => import("react").JSX.Element;
 }
+/** @internal */
 export declare function ConfirmWireDetailsFormContextual(): import("react").JSX.Element;
 export declare namespace ConfirmWireDetailsFormContextual {
     var Footer: ({ onEvent }: {

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmWireDetailsComponents.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsComponents.tsx"],"sourcesContent":["import type { ConfirmationAlert } from './types'\nimport { WireInstructions } from './WireInstructions'\nimport { ConfirmWireDetailsForm } from './ConfirmWireDetailsForm'\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 ConfirmWireDetailsContextInterface extends FlowContextInterface {\n  companyId: string\n  wireInId?: string\n  selectedWireInId?: string\n  modalContainerRef?: React.RefObject<HTMLDivElement | null>\n  showOnlyCloseButton?: boolean\n  confirmationAlert?: ConfirmationAlert\n  component:\n    | (React.ComponentType<CommonComponentInterface> & {\n        Footer?: React.ComponentType<{\n          onEvent: OnEventType<EventType, unknown>\n        }>\n      })\n    | null\n}\n\nexport function WireInstructionsContextual() {\n  const { companyId, wireInId, selectedWireInId, onEvent, modalContainerRef } =\n    useFlow<ConfirmWireDetailsContextInterface>()\n\n  return (\n    <WireInstructions\n      companyId={ensureRequired(companyId)}\n      wireInId={wireInId}\n      selectedWireInId={selectedWireInId}\n      onEvent={onEvent}\n      modalContainerRef={modalContainerRef}\n    />\n  )\n}\n\nWireInstructionsContextual.Footer = WireInstructions.Footer\n\nexport function ConfirmWireDetailsFormContextual() {\n  const { selectedWireInId, companyId, onEvent, modalContainerRef } =\n    useFlow<ConfirmWireDetailsContextInterface>()\n\n  return (\n    <ConfirmWireDetailsForm\n      wireInId={ensureRequired(selectedWireInId)}\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      modalContainerRef={modalContainerRef}\n    />\n  )\n}\n\nConfirmWireDetailsFormContextual.Footer = ConfirmWireDetailsForm.Footer\n"],"names":["WireInstructionsContextual","companyId","wireInId","selectedWireInId","onEvent","modalContainerRef","useFlow","jsx","WireInstructions","ensureRequired","ConfirmWireDetailsFormContextual","ConfirmWireDetailsForm"],"mappings":";;;;;AA0BO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,kBAAAC,GAAkB,SAAAC,GAAS,mBAAAC,EAAA,IACtDC,EAAA;AAEF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeR,CAAS;AAAA,MACnC,UAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAL,EAA2B,SAASQ,EAAiB;AAE9C,SAASE,IAAmC;AACjD,QAAM,EAAE,kBAAAP,GAAkB,WAAAF,GAAW,SAAAG,GAAS,mBAAAC,EAAA,IAC5CC,EAAA;AAEF,SACE,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,UAAUF,EAAeN,CAAgB;AAAA,MACzC,WAAWM,EAAeR,CAAS;AAAA,MACnC,SAAAG;AAAA,MACA,mBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAK,EAAiC,SAASC,EAAuB;"}
+{"version":3,"file":"ConfirmWireDetailsComponents.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsComponents.tsx"],"sourcesContent":["import type { ConfirmationAlert } from './types'\nimport { WireInstructions } from './WireInstructions'\nimport { ConfirmWireDetailsForm } from './ConfirmWireDetailsForm'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { CommonComponentInterface } from '@/components/Base'\nimport type { EventType } from '@/types/Helpers'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Flow-machine context shared across the wire-confirmation states.\n *\n * @internal\n */\nexport interface ConfirmWireDetailsContextInterface extends FlowContextInterface {\n  /** Company identifier. */\n  companyId: string\n  /** Specific wire-in request being acted on, if provided as a prop. */\n  wireInId?: string\n  /** Wire-in request currently selected within the flow. */\n  selectedWireInId?: string\n  /** Ref to the modal container element, used as the portal target. */\n  modalContainerRef?: React.RefObject<HTMLDivElement | null>\n  /** Whether the modal footer should hide the primary action and show only the close button. */\n  showOnlyCloseButton?: boolean\n  /** Confirmation alert displayed on the banner after a successful submission. */\n  confirmationAlert?: ConfirmationAlert\n  /** Component to render inside the modal for the current state, with an optional footer slot. */\n  component:\n    | (React.ComponentType<CommonComponentInterface> & {\n        Footer?: React.ComponentType<{\n          onEvent: OnEventType<EventType, unknown>\n        }>\n      })\n    | null\n}\n\n/** @internal */\nexport function WireInstructionsContextual() {\n  const { companyId, wireInId, selectedWireInId, onEvent, modalContainerRef } =\n    useFlow<ConfirmWireDetailsContextInterface>()\n\n  return (\n    <WireInstructions\n      companyId={ensureRequired(companyId)}\n      wireInId={wireInId}\n      selectedWireInId={selectedWireInId}\n      onEvent={onEvent}\n      modalContainerRef={modalContainerRef}\n    />\n  )\n}\n\nWireInstructionsContextual.Footer = WireInstructions.Footer\n\n/** @internal */\nexport function ConfirmWireDetailsFormContextual() {\n  const { selectedWireInId, companyId, onEvent, modalContainerRef } =\n    useFlow<ConfirmWireDetailsContextInterface>()\n\n  return (\n    <ConfirmWireDetailsForm\n      wireInId={ensureRequired(selectedWireInId)}\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      modalContainerRef={modalContainerRef}\n    />\n  )\n}\n\nConfirmWireDetailsFormContextual.Footer = ConfirmWireDetailsForm.Footer\n"],"names":["WireInstructionsContextual","companyId","wireInId","selectedWireInId","onEvent","modalContainerRef","useFlow","jsx","WireInstructions","ensureRequired","ConfirmWireDetailsFormContextual","ConfirmWireDetailsForm"],"mappings":";;;;;AAuCO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,kBAAAC,GAAkB,SAAAC,GAAS,mBAAAC,EAAA,IACtDC,EAAA;AAEF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeR,CAAS;AAAA,MACnC,UAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAL,EAA2B,SAASQ,EAAiB;AAG9C,SAASE,IAAmC;AACjD,QAAM,EAAE,kBAAAP,GAAkB,WAAAF,GAAW,SAAAG,GAAS,mBAAAC,EAAA,IAC5CC,EAAA;AAEF,SACE,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,UAAUF,EAAeN,CAAgB;AAAA,MACzC,WAAWM,EAAeR,CAAS;AAAA,MACnC,SAAAG;AAAA,MACA,mBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAK,EAAiC,SAASC,EAAuB;"}

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.d.ts

@@ -1,4 +1,3 @@
-import { default as z } from 'zod';
 import { BaseComponentInterface } from '../../../Base';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
@@ -7,13 +6,7 @@ interface ConfirmWireDetailsFormProps extends BaseComponentInterface<'Payroll.Co
     companyId: string;
     modalContainerRef?: React.RefObject<HTMLDivElement | null>;
 }
-export declare const ConfirmWireDetailsFormSchema: z.ZodObject<{
-    amountSent: z.ZodNumber;
-    dateSent: z.ZodDate;
-    bankName: z.ZodString;
-    additionalNotes: z.ZodOptional<z.ZodString>;
-}, z.core.$strip>;
-export type ConfirmWireDetailsFormValues = z.infer<typeof ConfirmWireDetailsFormSchema>;
+/** @internal */
 export declare function ConfirmWireDetailsForm(props: ConfirmWireDetailsFormProps): import("react").JSX.Element;
 export declare namespace ConfirmWireDetailsForm {
     var Footer: ({ onEvent }: {

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.js

@@ -15,11 +15,11 @@ import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/
 import { useComponentDictionary as z, useI18n as g } from "../../../../i18n/I18n.js";
 import { Flex as p, FlexItem as f } from "../../../Common/Flex/Flex.js";
 import { payrollWireEvents as I } from "../../../../shared/constants.js";
-import { DatePickerField as V } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 import "react";
-import { TextAreaField as J } from "../../../Common/Fields/TextAreaField/TextAreaField.js";
-import { useDateFormatter as Q } from "../../../../hooks/useDateFormatter.js";
-import { NumberInputField as X } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+import { TextAreaField as V } from "../../../Common/Fields/TextAreaField/TextAreaField.js";
+import { useDateFormatter as J } from "../../../../hooks/useDateFormatter.js";
+import { NumberInputField as Q } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+import { DatePickerField as X } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 import { TextInputField as Z } from "../../../Common/Fields/TextInputField/TextInputField.js";
 const $ = r.object({
   amountSent: r.number().positive(),
@@ -42,7 +42,7 @@ const oe = ({
   modalContainerRef: y
 }) => {
   z("Payroll.ConfirmWireDetailsForm", i), g("Payroll.ConfirmWireDetailsForm");
-  const { onEvent: a, baseSubmitHandler: C } = Y(), { t } = F("Payroll.ConfirmWireDetailsForm"), { Heading: v, Text: b } = S(), R = Q(), { data: P } = B({
+  const { onEvent: a, baseSubmitHandler: C } = Y(), { t } = F("Payroll.ConfirmWireDetailsForm"), { Heading: v, Text: b } = S(), R = J(), { data: P } = B({
     wireInRequestUuid: o
   }), q = P.wireInRequest, { data: W } = G({
     companyId: n,
@@ -84,7 +84,7 @@ const oe = ({
         className: d.form,
         children: /* @__PURE__ */ m(p, { flexDirection: "column", gap: 20, children: [
           /* @__PURE__ */ e(
-            X,
+            Q,
             {
               name: "amountSent",
               label: t("amountLabel"),
@@ -94,7 +94,7 @@ const oe = ({
             }
           ),
           /* @__PURE__ */ e(
-            V,
+            X,
             {
               name: "dateSent",
               label: t("dateLabel"),
@@ -114,7 +114,7 @@ const oe = ({
               errorMessage: t("validations.bankName")
             }
           ),
-          /* @__PURE__ */ e(J, { name: "additionalNotes", label: t("notesLabel"), rows: 3 })
+          /* @__PURE__ */ e(V, { name: "additionalNotes", label: t("notesLabel"), rows: 3 })
         ] })
       }
     ) })
@@ -152,7 +152,6 @@ const oe = ({
 };
 te.Footer = re;
 export {
-  te as ConfirmWireDetailsForm,
-  $ as ConfirmWireDetailsFormSchema
+  te as ConfirmWireDetailsForm
 };
 //# sourceMappingURL=ConfirmWireDetailsForm.js.map