@gusto/embedded-react-sdk 0.30.0 → 0.31.0

package/dist/components/Payroll/{PayPeriodDateForm/PayPeriodDateFormTypes.d.ts → OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.d.ts}

@@ -1,30 +1,16 @@
 import { z } from 'zod';
-import { BaseComponentInterface } from '../../Base/Base';
-export type PayrollDateType = 'bonus' | 'correction';
-export interface PayPeriodDateFormProps extends BaseComponentInterface<'Payroll.PayPeriodDateForm'> {
-    companyId: string;
-    payrollType?: PayrollDateType;
-    initialValues?: {
-        isCheckOnly?: boolean;
-        startDate?: Date;
-        endDate?: Date;
-        checkDate?: Date;
-    };
-}
-export interface PayPeriodDateFormPresentationProps {
+export type OffCyclePayrollDateType = 'bonus' | 'correction';
+export interface OffCyclePayPeriodDateFormPresentationProps {
     isCheckOnly: boolean;
     onCheckOnlyChange: (value: boolean) => void;
-    isPending?: boolean;
-    payrollType: PayrollDateType;
-    minCheckDate: Date;
 }
-export interface PayPeriodDateFormData {
+export interface OffCyclePayPeriodDateFormData {
     isCheckOnly: boolean;
     startDate: Date | null;
     endDate: Date | null;
     checkDate: Date | null;
 }
-export declare const createPayPeriodDateFormSchema: (t: (key: string) => string, payrollType: PayrollDateType, minCheckDate: Date) => z.ZodEffects<z.ZodObject<{
+export declare const createOffCyclePayPeriodDateFormSchema: (t: (key: string) => string, payrollType: OffCyclePayrollDateType, minCheckDate: Date) => z.ZodEffects<z.ZodObject<{
     isCheckOnly: z.ZodBoolean;
     startDate: z.ZodNullable<z.ZodDate>;
     endDate: z.ZodNullable<z.ZodDate>;
@@ -50,4 +36,4 @@ export declare const createPayPeriodDateFormSchema: (t: (key: string) => string,
     checkDate: Date | null;
     isCheckOnly: boolean;
 }>;
-export type PayPeriodDateFormSchema = ReturnType<typeof createPayPeriodDateFormSchema>;
+export type OffCyclePayPeriodDateFormSchema = ReturnType<typeof createOffCyclePayPeriodDateFormSchema>;

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export type { OffCyclePayPeriodDateFormData, OffCyclePayrollDateType, } from './OffCyclePayPeriodDateFormTypes';

package/dist/components/Payroll/{PayPeriodDateForm/usePayPeriodDateValidation.d.ts → OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.d.ts}

@@ -1,4 +1,4 @@
-export declare function usePayPeriodDateValidation(): {
+export declare function useOffCyclePayPeriodDateValidation(): {
     today: Date;
     minCheckDate: Date;
     achLeadTimeBusinessDays: number;

package/dist/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js

@@ -29,7 +29,8 @@ function d({
       label: o("title"),
       options: i,
       value: e ?? void 0,
-      onChange: r
+      onChange: r,
+      isRequired: !0
     }
   );
 }

package/dist/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleReasonSelectionPresentation.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleReason } from './types'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface OffCycleReasonSelectionPresentationProps {\n  selectedReason: OffCycleReason | null\n  onReasonChange: (reason: OffCycleReason) => void\n}\n\nexport function OffCycleReasonSelectionPresentation({\n  selectedReason,\n  onReasonChange,\n}: OffCycleReasonSelectionPresentationProps) {\n  const { t } = useTranslation('Payroll.OffCycleReasonSelection')\n  const { RadioGroup } = useComponentContext()\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'correction' as const,\n        label: t('options.correction.label'),\n        description: t('options.correction.description'),\n      },\n      {\n        value: 'bonus' as const,\n        label: t('options.bonus.label'),\n        description: t('options.bonus.description'),\n      },\n    ],\n    [t],\n  )\n\n  const handleChange = (value: string) => {\n    onReasonChange(value as OffCycleReason)\n  }\n\n  return (\n    <RadioGroup\n      label={t('title')}\n      options={options}\n      value={selectedReason ?? undefined}\n      onChange={handleChange}\n    />\n  )\n}\n"],"names":["OffCycleReasonSelectionPresentation","selectedReason","onReasonChange","t","useTranslation","RadioGroup","useComponentContext","options","useMemo","handleChange","value","jsx"],"mappings":";;;;AAUO,SAASA,EAAoC;AAAA,EAClD,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxD,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOL,EAAE,0BAA0B;AAAA,QACnC,aAAaA,EAAE,gCAAgC;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,qBAAqB;AAAA,QAC9B,aAAaA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAC5C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEM,IAAe,CAACC,MAAkB;AACtC,IAAAR,EAAeQ,CAAuB;AAAA,EACxC;AAEA,SACE,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,OAAOF,EAAE,OAAO;AAAA,MAChB,SAAAI;AAAA,MACA,OAAON,KAAkB;AAAA,MACzB,UAAUQ;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"OffCycleReasonSelectionPresentation.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleReason } from './types'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface OffCycleReasonSelectionPresentationProps {\n  selectedReason: OffCycleReason | null\n  onReasonChange: (reason: OffCycleReason) => void\n}\n\nexport function OffCycleReasonSelectionPresentation({\n  selectedReason,\n  onReasonChange,\n}: OffCycleReasonSelectionPresentationProps) {\n  const { t } = useTranslation('Payroll.OffCycleReasonSelection')\n  const { RadioGroup } = useComponentContext()\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'correction' as const,\n        label: t('options.correction.label'),\n        description: t('options.correction.description'),\n      },\n      {\n        value: 'bonus' as const,\n        label: t('options.bonus.label'),\n        description: t('options.bonus.description'),\n      },\n    ],\n    [t],\n  )\n\n  const handleChange = (value: string) => {\n    onReasonChange(value as OffCycleReason)\n  }\n\n  return (\n    <RadioGroup\n      label={t('title')}\n      options={options}\n      value={selectedReason ?? undefined}\n      onChange={handleChange}\n      isRequired\n    />\n  )\n}\n"],"names":["OffCycleReasonSelectionPresentation","selectedReason","onReasonChange","t","useTranslation","RadioGroup","useComponentContext","options","useMemo","handleChange","value","jsx"],"mappings":";;;;AAUO,SAASA,EAAoC;AAAA,EAClD,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxD,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOL,EAAE,0BAA0B;AAAA,QACnC,aAAaA,EAAE,gCAAgC;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,qBAAqB;AAAA,QAC9B,aAAaA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAC5C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEM,IAAe,CAACC,MAAkB;AACtC,IAAAR,EAAeQ,CAAuB;AAAA,EACxC;AAEA,SACE,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,OAAOF,EAAE,OAAO;AAAA,MAChB,SAAAI;AAAA,MACA,OAAON,KAAkB;AAAA,MACzB,UAAUQ;AAAA,MACV,YAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js

