@gusto/embedded-react-sdk 0.36.0 → 0.37.0

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

@@ -1,84 +1,84 @@
-import { jsx as o, jsxs as M } from "react/jsx-runtime";
-import { createMachine as S } from "robot3";
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import { createMachine as M } from "robot3";
 import { useMachine as T } from "react-robot";
-import { useState as v, useRef as x, useMemo as d } from "react";
-import { useWireInRequestsListSuspense as N } from "@gusto/embedded-api/react-query/wireInRequestsList";
-import { confirmWireDetailsMachine as F } from "./confirmWireDetailsStateMachine.js";
-import D from "./ConfirmWireDetails.module.scss.js";
-import { BaseComponent as P, BaseBoundaries as Y } from "../../Base/Base.js";
+import { useState as v, useRef as x, useMemo as d, Suspense as N } from "react";
+import { useWireInRequestsListSuspense as F } from "@gusto/embedded-api/react-query/wireInRequestsList";
+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 q } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { FlowContext as B } from "../../Flow/useFlow.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 = () => {
   },
-  ...e
+  ...o
 }) {
-  return /* @__PURE__ */ o(P, { ...e, onEvent: t, children: /* @__PURE__ */ o(j, { ...e, onEvent: t }) });
+  return /* @__PURE__ */ e(Y, { ...o, onEvent: t, children: /* @__PURE__ */ e(j, { ...o, onEvent: t }) });
 }
