@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

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

@@ -1 +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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"}
+{"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/TransitionCreationTypes.d.ts

@@ -11,7 +11,7 @@ export interface TransitionCreationFormData {
     checkDate: Date | null;
     skipRegularDeductions: boolean;
 }
-export declare function createTransitionCreationSchema(t: (key: string) => string, minCheckDate: Date): z.ZodObject<{
+export declare function createTransitionCreationSchema(t: (key: string, options?: Record<string, unknown>) => string, minCheckDate: Date, paymentSpeedDays?: number): z.ZodObject<{
     checkDate: z.ZodNullable<z.ZodDate> & z.ZodType<Date, Date | null, z.core.$ZodTypeInternals<Date, Date | null>>;
     skipRegularDeductions: z.ZodBoolean;
 }, z.core.$strip>;

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

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

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

@@ -1 +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;"}
+{"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(\n  t: (key: string, options?: Record<string, unknown>) => string,\n  minCheckDate: Date,\n  paymentSpeedDays?: number,\n) {\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', { count: paymentSpeedDays ?? 2 }) },\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","paymentSpeedDays","z","val","normalized","min"],"mappings":";AAgBO,SAASA,EACdC,GACAC,GACAC,GACA;AACA,SAAOC,EAAE,OAAO;AAAA,IACd,WAAWA,EACR,KAAA,EACA,SAAA,EACA,OAAO,CAACC,MAAqBA,MAAQ,MAAM;AAAA,MAC1C,SAASJ,EAAE,0BAA0B;AAAA,IAAA,CACtC,EACA;AAAA,MACC,CAAAI,MAAO;AACL,cAAMC,IAAa,IAAI,KAAKD,CAAG;AAC/B,QAAAC,EAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAC9B,cAAMC,IAAM,IAAI,KAAKL,CAAY;AACjC,eAAAK,EAAI,SAAS,GAAG,GAAG,GAAG,CAAC,GAChBD,KAAcC;AAAA,MACvB;AAAA,MACA,EAAE,SAASN,EAAE,+BAA+B,EAAE,OAAOE,KAAoB,GAAG,EAAA;AAAA,IAAE;AAAA,IAElF,uBAAuBC,EAAE,QAAA;AAAA,EAAQ,CAClC;AACH;"}

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

@@ -1,10 +1,10 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useState as h, useMemo as r, useCallback as i } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useState as h, useMemo as r, useCallback as l } 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 { usePayrollsSkipMutation as _ } from "@gusto/embedded-api/react-query/payrollsSkip";
+import { PayrollType as v } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
+import { PayrollTypes as L } 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";
@@ -12,7 +12,7 @@ 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 }) });
+  return /* @__PURE__ */ i(B, { onEvent: t.onEvent, children: /* @__PURE__ */ i(Y, { ...t }) });
 }
 function Y({ companyId: t }) {
   const { onEvent: n, baseSubmitHandler: u } = C(), [P, c] = h(!1), [A, d] = h(null), T = r(() => {
@@ -20,9 +20,9 @@ function Y({ companyId: t }) {
     return e.setDate(e.getDate() + M), new b(e);
   }, []), { data: p } = N({
     companyId: t,
-    payrollTypes: v.Transition,
+    payrollTypes: L.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(() => {
+  }), { data: k } = O({ companyId: t }), m = k.paySchedules ?? [], { mutateAsync: S } = _(), 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) ?? [];
@@ -32,7 +32,7 @@ function Y({ companyId: t }) {
       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(
+  }, [y, m]), R = l(
     (e) => {
       n(f.RUN_TRANSITION_PAYROLL, {
         startDate: e.startDate,
@@ -41,14 +41,14 @@ function Y({ companyId: t }) {
       });
     },
     [n]
-  ), g = i(
+  ), g = l(
     async (e) => {
       d(e), await u({}, async () => {
         await S({
           request: {
             companyUuid: t,
             requestBody: {
-              payrollType: _.TransitionFromOldPaySchedule,
+              payrollType: v.TransitionFromOldPaySchedule,
               startDate: e.startDate,
               endDate: e.endDate,
               payScheduleUuid: e.payScheduleUuid ?? void 0
@@ -62,10 +62,10 @@ function Y({ companyId: t }) {
       }), d(null);
     },
     [t, S, n, u]
-  ), w = i(() => {
+  ), w = l(() => {
     c(!1);
   }, []);
-  return D.length === 0 ? null : /* @__PURE__ */ l(
+  return D.length === 0 ? null : /* @__PURE__ */ i(
     x,
     {
       groupedPayPeriods: D,

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

@@ -1 +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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"}
+{"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.paySchedules ?? []\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.js

@@ -14,73 +14,62 @@ function B({
   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);
+  const { t } = T("Payroll.TransitionPayrollAlert"), { Alert: c, Button: m, Text: u, Dialog: k } = v(), y = F(), [l, s] = 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));
+    l && (d(l), s(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}`
-      ))
-    ] }) }),
+    g && /* @__PURE__ */ e(c, { status: "info", label: t("skipSuccessAlert"), onDismiss: f }),
+    a.map((i, S) => /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
+      C && /* @__PURE__ */ e(u, { weight: "semibold", children: i.payScheduleName }),
+      i.payPeriods.map((n) => {
+        const A = p(n), b = D === n;
+        return /* @__PURE__ */ e(
+          c,
+          {
+            status: "warning",
+            label: t("alertTitle", { dateRange: A }),
+            children: /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
+              /* @__PURE__ */ e(u, { children: t("alertDescription") }),
+              /* @__PURE__ */ r(o, { gap: 12, alignItems: "center", children: [
+                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                  m,
+                  {
+                    variant: "secondary",
+                    onClick: () => {
+                      h(n);
+                    },
+                    children: t("runPayroll")
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    variant: "tertiary",
+                    onClick: () => {
+                      s(n);
+                    },
+                    isLoading: b,
+                    children: t("skipPayroll")
+                  }
+                )
+              ] })
+            ] })
+          },
+          `${n.payScheduleUuid}-${n.startDate}`
+        );
+      })
+    ] }, i.payScheduleUuid || `group-${S}`)),
     /* @__PURE__ */ e(
       k,
       {
         isOpen: l !== null,
         onClose: () => {
-          c(null);
+          s(null);
         },
         onPrimaryActionClick: x,
         isDestructive: !0,

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

@@ -1 +1 @@
-{"version":3,"file":"TransitionPayrollAlertPresentation.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface TransitionPayPeriodGroup {\n  payScheduleUuid: string\n  payScheduleName: string\n  payPeriods: PayPeriod[]\n}\n\ninterface TransitionPayrollAlertPresentationProps {\n  groupedPayPeriods: TransitionPayPeriodGroup[]\n  onRunPayroll: (payPeriod: PayPeriod) => void\n  onSkipPayroll: (payPeriod: PayPeriod) => void\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayPeriod: PayPeriod | null\n}\n\nexport function TransitionPayrollAlertPresentation({\n  groupedPayPeriods,\n  onRunPayroll,\n  onSkipPayroll,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayPeriod,\n}: TransitionPayrollAlertPresentationProps) {\n  useI18n('Payroll.TransitionPayrollAlert')\n  const { t } = useTranslation('Payroll.TransitionPayrollAlert')\n  const { Alert, Button, Text, Dialog } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [skipDialogPayPeriod, setSkipDialogPayPeriod] = useState<PayPeriod | null>(null)\n\n  if (groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  const formatDateRange = (payPeriod: PayPeriod) =>\n    dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate, {\n      useShortMonth: true,\n    })\n\n  const handleConfirmSkip = () => {\n    if (skipDialogPayPeriod) {\n      onSkipPayroll(skipDialogPayPeriod)\n      setSkipDialogPayPeriod(null)\n    }\n  }\n\n  const hasMultipleGroups = groupedPayPeriods.length > 1\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <Alert status=\"info\" label={t('skipSuccessAlert')} onDismiss={onDismissSkipSuccessAlert} />\n      )}\n      <Alert status=\"warning\" label={t('alertTitle')}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Text>{t('alertDescription')}</Text>\n          {groupedPayPeriods.map((group, groupIndex) => (\n            <Flex\n              key={group.payScheduleUuid || `group-${groupIndex}`}\n              flexDirection=\"column\"\n              gap={8}\n            >\n              {hasMultipleGroups && <Text weight=\"semibold\">{group.payScheduleName}</Text>}\n              {group.payPeriods.map(payPeriod => {\n                const dateRange = formatDateRange(payPeriod)\n                const isSkipping = skippingPayPeriod === payPeriod\n\n                return (\n                  <Flex\n                    key={`${payPeriod.payScheduleUuid}-${payPeriod.startDate}`}\n                    flexDirection=\"column\"\n                    gap={8}\n                  >\n                    <Text>{dateRange}</Text>\n                    <Flex gap={12} alignItems=\"center\">\n                      <div>\n                        <Button\n                          variant=\"secondary\"\n                          onClick={() => {\n                            onRunPayroll(payPeriod)\n                          }}\n                        >\n                          {t('runPayroll')}\n                        </Button>\n                      </div>\n                      <Button\n                        variant=\"tertiary\"\n                        onClick={() => {\n                          setSkipDialogPayPeriod(payPeriod)\n                        }}\n                        isLoading={isSkipping}\n                      >\n                        {t('skipPayroll')}\n                      </Button>\n                    </Flex>\n                  </Flex>\n                )\n              })}\n            </Flex>\n          ))}\n        </Flex>\n      </Alert>\n      <Dialog\n        isOpen={skipDialogPayPeriod !== null}\n        onClose={() => {\n          setSkipDialogPayPeriod(null)\n        }}\n        onPrimaryActionClick={handleConfirmSkip}\n        isDestructive\n        title={t('skipDialog.title', {\n          dateRange: skipDialogPayPeriod ? formatDateRange(skipDialogPayPeriod) : '',\n        })}\n        primaryActionLabel={t('skipDialog.confirmCta')}\n        closeActionLabel={t('skipDialog.cancelCta')}\n      >\n        {t('skipDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["TransitionPayrollAlertPresentation","groupedPayPeriods","onRunPayroll","onSkipPayroll","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayPeriod","useI18n","useTranslation","Alert","Button","Text","Dialog","useComponentContext","dateFormatter","useDateFormatter","skipDialogPayPeriod","setSkipDialogPayPeriod","useState","formatDateRange","payPeriod","handleConfirmSkip","hasMultipleGroups","jsxs","Flex","jsx","group","groupIndex","dateRange","isSkipping"],"mappings":"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"}
+{"version":3,"file":"TransitionPayrollAlertPresentation.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface TransitionPayPeriodGroup {\n  payScheduleUuid: string\n  payScheduleName: string\n  payPeriods: PayPeriod[]\n}\n\ninterface TransitionPayrollAlertPresentationProps {\n  groupedPayPeriods: TransitionPayPeriodGroup[]\n  onRunPayroll: (payPeriod: PayPeriod) => void\n  onSkipPayroll: (payPeriod: PayPeriod) => void\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayPeriod: PayPeriod | null\n}\n\nexport function TransitionPayrollAlertPresentation({\n  groupedPayPeriods,\n  onRunPayroll,\n  onSkipPayroll,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayPeriod,\n}: TransitionPayrollAlertPresentationProps) {\n  useI18n('Payroll.TransitionPayrollAlert')\n  const { t } = useTranslation('Payroll.TransitionPayrollAlert')\n  const { Alert, Button, Text, Dialog } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [skipDialogPayPeriod, setSkipDialogPayPeriod] = useState<PayPeriod | null>(null)\n\n  if (groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  const formatDateRange = (payPeriod: PayPeriod) =>\n    dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate, {\n      useShortMonth: true,\n    })\n\n  const handleConfirmSkip = () => {\n    if (skipDialogPayPeriod) {\n      onSkipPayroll(skipDialogPayPeriod)\n      setSkipDialogPayPeriod(null)\n    }\n  }\n\n  const hasMultipleGroups = groupedPayPeriods.length > 1\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <Alert status=\"info\" label={t('skipSuccessAlert')} onDismiss={onDismissSkipSuccessAlert} />\n      )}\n      {groupedPayPeriods.map((group, groupIndex) => (\n        <Flex key={group.payScheduleUuid || `group-${groupIndex}`} flexDirection=\"column\" gap={16}>\n          {hasMultipleGroups && <Text weight=\"semibold\">{group.payScheduleName}</Text>}\n          {group.payPeriods.map(payPeriod => {\n            const dateRange = formatDateRange(payPeriod)\n            const isSkipping = skippingPayPeriod === payPeriod\n\n            return (\n              <Alert\n                key={`${payPeriod.payScheduleUuid}-${payPeriod.startDate}`}\n                status=\"warning\"\n                label={t('alertTitle', { dateRange })}\n              >\n                <Flex flexDirection=\"column\" gap={16}>\n                  <Text>{t('alertDescription')}</Text>\n                  <Flex gap={12} alignItems=\"center\">\n                    <div>\n                      <Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          onRunPayroll(payPeriod)\n                        }}\n                      >\n                        {t('runPayroll')}\n                      </Button>\n                    </div>\n                    <Button\n                      variant=\"tertiary\"\n                      onClick={() => {\n                        setSkipDialogPayPeriod(payPeriod)\n                      }}\n                      isLoading={isSkipping}\n                    >\n                      {t('skipPayroll')}\n                    </Button>\n                  </Flex>\n                </Flex>\n              </Alert>\n            )\n          })}\n        </Flex>\n      ))}\n      <Dialog\n        isOpen={skipDialogPayPeriod !== null}\n        onClose={() => {\n          setSkipDialogPayPeriod(null)\n        }}\n        onPrimaryActionClick={handleConfirmSkip}\n        isDestructive\n        title={t('skipDialog.title', {\n          dateRange: skipDialogPayPeriod ? formatDateRange(skipDialogPayPeriod) : '',\n        })}\n        primaryActionLabel={t('skipDialog.confirmCta')}\n        closeActionLabel={t('skipDialog.cancelCta')}\n      >\n        {t('skipDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["TransitionPayrollAlertPresentation","groupedPayPeriods","onRunPayroll","onSkipPayroll","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayPeriod","useI18n","useTranslation","Alert","Button","Text","Dialog","useComponentContext","dateFormatter","useDateFormatter","skipDialogPayPeriod","setSkipDialogPayPeriod","useState","formatDateRange","payPeriod","handleConfirmSkip","hasMultipleGroups","jsxs","Flex","jsx","group","groupIndex","dateRange","isSkipping"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { Employee } from '@gusto/embedded-api/models/components/employee';
 import { PayrollEmployeeCompensationsTypeFixedCompensations as FixedCompensations, PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype';
 import { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype';
 import { TFunction } from 'i18next';
-import { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject';
+import { PaySchedule as PayScheduleObject } from '@gusto/embedded-api/models/components/payschedule';
 import { Payroll } from '@gusto/embedded-api/models/components/payroll';
 import { PayrollType } from './PayrollList/types';
 import { PayrollCategory } from './payrollTypes';
@@ -28,6 +28,7 @@ export declare const getPayrollType: (payroll: {
     external?: boolean;
     offCycle?: boolean;
 }) => PayrollType;
+export declare const isDismissalPayroll: (offCycleReason?: string | null) => boolean;
 export declare const getPayrollTypeLabel: (payroll: {
     external?: boolean;
     offCycle?: boolean;
@@ -41,6 +42,10 @@ export declare const getAdditionalEarningsCompensations: ({ flsaStatus, existing
     excludedTypes?: string[];
 }) => FixedCompensations[];
 export declare const getReimbursementCompensation: (fixedCompensations: FixedCompensations[], fixedCompensationTypes: PayrollFixedCompensationTypesType[], primaryJobUuid?: string) => FixedCompensations | null;
+export declare const hasDirectDepositEmployees: (employeeCompensations?: Array<{
+    paymentMethod?: string | null;
+    excluded?: boolean;
+}>) => boolean;
 export declare const calculateTotalPayroll: (payrollData: Payroll) => number;
 /**
  * Determines if a payroll can be cancelled based on business rules.