@@ -4,9 +4,10 @@ import { getBlockerTranslationKeys as P } from "../payrollHelpers.js";
 import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import "react";
 import { useI18n as D } from "../../../../i18n/I18n.js";
-function H({
+function M({
   blockers: o,
   onMultipleViewClick: i,
   multipleViewLabel: f,
@@ -49,6 +50,6 @@ function H({
   );
 }
 export {
-  H as PayrollBlockerAlerts
+  M as PayrollBlockerAlerts
 };
 //# sourceMappingURL=PayrollBlockerAlerts.js.map

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type ApiPayrollBlocker, getBlockerTranslationKeys } from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onMultipleViewClick?: () => void\n  multipleViewLabel?: string\n}\n\n/**\n * PayrollBlockerAlerts - Alert-style component for inline blocker display\n * Shows single blocker as alert, or multiple blockers as summary with \"Review\" button\n * Returns null for empty blocker arrays\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onMultipleViewClick,\n  multipleViewLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  // Return null for empty blockers array\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('defaultBlockerDescription'),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n  const defaultMultipleLabel = multipleViewLabel || t('viewAllBlockers')\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {onMultipleViewClick && (\n          <div>\n            <Button variant=\"secondary\" onClick={onMultipleViewClick} title={defaultMultipleLabel}>\n              {defaultMultipleLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onMultipleViewClick","multipleViewLabel","className","useI18n","t","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","singleBlocker","jsx","jsxs","Flex","listItems","defaultMultipleLabel"],"mappings":";;;;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAG/C,MAAIX,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMY,IAAsBZ,EAAS,SAAS,GAExCa,IAAmBb,EAAS,IAAI,CAAAc,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQZ,EAAEU,EAAgB,UAAU;AAAA,MACxC,cAAcV,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKa,IAAcb,EAAEU,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAWT,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKc,IAAWd,EAAEU,EAAgB,aAAa,EAAE,cAAcV,EAAE,oBAAoB,GAAG;AAEzF,WAAO;AAAA,MACL,GAAGS;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAgBP,EAAiB,CAAC;AAExC,MAAI,CAACD,KAAuBQ;AAC1B,WACE,gBAAAC,EAACd,GAAA,EAAM,QAAO,SAAQ,OAAOa,EAAc,OAAO,WAAAjB,GAChD,UAAA,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACZ,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCW,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACZ,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,SAAA,CACjB;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMe,IAAYX,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK,GACzDW,IAAuBvB,KAAqBG,EAAE,iBAAiB;AAErE,SACE,gBAAAgB;AAAA,IAACd;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,uBAAuB,EAAE,OAAOL,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACX,GAAA,EAAc,OAAOc,EAAA,CAAW;AAAA,QAChCvB,KACC,gBAAAoB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACb,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAqB,OAAOwB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type ApiPayrollBlocker, getBlockerTranslationKeys } from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onMultipleViewClick?: () => void\n  multipleViewLabel?: string\n}\n\n/**\n * PayrollBlockerAlerts - Alert-style component for inline blocker display\n * Shows single blocker as alert, or multiple blockers as summary with \"Review\" button\n * Returns null for empty blocker arrays\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onMultipleViewClick,\n  multipleViewLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  // Return null for empty blockers array\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('defaultBlockerDescription'),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n  const defaultMultipleLabel = multipleViewLabel || t('viewAllBlockers')\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {onMultipleViewClick && (\n          <div>\n            <Button variant=\"secondary\" onClick={onMultipleViewClick} title={defaultMultipleLabel}>\n              {defaultMultipleLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onMultipleViewClick","multipleViewLabel","className","useI18n","t","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","singleBlocker","jsx","jsxs","Flex","listItems","defaultMultipleLabel"],"mappings":";;;;;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAG/C,MAAIX,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMY,IAAsBZ,EAAS,SAAS,GAExCa,IAAmBb,EAAS,IAAI,CAAAc,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQZ,EAAEU,EAAgB,UAAU;AAAA,MACxC,cAAcV,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKa,IAAcb,EAAEU,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAWT,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKc,IAAWd,EAAEU,EAAgB,aAAa,EAAE,cAAcV,EAAE,oBAAoB,GAAG;AAEzF,WAAO;AAAA,MACL,GAAGS;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAgBP,EAAiB,CAAC;AAExC,MAAI,CAACD,KAAuBQ;AAC1B,WACE,gBAAAC,EAACd,GAAA,EAAM,QAAO,SAAQ,OAAOa,EAAc,OAAO,WAAAjB,GAChD,UAAA,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACZ,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCW,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACZ,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,SAAA,CACjB;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMe,IAAYX,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK,GACzDW,IAAuBvB,KAAqBG,EAAE,iBAAiB;AAErE,SACE,gBAAAgB;AAAA,IAACd;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,uBAAuB,EAAE,OAAOL,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACX,GAAA,EAAc,OAAOc,EAAA,CAAW;AAAA,QAChCvB,KACC,gBAAAoB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACb,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAqB,OAAOwB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.js

@@ -10,19 +10,19 @@ import { getBlockerTranslationKeys as G } from "../payrollHelpers.js";
 import B from "./PayrollBlockerList.module.scss.js";
 import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { FlexItem as j, Flex as a } from "../../../Common/Flex/Flex.js";
-import { DataView as $ } from "../../../Common/DataView/DataView.js";
-import { useDataView as H } from "../../../Common/DataView/useDataView.js";
-import { useComponentDictionary as Q, useI18n as Y } from "../../../../i18n/I18n.js";
-import { RecoveryCases as z } from "../../RecoveryCases/RecoveryCases.js";
-import { BaseComponent as J } from "../../../Base/Base.js";
+import { recoveryCasesEvents as $, informationRequestEvents as H } from "../../../../shared/constants.js";
+import { DataView as Q } from "../../../Common/DataView/DataView.js";
+import { useDataView as Y } from "../../../Common/DataView/useDataView.js";
+import { useComponentDictionary as z, useI18n as J } from "../../../../i18n/I18n.js";
+import { RecoveryCases as W } from "../../RecoveryCases/RecoveryCases.js";
+import { BaseComponent as X } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { recoveryCasesEvents as W, informationRequestEvents as X } from "../../../../shared/constants.js";
 import { InformationRequestsFlow as Z } from "../../../InformationRequests/InformationRequests.js";
 function be(s) {
-  return /* @__PURE__ */ o(J, { ...s, children: /* @__PURE__ */ o(ee, { ...s, children: s.children }) });
+  return /* @__PURE__ */ o(X, { ...s, children: /* @__PURE__ */ o(ee, { ...s, children: s.children }) });
 }
 function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
-  Q("Payroll.PayrollBlocker", g), Y("Payroll.PayrollBlocker");
+  z("Payroll.PayrollBlocker", g), J("Payroll.PayrollBlocker");
   const { t: r } = N("Payroll.PayrollBlocker"), { Button: v, Text: i, Heading: b, Alert: D } = M(), [x, f] = _({
     id: 0,
     alerts: []
@@ -38,7 +38,7 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
     }));
   }, []), p = d(
     (e, t) => {
-      e === W.RECOVERY_CASE_RESUBMIT_DONE && c("recoveryCaseResubmitted"), e === X.INFORMATION_REQUEST_FORM_DONE && c("informationRequestResponded"), u(e, t);
+      e === $.RECOVERY_CASE_RESUBMIT_DONE && c("recoveryCaseResubmitted"), e === H.INFORMATION_REQUEST_FORM_DONE && c("informationRequestResponded"), u(e, t);
     },
     [u, c]
   ), { data: A } = O({
@@ -62,7 +62,7 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
     (e) => e.status !== "recovered"
   ), k = w.some(
     (e) => e.blockingPayroll && e.status !== K.Approved
-  ), L = H({
+  ), L = Y({
     data: y,
     columns: [
       {
@@ -96,9 +96,9 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
     )),
     C && /* @__PURE__ */ m(a, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ o(b, { as: "h2", styledAs: "h4", children: r("blockersListTitle") }),
-      /* @__PURE__ */ o($, { ...L, label: r("blockersListTitle") })
+      /* @__PURE__ */ o(Q, { ...L, label: r("blockersListTitle") })
     ] }),
-    h && /* @__PURE__ */ o(z, { companyId: n, onEvent: p }),
+    h && /* @__PURE__ */ o(W, { companyId: n, onEvent: p }),
     k && /* @__PURE__ */ o(
       Z,
       {

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js

@@ -1,24 +1,24 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useState as h, useEffect as G } from "react";
-import { usePayrollsGetSuspense as H } from "@gusto/embedded-api/react-query/payrollsGet";
-import { usePayrollsCalculateMutation as V } from "@gusto/embedded-api/react-query/payrollsCalculate";
+import { useState as h, useEffect as H } from "react";
+import { usePayrollsGetSuspense as V } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePayrollsCalculateMutation as K } from "@gusto/embedded-api/react-query/payrollsCalculate";
 import { PayrollProcessingRequestStatus as f } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as K } from "react-i18next";
-import { usePayrollsUpdateMutation as j } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { usePayrollsGetBlockersSuspense as v } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { payrollSubmitHandler as I } from "../PayrollBlocker/payrollHelpers.js";
-import { PayrollConfigurationPresentation as z } from "./PayrollConfigurationPresentation.js";
-import { usePayrollConfigurationData as J } from "./usePayrollConfigurationData.js";
-import { BaseComponent as Q } from "../../Base/Base.js";
+import { useTranslation as j } from "react-i18next";
+import { usePayrollsUpdateMutation as v } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsGetBlockersSuspense as I } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as z } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollConfigurationPresentation as J } from "./PayrollConfigurationPresentation.js";
+import { usePayrollConfigurationData as Q } from "./usePayrollConfigurationData.js";
+import { BaseComponent as X } from "../../Base/Base.js";
 import { componentEvents as s } from "../../../shared/constants.js";
