@gusto/embedded-react-sdk 0.36.0 → 0.37.0

package/dist/components/Payroll/Transition/transitionStateMachine.js

@@ -0,0 +1,58 @@
+import { state as a, transition as e, reduce as n, guard as l } from "robot3";
+import { TransitionExecutionContextual as c, TransitionCreationContextual as t } from "./TransitionFlowComponents.js";
+import { componentEvents as i } from "../../../shared/constants.js";
+const y = {
+  createTransitionPayroll: {
+    parent: null,
+    item: {
+      id: "createTransitionPayroll",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.Transition",
+      onNavigate: ((r) => ({
+        ...r,
+        component: t,
+        payrollUuid: void 0,
+        currentBreadcrumbId: "createTransitionPayroll",
+        progressBarType: "breadcrumbs"
+      }))
+    }
+  }
+};
+function s(r) {
+  return {
+    ...r,
+    component: t,
+    payrollUuid: void 0,
+    currentBreadcrumbId: "createTransitionPayroll",
+    progressBarType: "breadcrumbs"
+  };
+}
+const u = e(
+  i.BREADCRUMB_NAVIGATE,
+  "createTransitionPayroll",
+  l(
+    (r, o) => o.payload.key === "createTransitionPayroll"
+  ),
+  n(s)
+), T = {
+  createTransitionPayroll: a(
+    e(
+      i.TRANSITION_CREATED,
+      "execution",
+      n(
+        (r, o) => ({
+          ...r,
+          payrollUuid: o.payload?.payrollUuid,
+          component: c,
+          progressBarType: null
+        })
+      )
+    )
+  ),
+  execution: a(u)
+};
+export {
+  y as transitionBreadcrumbsNodes,
+  T as transitionMachine
+};
+//# sourceMappingURL=transitionStateMachine.js.map