-function j({ companyId: t, wireInId: e, onEvent: c = () => {
+function j({ companyId: t, wireInId: o, onEvent: l = () => {
 } }) {
-  const { Modal: p, LoadingSpinner: C } = q(), [L, s] = v(!1), l = x(null), { data: _ } = N({
+  const { Modal: p, LoadingSpinner: C } = B(), [_, s] = v(!1), m = x(null), { data: L } = F({
     companyUuid: t
-  }), f = (_.wireInRequestList || []).filter(
+  }), f = (L.wireInRequestList || []).filter(
     (n) => n.status === "awaiting_funds"
-  ), W = d(() => e || f[0]?.uuid, [e, f[0]?.uuid]), A = d(
-    () => S(
+  ), W = d(() => o || f[0]?.uuid, [o, f[0]?.uuid]), h = d(
+    () => M(
       "banner",
-      F,
+      D,
       () => ({
         component: null,
         companyId: t,
-        wireInId: e,
+        wireInId: o,
         selectedWireInId: W,
         onEvent: i,
-        modalContainerRef: l
+        modalContainerRef: m
       })
     ),
-    [t, e]
-  ), [a, E] = T(A);
+    [t, o]
+  ), [a, A] = T(h);
   function i(n, R) {
-    E({ 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), c(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 h = () => {
+  const E = () => {
     i(r.PAYROLL_WIRE_START_TRANSFER);
   }, O = () => {
     s(!1);
-  }, m = a.context.component, u = m?.Footer || void 0;
-  return /* @__PURE__ */ M(
-    B.Provider,
+  }, c = a.context.component, u = c?.Footer || void 0;
+  return /* @__PURE__ */ S(
+    b.Provider,
     {
       value: {
         ...a.context,
         onEvent: i
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           g,
           {
             companyId: t,
-            wireInId: e,
-            onStartWireTransfer: h,
-            onEvent: c,
+            wireInId: o,
+            onStartWireTransfer: E,
+            onEvent: l,
             confirmationAlert: a.context.confirmationAlert
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           p,
           {
-            isOpen: L,
+            isOpen: _,
             onClose: O,
-            containerRef: l,
-            footer: u && /* @__PURE__ */ o(
-              Y,
+            containerRef: m,
+            footer: u && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+              N,
               {
-                LoaderComponent: () => /* @__PURE__ */ o("div", { className: D.footer, children: /* @__PURE__ */ o(C, { size: "sm" }) }),
-                children: /* @__PURE__ */ o(u, { onEvent: i })
+                fallback: /* @__PURE__ */ e("div", { className: P.footer, children: /* @__PURE__ */ e(C, { size: "sm" }) }),
+                children: /* @__PURE__ */ e(u, { onEvent: i })
               }
-            ),
-            children: m && /* @__PURE__ */ o(m, {})
+            ) }),
+            children: c && /* @__PURE__ */ e(c, {})
           }
         )
       ]
@@ -86,6 +86,6 @@ function j({ companyId: t, wireInId: e, onEvent: c = () => {
   );
 }
 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 { useMemo, useRef, useState } from 'react'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/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              LoaderComponent={() => (\n                <div className={styles.footer}>\n                  <LoadingSpinner size=\"sm\" />\n                </div>\n              )}\n            >\n              <Footer onEvent={handleEvent} />\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","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/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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"}

package/dist/components/Payroll/Dismissal/DismissalFlow.d.ts

@@ -0,0 +1,2 @@
+import { DismissalFlowProps } from './DismissalFlowComponents';
+export declare function DismissalFlow({ companyId, employeeId, onEvent, payrollId }: DismissalFlowProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/Dismissal/DismissalFlow.js

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { createMachine as u } from "robot3";
+import { dismissalMachine as d, dismissalBreadcrumbsNodes as p } from "./dismissalStateMachine.js";
+import { DismissalExecutionContextual as f, DismissalPayPeriodSelectionContextual as b } from "./DismissalFlowComponents.js";
+import { Flow as h } from "../../Flow/Flow.js";
+import { BaseComponent as x } from "../../Base/Base.js";
+import { buildBreadcrumbs as B } from "../../../helpers/breadcrumbHelpers.js";
+function g({ companyId: r, employeeId: e, onEvent: s, payrollId: i }) {
+  const m = l(() => {
+    const o = !!i, n = o ? "execution" : "payPeriodSelection", a = o ? f : b;
+    return u(
+      n,
+      d,
+      (c) => ({
+        ...c,
+        component: a,
+        companyId: r,
+        employeeId: e,
+        payrollUuid: i,
+        breadcrumbs: B(p),
+        currentBreadcrumbId: o ? void 0 : "payPeriodSelection",
+        progressBarType: o ? null : "breadcrumbs"
+      })
+    );
+  }, [r, e, i]);
+  return /* @__PURE__ */ t(x, { onEvent: s, children: /* @__PURE__ */ t(h, { machine: m, onEvent: s }) });
+}
+export {
+  g as DismissalFlow
+};
+//# sourceMappingURL=DismissalFlow.js.map

package/dist/components/Payroll/Dismissal/DismissalFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissalFlow.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { dismissalMachine, dismissalBreadcrumbsNodes } from './dismissalStateMachine'\nimport {\n  DismissalPayPeriodSelectionContextual,\n  DismissalExecutionContextual,\n  type DismissalFlowContextInterface,\n  type DismissalFlowProps,\n} from './DismissalFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport function DismissalFlow({ companyId, employeeId, onEvent, payrollId }: DismissalFlowProps) {\n  const dismissalFlowMachine = useMemo(() => {\n    const hasPayroll = Boolean(payrollId)\n    const initialState = hasPayroll ? 'execution' : 'payPeriodSelection'\n    const initialComponent = hasPayroll\n      ? DismissalExecutionContextual\n      : DismissalPayPeriodSelectionContextual\n\n    return createMachine(\n      initialState,\n      dismissalMachine,\n      (initialContext: DismissalFlowContextInterface) => ({\n        ...initialContext,\n        component: initialComponent,\n        companyId,\n        employeeId,\n        payrollUuid: payrollId,\n        breadcrumbs: buildBreadcrumbs(dismissalBreadcrumbsNodes),\n        currentBreadcrumbId: hasPayroll ? undefined : 'payPeriodSelection',\n        progressBarType: hasPayroll ? null : ('breadcrumbs' as const),\n      }),\n    )\n  }, [companyId, employeeId, payrollId])\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <Flow machine={dismissalFlowMachine} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n"],"names":["DismissalFlow","companyId","employeeId","onEvent","payrollId","dismissalFlowMachine","useMemo","hasPayroll","initialState","initialComponent","DismissalExecutionContextual","DismissalPayPeriodSelectionContextual","createMachine","dismissalMachine","initialContext","buildBreadcrumbs","dismissalBreadcrumbsNodes","jsx","BaseComponent","Flow"],"mappings":";;;;;;;;AAaO,SAASA,EAAc,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,WAAAC,KAAiC;AAC/F,QAAMC,IAAuBC,EAAQ,MAAM;AACzC,UAAMC,IAAa,EAAQH,GACrBI,IAAeD,IAAa,cAAc,sBAC1CE,IAAmBF,IACrBG,IACAC;AAEJ,WAAOC;AAAA,MACLJ;AAAA,MACAK;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWL;AAAA,QACX,WAAAR;AAAA,QACA,YAAAC;AAAA,QACA,aAAaE;AAAA,QACb,aAAaW,EAAiBC,CAAyB;AAAA,QACvD,qBAAqBT,IAAa,SAAY;AAAA,QAC9C,iBAAiBA,IAAa,OAAQ;AAAA,MAAA;AAAA,IACxC;AAAA,EAEJ,GAAG,CAACN,GAAWC,GAAYE,CAAS,CAAC;AAErC,SACE,gBAAAa,EAACC,KAAc,SAAAf,GACb,UAAA,gBAAAc,EAACE,KAAK,SAASd,GAAsB,SAAAF,GAAkB,EAAA,CACzD;AAEJ;"}

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.d.ts

@@ -0,0 +1,16 @@
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+export interface DismissalFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    employeeId: string;
+    payrollUuid?: string;
+}
+export interface DismissalFlowProps {
+    companyId: string;
+    employeeId: string;
+    onEvent: OnEventType<EventType, unknown>;
+    payrollId?: string;
+}
+export declare function DismissalPayPeriodSelectionContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function DismissalExecutionContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.js

@@ -0,0 +1,52 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { usePayrollsGetSuspense as p } from "@gusto/embedded-api/react-query/payrollsGet";
+import { PayrollExecutionFlow as u } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { DismissalPayPeriodSelection as y } from "./DismissalPayPeriodSelection/DismissalPayPeriodSelection.js";
+import { useFlow as m } from "../../Flow/useFlow.js";
+import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
+import { BaseComponent as f } from "../../Base/Base.js";
+function h() {
+  const { companyId: o, employeeId: e, onEvent: r } = m();
+  return /* @__PURE__ */ i(
+    y,
+    {
+      companyId: n(o),
+      employeeId: n(e),
+      onEvent: r
+    }
+  );
+}
+function w() {
+  const { companyId: o, payrollUuid: e, onEvent: r, breadcrumbs: s } = m(), t = s?.payPeriodSelection?.[0], a = d(() => t ? [t] : void 0, [t]), l = n(o), c = n(e);
+  return /* @__PURE__ */ i(f, { onEvent: r, children: /* @__PURE__ */ i(
+    P,
+    {
+      companyId: l,
+      payrollId: c,
+      onEvent: r,
+      prefixBreadcrumbs: a
+    }
+  ) });
+}
+function P({
+  companyId: o,
+  payrollId: e,
+  ...r
+}) {
+  const { data: s } = p({ companyId: o, payrollId: e }), t = s.payrollShow?.payPeriod;
+  return /* @__PURE__ */ i(
+    u,
+    {
+      companyId: o,
+      payrollId: e,
+      initialPayPeriod: t,
+      ...r
+    }
+  );
+}
+export {
+  w as DismissalExecutionContextual,
+  h as DismissalPayPeriodSelectionContextual
+};
+//# sourceMappingURL=DismissalFlowComponents.js.map

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissalFlowComponents.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection/DismissalPayPeriodSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\nexport interface DismissalFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId: string\n  payrollUuid?: string\n}\n\nexport interface DismissalFlowProps {\n  companyId: string\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n  payrollId?: string\n}\n\nexport function DismissalPayPeriodSelectionContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<DismissalFlowContextInterface>()\n  return (\n    <DismissalPayPeriodSelection\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DismissalExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<DismissalFlowContextInterface>()\n\n  const payPeriodSelectionBreadcrumb = breadcrumbs?.['payPeriodSelection']?.[0]\n  const prefixBreadcrumbs = useMemo(() => {\n    return payPeriodSelectionBreadcrumb ? [payPeriodSelectionBreadcrumb] : undefined\n  }, [payPeriodSelectionBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <DismissalExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype DismissalExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction DismissalExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: DismissalExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelectionContextual","companyId","employeeId","onEvent","useFlow","jsx","DismissalPayPeriodSelection","ensureRequired","DismissalExecutionContextual","payrollUuid","breadcrumbs","payPeriodSelectionBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","DismissalExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA0BO,SAASA,IAAwC;AACtD,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAYM,EAAeL,CAAU;AAAA,MACrC,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAA+B;AAC7C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,aAAAO,EAAA,IAAgBN,EAAA,GAEnDO,IAA+BD,GAAc,qBAAwB,CAAC,GACtEE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeN,CAAS,GAC5Cc,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA2B;AAAA,EAClC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.d.ts

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

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.js

@@ -0,0 +1,69 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useMemo as f, useState as _ } from "react";
+import { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense as B } from "@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods";
+import { usePayrollsCreateOffCycleMutation as v } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { OffCycleReason as R } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { RFCDate as s } from "@gusto/embedded-api/types/rfcdate";
+import { useTranslation as b } from "react-i18next";
+import { DismissalPayPeriodSelectionPresentation as A } from "./DismissalPayPeriodSelectionPresentation.js";
+import { BaseComponent as g } from "../../../Base/Base.js";
+import { useBase as I } from "../../../Base/useBase.js";
+import { componentEvents as O } from "../../../../shared/constants.js";
+import { SDKInternalError as c } from "../../../../types/sdkError.js";
+import { useComponentDictionary as T, useI18n as K } from "../../../../i18n/I18n.js";
+import { formatPayPeriodRange as L, addBusinessDays as M } from "../../../../helpers/dateFormatting.js";
+import { ACH_LEAD_TIME_BUSINESS_DAYS as $ } from "../../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
+function oe(t) {
+  return /* @__PURE__ */ d(g, { ...t, children: /* @__PURE__ */ d(k, { ...t }) });
+}
+const P = (t) => `${t.startDate}__${t.endDate}`;
+function k({ companyId: t, employeeId: a, dictionary: p }) {
+  T("Payroll.Dismissal", p), K("Payroll.Dismissal");
+  const { t: i } = b("Payroll.Dismissal"), { onEvent: D, baseSubmitHandler: S } = I(), { data: y } = B({ companyId: t }), { mutateAsync: w, isPending: h } = v(), l = f(() => (y.unprocessedTerminationPayPeriodList ?? []).filter((o) => o.employeeUuid === a).filter(
+    (o) => !!o.startDate && !!o.endDate && !!o.employeeUuid
+  ), [y, a]), m = f(() => l.map((e) => {
+    const o = L(e.startDate, e.endDate), n = e.employeeName ? `${o} (${e.employeeName})` : o;
+    return {
+      value: P(e),
+      label: n
+    };
+  }), [l]), C = m.length === 1 ? m[0].value : void 0, [r, E] = _(C);
+  return /* @__PURE__ */ d(
+    A,
+    {
+      payPeriodOptions: m,
+      selectedPeriodKey: r,
+      onSelectPeriod: E,
+      onSubmit: async () => {
+        await S({ selectedPeriodKey: r }, async () => {
+          if (r === void 0)
+            throw new c(i("errors.noPayPeriodSelected"));
+          const e = l.find((U) => P(U) === r);
+          if (!e)
+            throw new c(i("errors.invalidPayPeriod"));
+          const o = e.checkDate ? new s(e.checkDate) : new s(M(/* @__PURE__ */ new Date(), $)), n = await w({
+            request: {
+              companyId: t,
+              requestBody: {
+                offCycle: !0,
+                offCycleReason: R.DismissedEmployee,
+                startDate: new s(e.startDate),
+                endDate: new s(e.endDate),
+                employeeUuids: [a],
+                checkDate: o
+              }
+            }
+          }), u = n.payrollUnprocessed?.payrollUuid ?? n.payrollUnprocessed?.uuid;
+          if (!u)
+            throw new c(i("errors.missingPayrollId"));
+          D(O.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: u });
+        });
+      },
+      isPending: h
+    }
+  );
+}
+export {
+  oe as DismissalPayPeriodSelection
+};
+//# sourceMappingURL=DismissalPayPeriodSelection.js.map

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissalPayPeriodSelection.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport type { UnprocessedTerminationPayPeriod } from '@gusto/embedded-api/models/components/unprocessedterminationpayperiod'\nimport { OffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport { DismissalPayPeriodSelectionPresentation } from './DismissalPayPeriodSelectionPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { addBusinessDays, formatPayPeriodRange } from '@/helpers/dateFormatting'\nimport { ACH_LEAD_TIME_BUSINESS_DAYS } from '@/components/Payroll/OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface DismissalPayPeriodSelectionProps extends BaseComponentInterface<'Payroll.Dismissal'> {\n  companyId: string\n  employeeId: string\n}\n\nexport function DismissalPayPeriodSelection(props: DismissalPayPeriodSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ntype RequiredPayPeriod = UnprocessedTerminationPayPeriod &\n  Required<Pick<UnprocessedTerminationPayPeriod, 'startDate' | 'endDate' | 'employeeUuid'>>\n\nconst payPeriodKey = (period: RequiredPayPeriod) => `${period.startDate}__${period.endDate}`\n\nfunction Root({ companyId, employeeId, dictionary }: DismissalPayPeriodSelectionProps) {\n  useComponentDictionary('Payroll.Dismissal', dictionary)\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = usePaySchedulesGetUnprocessedTerminationPeriodsSuspense({ companyId })\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const employeePayPeriods: RequiredPayPeriod[] = useMemo(() => {\n    const allPeriods = data.unprocessedTerminationPayPeriodList ?? []\n    return allPeriods\n      .filter(period => period.employeeUuid === employeeId)\n      .filter(\n        (period): period is RequiredPayPeriod =>\n          Boolean(period.startDate) && Boolean(period.endDate) && Boolean(period.employeeUuid),\n      )\n  }, [data, employeeId])\n\n  const payPeriodOptions: SelectOption[] = useMemo(() => {\n    return employeePayPeriods.map(period => {\n      const dateRange = formatPayPeriodRange(period.startDate, period.endDate)\n      const label = period.employeeName ? `${dateRange} (${period.employeeName})` : dateRange\n      return {\n        value: payPeriodKey(period),\n        label,\n      }\n    })\n  }, [employeePayPeriods])\n\n  const initialSelection = payPeriodOptions.length === 1 ? payPeriodOptions[0]!.value : undefined\n  const [selectedPeriodKey, setSelectedPeriodKey] = useState<string | undefined>(initialSelection)\n\n  const handleSubmit = async () => {\n    await baseSubmitHandler({ selectedPeriodKey }, async () => {\n      if (selectedPeriodKey === undefined) {\n        throw new SDKInternalError(t('errors.noPayPeriodSelected'))\n      }\n\n      const period = employeePayPeriods.find(p => payPeriodKey(p) === selectedPeriodKey)\n      if (!period) {\n        throw new SDKInternalError(t('errors.invalidPayPeriod'))\n      }\n\n      const checkDate = period.checkDate\n        ? new RFCDate(period.checkDate)\n        : new RFCDate(addBusinessDays(new Date(), ACH_LEAD_TIME_BUSINESS_DAYS))\n\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.DismissedEmployee,\n            startDate: new RFCDate(period.startDate),\n            endDate: new RFCDate(period.endDate),\n            employeeUuids: [employeeId],\n            checkDate,\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid })\n    })\n  }\n\n  return (\n    <DismissalPayPeriodSelectionPresentation\n      payPeriodOptions={payPeriodOptions}\n      selectedPeriodKey={selectedPeriodKey}\n      onSelectPeriod={setSelectedPeriodKey}\n      onSubmit={handleSubmit}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelection","props","jsx","BaseComponent","Root","payPeriodKey","period","companyId","employeeId","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","data","usePaySchedulesGetUnprocessedTerminationPeriodsSuspense","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","employeePayPeriods","useMemo","payPeriodOptions","dateRange","formatPayPeriodRange","label","initialSelection","selectedPeriodKey","setSelectedPeriodKey","useState","DismissalPayPeriodSelectionPresentation","SDKInternalError","p","checkDate","RFCDate","addBusinessDays","ACH_LEAD_TIME_BUSINESS_DAYS","response","OffCycleReason","payrollUuid","componentEvents"],"mappings":";;;;;;;;;;;;;;;AAuBO,SAASA,GAA4BC,GAAyC;AACnF,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAKA,MAAMI,IAAe,CAACC,MAA8B,GAAGA,EAAO,SAAS,KAAKA,EAAO,OAAO;AAE1F,SAASF,EAAK,EAAE,WAAAG,GAAW,YAAAC,GAAY,YAAAC,KAAgD;AACrF,EAAAC,EAAuB,qBAAqBD,CAAU,GACtDE,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwD,EAAE,WAAAX,GAAW,GAChF,EAAE,aAAaY,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAEpDC,IAA0CC,EAAQ,OACnCN,EAAK,uCAAuC,CAAA,GAE5D,OAAO,CAAAX,MAAUA,EAAO,iBAAiBE,CAAU,EACnD;AAAA,IACC,CAACF,MACC,EAAQA,EAAO,aAAc,EAAQA,EAAO,WAAY,EAAQA,EAAO;AAAA,EAAY,GAExF,CAACW,GAAMT,CAAU,CAAC,GAEfgB,IAAmCD,EAAQ,MACxCD,EAAmB,IAAI,CAAAhB,MAAU;AACtC,UAAMmB,IAAYC,EAAqBpB,EAAO,WAAWA,EAAO,OAAO,GACjEqB,IAAQrB,EAAO,eAAe,GAAGmB,CAAS,KAAKnB,EAAO,YAAY,MAAMmB;AAC9E,WAAO;AAAA,MACL,OAAOpB,EAAaC,CAAM;AAAA,MAC1B,OAAAqB;AAAA,IAAA;AAAA,EAEJ,CAAC,GACA,CAACL,CAAkB,CAAC,GAEjBM,IAAmBJ,EAAiB,WAAW,IAAIA,EAAiB,CAAC,EAAG,QAAQ,QAChF,CAACK,GAAmBC,CAAoB,IAAIC,EAA6BH,CAAgB;AA0C/F,SACE,gBAAA1B;AAAA,IAAC8B;AAAA,IAAA;AAAA,MACC,kBAAAR;AAAA,MACA,mBAAAK;AAAA,MACA,gBAAgBC;AAAA,MAChB,UA7CiB,YAAY;AAC/B,cAAMf,EAAkB,EAAE,mBAAAc,EAAA,GAAqB,YAAY;AACzD,cAAIA,MAAsB;AACxB,kBAAM,IAAII,EAAiBrB,EAAE,4BAA4B,CAAC;AAG5D,gBAAMN,IAASgB,EAAmB,KAAK,OAAKjB,EAAa6B,CAAC,MAAML,CAAiB;AACjF,cAAI,CAACvB;AACH,kBAAM,IAAI2B,EAAiBrB,EAAE,yBAAyB,CAAC;AAGzD,gBAAMuB,IAAY7B,EAAO,YACrB,IAAI8B,EAAQ9B,EAAO,SAAS,IAC5B,IAAI8B,EAAQC,EAAgB,oBAAI,KAAA,GAAQC,CAA2B,CAAC,GAElEC,IAAW,MAAMpB,EAAsB;AAAA,YAC3C,SAAS;AAAA,cACP,WAAAZ;AAAA,cACA,aAAa;AAAA,gBACX,UAAU;AAAA,gBACV,gBAAgBiC,EAAe;AAAA,gBAC/B,WAAW,IAAIJ,EAAQ9B,EAAO,SAAS;AAAA,gBACvC,SAAS,IAAI8B,EAAQ9B,EAAO,OAAO;AAAA,gBACnC,eAAe,CAACE,CAAU;AAAA,gBAC1B,WAAA2B;AAAA,cAAA;AAAA,YACF;AAAA,UACF,CACD,GAEKM,IACJF,EAAS,oBAAoB,eAAeA,EAAS,oBAAoB;AAE3E,cAAI,CAACE;AACH,kBAAM,IAAIR,EAAiBrB,EAAE,yBAAyB,CAAC;AAGzD,UAAAE,EAAQ4B,EAAgB,+BAA+B,EAAE,aAAAD,EAAA,CAAa;AAAA,QACxE,CAAC;AAAA,MACH;AAAA,MAQI,WAAArB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.d.ts

@@ -0,0 +1,9 @@
+import { SelectOption } from '../../../Common/UI/Select/SelectTypes';
+export interface DismissalPayPeriodSelectionPresentationProps {
+    payPeriodOptions: SelectOption[];
+    selectedPeriodKey: string | undefined;
+    onSelectPeriod: (value: string) => void;
+    onSubmit: () => void;
+    isPending: boolean;
+}
+export declare function DismissalPayPeriodSelectionPresentation({ payPeriodOptions, selectedPeriodKey, onSelectPeriod, onSubmit, isPending, }: DismissalPayPeriodSelectionPresentationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.js

@@ -0,0 +1,53 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { Flex as o } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { useI18n as x } from "../../../../i18n/I18n.js";
+function A({
+  payPeriodOptions: r,
+  selectedPeriodKey: n,
+  onSelectPeriod: s,
+  onSubmit: c,
+  isPending: l
+}) {
+  x("Payroll.Dismissal");
+  const { t: i } = d("Payroll.Dismissal"), { Heading: a, Text: m, Select: p, Button: u, Alert: h } = g();
+  return r.length === 0 ? /* @__PURE__ */ t(o, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ e(o, { flexDirection: "column", gap: 4, children: /* @__PURE__ */ e(a, { as: "h2", children: i("pageTitle") }) }),
+    /* @__PURE__ */ e(h, { status: "info", label: i("emptyState") })
+  ] }) : /* @__PURE__ */ t(o, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ t(o, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(a, { as: "h2", children: i("pageTitle") }),
+      /* @__PURE__ */ e(m, { variant: "supporting", children: i("pageDescription") })
+    ] }),
+    /* @__PURE__ */ e(
+      p,
+      {
+        label: i("selectLabel"),
+        options: r,
+        value: n,
+        onChange: s,
+        placeholder: i("selectPlaceholder"),
+        isRequired: !0
+      }
+    ),
+    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+      u,
+      {
+        variant: "primary",
+        onClick: c,
+        isLoading: l,
+        isDisabled: l || n === void 0,
+        children: i("continueCta")
+      }
+    ) })
+  ] });
+}
+export {
+  A as DismissalPayPeriodSelectionPresentation
+};
+//# sourceMappingURL=DismissalPayPeriodSelectionPresentation.js.map

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissalPayPeriodSelectionPresentation.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface DismissalPayPeriodSelectionPresentationProps {\n  payPeriodOptions: SelectOption[]\n  selectedPeriodKey: string | undefined\n  onSelectPeriod: (value: string) => void\n  onSubmit: () => void\n  isPending: boolean\n}\n\nexport function DismissalPayPeriodSelectionPresentation({\n  payPeriodOptions,\n  selectedPeriodKey,\n  onSelectPeriod,\n  onSubmit,\n  isPending,\n}: DismissalPayPeriodSelectionPresentationProps) {\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { Heading, Text, Select, Button, Alert } = useComponentContext()\n\n  const hasNoPayPeriods = payPeriodOptions.length === 0\n\n  if (hasNoPayPeriods) {\n    return (\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        </Flex>\n        <Alert status=\"info\" label={t('emptyState')} />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Select\n        label={t('selectLabel')}\n        options={payPeriodOptions}\n        value={selectedPeriodKey}\n        onChange={onSelectPeriod}\n        placeholder={t('selectPlaceholder')}\n        isRequired\n      />\n\n      <ActionsLayout>\n        <Button\n          variant=\"primary\"\n          onClick={onSubmit}\n          isLoading={isPending}\n          isDisabled={isPending || selectedPeriodKey === undefined}\n        >\n          {t('continueCta')}\n        </Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DismissalPayPeriodSelectionPresentation","payPeriodOptions","selectedPeriodKey","onSelectPeriod","onSubmit","isPending","useI18n","t","useTranslation","Heading","Text","Select","Button","Alert","useComponentContext","jsxs","Flex","jsx","ActionsLayout"],"mappings":";;;;;;;;;AAcO,SAASA,EAAwC;AAAA,EACtD,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAiD;AAC/C,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA;AAIjD,SAFwBb,EAAiB,WAAW,IAIhD,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA,gBAAAC,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,EAAA,CAAE,GACnC;AAAA,sBACCM,GAAA,EAAM,QAAO,QAAO,OAAON,EAAE,YAAY,EAAA,CAAG;AAAA,EAAA,GAC/C,IAKF,gBAAAQ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,wBAChCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IAEA,gBAAAU;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,aAAa;AAAA,QACtB,SAASN;AAAA,QACT,OAAOC;AAAA,QACP,UAAUC;AAAA,QACV,aAAaI,EAAE,mBAAmB;AAAA,QAClC,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGXW,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAASR;AAAA,QACT,WAAWC;AAAA,QACX,YAAYA,KAAaH,MAAsB;AAAA,QAE9C,YAAE,aAAa;AAAA,MAAA;AAAA,IAAA,EAClB,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/index.d.ts

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

package/dist/components/Payroll/Dismissal/dismissalStateMachine.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export declare const dismissalBreadcrumbsNodes: BreadcrumbNodes;
+export declare const dismissalMachine: {
+    payPeriodSelection: import('robot3').MachineState<any>;
+    execution: import('robot3').MachineState<any>;
+};

package/dist/components/Payroll/Dismissal/dismissalStateMachine.js

@@ -0,0 +1,51 @@
+import { state as i, transition as r, reduce as a, guard as l } from "robot3";
+import { DismissalExecutionContextual as c, DismissalPayPeriodSelectionContextual as s } from "./DismissalFlowComponents.js";
+import { componentEvents as t } from "../../../shared/constants.js";
+function n(e) {
+  return {
+    ...e,
+    component: s,
+    payrollUuid: void 0,
+    currentBreadcrumbId: "payPeriodSelection",
+    progressBarType: "breadcrumbs"
+  };
+}
+const y = {
+  payPeriodSelection: {
+    parent: null,
+    item: {
+      id: "payPeriodSelection",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.Dismissal",
+      onNavigate: n
+    }
+  }
+}, d = r(
+  t.BREADCRUMB_NAVIGATE,
+  "payPeriodSelection",
+  l(
+    (e, o) => o.payload.key === "payPeriodSelection"
+  ),
+  a(n)
+), P = {
+  payPeriodSelection: i(
+    r(
+      t.DISMISSAL_PAY_PERIOD_SELECTED,
+      "execution",
+      a(
+        (e, o) => ({
+          ...e,
+          payrollUuid: o.payload?.payrollUuid,
+          component: c,
+          progressBarType: null
+        })
+      )
+    )
+  ),
+  execution: i(d)
+};
+export {
+  y as dismissalBreadcrumbsNodes,
+  P as dismissalMachine
+};
+//# sourceMappingURL=dismissalStateMachine.js.map

package/dist/components/Payroll/Dismissal/dismissalStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismissalStateMachine.js","sources":["../../../../src/components/Payroll/Dismissal/dismissalStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport {\n  DismissalPayPeriodSelectionContextual,\n  DismissalExecutionContextual,\n  type DismissalFlowContextInterface,\n} from './DismissalFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\nfunction toPayPeriodSelectionReducer(\n  ctx: DismissalFlowContextInterface,\n): DismissalFlowContextInterface {\n  return {\n    ...ctx,\n    component: DismissalPayPeriodSelectionContextual,\n    payrollUuid: undefined,\n    currentBreadcrumbId: 'payPeriodSelection',\n    progressBarType: 'breadcrumbs',\n  }\n}\n\nexport const dismissalBreadcrumbsNodes: BreadcrumbNodes = {\n  payPeriodSelection: {\n    parent: null,\n    item: {\n      id: 'payPeriodSelection',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Dismissal',\n      onNavigate: toPayPeriodSelectionReducer as (context: unknown) => unknown,\n    },\n  },\n}\n\nconst payPeriodSelectionBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'payPeriodSelection',\n  guard(\n    (_ctx: DismissalFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'payPeriodSelection',\n  ),\n  reduce(toPayPeriodSelectionReducer),\n)\n\nexport const dismissalMachine = {\n  payPeriodSelection: state<MachineTransition>(\n    transition(\n      componentEvents.DISMISSAL_PAY_PERIOD_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: DismissalFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): DismissalFlowContextInterface => ({\n          ...ctx,\n          payrollUuid: ev.payload?.payrollUuid,\n          component: DismissalExecutionContextual,\n          progressBarType: null,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(payPeriodSelectionBreadcrumbTransition),\n}\n"],"names":["toPayPeriodSelectionReducer","ctx","DismissalPayPeriodSelectionContextual","dismissalBreadcrumbsNodes","payPeriodSelectionBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","dismissalMachine","state","DismissalExecutionContextual"],"mappings":";;;AAUA,SAASA,EACPC,GAC+B;AAC/B,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,EAAA;AAErB;AAEO,MAAMC,IAA6C;AAAA,EACxD,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,YAAYH;AAAA,IAAA;AAAA,EACd;AAEJ,GAEMI,IAAyCC;AAAA,EAC7CC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAqCC,MACpCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOV,CAA2B;AACpC,GAEaW,IAAmB;AAAA,EAC9B,oBAAoBC;AAAA,IAClBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACET,GACAQ,OACmC;AAAA,UACnC,GAAGR;AAAA,UACH,aAAaQ,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,UACX,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAAsC;AAC5E;"}

package/dist/components/Payroll/Dismissal/dismissalStateMachine.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Payroll/Dismissal/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { DismissalFlow } from './DismissalFlow';
+export type { DismissalFlowProps, DismissalFlowContextInterface } from './DismissalFlowComponents';