-import { useComponentDictionary as X, useI18n as Z } from "../../../i18n/I18n.js";
-import { useBase as $ } from "../../Base/useBase.js";
-import { useDateFormatter as ee } from "../../../hooks/useDateFormatter.js";
-const te = (t) => t?.status === f.Calculating, ae = (t) => t?.status === f.CalculateSuccess;
-function Le(t) {
-  return /* @__PURE__ */ m(Q, { ...t, children: /* @__PURE__ */ m(oe, { ...t, children: t.children }) });
+import { useComponentDictionary as Z, useI18n as $ } from "../../../i18n/I18n.js";
+import { useBase as ee } from "../../Base/useBase.js";
+import { useDateFormatter as te } from "../../../hooks/useDateFormatter.js";
+const ae = (t) => t?.status === f.Calculating, oe = (t) => t?.status === f.CalculateSuccess;
+function De(t) {
+  return /* @__PURE__ */ m(X, { ...t, children: /* @__PURE__ */ m(le, { ...t, children: t.children }) });
 }
-const oe = ({
+const le = ({
   onEvent: t,
   companyId: i,
   payrollId: l,
@@ -26,35 +26,36 @@ const oe = ({
   alerts: C,
   withReimbursements: L = !0
 }) => {
-  X("Payroll.PayrollConfiguration", g), Z("Payroll.PayrollConfiguration");
-  const { t: r } = K("Payroll.PayrollConfiguration"), { baseSubmitHandler: d } = $(), n = ee(), [o, c] = h(!1), {
+  Z("Payroll.PayrollConfiguration", g), $("Payroll.PayrollConfiguration");
+  const { t: r } = j("Payroll.PayrollConfiguration"), { baseSubmitHandler: d } = ee(), n = te(), [o, c] = h(!1), {
     employeeDetails: D,
     employeeCompensations: w,
     paySchedule: k,
     payPeriod: R,
     isOffCycle: _,
-    pagination: A,
-    isLoading: E,
-    refetch: b
-  } = J({
+    offCycleReason: A,
+    pagination: E,
+    isLoading: b,
+    refetch: x
+  } = Q({
     companyId: i,
     payrollId: l
-  }), { data: a } = H(
+  }), { data: a } = V(
     {
       companyId: i,
       payrollId: l,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     },
     { refetchInterval: o ? 5e3 : !1 }
-  ), { mutateAsync: x, isPending: P } = V(), { mutateAsync: O, isPending: U } = j(), { data: N } = v({
+  ), { mutateAsync: O, isPending: P } = K(), { mutateAsync: U, isPending: N } = v(), { data: B } = I({
     companyUuid: i
-  }), S = (N.payrollBlockerList ?? []).map((e) => ({
+  }), S = (B.payrollBlockerList ?? []).map((e) => ({
     key: e.key ?? "unknown",
     message: e.message
-  })), [B, p] = h(S), M = async () => {
+  })), [M, p] = h(S), T = async () => {
     p([]), await d({}, async () => {
-      const e = await I(async () => {
-        await x({
+      const e = await z(async () => {
+        await O({
           request: {
             companyId: i,
             payrollId: l
@@ -63,13 +64,13 @@ const oe = ({
       });
       !e.success && e.blockers.length > 0 && p(e.blockers);
     });
-  }, T = (e) => {
+  }, W = (e) => {
     t(s.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, W = ({
+  }, Y = ({
     paymentMethod: e,
     reimbursements: y,
     ...u
@@ -77,11 +78,11 @@ const oe = ({
     ...u,
     ...e && e !== "Historical" ? { paymentMethod: e } : {},
     memo: u.memo || void 0
-  }), Y = async (e) => {
+  }), q = async (e) => {
     t(s.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
     }), await d({}, async () => {
-      const y = W(e), u = await O({
+      const y = Y(e), u = await U({
         request: {
           companyId: i,
           payrollId: l,
@@ -94,19 +95,19 @@ const oe = ({
       });
       t(s.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: u.payrollPrepared
-      }), await b();
+      }), await x();
     });
-  }, q = () => {
+  }, F = () => {
     t(s.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
-  G(() => {
-    te(a.payrollShow?.processingRequest) && !o && c(!0), o && ae(a.payrollShow?.processingRequest) && (t(s.RUN_PAYROLL_CALCULATED, {
+  H(() => {
+    ae(a.payrollShow?.processingRequest) && !o && c(!0), o && oe(a.payrollShow?.processingRequest) && (t(s.RUN_PAYROLL_CALCULATED, {
       payrollId: l,
       alert: { type: "success", title: r("alerts.progressSaved") },
       payPeriod: a.payrollShow?.payPeriod
     }), p([]), c(!1)), o && a.payrollShow?.processingRequest?.status === f.ProcessingFailed && (t(s.RUN_PAYROLL_PROCESSING_FAILED), c(!1));
   }, [a.payrollShow?.processingRequest, o, t, r, l]);
-  const F = a.payrollShow?.payrollStatusMeta?.payrollLate && a.payrollShow.payrollStatusMeta.initialCheckDate && a.payrollShow.payrollStatusMeta.expectedDebitTime && a.payrollShow.payrollStatusMeta.expectedCheckDate ? {
+  const G = a.payrollShow?.payrollStatusMeta?.payrollLate && a.payrollShow.payrollStatusMeta.initialCheckDate && a.payrollShow.payrollStatusMeta.expectedDebitTime && a.payrollShow.payrollStatusMeta.expectedCheckDate ? {
     label: r("alerts.payrollLate", {
       initialCheckDate: n.formatShortWithWeekday(
         a.payrollShow.payrollStatusMeta.initialCheckDate
@@ -130,30 +131,31 @@ const oe = ({
     variant: "info"
   } : void 0;
   return /* @__PURE__ */ m(
-    z,
+    J,
     {
-      onCalculatePayroll: M,
+      onCalculatePayroll: T,
       isCalculateDisabled: S.length > 0,
-      onEdit: T,
-      onToggleExclude: Y,
-      onViewBlockers: q,
+      onEdit: W,
+      onToggleExclude: q,
+      onViewBlockers: F,
       employeeCompensations: w,
       employeeDetails: D,
       payPeriod: R,
       paySchedule: k,
       isOffCycle: _,
+      offCycleReason: A,
       alerts: C,
-      payrollAlert: F,
-      isPending: o || E || U || P,
+      payrollAlert: G,
+      isPending: o || b || N || P,
       isCalculating: P || o,
-      payrollBlockers: B,
-      pagination: A,
+      payrollBlockers: M,
+      pagination: E,
       withReimbursements: L
     }
   );
 };
 export {
-  Le as PayrollConfiguration,
-  oe as Root
+  De as PayrollConfiguration,
+  le as Root
 };
 //# sourceMappingURL=PayrollConfiguration.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nconst isCalculating = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.Calculating\nconst isCalculated = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  companyId: string\n  payrollId: string\n  alerts?: ReactNode\n  withReimbursements?: boolean\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n  withReimbursements = true,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler } = useBase()\n  const dateFormatter = useDateFormatter()\n\n  const [isPolling, setIsPolling] = useState(false)\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    isOffCycle,\n    pagination,\n    isLoading,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n  })\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n\n  const { mutateAsync: calculatePayroll, isPending: isCalculatingPayroll } =\n    usePayrollsCalculateMutation()\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key ?? 'unknown',\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>(blockersFromApi)\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        await calculatePayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setIsPolling(true)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  useEffect(() => {\n    if (isCalculating(payrollData.payrollShow?.processingRequest) && !isPolling) {\n      setIsPolling(true)\n    }\n    if (isPolling && isCalculated(payrollData.payrollShow?.processingRequest)) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: { type: 'success', title: t('alerts.progressSaved') },\n        payPeriod: payrollData.payrollShow?.payPeriod,\n      })\n      setPayrollBlockers([])\n      setIsPolling(false)\n    }\n    if (\n      isPolling &&\n      payrollData.payrollShow?.processingRequest?.status ===\n        PayrollProcessingRequestStatus.ProcessingFailed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [payrollData.payrollShow?.processingRequest, isPolling, onEvent, t, payrollId])\n\n  const payrollAlert =\n    payrollData.payrollShow?.payrollStatusMeta?.payrollLate &&\n    payrollData.payrollShow.payrollStatusMeta.initialCheckDate &&\n    payrollData.payrollShow.payrollStatusMeta.expectedDebitTime &&\n    payrollData.payrollShow.payrollStatusMeta.expectedCheckDate\n      ? {\n          label: t('alerts.payrollLate', {\n            initialCheckDate: dateFormatter.formatShortWithWeekday(\n              payrollData.payrollShow.payrollStatusMeta.initialCheckDate,\n            ),\n          }),\n          content: t('alerts.payrollLateText', {\n            ...dateFormatter.formatWithTime(\n              payrollData.payrollShow.payrollStatusMeta.expectedDebitTime,\n            ),\n            newCheckDate: dateFormatter.formatShortWithWeekday(\n              payrollData.payrollShow.payrollStatusMeta.expectedCheckDate,\n            ),\n          }),\n          variant: 'warning' as const,\n        }\n      : payrollData.payrollShow\n        ? {\n            label: t('alerts.directDepositDeadline', {\n              payDate: dateFormatter.formatShortWithWeekday(payrollData.payrollShow.checkDate),\n              ...dateFormatter.formatWithTime(payrollData.payrollShow.payrollDeadline),\n            }),\n            content: t('alerts.directDepositDeadlineText'),\n            variant: 'info' as const,\n          }\n        : undefined\n\n  return (\n    <PayrollConfigurationPresentation\n      onCalculatePayroll={onCalculatePayroll}\n      isCalculateDisabled={blockersFromApi.length > 0}\n      onEdit={onEdit}\n      onToggleExclude={onToggleExclude}\n      onViewBlockers={onViewBlockers}\n      employeeCompensations={employeeCompensations}\n      employeeDetails={employeeDetails}\n      payPeriod={payPeriod}\n      paySchedule={paySchedule}\n      isOffCycle={isOffCycle}\n      alerts={alerts}\n      payrollAlert={payrollAlert}\n      isPending={isPolling || isLoading || isUpdatingPayroll || isCalculatingPayroll}\n      isCalculating={isCalculatingPayroll || isPolling}\n      payrollBlockers={payrollBlockers}\n      pagination={pagination}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","isPolling","setIsPolling","useState","employeeDetails","employeeCompensations","paySchedule","payPeriod","isOffCycle","pagination","isLoading","refetch","usePayrollConfigurationData","payrollData","usePayrollsGetSuspense","calculatePayroll","isCalculatingPayroll","usePayrollsCalculateMutation","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","onCalculatePayroll","result","payrollSubmitHandler","onEdit","employee","componentEvents","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","transformedCompensation","onViewBlockers","useEffect","payrollAlert","PayrollConfigurationPresentation"],"mappings":"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"}
+{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nconst isCalculating = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.Calculating\nconst isCalculated = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  companyId: string\n  payrollId: string\n  alerts?: ReactNode\n  withReimbursements?: boolean\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n  withReimbursements = true,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler } = useBase()\n  const dateFormatter = useDateFormatter()\n\n  const [isPolling, setIsPolling] = useState(false)\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    isOffCycle,\n    offCycleReason,\n    pagination,\n    isLoading,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n  })\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n\n  const { mutateAsync: calculatePayroll, isPending: isCalculatingPayroll } =\n    usePayrollsCalculateMutation()\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key ?? 'unknown',\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>(blockersFromApi)\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        await calculatePayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setIsPolling(true)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  useEffect(() => {\n    if (isCalculating(payrollData.payrollShow?.processingRequest) && !isPolling) {\n      setIsPolling(true)\n    }\n    if (isPolling && isCalculated(payrollData.payrollShow?.processingRequest)) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: { type: 'success', title: t('alerts.progressSaved') },\n        payPeriod: payrollData.payrollShow?.payPeriod,\n      })\n      setPayrollBlockers([])\n      setIsPolling(false)\n    }\n    if (\n      isPolling &&\n      payrollData.payrollShow?.processingRequest?.status ===\n        PayrollProcessingRequestStatus.ProcessingFailed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [payrollData.payrollShow?.processingRequest, isPolling, onEvent, t, payrollId])\n\n  const payrollAlert =\n    payrollData.payrollShow?.payrollStatusMeta?.payrollLate &&\n    payrollData.payrollShow.payrollStatusMeta.initialCheckDate &&\n    payrollData.payrollShow.payrollStatusMeta.expectedDebitTime &&\n    payrollData.payrollShow.payrollStatusMeta.expectedCheckDate\n      ? {\n          label: t('alerts.payrollLate', {\n            initialCheckDate: dateFormatter.formatShortWithWeekday(\n              payrollData.payrollShow.payrollStatusMeta.initialCheckDate,\n            ),\n          }),\n          content: t('alerts.payrollLateText', {\n            ...dateFormatter.formatWithTime(\n              payrollData.payrollShow.payrollStatusMeta.expectedDebitTime,\n            ),\n            newCheckDate: dateFormatter.formatShortWithWeekday(\n              payrollData.payrollShow.payrollStatusMeta.expectedCheckDate,\n            ),\n          }),\n          variant: 'warning' as const,\n        }\n      : payrollData.payrollShow\n        ? {\n            label: t('alerts.directDepositDeadline', {\n              payDate: dateFormatter.formatShortWithWeekday(payrollData.payrollShow.checkDate),\n              ...dateFormatter.formatWithTime(payrollData.payrollShow.payrollDeadline),\n            }),\n            content: t('alerts.directDepositDeadlineText'),\n            variant: 'info' as const,\n          }\n        : undefined\n\n  return (\n    <PayrollConfigurationPresentation\n      onCalculatePayroll={onCalculatePayroll}\n      isCalculateDisabled={blockersFromApi.length > 0}\n      onEdit={onEdit}\n      onToggleExclude={onToggleExclude}\n      onViewBlockers={onViewBlockers}\n      employeeCompensations={employeeCompensations}\n      employeeDetails={employeeDetails}\n      payPeriod={payPeriod}\n      paySchedule={paySchedule}\n      isOffCycle={isOffCycle}\n      offCycleReason={offCycleReason}\n      alerts={alerts}\n      payrollAlert={payrollAlert}\n      isPending={isPolling || isLoading || isUpdatingPayroll || isCalculatingPayroll}\n      isCalculating={isCalculatingPayroll || isPolling}\n      payrollBlockers={payrollBlockers}\n      pagination={pagination}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","isPolling","setIsPolling","useState","employeeDetails","employeeCompensations","paySchedule","payPeriod","isOffCycle","offCycleReason","pagination","isLoading","refetch","usePayrollConfigurationData","payrollData","usePayrollsGetSuspense","calculatePayroll","isCalculatingPayroll","usePayrollsCalculateMutation","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","onCalculatePayroll","result","payrollSubmitHandler","onEdit","employee","componentEvents","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","transformedCompensation","onViewBlockers","useEffect","payrollAlert","PayrollConfigurationPresentation"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAMA,KAAgB,CAACC,MACrBA,GAAmB,WAAWC,EAA+B,aACzDC,KAAe,CAACF,MACpBA,GAAmB,WAAWC,EAA+B;AASxD,SAASE,GAAqBC,GAA2D;AAC9F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,KAAO,CAAC;AAAA,EACnB,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAAiC;AAC/B,EAAAC,EAAuB,gCAAgCH,CAAU,GACjEI,EAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,mBAAAC,EAAA,IAAsBC,GAAA,GACxBC,IAAgBC,GAAA,GAEhB,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1C;AAAA,IACJ,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAA4B;AAAA,IAC9B,WAAAzB;AAAA,IACA,WAAAC;AAAA,EAAA,CACD,GAEK,EAAE,MAAMyB,EAAA,IAAgBC;AAAA,IAC5B;AAAA,MACE,WAAA3B;AAAA,MACA,WAAAC;AAAA,MACA,SAAS,CAAC,SAAS,YAAY,cAAc,qBAAqB;AAAA,IAAA;AAAA,IAEpE,EAAE,iBAAiBY,IAAY,MAAQ,GAAA;AAAA,EAAM,GAGzC,EAAE,aAAae,GAAkB,WAAWC,EAAA,IAChDC,EAAA,GAEI,EAAE,aAAaC,GAAe,WAAWC,EAAA,IAAsBC,EAAA,GAE/D,EAAE,MAAMC,EAAA,IAAiBC,EAA+B;AAAA,IAC5D,aAAanC;AAAA,EAAA,CACd,GAIKoC,KAFqBF,EAAa,sBAAsB,CAAA,GAEE,IAAI,CAAAG,OAAY;AAAA,IAC9E,KAAKA,EAAQ,OAAO;AAAA,IACpB,SAASA,EAAQ;AAAA,EAAA,EACjB,GAEI,CAACC,GAAiBC,CAAkB,IAAIxB,EAA8BqB,CAAe,GAErFI,IAAqB,YAAY;AACrC,IAAAD,EAAmB,CAAA,CAAE,GAErB,MAAM9B,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMgC,IAAS,MAAMC,EAAqB,YAAY;AACpD,cAAMd,EAAiB;AAAA,UACrB,SAAS;AAAA,YACP,WAAA5B;AAAA,YACA,WAAAC;AAAA,UAAA;AAAA,QACF,CACD,GACDa,EAAa,EAAI;AAAA,MACnB,CAAC;AAED,MAAI,CAAC2B,EAAO,WAAWA,EAAO,SAAS,SAAS,KAC9CF,EAAmBE,EAAO,QAAQ;AAAA,IAEtC,CAAC;AAAA,EACH,GAEME,IAAS,CAACC,MAAuB;AACrC,IAAA7C,EAAQ8C,EAAgB,2BAA2B;AAAA,MACjD,YAAYD,EAAS;AAAA,MACrB,WAAWA,EAAS;AAAA,MACpB,UAAUA,EAAS;AAAA,IAAA,CACpB;AAAA,EACH,GAEME,IAAgC,CAAC;AAAA,IACrC,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,OAEI;AAAA,IACL,GAAGA;AAAA,IACH,GAAIF,KAAiBA,MAAkB,eAAe,EAAE,eAAAA,EAAA,IAAkB,CAAA;AAAA,IAC1E,MAAME,EAAa,QAAQ;AAAA,EAAA,IAIzBC,IAAkB,OAAOC,MAA2D;AACxF,IAAApD,EAAQ8C,EAAgB,2BAA2B;AAAA,MACjD,YAAYM,EAAqB;AAAA,IAAA,CAClC,GACD,MAAM1C,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAM2C,IAA0BN,EAA8BK,CAAoB,GAC5EV,IAAS,MAAMV,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAA/B;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB;AAAA,cACrB,EAAE,GAAGmD,GAAyB,UAAU,CAACA,EAAwB,SAAA;AAAA,YAAS;AAAA,UAC5E;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAArD,EAAQ8C,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBJ,EAAO;AAAA,MAAA,CACzB,GACD,MAAMjB,EAAA;AAAA,IACR,CAAC;AAAA,EACH,GAEM6B,IAAiB,MAAM;AAC3B,IAAAtD,EAAQ8C,EAAgB,6BAA6B;AAAA,EACvD;AAEA,EAAAS,EAAU,MAAM;AACd,IAAIhE,GAAcoC,EAAY,aAAa,iBAAiB,KAAK,CAACb,KAChEC,EAAa,EAAI,GAEfD,KAAapB,GAAaiC,EAAY,aAAa,iBAAiB,MACtE3B,EAAQ8C,EAAgB,wBAAwB;AAAA,MAC9C,WAAA5C;AAAA,MACA,OAAO,EAAE,MAAM,WAAW,OAAOM,EAAE,sBAAsB,EAAA;AAAA,MACzD,WAAWmB,EAAY,aAAa;AAAA,IAAA,CACrC,GACDa,EAAmB,CAAA,CAAE,GACrBzB,EAAa,EAAK,IAGlBD,KACAa,EAAY,aAAa,mBAAmB,WAC1ClC,EAA+B,qBAEjCO,EAAQ8C,EAAgB,6BAA6B,GACrD/B,EAAa,EAAK;AAAA,EAEtB,GAAG,CAACY,EAAY,aAAa,mBAAmBb,GAAWd,GAASQ,GAAGN,CAAS,CAAC;AAEjF,QAAMsD,IACJ7B,EAAY,aAAa,mBAAmB,eAC5CA,EAAY,YAAY,kBAAkB,oBAC1CA,EAAY,YAAY,kBAAkB,qBAC1CA,EAAY,YAAY,kBAAkB,oBACtC;AAAA,IACE,OAAOnB,EAAE,sBAAsB;AAAA,MAC7B,kBAAkBI,EAAc;AAAA,QAC9Be,EAAY,YAAY,kBAAkB;AAAA,MAAA;AAAA,IAC5C,CACD;AAAA,IACD,SAASnB,EAAE,0BAA0B;AAAA,MACnC,GAAGI,EAAc;AAAA,QACfe,EAAY,YAAY,kBAAkB;AAAA,MAAA;AAAA,MAE5C,cAAcf,EAAc;AAAA,QAC1Be,EAAY,YAAY,kBAAkB;AAAA,MAAA;AAAA,IAC5C,CACD;AAAA,IACD,SAAS;AAAA,EAAA,IAEXA,EAAY,cACV;AAAA,IACE,OAAOnB,EAAE,gCAAgC;AAAA,MACvC,SAASI,EAAc,uBAAuBe,EAAY,YAAY,SAAS;AAAA,MAC/E,GAAGf,EAAc,eAAee,EAAY,YAAY,eAAe;AAAA,IAAA,CACxE;AAAA,IACD,SAASnB,EAAE,kCAAkC;AAAA,IAC7C,SAAS;AAAA,EAAA,IAEX;AAER,SACE,gBAAAX;AAAA,IAAC4D;AAAA,IAAA;AAAA,MACC,oBAAAhB;AAAA,MACA,qBAAqBJ,EAAgB,SAAS;AAAA,MAC9C,QAAAO;AAAA,MACA,iBAAAO;AAAA,MACA,gBAAAG;AAAA,MACA,uBAAApC;AAAA,MACA,iBAAAD;AAAA,MACA,WAAAG;AAAA,MACA,aAAAD;AAAA,MACA,YAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,QAAAlB;AAAA,MACA,cAAAoD;AAAA,MACA,WAAW1C,KAAaU,KAAaS,KAAqBH;AAAA,MAC1D,eAAeA,KAAwBhB;AAAA,MACvC,iBAAAyB;AAAA,MACA,YAAAhB;AAAA,MACA,oBAAAlB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.d.ts

@@ -16,6 +16,7 @@ interface PayrollConfigurationPresentationProps {
     onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void;
     onViewBlockers: () => void;
     isOffCycle?: boolean;
+    offCycleReason?: string | null;
     alerts?: ReactNode;
     payrollAlert?: {
         label: string;
@@ -29,5 +30,5 @@ interface PayrollConfigurationPresentationProps {
     withReimbursements?: boolean;
     isCalculateDisabled?: boolean;
 }
-export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, isOffCycle, alerts, payrollAlert, isPending, isCalculating, payrollBlockers, pagination, withReimbursements, isCalculateDisabled, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, isOffCycle, offCycleReason, alerts, payrollAlert, isPending, isCalculating, payrollBlockers, pagination, withReimbursements, isCalculateDisabled, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};