package/dist/components/Payroll/Transition/transitionStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitionStateMachine.js","sources":["../../../../src/components/Payroll/Transition/transitionStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n} from './TransitionFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\nexport const transitionBreadcrumbsNodes: BreadcrumbNodes = {\n  createTransitionPayroll: {\n    parent: null,\n    item: {\n      id: 'createTransitionPayroll',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Transition',\n      onNavigate: ((ctx: TransitionFlowContextInterface) => ({\n        ...ctx,\n        component: TransitionCreationContextual,\n        payrollUuid: undefined,\n        currentBreadcrumbId: 'createTransitionPayroll',\n        progressBarType: 'breadcrumbs',\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nfunction toCreationReducer(ctx: TransitionFlowContextInterface): TransitionFlowContextInterface {\n  return {\n    ...ctx,\n    component: TransitionCreationContextual,\n    payrollUuid: undefined,\n    currentBreadcrumbId: 'createTransitionPayroll',\n    progressBarType: 'breadcrumbs',\n  }\n}\n\nconst creationBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'createTransitionPayroll',\n  guard(\n    (_ctx: TransitionFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'createTransitionPayroll',\n  ),\n  reduce(toCreationReducer),\n)\n\nexport const transitionMachine = {\n  createTransitionPayroll: state<MachineTransition>(\n    transition(\n      componentEvents.TRANSITION_CREATED,\n      'execution',\n      reduce(\n        (\n          ctx: TransitionFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): TransitionFlowContextInterface => ({\n          ...ctx,\n          payrollUuid: ev.payload?.payrollUuid,\n          component: TransitionExecutionContextual,\n          progressBarType: null,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(creationBreadcrumbTransition),\n}\n"],"names":["transitionBreadcrumbsNodes","ctx","TransitionCreationContextual","toCreationReducer","creationBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","transitionMachine","state","TransitionExecutionContextual"],"mappings":";;;AAUO,MAAMA,IAA8C;AAAA,EACzD,yBAAyB;AAAA,IACvB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAyC;AAAA,QACrD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,aAAa;AAAA,QACb,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF;AAEJ;AAEA,SAASC,EAAkBF,GAAqE;AAC9F,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,EAAA;AAErB;AAEA,MAAME,IAA+BC;AAAA,EACnCC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAsCC,MACrCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOP,CAAiB;AAC1B,GAEaQ,IAAoB;AAAA,EAC/B,yBAAyBC;AAAA,IACvBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACET,GACAQ,OACoC;AAAA,UACpC,GAAGR;AAAA,UACH,aAAaQ,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,UACX,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAA4B;AAClE;"}

package/dist/components/Payroll/Transition/transitionStateMachine.test.d.ts

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

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

@@ -0,0 +1,2 @@
+import { TransitionCreationProps } from './TransitionCreationTypes';
+export declare function TransitionCreation(props: TransitionCreationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/TransitionCreation/TransitionCreation.js

@@ -0,0 +1,92 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as C, useCallback as c, useMemo as P } from "react";
+import { useForm as F, FormProvider as I } from "react-hook-form";
+import { zodResolver as A } from "@hookform/resolvers/zod";
+import { useTranslation as N } from "react-i18next";
+import { usePayrollsCreateOffCycleMutation as B } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { WithholdingPayPeriod as V, OffCycleReason as q } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { RFCDate as d } from "@gusto/embedded-api/types/rfcdate";
+import { usePaySchedulesGetAllSuspense as U } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { useOffCyclePayPeriodDateValidation as j } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
+import { createTransitionCreationSchema as z } from "./TransitionCreationTypes.js";
+import { TransitionCreationPresentation as G } from "./TransitionCreationPresentation.js";
+import { BaseComponent as H } from "../../Base/Base.js";
+import { useBase as K } from "../../Base/useBase.js";
+import { useComponentDictionary as L, useI18n as h } from "../../../i18n/I18n.js";
+import { componentEvents as _ } from "../../../shared/constants.js";
+import { SDKInternalError as J } from "../../../types/sdkError.js";
+import { Form as Q } from "../../Common/Form/Form.js";
+function yo(n) {
+  return /* @__PURE__ */ t(H, { ...n, children: /* @__PURE__ */ t(X, { ...n }) });
+}
+function X({
+  dictionary: n,
+  companyId: m,
+  startDate: u,
+  endDate: f,
+  payScheduleUuid: r
+}) {
+  L("Payroll.TransitionCreation", n), h("Payroll.TransitionCreation"), h("Payroll.OffCycleDeductionsSetting"), h("Payroll.OffCycleTaxWithholding");
+  const { t: a } = N("Payroll.TransitionCreation"), { onEvent: T, baseSubmitHandler: D } = K(), { minCheckDate: p } = j(), { mutateAsync: x, isPending: W } = B(), { data: y } = U({ companyId: m }), [l, R] = C({
+    withholdingPayPeriod: V.EveryOtherWeek,
+    withholdingRate: "regular"
+  }), [S, s] = C(!1), k = c(() => {
+    s(!0);
+  }, []), w = c((o) => {
+    R(o), s(!1);
+  }, []), O = c(() => {
+    s(!1);
+  }, []), E = P(() => {
+    const e = (y.payScheduleList ?? []).find((i) => i.uuid === r);
+    return e?.customName ?? e?.name ?? null;
+  }, [y, r]), M = (o) => a(o), b = P(
+    () => z(M, p),
+    [a, p]
+  ), g = F({
+    resolver: A(b),
+    defaultValues: {
+      checkDate: null,
+      skipRegularDeductions: !1
+    }
+  }), v = async (o) => {
+    o.checkDate && await D(o, async () => {
+      const e = await x({
+        request: {
+          companyId: m,
+          requestBody: {
+            offCycle: !0,
+            offCycleReason: q.TransitionFromOldPaySchedule,
+            startDate: new d(u),
+            endDate: new d(f),
+            checkDate: new d(o.checkDate),
+            payScheduleUuid: r,
+            skipRegularDeductions: o.skipRegularDeductions,
+            withholdingPayPeriod: l.withholdingPayPeriod,
+            fixedWithholdingRate: l.withholdingRate === "supplemental"
+          }
+        }
+      }), i = e.payrollUnprocessed?.payrollUuid ?? e.payrollUnprocessed?.uuid;
+      if (!i)
+        throw new J(a("errors.missingPayrollId"));
+      T(_.TRANSITION_CREATED, { payrollUuid: i });
+    });
+  };
+  return /* @__PURE__ */ t(I, { ...g, children: /* @__PURE__ */ t(Q, { onSubmit: g.handleSubmit(v), children: /* @__PURE__ */ t(
+    G,
+    {
+      startDate: u,
+      endDate: f,
+      payScheduleName: E,
+      isPending: W,
+      taxWithholdingConfig: l,
+      isTaxWithholdingModalOpen: S,
+      onTaxWithholdingEditClick: k,
+      onTaxWithholdingModalDone: w,
+      onTaxWithholdingModalCancel: O
+    }
+  ) }) });
+}
+export {
+  yo as TransitionCreation
+};
+//# sourceMappingURL=TransitionCreation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionCreation.js","sources":["../../../../src/components/Payroll/TransitionCreation/TransitionCreation.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  OffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { TransitionCreationProps, TransitionCreationFormData } from './TransitionCreationTypes'\nimport { createTransitionCreationSchema } from './TransitionCreationTypes'\nimport { TransitionCreationPresentation } from './TransitionCreationPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { Form } from '@/components/Common/Form'\n\nexport function TransitionCreation(props: TransitionCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  dictionary,\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n}: TransitionCreationProps) {\n  useComponentDictionary('Payroll.TransitionCreation', dictionary)\n  useI18n('Payroll.TransitionCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.OffCycleTaxWithholding')\n\n  const { t } = useTranslation('Payroll.TransitionCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { minCheckDate } = useOffCyclePayPeriodDateValidation()\n  const { mutateAsync: createTransitionPayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: 'regular',\n  })\n  const [isTaxWithholdingModalOpen, setIsTaxWithholdingModalOpen] = useState(false)\n\n  const handleTaxWithholdingEditClick = useCallback(() => {\n    setIsTaxWithholdingModalOpen(true)\n  }, [])\n\n  const handleTaxWithholdingModalDone = useCallback((config: OffCycleTaxWithholdingConfig) => {\n    setTaxWithholdingConfig(config)\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleTaxWithholdingModalCancel = useCallback(() => {\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const payScheduleName = useMemo(() => {\n    const schedules = paySchedulesData.payScheduleList ?? []\n    const match = schedules.find(s => s.uuid === payScheduleUuid)\n    return match?.customName ?? match?.name ?? null\n  }, [paySchedulesData, payScheduleUuid])\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const translateValidation = (key: string): string => t(key as any) as string\n\n  const schema = useMemo(\n    () => createTransitionCreationSchema(translateValidation, minCheckDate),\n    [t, minCheckDate],\n  )\n\n  const methods = useForm<TransitionCreationFormData>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      checkDate: null,\n      skipRegularDeductions: false,\n    },\n  })\n\n  const onSubmit = async (data: TransitionCreationFormData) => {\n    if (!data.checkDate) return\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createTransitionPayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.TransitionFromOldPaySchedule,\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(data.checkDate!),\n            payScheduleUuid,\n            skipRegularDeductions: data.skipRegularDeductions,\n            withholdingPayPeriod: taxWithholdingConfig.withholdingPayPeriod,\n            fixedWithholdingRate: taxWithholdingConfig.withholdingRate === 'supplemental',\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.TRANSITION_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <TransitionCreationPresentation\n          startDate={startDate}\n          endDate={endDate}\n          payScheduleName={payScheduleName}\n          isPending={isPending}\n          taxWithholdingConfig={taxWithholdingConfig}\n          isTaxWithholdingModalOpen={isTaxWithholdingModalOpen}\n          onTaxWithholdingEditClick={handleTaxWithholdingEditClick}\n          onTaxWithholdingModalDone={handleTaxWithholdingModalDone}\n          onTaxWithholdingModalCancel={handleTaxWithholdingModalCancel}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["TransitionCreation","props","jsx","BaseComponent","Root","dictionary","companyId","startDate","endDate","payScheduleUuid","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","minCheckDate","useOffCyclePayPeriodDateValidation","createTransitionPayroll","isPending","usePayrollsCreateOffCycleMutation","paySchedulesData","usePaySchedulesGetAllSuspense","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","payScheduleName","useMemo","match","s","translateValidation","key","schema","createTransitionCreationSchema","methods","useForm","zodResolver","onSubmit","data","response","OffCycleReason","RFCDate","payrollUuid","SDKInternalError","componentEvents","FormProvider","Form","TransitionCreationPresentation"],"mappings":"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"}

package/dist/components/Payroll/TransitionCreation/TransitionCreationPresentation.d.ts

@@ -0,0 +1,2 @@
+import { TransitionCreationPresentationProps } from './TransitionCreationTypes';
+export declare function TransitionCreationPresentation({ startDate, endDate, payScheduleName, isPending, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, }: TransitionCreationPresentationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/TransitionCreation/TransitionCreationPresentation.js

@@ -0,0 +1,111 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useMemo as b } from "react";
+import { useTranslation as c } from "react-i18next";
+import { WAGE_TYPE_CATEGORIES as k } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js";
+import a from "./TransitionCreationPresentation.module.scss.js";
+import { useI18n as d } from "../../../i18n/I18n.js";
+import { useComponentContext as G } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as t } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { RadioGroupField as j } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { DatePickerField as F } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import { useDateFormatter as L } from "../../../hooks/useDateFormatter.js";
+import { OffCycleTaxWithholdingTable as R } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.js";
+import { OffCycleTaxWithholdingModal as A } from "../OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js";
+function X({
+  startDate: D,
+  endDate: C,
+  payScheduleName: p,
+  isPending: m,
+  taxWithholdingConfig: f,
+  isTaxWithholdingModalOpen: x,
+  onTaxWithholdingEditClick: y,
+  onTaxWithholdingModalDone: T,
+  onTaxWithholdingModalCancel: O
+}) {
+  d("Payroll.TransitionCreation"), d("Payroll.OffCycleDeductionsSetting"), d("Payroll.OffCycleTaxWithholding");
+  const { t: i } = c("Payroll.TransitionCreation"), { t: r } = c("Payroll.OffCycleDeductionsSetting"), { t: s } = c("Payroll.OffCycleTaxWithholding"), { Heading: u, Text: l, Alert: P, Button: v } = G(), h = L(), S = h.formatShortWithYear(D), w = h.formatShortWithYear(C), E = b(
+    () => [
+      {
+        value: !1,
+        label: r("options.include.label")
+      },
+      {
+        value: !0,
+        label: r("options.skip.label")
+      }
+    ],
+    [r]
+  ), W = b(
+    () => k.map((o) => {
+      const g = {
+        category: o,
+        label: s(`wageTypeGroups.${o}.label`)
+      };
+      return (o === "regular" || o === "supplemental") && (g.description = s(`wageTypeGroups.${o}.description`)), g;
+    }),
+    [s]
+  );
+  return /* @__PURE__ */ n(t, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ n(t, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(u, { as: "h2", children: i("pageTitle") }),
+      /* @__PURE__ */ e(l, { variant: "supporting", children: i("pageDescription") })
+    ] }),
+    /* @__PURE__ */ e(P, { status: "info", label: i("transitionExplanation") }),
+    /* @__PURE__ */ e("hr", { className: a.divider }),
+    /* @__PURE__ */ n(t, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ e(u, { as: "h3", children: i("detailsHeading") }),
+      /* @__PURE__ */ n(t, { flexDirection: "column", gap: 8, children: [
+        /* @__PURE__ */ n(t, { justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(l, { weight: "bold", children: i("payPeriodLabel") }),
+          /* @__PURE__ */ n(l, { children: [
+            S,
+            " - ",
+            w
+          ] })
+        ] }),
+        p && /* @__PURE__ */ n(t, { justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(l, { weight: "bold", children: i("payScheduleLabel") }),
+          /* @__PURE__ */ e(l, { children: p })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("hr", { className: a.divider }),
+    /* @__PURE__ */ e(t, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(F, { name: "checkDate", label: i("checkDateLabel"), isRequired: !0 }) }),
+    /* @__PURE__ */ e("hr", { className: a.divider }),
+    /* @__PURE__ */ e(t, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(
+      j,
+      {
+        name: "skipRegularDeductions",
+        label: r("title"),
+        description: r("description"),
+        options: E,
+        convertValueToString: (o) => String(o)
+      }
+    ) }),
+    /* @__PURE__ */ e("hr", { className: a.divider }),
+    /* @__PURE__ */ e(
+      R,
+      {
+        wageTypeGroups: W,
+        config: f,
+        onEditClick: y
+      }
+    ),
+    x && /* @__PURE__ */ e(
+      A,
+      {
+        isOpen: !0,
+        defaultConfig: f,
+        onDone: T,
+        onCancel: O
+      }
+    ),
+    /* @__PURE__ */ e(t, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(v, { type: "submit", isLoading: m, isDisabled: m, children: i("continueCta") }) })
+  ] });
+}
+export {
+  X as TransitionCreationPresentation
+};
+//# sourceMappingURL=TransitionCreationPresentation.js.map

package/dist/components/Payroll/TransitionCreation/TransitionCreationPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionCreationPresentation.js","sources":["../../../../src/components/Payroll/TransitionCreation/TransitionCreationPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { OffCycleTaxWithholdingTable } from '../OffCycleTaxWithholdingTable'\nimport { OffCycleTaxWithholdingModal } from '../OffCycleTaxWithholdingModal'\nimport {\n  WAGE_TYPE_CATEGORIES,\n  type WageTypeGroup,\n} from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { TransitionCreationPresentationProps } from './TransitionCreationTypes'\nimport styles from './TransitionCreationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, DatePickerField, RadioGroupField } from '@/components/Common'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nexport function TransitionCreationPresentation({\n  startDate,\n  endDate,\n  payScheduleName,\n  isPending,\n  taxWithholdingConfig,\n  isTaxWithholdingModalOpen,\n  onTaxWithholdingEditClick,\n  onTaxWithholdingModalDone,\n  onTaxWithholdingModalCancel,\n}: TransitionCreationPresentationProps) {\n  useI18n('Payroll.TransitionCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.TransitionCreation')\n  const { t: tDeductions } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { t: tWithholding } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Heading, Text, Alert, Button } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n\n  const formattedStartDate = dateFormatter.formatShortWithYear(startDate)\n  const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n  const deductionsOptions = useMemo(\n    () => [\n      {\n        value: false,\n        label: tDeductions('options.include.label'),\n      },\n      {\n        value: true,\n        label: tDeductions('options.skip.label'),\n      },\n    ],\n    [tDeductions],\n  )\n\n  const wageTypeGroups: WageTypeGroup[] = useMemo(\n    () =>\n      WAGE_TYPE_CATEGORIES.map(category => {\n        const group: WageTypeGroup = {\n          category,\n          label: tWithholding(`wageTypeGroups.${category}.label`),\n        }\n        if (category === 'regular' || category === 'supplemental') {\n          group.description = tWithholding(`wageTypeGroups.${category}.description`)\n        }\n        return group\n      }),\n    [tWithholding],\n  )\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Alert status=\"info\" label={t('transitionExplanation')} />\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\">{t('detailsHeading')}</Heading>\n\n        <Flex flexDirection=\"column\" gap={8}>\n          <Flex justifyContent=\"space-between\">\n            <Text weight=\"bold\">{t('payPeriodLabel')}</Text>\n            <Text>\n              {formattedStartDate} - {formattedEndDate}\n            </Text>\n          </Flex>\n\n          {payScheduleName && (\n            <Flex justifyContent=\"space-between\">\n              <Text weight=\"bold\">{t('payScheduleLabel')}</Text>\n              <Text>{payScheduleName}</Text>\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <DatePickerField name=\"checkDate\" label={t('checkDateLabel')} isRequired />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <RadioGroupField<boolean>\n          name=\"skipRegularDeductions\"\n          label={tDeductions('title')}\n          description={tDeductions('description')}\n          options={deductionsOptions}\n          convertValueToString={value => String(value)}\n        />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <OffCycleTaxWithholdingTable\n        wageTypeGroups={wageTypeGroups}\n        config={taxWithholdingConfig}\n        onEditClick={onTaxWithholdingEditClick}\n      />\n      {isTaxWithholdingModalOpen && (\n        <OffCycleTaxWithholdingModal\n          isOpen\n          defaultConfig={taxWithholdingConfig}\n          onDone={onTaxWithholdingModalDone}\n          onCancel={onTaxWithholdingModalCancel}\n        />\n      )}\n\n      <Flex justifyContent=\"flex-end\" gap={12}>\n        <Button type=\"submit\" isLoading={isPending} isDisabled={isPending}>\n          {t('continueCta')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["TransitionCreationPresentation","startDate","endDate","payScheduleName","isPending","taxWithholdingConfig","isTaxWithholdingModalOpen","onTaxWithholdingEditClick","onTaxWithholdingModalDone","onTaxWithholdingModalCancel","useI18n","t","useTranslation","tDeductions","tWithholding","Heading","Text","Alert","Button","useComponentContext","dateFormatter","useDateFormatter","formattedStartDate","formattedEndDate","deductionsOptions","useMemo","wageTypeGroups","WAGE_TYPE_CATEGORIES","category","group","jsxs","Flex","jsx","styles","DatePickerField","RadioGroupField","value","OffCycleTaxWithholdingTable","OffCycleTaxWithholdingModal"],"mappings":"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"}

package/dist/components/Payroll/TransitionCreation/TransitionCreationPresentation.module.scss.js

@@ -0,0 +1,8 @@
+const d = "_divider_bmae3_1", e = {
+  divider: d
+};
+export {
+  e as default,
+  d as divider
+};
+//# sourceMappingURL=TransitionCreationPresentation.module.scss.js.map

package/dist/components/Payroll/TransitionCreation/TransitionCreationPresentation.module.scss.js.map

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

package/dist/components/Payroll/TransitionCreation/TransitionCreationTypes.d.ts

@@ -0,0 +1,28 @@
+import { z } from 'zod';
+import { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes';
+import { BaseComponentInterface } from '../../Base/Base';
+export interface TransitionCreationProps extends BaseComponentInterface<'Payroll.TransitionCreation'> {
+    companyId: string;
+    startDate: string;
+    endDate: string;
+    payScheduleUuid: string;
+}
+export interface TransitionCreationFormData {
+    checkDate: Date | null;
+    skipRegularDeductions: boolean;
+}
+export declare function createTransitionCreationSchema(t: (key: string) => string, minCheckDate: Date): z.ZodObject<{
+    checkDate: z.ZodNullable<z.ZodDate> & z.ZodType<Date, Date | null, z.core.$ZodTypeInternals<Date, Date | null>>;
+    skipRegularDeductions: z.ZodBoolean;
+}, z.core.$strip>;
+export interface TransitionCreationPresentationProps {
+    startDate: string;
+    endDate: string;
+    payScheduleName: string | null;
+    isPending?: boolean;
+    taxWithholdingConfig: OffCycleTaxWithholdingConfig;
+    isTaxWithholdingModalOpen: boolean;
+    onTaxWithholdingEditClick: () => void;
+    onTaxWithholdingModalDone: (config: OffCycleTaxWithholdingConfig) => void;
+    onTaxWithholdingModalCancel: () => void;
+}

package/dist/components/Payroll/TransitionCreation/TransitionCreationTypes.js

@@ -0,0 +1,21 @@
+import { z as r } from "zod";
+function c(n, o) {
+  return r.object({
+    checkDate: r.date().nullable().refine((e) => e !== null, {
+      message: n("errors.checkDateRequired")
+    }).refine(
+      (e) => {
+        const t = new Date(e);
+        t.setHours(0, 0, 0, 0);
+        const a = new Date(o);
+        return a.setHours(0, 0, 0, 0), t >= a;
+      },
+      { message: n("errors.checkDateAchLeadTime") }
+    ),
+    skipRegularDeductions: r.boolean()
+  });
+}
+export {
+  c as createTransitionCreationSchema
+};
+//# sourceMappingURL=TransitionCreationTypes.js.map

package/dist/components/Payroll/TransitionCreation/TransitionCreationTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionCreationTypes.js","sources":["../../../../src/components/Payroll/TransitionCreation/TransitionCreationTypes.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\n\nexport interface TransitionCreationProps extends BaseComponentInterface<'Payroll.TransitionCreation'> {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n}\n\nexport interface TransitionCreationFormData {\n  checkDate: Date | null\n  skipRegularDeductions: boolean\n}\n\nexport function createTransitionCreationSchema(t: (key: string) => string, minCheckDate: Date) {\n  return z.object({\n    checkDate: z\n      .date()\n      .nullable()\n      .refine((val): val is Date => val !== null, {\n        message: t('errors.checkDateRequired'),\n      })\n      .refine(\n        val => {\n          const normalized = new Date(val)\n          normalized.setHours(0, 0, 0, 0)\n          const min = new Date(minCheckDate)\n          min.setHours(0, 0, 0, 0)\n          return normalized >= min\n        },\n        { message: t('errors.checkDateAchLeadTime') },\n      ),\n    skipRegularDeductions: z.boolean(),\n  })\n}\n\nexport interface TransitionCreationPresentationProps {\n  startDate: string\n  endDate: string\n  payScheduleName: string | null\n  isPending?: boolean\n  taxWithholdingConfig: OffCycleTaxWithholdingConfig\n  isTaxWithholdingModalOpen: boolean\n  onTaxWithholdingEditClick: () => void\n  onTaxWithholdingModalDone: (config: OffCycleTaxWithholdingConfig) => void\n  onTaxWithholdingModalCancel: () => void\n}\n"],"names":["createTransitionCreationSchema","t","minCheckDate","z","val","normalized","min"],"mappings":";AAgBO,SAASA,EAA+BC,GAA4BC,GAAoB;AAC7F,SAAOC,EAAE,OAAO;AAAA,IACd,WAAWA,EACR,KAAA,EACA,SAAA,EACA,OAAO,CAACC,MAAqBA,MAAQ,MAAM;AAAA,MAC1C,SAASH,EAAE,0BAA0B;AAAA,IAAA,CACtC,EACA;AAAA,MACC,CAAAG,MAAO;AACL,cAAMC,IAAa,IAAI,KAAKD,CAAG;AAC/B,QAAAC,EAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAC9B,cAAMC,IAAM,IAAI,KAAKJ,CAAY;AACjC,eAAAI,EAAI,SAAS,GAAG,GAAG,GAAG,CAAC,GAChBD,KAAcC;AAAA,MACvB;AAAA,MACA,EAAE,SAASL,EAAE,6BAA6B,EAAA;AAAA,IAAE;AAAA,IAEhD,uBAAuBE,EAAE,QAAA;AAAA,EAAQ,CAClC;AACH;"}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { TransitionCreation } from './TransitionCreation';
+export type { TransitionCreationProps, TransitionCreationFormData } from './TransitionCreationTypes';

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

@@ -0,0 +1,8 @@
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+interface TransitionPayrollAlertProps {
+    companyId: string;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function TransitionPayrollAlert(props: TransitionPayrollAlertProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.js

@@ -0,0 +1,83 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useState as h, useMemo as r, useCallback as i } from "react";
+import { usePaySchedulesGetPayPeriodsSuspense as N } from "@gusto/embedded-api/react-query/paySchedulesGetPayPeriods";
+import { usePaySchedulesGetAllSuspense as O } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { usePayrollsSkipMutation as L } from "@gusto/embedded-api/react-query/payrollsSkip";
+import { PayrollType as _ } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
+import { PayrollTypes as v } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods";
+import { RFCDate as b } from "@gusto/embedded-api/types/rfcdate";
+import { TransitionPayrollAlertPresentation as x } from "./TransitionPayrollAlertPresentation.js";
+import { BaseComponent as B } from "../../Base/Base.js";
+import { useBase as C } from "../../Base/useBase.js";
+import { componentEvents as f } from "../../../shared/constants.js";
+const M = 90;
+function X(t) {
+  return /* @__PURE__ */ l(B, { onEvent: t.onEvent, children: /* @__PURE__ */ l(Y, { ...t }) });
+}
+function Y({ companyId: t }) {
+  const { onEvent: n, baseSubmitHandler: u } = C(), [P, c] = h(!1), [A, d] = h(null), T = r(() => {
+    const e = /* @__PURE__ */ new Date();
+    return e.setDate(e.getDate() + M), new b(e);
+  }, []), { data: p } = N({
+    companyId: t,
+    payrollTypes: v.Transition,
+    endDate: T
+  }), { data: k } = O({ companyId: t }), m = k.payScheduleList ?? [], { mutateAsync: S } = L(), y = r(() => (p.payPeriods ?? []).filter((s) => !s.payroll?.processed), [p]), D = r(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const s of y) {
+      const a = s.payScheduleUuid ?? "unknown", o = e.get(a) ?? [];
+      o.push(s), e.set(a, o);
+    }
+    return Array.from(e.entries()).map(([s, a]) => {
+      const o = m.find((E) => E.uuid === s), U = o?.customName || o?.name || "Transition";
+      return { payScheduleUuid: s, payScheduleName: U, payPeriods: a };
+    });
+  }, [y, m]), R = i(
+    (e) => {
+      n(f.RUN_TRANSITION_PAYROLL, {
+        startDate: e.startDate,
+        endDate: e.endDate,
+        payScheduleUuid: e.payScheduleUuid
+      });
+    },
+    [n]
+  ), g = i(
+    async (e) => {
+      d(e), await u({}, async () => {
+        await S({
+          request: {
+            companyUuid: t,
+            requestBody: {
+              payrollType: _.TransitionFromOldPaySchedule,
+              startDate: e.startDate,
+              endDate: e.endDate,
+              payScheduleUuid: e.payScheduleUuid ?? void 0
+            }
+          }
+        }), c(!0), n(f.TRANSITION_PAYROLL_SKIPPED, {
+          startDate: e.startDate,
+          endDate: e.endDate,
+          payScheduleUuid: e.payScheduleUuid
+        });
+      }), d(null);
+    },
+    [t, S, n, u]
+  ), w = i(() => {
+    c(!1);
+  }, []);
+  return D.length === 0 ? null : /* @__PURE__ */ l(
+    x,
+    {
+      groupedPayPeriods: D,
+      onRunPayroll: R,
+      onSkipPayroll: g,
+      showSkipSuccessAlert: P,
+      onDismissSkipSuccessAlert: w,
+      skippingPayPeriod: A
+    }
+  );
+}
+export {
+  X as TransitionPayrollAlert
+};
+//# sourceMappingURL=TransitionPayrollAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionPayrollAlert.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.tsx"],"sourcesContent":["import { useMemo, useState, useCallback } from 'react'\nimport { usePaySchedulesGetPayPeriodsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetPayPeriods'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport { PayrollTypes } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { TransitionPayrollAlertPresentation } from './TransitionPayrollAlertPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\n\ninterface TransitionPayrollAlertProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst LOOK_AHEAD_DAYS = 90\n\nexport function TransitionPayrollAlert(props: TransitionPayrollAlertProps) {\n  return (\n    <BaseComponent onEvent={props.onEvent}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId }: TransitionPayrollAlertProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayPeriod, setSkippingPayPeriod] = useState<PayPeriod | null>(null)\n\n  const lookAheadEndDate = useMemo(() => {\n    const date = new Date()\n    date.setDate(date.getDate() + LOOK_AHEAD_DAYS)\n    return new RFCDate(date)\n  }, [])\n\n  const { data: payPeriodsData } = usePaySchedulesGetPayPeriodsSuspense({\n    companyId,\n    payrollTypes: PayrollTypes.Transition,\n    endDate: lookAheadEndDate,\n  })\n\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({ companyId })\n  const paySchedules = paySchedulesData.payScheduleList ?? []\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const unprocessedTransitionPeriods = useMemo(() => {\n    const periods = payPeriodsData.payPeriods ?? []\n    return periods.filter((pp: PayPeriod) => !pp.payroll?.processed)\n  }, [payPeriodsData])\n\n  const groupedPayPeriods = useMemo(() => {\n    const groups = new Map<string, PayPeriod[]>()\n\n    for (const period of unprocessedTransitionPeriods) {\n      const uuid = period.payScheduleUuid ?? 'unknown'\n      const existing = groups.get(uuid) ?? []\n      existing.push(period)\n      groups.set(uuid, existing)\n    }\n\n    return Array.from(groups.entries()).map(([payScheduleUuid, payPeriods]) => {\n      const schedule = paySchedules.find(s => s.uuid === payScheduleUuid)\n      const payScheduleName = schedule?.customName || schedule?.name || 'Transition'\n\n      return { payScheduleUuid, payScheduleName, payPeriods }\n    })\n  }, [unprocessedTransitionPeriods, paySchedules])\n\n  const handleRunPayroll = useCallback(\n    (payPeriod: PayPeriod) => {\n      onEvent(componentEvents.RUN_TRANSITION_PAYROLL, {\n        startDate: payPeriod.startDate,\n        endDate: payPeriod.endDate,\n        payScheduleUuid: payPeriod.payScheduleUuid,\n      })\n    },\n    [onEvent],\n  )\n\n  const handleSkipPayroll = useCallback(\n    async (payPeriod: PayPeriod) => {\n      setSkippingPayPeriod(payPeriod)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.TransitionFromOldPaySchedule,\n              startDate: payPeriod.startDate,\n              endDate: payPeriod.endDate,\n              payScheduleUuid: payPeriod.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.TRANSITION_PAYROLL_SKIPPED, {\n          startDate: payPeriod.startDate,\n          endDate: payPeriod.endDate,\n          payScheduleUuid: payPeriod.payScheduleUuid,\n        })\n      })\n      setSkippingPayPeriod(null)\n    },\n    [companyId, skipPayroll, onEvent, baseSubmitHandler],\n  )\n\n  const handleDismissSkipSuccessAlert = useCallback(() => {\n    setShowSkipSuccessAlert(false)\n  }, [])\n\n  if (groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  return (\n    <TransitionPayrollAlertPresentation\n      groupedPayPeriods={groupedPayPeriods}\n      onRunPayroll={handleRunPayroll}\n      onSkipPayroll={handleSkipPayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={handleDismissSkipSuccessAlert}\n      skippingPayPeriod={skippingPayPeriod}\n    />\n  )\n}\n"],"names":["LOOK_AHEAD_DAYS","TransitionPayrollAlert","props","jsx","BaseComponent","Root","companyId","onEvent","baseSubmitHandler","useBase","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayPeriod","setSkippingPayPeriod","lookAheadEndDate","useMemo","date","RFCDate","payPeriodsData","usePaySchedulesGetPayPeriodsSuspense","PayrollTypes","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedules","skipPayroll","usePayrollsSkipMutation","unprocessedTransitionPeriods","pp","groupedPayPeriods","groups","period","uuid","existing","payScheduleUuid","payPeriods","schedule","s","payScheduleName","handleRunPayroll","useCallback","payPeriod","componentEvents","handleSkipPayroll","PayrollType","handleDismissSkipSuccessAlert","TransitionPayrollAlertPresentation"],"mappings":"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"}

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.d.ts

@@ -0,0 +1,16 @@
+import { PayPeriod } from '@gusto/embedded-api/models/components/payperiod';
+interface TransitionPayPeriodGroup {
+    payScheduleUuid: string;
+    payScheduleName: string;
+    payPeriods: PayPeriod[];
+}
+interface TransitionPayrollAlertPresentationProps {
+    groupedPayPeriods: TransitionPayPeriodGroup[];
+    onRunPayroll: (payPeriod: PayPeriod) => void;
+    onSkipPayroll: (payPeriod: PayPeriod) => void;
+    showSkipSuccessAlert: boolean;
+    onDismissSkipSuccessAlert: () => void;
+    skippingPayPeriod: PayPeriod | null;
+}
+export declare function TransitionPayrollAlertPresentation({ groupedPayPeriods, onRunPayroll, onSkipPayroll, showSkipSuccessAlert, onDismissSkipSuccessAlert, skippingPayPeriod, }: TransitionPayrollAlertPresentationProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.js

@@ -0,0 +1,100 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as P } from "react";
+import { useTranslation as T } from "react-i18next";
+import { useComponentContext as v } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as o } from "../../Common/Flex/Flex.js";
+import { useI18n as R } from "../../../i18n/I18n.js";
+import { useDateFormatter as F } from "../../../hooks/useDateFormatter.js";
+function B({
+  groupedPayPeriods: a,
+  onRunPayroll: h,
+  onSkipPayroll: d,
+  showSkipSuccessAlert: g,
+  onDismissSkipSuccessAlert: f,
+  skippingPayPeriod: D
+}) {
+  R("Payroll.TransitionPayrollAlert");
+  const { t } = T("Payroll.TransitionPayrollAlert"), { Alert: m, Button: u, Text: s, Dialog: k } = v(), y = F(), [l, c] = P(null);
+  if (a.length === 0)
+    return null;
+  const p = (i) => y.formatPayPeriodRange(i.startDate, i.endDate, {
+    useShortMonth: !0
+  }), x = () => {
+    l && (d(l), c(null));
+  }, C = a.length > 1;
+  return /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
+    g && /* @__PURE__ */ e(m, { status: "info", label: t("skipSuccessAlert"), onDismiss: f }),
+    /* @__PURE__ */ e(m, { status: "warning", label: t("alertTitle"), children: /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ e(s, { children: t("alertDescription") }),
+      a.map((i, S) => /* @__PURE__ */ r(
+        o,
+        {
+          flexDirection: "column",
+          gap: 8,
+          children: [
+            C && /* @__PURE__ */ e(s, { weight: "semibold", children: i.payScheduleName }),
+            i.payPeriods.map((n) => {
+              const A = p(n), b = D === n;
+              return /* @__PURE__ */ r(
+                o,
+                {
+                  flexDirection: "column",
+                  gap: 8,
+                  children: [
+                    /* @__PURE__ */ e(s, { children: A }),
+                    /* @__PURE__ */ r(o, { gap: 12, alignItems: "center", children: [
+                      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                        u,
+                        {
+                          variant: "secondary",
+                          onClick: () => {
+                            h(n);
+                          },
+                          children: t("runPayroll")
+                        }
+                      ) }),
+                      /* @__PURE__ */ e(
+                        u,
+                        {
+                          variant: "tertiary",
+                          onClick: () => {
+                            c(n);
+                          },
+                          isLoading: b,
+                          children: t("skipPayroll")
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                `${n.payScheduleUuid}-${n.startDate}`
+              );
+            })
+          ]
+        },
+        i.payScheduleUuid || `group-${S}`
+      ))
+    ] }) }),
+    /* @__PURE__ */ e(
+      k,
+      {
+        isOpen: l !== null,
+        onClose: () => {
+          c(null);
+        },
+        onPrimaryActionClick: x,
+        isDestructive: !0,
+        title: t("skipDialog.title", {
+          dateRange: l ? p(l) : ""
+        }),
+        primaryActionLabel: t("skipDialog.confirmCta"),
+        closeActionLabel: t("skipDialog.cancelCta"),
+        children: t("skipDialog.body")
+      }
+    )
+  ] });
+}
+export {
+  B as TransitionPayrollAlertPresentation
+};
+//# sourceMappingURL=TransitionPayrollAlertPresentation.js.map