@gusto/embedded-react-sdk 0.49.0 → 0.51.0

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleTaxWithholdingModal.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { WithholdingPayPeriod } from '@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls'\nimport { WITHHOLDING_PAY_PERIOD_I18N_KEY } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport styles from './OffCycleTaxWithholdingModal.module.scss'\nimport type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes'\nimport { ActionsLayout, SelectField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\n/** @internal */\nexport function OffCycleTaxWithholdingModal({\n  isOpen,\n  defaultConfig,\n  onDone,\n  onCancel,\n}: OffCycleTaxWithholdingModalProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Modal, Heading, Text, Button } = useComponentContext()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const formHandlers = useForm<OffCycleTaxWithholdingConfig>({\n    defaultValues: defaultConfig,\n  })\n\n  const currentWithholdingPayPeriod = useWatch({\n    control: formHandlers.control,\n    name: 'withholdingPayPeriod',\n  })\n\n  const frequencyOptions = useMemo(\n    () =>\n      Object.values(WithholdingPayPeriod).map(value => ({\n        value,\n        label: t(WITHHOLDING_PAY_PERIOD_I18N_KEY[value]),\n      })),\n    [t],\n  )\n\n  const frequencyDisplayText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[currentWithholdingPayPeriod],\n  ).toLowerCase()\n\n  const withholdingRateOptions = useMemo(\n    () => [\n      {\n        value: 'supplemental' as const,\n        label: t('modal.supplementalSection.useSupplementalRate'),\n        description: t('modal.supplementalSection.useSupplementalRateDescription'),\n      },\n      {\n        value: 'regular' as const,\n        label: t('modal.supplementalSection.useRegularRate', {\n          frequency: frequencyDisplayText,\n        }),\n        description: t('modal.supplementalSection.useRegularRateDescription'),\n      },\n    ],\n    [t, frequencyDisplayText],\n  )\n\n  const handleSubmit = formHandlers.handleSubmit(onDone)\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('modal.cancelButton')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit}>\n            {t('modal.doneButton')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <Heading as=\"h2\">{t('modal.title')}</Heading>\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.regularSection.title')}</Heading>\n            <Text variant=\"supporting\">{t('modal.regularSection.subtitle')}</Text>\n\n            <div className={styles.rateInfo}>\n              <Text weight=\"semibold\">{t('modal.regularSection.rateLabel')}</Text>\n              <Text variant=\"supporting\">{t('modal.regularSection.rateDescription')}</Text>\n            </div>\n\n            <SelectField\n              name=\"withholdingPayPeriod\"\n              label={t('modal.regularSection.rateLabel')}\n              placeholder={t('modal.regularSection.ratePlaceholder')}\n              options={frequencyOptions}\n              shouldVisuallyHideLabel\n              portalContainer={modalContainerRef.current ?? undefined}\n            />\n          </div>\n\n          <hr className={styles.divider} />\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.supplementalSection.title')}</Heading>\n            <RadioGroupField\n              name=\"withholdingRate\"\n              label={t('modal.supplementalSection.title')}\n              options={withholdingRateOptions}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["OffCycleTaxWithholdingModal","isOpen","defaultConfig","onDone","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","useComponentContext","modalContainerRef","useRef","formHandlers","useForm","currentWithholdingPayPeriod","useWatch","frequencyOptions","useMemo","WithholdingPayPeriod","value","WITHHOLDING_PAY_PERIOD_I18N_KEY","frequencyDisplayText","withholdingRateOptions","handleSubmit","jsx","ActionsLayout","FormProvider","styles","jsxs","SelectField","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"OffCycleTaxWithholdingModal.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { WithholdingPayPeriod } from '@gusto/embedded-api-v-2026-02-01/models/operations/postv1companiescompanyidpayrolls'\nimport { WITHHOLDING_PAY_PERIOD_I18N_KEY } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport styles from './OffCycleTaxWithholdingModal.module.scss'\nimport type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes'\nimport { ActionsLayout, SelectField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\n/** @internal */\nexport function OffCycleTaxWithholdingModal({\n  isOpen,\n  defaultConfig,\n  onDone,\n  onCancel,\n}: OffCycleTaxWithholdingModalProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Modal, Heading, Text, Button } = useComponentContext()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const formHandlers = useForm<OffCycleTaxWithholdingConfig>({\n    defaultValues: defaultConfig,\n  })\n\n  const currentWithholdingPayPeriod = useWatch({\n    control: formHandlers.control,\n    name: 'withholdingPayPeriod',\n  })\n\n  const frequencyOptions = useMemo(\n    () =>\n      Object.values(WithholdingPayPeriod).map(value => ({\n        value,\n        label: t(WITHHOLDING_PAY_PERIOD_I18N_KEY[value]),\n      })),\n    [t],\n  )\n\n  const frequencyDisplayText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[currentWithholdingPayPeriod],\n  ).toLowerCase()\n\n  const withholdingRateOptions = useMemo(\n    () => [\n      {\n        value: 'supplemental' as const,\n        label: t('modal.supplementalSection.useSupplementalRate'),\n        description: t('modal.supplementalSection.useSupplementalRateDescription'),\n      },\n      {\n        value: 'regular' as const,\n        label: t('modal.supplementalSection.useRegularRate', {\n          frequency: frequencyDisplayText,\n        }),\n        description: t('modal.supplementalSection.useRegularRateDescription'),\n      },\n    ],\n    [t, frequencyDisplayText],\n  )\n\n  const handleSubmit = formHandlers.handleSubmit(onDone)\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('modal.cancelButton')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit}>\n            {t('modal.doneButton')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <Heading as=\"h2\">{t('modal.title')}</Heading>\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.regularSection.title')}</Heading>\n            <Text variant=\"supporting\">{t('modal.regularSection.subtitle')}</Text>\n\n            <div className={styles.rateInfo}>\n              <Text weight=\"semibold\">{t('modal.regularSection.rateLabel')}</Text>\n              <Text variant=\"supporting\">{t('modal.regularSection.rateDescription')}</Text>\n            </div>\n\n            <SelectField\n              name=\"withholdingPayPeriod\"\n              label={t('modal.regularSection.rateLabel')}\n              placeholder={t('modal.regularSection.ratePlaceholder')}\n              options={frequencyOptions}\n              shouldVisuallyHideLabel\n              portalContainer={modalContainerRef.current ?? undefined}\n            />\n          </div>\n\n          <hr className={styles.divider} />\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.supplementalSection.title')}</Heading>\n            <RadioGroupField\n              name=\"withholdingRate\"\n              label={t('modal.supplementalSection.title')}\n              options={withholdingRateOptions}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["OffCycleTaxWithholdingModal","isOpen","defaultConfig","onDone","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","useComponentContext","modalContainerRef","useRef","formHandlers","useForm","currentWithholdingPayPeriod","useWatch","frequencyOptions","useMemo","WithholdingPayPeriod","value","WITHHOLDING_PAY_PERIOD_I18N_KEY","frequencyDisplayText","withholdingRateOptions","handleSubmit","jsx","ActionsLayout","FormProvider","styles","jsxs","SelectField","RadioGroupField"],"mappings":";;;;;;;;;;;;AAaO,SAASA,EAA4B;AAAA,EAC1C,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAAqC;AACnC,EAAAC,EAAQ,gCAAgC;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GACnCC,IAAoBC,EAAuB,IAAI,GAE/CC,IAAeC,EAAsC;AAAA,IACzD,eAAed;AAAA,EAAA,CAChB,GAEKe,IAA8BC,EAAS;AAAA,IAC3C,SAASH,EAAa;AAAA,IACtB,MAAM;AAAA,EAAA,CACP,GAEKI,IAAmBC;AAAA,IACvB,MACE,OAAO,OAAOC,CAAoB,EAAE,IAAI,CAAAC,OAAU;AAAA,MAChD,OAAAA;AAAA,MACA,OAAOhB,EAAEiB,EAAgCD,CAAK,CAAC;AAAA,IAAA,EAC/C;AAAA,IACJ,CAAChB,CAAC;AAAA,EAAA,GAGEkB,IAAuBlB;AAAA,IAC3BiB,EAAgCN,CAA2B;AAAA,EAAA,EAC3D,YAAA,GAEIQ,IAAyBL;AAAA,IAC7B,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOd,EAAE,+CAA+C;AAAA,QACxD,aAAaA,EAAE,0DAA0D;AAAA,MAAA;AAAA,MAE3E;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,4CAA4C;AAAA,UACnD,WAAWkB;AAAA,QAAA,CACZ;AAAA,QACD,aAAalB,EAAE,qDAAqD;AAAA,MAAA;AAAA,IACtE;AAAA,IAEF,CAACA,GAAGkB,CAAoB;AAAA,EAAA,GAGpBE,IAAeX,EAAa,aAAaZ,CAAM;AAErD,SACE,gBAAAwB;AAAA,IAACnB;AAAA,IAAA;AAAA,MACC,QAAAP;AAAA,MACA,SAASG;AAAA,MACT,cAAcS;AAAA,MACd,0BACGe,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD,EAAChB,KAAO,SAAQ,aAAY,SAASP,GAClC,UAAAE,EAAE,oBAAoB,GACzB;AAAA,QACA,gBAAAqB,EAAChB,KAAO,SAAQ,WAAU,SAASe,GAChC,UAAApB,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAAqB,EAACE,KAAc,GAAGd,GAChB,4BAAC,OAAA,EAAI,WAAWe,EAAO,SACrB,UAAA;AAAA,QAAA,gBAAAH,EAAClB,GAAA,EAAQ,IAAG,MAAM,UAAAH,EAAE,aAAa,GAAE;AAAA,QAEnC,gBAAAyB,EAAC,OAAA,EAAI,WAAWD,EAAO,SACrB,UAAA;AAAA,UAAA,gBAAAH,EAAClB,GAAA,EAAQ,IAAG,MAAM,UAAAH,EAAE,4BAA4B,GAAE;AAAA,4BACjDI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,+BAA+B,GAAE;AAAA,UAE/D,gBAAAyB,EAAC,OAAA,EAAI,WAAWD,EAAO,UACrB,UAAA;AAAA,YAAA,gBAAAH,EAACjB,GAAA,EAAK,QAAO,YAAY,UAAAJ,EAAE,gCAAgC,GAAE;AAAA,8BAC5DI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,sCAAsC,EAAA,CAAE;AAAA,UAAA,GACxE;AAAA,UAEA,gBAAAqB;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO1B,EAAE,gCAAgC;AAAA,cACzC,aAAaA,EAAE,sCAAsC;AAAA,cACrD,SAASa;AAAA,cACT,yBAAuB;AAAA,cACvB,iBAAiBN,EAAkB,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAChD,GACF;AAAA,QAEA,gBAAAc,EAAC,MAAA,EAAG,WAAWG,EAAO,QAAA,CAAS;AAAA,QAE/B,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,SACrB,UAAA;AAAA,UAAA,gBAAAH,EAAClB,GAAA,EAAQ,IAAG,MAAM,UAAAH,EAAE,iCAAiC,GAAE;AAAA,UACvD,gBAAAqB;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO3B,EAAE,iCAAiC;AAAA,cAC1C,SAASmB;AAAA,cACT,yBAAuB;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +1 @@
-import "./types/i18next.d.ts"
 export { OffCycleTaxWithholdingModal } from './OffCycleTaxWithholdingModal';

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.d.ts

@@ -1,4 +1,4 @@
-import { WithholdingPayPeriod } from '@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls';
+import { WithholdingPayPeriod } from '@gusto/embedded-api-v-2026-02-01/models/operations/postv1companiescompanyidpayrolls';
 import { WithholdingType } from '../OffCycleReasonSelection';
 /** @internal */
 export declare const WITHHOLDING_PAY_PERIOD_I18N_KEY: {

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js

@@ -1,4 +1,4 @@
-import { WithholdingPayPeriod as e } from "@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls";
+import { WithholdingPayPeriod as e } from "@gusto/embedded-api-v-2026-02-01/models/operations/postv1companiescompanyidpayrolls";
 const y = {
   [e.EveryWeek]: "payPeriodFrequency.everyWeek",
   [e.EveryOtherWeek]: "payPeriodFrequency.everyOtherWeek",

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleTaxWithholdingTableTypes.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.ts"],"sourcesContent":["import { WithholdingPayPeriod } from '@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls'\nimport type { WithholdingType } from '@/components/Payroll/OffCycleReasonSelection'\n\n/** @internal */\nexport const WITHHOLDING_PAY_PERIOD_I18N_KEY = {\n  [WithholdingPayPeriod.EveryWeek]: 'payPeriodFrequency.everyWeek',\n  [WithholdingPayPeriod.EveryOtherWeek]: 'payPeriodFrequency.everyOtherWeek',\n  [WithholdingPayPeriod.TwicePerMonth]: 'payPeriodFrequency.twicePerMonth',\n  [WithholdingPayPeriod.Monthly]: 'payPeriodFrequency.monthly',\n  [WithholdingPayPeriod.Quarterly]: 'payPeriodFrequency.quarterly',\n  [WithholdingPayPeriod.Semiannually]: 'payPeriodFrequency.semiannually',\n  [WithholdingPayPeriod.Annually]: 'payPeriodFrequency.annually',\n} as const\n\n/** @internal */\nexport const WAGE_TYPE_CATEGORIES = ['regular', 'supplemental', 'reimbursement'] as const\n/** @internal */\nexport type WageTypeCategory = (typeof WAGE_TYPE_CATEGORIES)[number]\n\n/** @internal */\nexport interface WageTypeGroup {\n  /** Wage type grouping this row represents. */\n  category: WageTypeCategory\n  /** Display label for the wage type group. */\n  label: string\n  /** Optional supporting text shown beneath the label. */\n  description?: string\n}\n\n/** @internal */\nexport interface OffCycleTaxWithholdingConfig {\n  /** Pay period frequency used to compute regular withholding. */\n  withholdingPayPeriod: WithholdingPayPeriod\n  /** Whether supplemental wages are taxed at the regular or supplemental rate. */\n  withholdingRate: WithholdingType\n}\n\n/** @internal */\nexport interface OffCycleTaxWithholdingTableProps {\n  /** Wage type groups to render as rows in the table. */\n  wageTypeGroups: WageTypeGroup[]\n  /** Withholding configuration that determines how each row is taxed. */\n  config: OffCycleTaxWithholdingConfig\n  /** Invoked when the user clicks the edit button in the table header. */\n  onEditClick: () => void\n}\n"],"names":["WITHHOLDING_PAY_PERIOD_I18N_KEY","WithholdingPayPeriod","WAGE_TYPE_CATEGORIES"],"mappings":";AAIO,MAAMA,IAAkC;AAAA,EAC7C,CAACC,EAAqB,SAAS,GAAG;AAAA,EAClC,CAACA,EAAqB,cAAc,GAAG;AAAA,EACvC,CAACA,EAAqB,aAAa,GAAG;AAAA,EACtC,CAACA,EAAqB,OAAO,GAAG;AAAA,EAChC,CAACA,EAAqB,SAAS,GAAG;AAAA,EAClC,CAACA,EAAqB,YAAY,GAAG;AAAA,EACrC,CAACA,EAAqB,QAAQ,GAAG;AACnC,GAGaC,IAAuB,CAAC,WAAW,gBAAgB,eAAe;"}
+{"version":3,"file":"OffCycleTaxWithholdingTableTypes.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.ts"],"sourcesContent":["import { WithholdingPayPeriod } from '@gusto/embedded-api-v-2026-02-01/models/operations/postv1companiescompanyidpayrolls'\nimport type { WithholdingType } from '@/components/Payroll/OffCycleReasonSelection'\n\n/** @internal */\nexport const WITHHOLDING_PAY_PERIOD_I18N_KEY = {\n  [WithholdingPayPeriod.EveryWeek]: 'payPeriodFrequency.everyWeek',\n  [WithholdingPayPeriod.EveryOtherWeek]: 'payPeriodFrequency.everyOtherWeek',\n  [WithholdingPayPeriod.TwicePerMonth]: 'payPeriodFrequency.twicePerMonth',\n  [WithholdingPayPeriod.Monthly]: 'payPeriodFrequency.monthly',\n  [WithholdingPayPeriod.Quarterly]: 'payPeriodFrequency.quarterly',\n  [WithholdingPayPeriod.Semiannually]: 'payPeriodFrequency.semiannually',\n  [WithholdingPayPeriod.Annually]: 'payPeriodFrequency.annually',\n} as const\n\n/** @internal */\nexport const WAGE_TYPE_CATEGORIES = ['regular', 'supplemental', 'reimbursement'] as const\n/** @internal */\nexport type WageTypeCategory = (typeof WAGE_TYPE_CATEGORIES)[number]\n\n/** @internal */\nexport interface WageTypeGroup {\n  /** Wage type grouping this row represents. */\n  category: WageTypeCategory\n  /** Display label for the wage type group. */\n  label: string\n  /** Optional supporting text shown beneath the label. */\n  description?: string\n}\n\n/** @internal */\nexport interface OffCycleTaxWithholdingConfig {\n  /** Pay period frequency used to compute regular withholding. */\n  withholdingPayPeriod: WithholdingPayPeriod\n  /** Whether supplemental wages are taxed at the regular or supplemental rate. */\n  withholdingRate: WithholdingType\n}\n\n/** @internal */\nexport interface OffCycleTaxWithholdingTableProps {\n  /** Wage type groups to render as rows in the table. */\n  wageTypeGroups: WageTypeGroup[]\n  /** Withholding configuration that determines how each row is taxed. */\n  config: OffCycleTaxWithholdingConfig\n  /** Invoked when the user clicks the edit button in the table header. */\n  onEditClick: () => void\n}\n"],"names":["WITHHOLDING_PAY_PERIOD_I18N_KEY","WithholdingPayPeriod","WAGE_TYPE_CATEGORIES"],"mappings":";AAIO,MAAMA,IAAkC;AAAA,EAC7C,CAACC,EAAqB,SAAS,GAAG;AAAA,EAClC,CAACA,EAAqB,cAAc,GAAG;AAAA,EACvC,CAACA,EAAqB,aAAa,GAAG;AAAA,EACtC,CAACA,EAAqB,OAAO,GAAG;AAAA,EAChC,CAACA,EAAqB,SAAS,GAAG;AAAA,EAClC,CAACA,EAAqB,YAAY,GAAG;AAAA,EACrC,CAACA,EAAqB,QAAQ,GAAG;AACnC,GAGaC,IAAuB,CAAC,WAAW,gBAAgB,eAAe;"}

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

@@ -1,2 +1 @@
-import "./types/i18next.d.ts"
 export { OffCycleTaxWithholdingTable } from './OffCycleTaxWithholdingTable';

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

@@ -2,10 +2,10 @@ import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { useState as L, useCallback as d } from "react";
 import { useTranslation as N } from "react-i18next";
 import k from "classnames";
-import { usePayrollsGetBlockersSuspense as O } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetBlockers";
-import { useRecoveryCasesGetSuspense as V } from "@gusto/embedded-api-v-2025-11-15/react-query/recoveryCasesGet";
-import { useInformationRequestsGetInformationRequestsSuspense as F } from "@gusto/embedded-api-v-2025-11-15/react-query/informationRequestsGetInformationRequests";
-import { InformationRequestStatus as K } from "@gusto/embedded-api-v-2025-11-15/models/components/informationrequest";
+import { usePayrollsGetBlockersSuspense as O } from "@gusto/embedded-api-v-2026-02-01/react-query/payrollsGetBlockers";
+import { useRecoveryCasesGetSuspense as V } from "@gusto/embedded-api-v-2026-02-01/react-query/recoveryCasesGet";
+import { useInformationRequestsGetInformationRequestsSuspense as F } from "@gusto/embedded-api-v-2026-02-01/react-query/informationRequestsGetInformationRequests";
+import { InformationRequestStatus as K } from "@gusto/embedded-api-v-2026-02-01/models/components/informationrequest";
 import { getBlockerTranslationKeys as G } from "../payrollHelpers.js";
 import v from "./PayrollBlockerList.module.scss.js";
 import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetBlockers'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/recoveryCasesGet'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/informationrequest'\nimport { getBlockerTranslationKeys } from '../payrollHelpers'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { RecoveryCases } from '@/components/Payroll/RecoveryCases'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { informationRequestEvents, recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ntype ResponseAlertType = 'recoveryCaseResubmitted' | 'informationRequestResponded'\n\ninterface ResponseAlert {\n  id: number\n  type: ResponseAlertType\n}\n\ninterface ResponseAlertState {\n  id: number\n  alerts: ResponseAlert[]\n}\n\ninterface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\n/**\n * Props for {@link PayrollBlockerList}.\n *\n * @public\n */\nexport interface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of blockers preventing payroll from being processed for a company.\n *\n * @remarks\n * Blockers indicate issues that must be resolved before a payroll can be calculated or\n * submitted, such as missing employee information, invalid tax setups, or incomplete\n * company configuration. The component also renders open recovery cases and outstanding\n * information requests for the company when present, and re-emits any events those\n * embedded surfaces fire through `onEvent`.\n *\n * @param props - {@link PayrollBlockerListProps}\n * @returns The rendered blocker list.\n * @public\n */\nexport function PayrollBlockerList(props: PayrollBlockerListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, companyId, dictionary, onEvent }: PayrollBlockerListProps) {\n  useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Button, Text, Heading, Alert } = useComponentContext()\n\n  const [alertState, setAlertState] = useState<ResponseAlertState>({\n    id: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addAlert = useCallback((alertType: ResponseAlertType) => {\n    setAlertState(prev => ({\n      id: prev.id + 1,\n      alerts: [{ id: prev.id, type: alertType }, ...prev.alerts],\n    }))\n  }, [])\n\n  const handleEvent = useCallback(\n    (type: EventType, data?: unknown) => {\n      if (type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE) {\n        addAlert('recoveryCaseResubmitted')\n      }\n\n      if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE) {\n        addAlert('informationRequestResponded')\n      }\n\n      onEvent(type, data)\n    },\n    [onEvent, addAlert],\n  )\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: recoveryCasesData } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blockerKey\n        .replace(/_/g, ' ')\n        .replace(/\\b\\w/g, (letter: string) => letter.toUpperCase()),\n    })\n\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n\n    return {\n      id: blockerKey,\n      title,\n      description,\n    }\n  })\n\n  const recoveryCases = recoveryCasesData.recoveryCases ?? []\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnrecoveredCases = recoveryCases.some(\n    recoveryCase => recoveryCase.status !== 'recovered',\n  )\n\n  const hasInformationRequests = informationRequests.some(\n    request => request.status !== InformationRequestStatus.Approved,\n  )\n\n  const dataViewProps = useDataView({\n    data: blockers,\n    columns: [\n      {\n        title: t('blockerSectionLabel'),\n        render: blocker => (\n          <FlexItem flexGrow={1}>\n            <Flex flexDirection=\"column\" gap={8}>\n              <Text weight=\"semibold\">{blocker.title}</Text>\n              <Text variant=\"supporting\">{blocker.description}</Text>\n            </Flex>\n          </FlexItem>\n        ),\n      },\n      {\n        title: '',\n        render: blocker => {\n          const action = blocker.action\n\n          if (!action) {\n            return null\n          }\n\n          return (\n            <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n              <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n                {action.label}\n              </Button>\n            </Flex>\n          )\n        },\n      },\n    ],\n  })\n\n  const hasBlockers = blockers.length > 0\n  const hasAnyContent = hasBlockers || hasUnrecoveredCases || hasInformationRequests\n\n  if (!hasAnyContent) {\n    return (\n      <div className={classNames(styles.root, className)}>\n        <Text>{t('noBlockersMessage')}</Text>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {alertState.alerts.map(alert => (\n          <Alert\n            key={alert.id}\n            status=\"success\"\n            label={t(`alerts.${alert.type}.title`)}\n            onDismiss={() => {\n              handleDismissAlert(alert.id)\n            }}\n          >\n            <Text>{t(`alerts.${alert.type}.description`)}</Text>\n          </Alert>\n        ))}\n\n        {hasBlockers && (\n          <Flex flexDirection=\"column\" gap={20}>\n            <Heading as=\"h2\" styledAs=\"h4\">\n              {t('blockersListTitle')}\n            </Heading>\n            <DataView {...dataViewProps} label={t('blockersListTitle')} />\n          </Flex>\n        )}\n\n        {hasUnrecoveredCases && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n        {hasInformationRequests && (\n          <InformationRequestsFlow companyId={companyId} withAlert={false} onEvent={handleEvent} />\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","props","jsx","BaseComponent","Root","className","companyId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","Text","Heading","Alert","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addAlert","alertType","handleEvent","type","data","recoveryCasesEvents","informationRequestEvents","blockersData","usePayrollsGetBlockersSuspense","recoveryCasesData","useRecoveryCasesGetSuspense","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","recoveryCases","informationRequests","hasUnrecoveredCases","recoveryCase","hasInformationRequests","request","InformationRequestStatus","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}
+{"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/payrollsGetBlockers'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/recoveryCasesGet'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api-v-2026-02-01/models/components/informationrequest'\nimport { getBlockerTranslationKeys } from '../payrollHelpers'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { RecoveryCases } from '@/components/Payroll/RecoveryCases'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { informationRequestEvents, recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ntype ResponseAlertType = 'recoveryCaseResubmitted' | 'informationRequestResponded'\n\ninterface ResponseAlert {\n  id: number\n  type: ResponseAlertType\n}\n\ninterface ResponseAlertState {\n  id: number\n  alerts: ResponseAlert[]\n}\n\ninterface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\n/**\n * Props for {@link PayrollBlockerList}.\n *\n * @public\n */\nexport interface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of blockers preventing payroll from being processed for a company.\n *\n * @remarks\n * Blockers indicate issues that must be resolved before a payroll can be calculated or\n * submitted, such as missing employee information, invalid tax setups, or incomplete\n * company configuration. The component also renders open recovery cases and outstanding\n * information requests for the company when present, and re-emits any events those\n * embedded surfaces fire through `onEvent`.\n *\n * @param props - {@link PayrollBlockerListProps}\n * @returns The rendered blocker list.\n * @public\n */\nexport function PayrollBlockerList(props: PayrollBlockerListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, companyId, dictionary, onEvent }: PayrollBlockerListProps) {\n  useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Button, Text, Heading, Alert } = useComponentContext()\n\n  const [alertState, setAlertState] = useState<ResponseAlertState>({\n    id: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addAlert = useCallback((alertType: ResponseAlertType) => {\n    setAlertState(prev => ({\n      id: prev.id + 1,\n      alerts: [{ id: prev.id, type: alertType }, ...prev.alerts],\n    }))\n  }, [])\n\n  const handleEvent = useCallback(\n    (type: EventType, data?: unknown) => {\n      if (type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE) {\n        addAlert('recoveryCaseResubmitted')\n      }\n\n      if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE) {\n        addAlert('informationRequestResponded')\n      }\n\n      onEvent(type, data)\n    },\n    [onEvent, addAlert],\n  )\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: recoveryCasesData } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blockerKey\n        .replace(/_/g, ' ')\n        .replace(/\\b\\w/g, (letter: string) => letter.toUpperCase()),\n    })\n\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n\n    return {\n      id: blockerKey,\n      title,\n      description,\n    }\n  })\n\n  const recoveryCases = recoveryCasesData.recoveryCases ?? []\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnrecoveredCases = recoveryCases.some(\n    recoveryCase => recoveryCase.status !== 'recovered',\n  )\n\n  const hasInformationRequests = informationRequests.some(\n    request => request.status !== InformationRequestStatus.Approved,\n  )\n\n  const dataViewProps = useDataView({\n    data: blockers,\n    columns: [\n      {\n        title: t('blockerSectionLabel'),\n        render: blocker => (\n          <FlexItem flexGrow={1}>\n            <Flex flexDirection=\"column\" gap={8}>\n              <Text weight=\"semibold\">{blocker.title}</Text>\n              <Text variant=\"supporting\">{blocker.description}</Text>\n            </Flex>\n          </FlexItem>\n        ),\n      },\n      {\n        title: '',\n        render: blocker => {\n          const action = blocker.action\n\n          if (!action) {\n            return null\n          }\n\n          return (\n            <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n              <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n                {action.label}\n              </Button>\n            </Flex>\n          )\n        },\n      },\n    ],\n  })\n\n  const hasBlockers = blockers.length > 0\n  const hasAnyContent = hasBlockers || hasUnrecoveredCases || hasInformationRequests\n\n  if (!hasAnyContent) {\n    return (\n      <div className={classNames(styles.root, className)}>\n        <Text>{t('noBlockersMessage')}</Text>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {alertState.alerts.map(alert => (\n          <Alert\n            key={alert.id}\n            status=\"success\"\n            label={t(`alerts.${alert.type}.title`)}\n            onDismiss={() => {\n              handleDismissAlert(alert.id)\n            }}\n          >\n            <Text>{t(`alerts.${alert.type}.description`)}</Text>\n          </Alert>\n        ))}\n\n        {hasBlockers && (\n          <Flex flexDirection=\"column\" gap={20}>\n            <Heading as=\"h2\" styledAs=\"h4\">\n              {t('blockersListTitle')}\n            </Heading>\n            <DataView {...dataViewProps} label={t('blockersListTitle')} />\n          </Flex>\n        )}\n\n        {hasUnrecoveredCases && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n        {hasInformationRequests && (\n          <InformationRequestsFlow companyId={companyId} withAlert={false} onEvent={handleEvent} />\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","props","jsx","BaseComponent","Root","className","companyId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","Text","Heading","Alert","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addAlert","alertType","handleEvent","type","data","recoveryCasesEvents","informationRequestEvents","blockersData","usePayrollsGetBlockersSuspense","recoveryCasesData","useRecoveryCasesGetSuspense","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","recoveryCases","informationRequests","hasUnrecoveredCases","recoveryCase","hasInformationRequests","request","InformationRequestStatus","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}

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

@@ -1,3 +1,2 @@
-import "./types/i18next.d.ts"
 export { PayrollBlockerList } from './components/PayrollBlockerList';
 export type { ApiPayrollBlocker } from './payrollHelpers';

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

@@ -1,5 +1,5 @@
-import { PayrollBlockersError as s } from "@gusto/embedded-api-v-2025-11-15/models/errors/payrollblockerserror";
-import { UnprocessableEntityError as n } from "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror";
+import { PayrollBlockersError as s } from "@gusto/embedded-api-v-2026-02-01/models/errors/payrollblockerserror";
+import { UnprocessableEntityError as n } from "@gusto/embedded-api-v-2026-02-01/models/errors/unprocessableentityerror";
 function t(e) {
   return typeof e == "object" && e !== null && "key" in e && typeof e.key == "string";
 }

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

@@ -1 +1 @@
-{"version":3,"file":"payrollHelpers.js","sources":["../../../../src/components/Payroll/PayrollBlocker/payrollHelpers.ts"],"sourcesContent":["import { PayrollBlockersError } from '@gusto/embedded-api-v-2025-11-15/models/errors/payrollblockerserror'\nimport { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string } {\n  return (\n    typeof metadata === 'object' &&\n    metadata !== null &&\n    'key' in metadata &&\n    typeof (metadata as { key: unknown }).key === 'string'\n  )\n}\n\n/**\n * A single payroll blocker entry: an issue that must be resolved before a payroll can be\n * calculated or submitted (for example, missing employee information, invalid tax setups,\n * or incomplete company configuration).\n *\n * @public\n */\nexport interface ApiPayrollBlocker {\n  /** Stable identifier for the blocker type, used to look up display copy and behavior. */\n  key: string\n  /** Human-readable message describing the blocker, when provided by the API. */\n  message?: string\n}\n\nfunction isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n  return error instanceof PayrollBlockersError\n}\n\nfunction isUnprocessableEntityWithPayrollBlockers(\n  error: unknown,\n): error is UnprocessableEntityError {\n  return (\n    error instanceof UnprocessableEntityError &&\n    error.errors.some(err => err.category === 'payroll_blocker')\n  )\n}\n\n/** @internal */\nexport function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[] {\n  // Handle PayrollBlockersError (dedicated blocker error type)\n  if (isPayrollBlockersError(error)) {\n    if (!error.errors || error.errors.length === 0) {\n      return []\n    }\n\n    const blockers = error.errors.map(err => {\n      const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n      return { key, message: err.message }\n    })\n\n    return blockers\n  }\n\n  // Handle UnprocessableEntityError with payroll_blocker category (e.g. contractor payment preview, payroll calculate)\n  if (isUnprocessableEntityWithPayrollBlockers(error)) {\n    const blockers = error.errors\n      .filter(err => err.category === 'payroll_blocker')\n      .map(err => {\n        const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n        return { key, message: err.message }\n      })\n\n    return blockers\n  }\n\n  return []\n}\n\ntype PayrollBlockerError = PayrollBlockersError | UnprocessableEntityError\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n  if (error instanceof PayrollBlockersError) {\n    return true\n  }\n  if (error instanceof UnprocessableEntityError) {\n    return error.errors.some(err => err.category === 'payroll_blocker')\n  }\n  return false\n}\n\n/** @internal */\nexport interface PayrollSubmitResult {\n  /** Whether the wrapped payroll operation completed without payroll blockers. */\n  success: boolean\n  /** Blockers parsed from the caught error; empty when `success` is `true`. */\n  blockers: ApiPayrollBlocker[]\n}\n\n/** @internal */\nexport const payrollSubmitHandler = async (\n  payrollHandler: () => Promise<void>,\n): Promise<PayrollSubmitResult> => {\n  try {\n    await payrollHandler()\n    return { success: true, blockers: [] }\n  } catch (error: unknown) {\n    if (hasPayrollBlockers(error)) {\n      const blockers = parsePayrollBlockersFromError(error)\n      return { success: false, blockers }\n    }\n\n    // For non-payroll errors, re-throw\n    throw error\n  }\n}\n\nconst ACTIONABLE_BLOCKER_KEYS = ['pending_information_request', 'pending_recovery_case'] as const\n\n/** @internal */\nexport const isActionableBlocker = (key: string) =>\n  ACTIONABLE_BLOCKER_KEYS.includes(key as (typeof ACTIONABLE_BLOCKER_KEYS)[number])\n\n/** @internal */\nexport const hasActionableBlockers = (blockers: ApiPayrollBlocker[]) =>\n  blockers.some(b => isActionableBlocker(b.key))\n\n/** @internal */\nexport function getBlockerTranslationKeys(key: string) {\n  return {\n    titleKey: `blockers.${key}.title`,\n    descriptionKey: `blockers.${key}.description`,\n    helpTextKey: `blockers.${key}.help`,\n    defaultActionKey: `blockers.${key}.defaultAction`,\n  }\n}\n"],"names":["hasMetadataKey","metadata","isPayrollBlockersError","error","PayrollBlockersError","isUnprocessableEntityWithPayrollBlockers","UnprocessableEntityError","err","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","ACTIONABLE_BLOCKER_KEYS","isActionableBlocker","key","hasActionableBlockers","blockers","b","getBlockerTranslationKeys"],"mappings":";;AAGA,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAgBA,SAASC,EAAuBC,GAA+C;AAC7E,SAAOA,aAAiBC;AAC1B;AAEA,SAASC,EACPF,GACmC;AACnC,SACEA,aAAiBG,KACjBH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAGO,SAASC,EAA8BL,GAAqC;AAEjF,SAAID,EAAuBC,CAAK,IAC1B,CAACA,EAAM,UAAUA,EAAM,OAAO,WAAW,IACpC,CAAA,IAGQA,EAAM,OAAO,IAAI,CAAAI,OAGzB,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMCF,EAAyCF,CAAK,IAC/BA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAKE,CAAA;AACT;AAIA,MAAME,IAAqB,CAACN,MACtBA,aAAiBC,IACZ,KAELD,aAAiBG,IACZH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAE7D,IAYIG,IAAuB,OAClCC,MACiC;AACjC,MAAI;AACF,iBAAMA,EAAA,GACC,EAAE,SAAS,IAAM,UAAU,CAAA,EAAC;AAAA,EACrC,SAASR,GAAgB;AACvB,QAAIM,EAAmBN,CAAK;AAE1B,aAAO,EAAE,SAAS,IAAO,UADRK,EAA8BL,CAAK,EAC3B;AAI3B,UAAMA;AAAA,EACR;AACF,GAEMS,IAA0B,CAAC,+BAA+B,uBAAuB,GAG1EC,IAAsB,CAACC,MAClCF,EAAwB,SAASE,CAA+C,GAGrEC,IAAwB,CAACC,MACpCA,EAAS,KAAK,CAAAC,MAAKJ,EAAoBI,EAAE,GAAG,CAAC;AAGxC,SAASC,EAA0BJ,GAAa;AACrD,SAAO;AAAA,IACL,UAAU,YAAYA,CAAG;AAAA,IACzB,gBAAgB,YAAYA,CAAG;AAAA,IAC/B,aAAa,YAAYA,CAAG;AAAA,IAC5B,kBAAkB,YAAYA,CAAG;AAAA,EAAA;AAErC;"}
+{"version":3,"file":"payrollHelpers.js","sources":["../../../../src/components/Payroll/PayrollBlocker/payrollHelpers.ts"],"sourcesContent":["import { PayrollBlockersError } from '@gusto/embedded-api-v-2026-02-01/models/errors/payrollblockerserror'\nimport { UnprocessableEntityError } from '@gusto/embedded-api-v-2026-02-01/models/errors/unprocessableentityerror'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string } {\n  return (\n    typeof metadata === 'object' &&\n    metadata !== null &&\n    'key' in metadata &&\n    typeof (metadata as { key: unknown }).key === 'string'\n  )\n}\n\n/**\n * A single payroll blocker entry: an issue that must be resolved before a payroll can be\n * calculated or submitted (for example, missing employee information, invalid tax setups,\n * or incomplete company configuration).\n *\n * @public\n */\nexport interface ApiPayrollBlocker {\n  /** Stable identifier for the blocker type, used to look up display copy and behavior. */\n  key: string\n  /** Human-readable message describing the blocker, when provided by the API. */\n  message?: string\n}\n\nfunction isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n  return error instanceof PayrollBlockersError\n}\n\nfunction isUnprocessableEntityWithPayrollBlockers(\n  error: unknown,\n): error is UnprocessableEntityError {\n  return (\n    error instanceof UnprocessableEntityError &&\n    error.errors.some(err => err.category === 'payroll_blocker')\n  )\n}\n\n/** @internal */\nexport function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[] {\n  // Handle PayrollBlockersError (dedicated blocker error type)\n  if (isPayrollBlockersError(error)) {\n    if (!error.errors || error.errors.length === 0) {\n      return []\n    }\n\n    const blockers = error.errors.map(err => {\n      const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n      return { key, message: err.message }\n    })\n\n    return blockers\n  }\n\n  // Handle UnprocessableEntityError with payroll_blocker category (e.g. contractor payment preview, payroll calculate)\n  if (isUnprocessableEntityWithPayrollBlockers(error)) {\n    const blockers = error.errors\n      .filter(err => err.category === 'payroll_blocker')\n      .map(err => {\n        const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n        return { key, message: err.message }\n      })\n\n    return blockers\n  }\n\n  return []\n}\n\ntype PayrollBlockerError = PayrollBlockersError | UnprocessableEntityError\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n  if (error instanceof PayrollBlockersError) {\n    return true\n  }\n  if (error instanceof UnprocessableEntityError) {\n    return error.errors.some(err => err.category === 'payroll_blocker')\n  }\n  return false\n}\n\n/** @internal */\nexport interface PayrollSubmitResult {\n  /** Whether the wrapped payroll operation completed without payroll blockers. */\n  success: boolean\n  /** Blockers parsed from the caught error; empty when `success` is `true`. */\n  blockers: ApiPayrollBlocker[]\n}\n\n/** @internal */\nexport const payrollSubmitHandler = async (\n  payrollHandler: () => Promise<void>,\n): Promise<PayrollSubmitResult> => {\n  try {\n    await payrollHandler()\n    return { success: true, blockers: [] }\n  } catch (error: unknown) {\n    if (hasPayrollBlockers(error)) {\n      const blockers = parsePayrollBlockersFromError(error)\n      return { success: false, blockers }\n    }\n\n    // For non-payroll errors, re-throw\n    throw error\n  }\n}\n\nconst ACTIONABLE_BLOCKER_KEYS = ['pending_information_request', 'pending_recovery_case'] as const\n\n/** @internal */\nexport const isActionableBlocker = (key: string) =>\n  ACTIONABLE_BLOCKER_KEYS.includes(key as (typeof ACTIONABLE_BLOCKER_KEYS)[number])\n\n/** @internal */\nexport const hasActionableBlockers = (blockers: ApiPayrollBlocker[]) =>\n  blockers.some(b => isActionableBlocker(b.key))\n\n/** @internal */\nexport function getBlockerTranslationKeys(key: string) {\n  return {\n    titleKey: `blockers.${key}.title`,\n    descriptionKey: `blockers.${key}.description`,\n    helpTextKey: `blockers.${key}.help`,\n    defaultActionKey: `blockers.${key}.defaultAction`,\n  }\n}\n"],"names":["hasMetadataKey","metadata","isPayrollBlockersError","error","PayrollBlockersError","isUnprocessableEntityWithPayrollBlockers","UnprocessableEntityError","err","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","ACTIONABLE_BLOCKER_KEYS","isActionableBlocker","key","hasActionableBlockers","blockers","b","getBlockerTranslationKeys"],"mappings":";;AAGA,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAgBA,SAASC,EAAuBC,GAA+C;AAC7E,SAAOA,aAAiBC;AAC1B;AAEA,SAASC,EACPF,GACmC;AACnC,SACEA,aAAiBG,KACjBH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAGO,SAASC,EAA8BL,GAAqC;AAEjF,SAAID,EAAuBC,CAAK,IAC1B,CAACA,EAAM,UAAUA,EAAM,OAAO,WAAW,IACpC,CAAA,IAGQA,EAAM,OAAO,IAAI,CAAAI,OAGzB,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMCF,EAAyCF,CAAK,IAC/BA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAKE,CAAA;AACT;AAIA,MAAME,IAAqB,CAACN,MACtBA,aAAiBC,IACZ,KAELD,aAAiBG,IACZH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAE7D,IAYIG,IAAuB,OAClCC,MACiC;AACjC,MAAI;AACF,iBAAMA,EAAA,GACC,EAAE,SAAS,IAAM,UAAU,CAAA,EAAC;AAAA,EACrC,SAASR,GAAgB;AACvB,QAAIM,EAAmBN,CAAK;AAE1B,aAAO,EAAE,SAAS,IAAO,UADRK,EAA8BL,CAAK,EAC3B;AAI3B,UAAMA;AAAA,EACR;AACF,GAEMS,IAA0B,CAAC,+BAA+B,uBAAuB,GAG1EC,IAAsB,CAACC,MAClCF,EAAwB,SAASE,CAA+C,GAGrEC,IAAwB,CAACC,MACpCA,EAAS,KAAK,CAAAC,MAAKJ,EAAoBI,EAAE,GAAG,CAAC;AAGxC,SAASC,EAA0BJ,GAAa;AACrD,SAAO;AAAA,IACL,UAAU,YAAYA,CAAG;AAAA,IACzB,gBAAgB,YAAYA,CAAG;AAAA,IAC/B,aAAa,YAAYA,CAAG;AAAA,IAC5B,kBAAkB,YAAYA,CAAG;AAAA,EAAA;AAErC;"}

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

@@ -1,13 +1,13 @@
 import { jsx as U, jsxs as pe, Fragment as ue } from "react/jsx-runtime";
 import { useState as f, useRef as ce, useMemo as me, useEffect as G } from "react";
-import { usePayrollsGetSuspense as ye } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet";
-import { payrollsCalculate as de } from "@gusto/embedded-api-v-2025-11-15/funcs/payrollsCalculate";
-import { useGustoEmbeddedContext as fe } from "@gusto/embedded-api-v-2025-11-15/react-query/_context";
-import { PayrollProcessingRequestStatus as _ } from "@gusto/embedded-api-v-2025-11-15/models/components/payrollprocessingrequest";
+import { usePayrollsGetSuspense as ye } from "@gusto/embedded-api-v-2026-02-01/react-query/payrollsGet";
+import { payrollsCalculate as de } from "@gusto/embedded-api-v-2026-02-01/funcs/payrollsCalculate";
+import { useGustoEmbeddedContext as fe } from "@gusto/embedded-api-v-2026-02-01/react-query/_context";
+import { PayrollProcessingRequestStatus as _ } from "@gusto/embedded-api-v-2026-02-01/models/components/payrollprocessingrequest";
 import { useTranslation as Ce } from "react-i18next";
-import { usePayrollsUpdateMutation as Pe } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsUpdate";
-import { usePayrollsCalculateGrossUpMutation as Ue } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsCalculateGrossUp";
-import { usePayrollsGetBlockersSuspense as ge } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetBlockers";
+import { usePayrollsUpdateMutation as Pe } from "@gusto/embedded-api-v-2026-02-01/react-query/payrollsUpdate";
+import { usePayrollsCalculateGrossUpMutation as Ue } from "@gusto/embedded-api-v-2026-02-01/react-query/payrollsCalculateGrossUp";
+import { usePayrollsGetBlockersSuspense as ge } from "@gusto/embedded-api-v-2026-02-01/react-query/payrollsGetBlockers";
 import { payrollSubmitHandler as he } from "../PayrollBlocker/payrollHelpers.js";
 import { hasDirectDepositEmployees as Le } from "../helpers.js";
 import { PayrollConfigurationPresentation as Se } from "./PayrollConfigurationPresentation.js";

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, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet'\nimport { payrollsCalculate } from '@gusto/embedded-api-v-2025-11-15/funcs/payrollsCalculate'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api-v-2025-11-15/react-query/_context'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollprocessingrequest'\nimport type { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsUpdate'\nimport { usePayrollsCalculateGrossUpMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsCalculateGrossUp'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { hasDirectDepositEmployees } from '../helpers'\nimport { GrossUpModal } from '../GrossUpModal'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport { getGrossUpTargetCompensationName, isGrossUpEligible } from './grossUpHelpers'\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'\nimport { SDKInternalError } from '@/types/sdkError'\n\nconst isCalculatingStatus = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.Calculating\n\nconst isCalculatedStatus = (\n  processingRequest?: PayrollProcessingRequest | null,\n  calculatedAt?: Date | null,\n) =>\n  calculatedAt != null &&\n  (processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess ||\n    processingRequest == null)\n\n/**\n * Props for {@link PayrollConfiguration}.\n *\n * @public\n */\nexport interface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The associated payroll identifier. */\n  payrollId: string\n  /** Optional alert components to render above the configuration content. */\n  alerts?: ReactNode\n  /** Whether to show the reimbursements column in the compensation table. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/**\n * Handles the configuration phase of payroll processing, allowing users to review and modify employee compensation before calculating the payroll.\n *\n * @remarks\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/employee/edit` | An employee row is selected for editing | `{ employeeId, firstName, lastName }` |\n * | `runPayroll/employee/skip` | An employee is skipped or unskipped for this payroll | `{ employeeId }` |\n * | `runPayroll/employee/saved` | Employee compensation changes are persisted | `{ payrollPrepared }` |\n * | `runPayroll/calculated` | Payroll calculation completes successfully | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/processingFailed` | Payroll calculation fails or times out | — |\n * | `runPayroll/blockers/viewAll` | The \"view all blockers\" affordance is selected | — |\n * | `runPayroll/grossUp/selected` | The set-net-earnings menu item is selected for an employee | `{ employeeUuid }` |\n * | `runPayroll/grossUp/calculated` | A gross-up amount is calculated from a target net pay | `{ grossUp, netPay, employeeUuid }` |\n *\n * @param props - See {@link PayrollConfigurationProps}.\n * @returns The payroll configuration screen.\n * @public\n */\nexport function PayrollConfiguration(props: PayrollConfigurationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst 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  const [isCalculatingPayroll, setIsCalculatingPayroll] = useState(false)\n  const previousCalculatedAtRef = useRef<number | null>(null)\n  const gustoClient = useGustoEmbeddedContext()\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 excludedEmployeeUuids = useMemo(\n    () =>\n      payrollData.payrollShow?.employeeCompensations\n        ?.filter(comp => comp.excluded)\n        .map(comp => comp.employeeUuid!)\n        .filter(Boolean) ?? [],\n    [payrollData.payrollShow?.employeeCompensations],\n  )\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    payrollCategory,\n    pagination,\n    isLoading,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n    isCalculating: isPolling || isCalculatingPayroll,\n    excludedEmployeeUuids,\n  })\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { mutateAsync: calculateGrossUpMutation } = usePayrollsCalculateGrossUpMutation()\n\n  const [grossUpEmployeeUuid, setGrossUpEmployeeUuid] = useState<string | null>(null)\n  const [isGrossUpModalOpen, setIsGrossUpModalOpen] = useState(false)\n\n  const grossUpEnabled = isGrossUpEligible(payrollCategory)\n  const grossUpTargetCompensation = getGrossUpTargetCompensationName(payrollCategory)\n\n  const onGrossUpSelect = (employeeUuid: string) => {\n    setGrossUpEmployeeUuid(employeeUuid)\n    setIsGrossUpModalOpen(true)\n    onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid })\n  }\n\n  const onCalculateGrossUp = async (netPay: number): Promise<string | null> => {\n    if (!grossUpEmployeeUuid) return null\n    let grossUp: string | null = null\n\n    await baseSubmitHandler(null, async () => {\n      const result = await calculateGrossUpMutation({\n        request: {\n          payrollUuid: payrollId,\n          payrollGrossUpRequest: {\n            employeeUuid: grossUpEmployeeUuid,\n            netPay: netPay.toString(),\n          },\n        },\n      })\n\n      grossUp = result.payrollGrossUpResponse?.grossUp ?? null\n\n      if (grossUp) {\n        onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_CALCULATED, {\n          grossUp,\n          netPay,\n          employeeUuid: grossUpEmployeeUuid,\n        })\n      }\n    })\n\n    return grossUp\n  }\n\n  const onGrossUpApply = async (grossAmount: string) => {\n    if (!grossUpEmployeeUuid || !grossUpTargetCompensation) {\n      throw new SDKInternalError(\n        'Unable to apply gross-up: missing employee or target compensation.',\n      )\n    }\n\n    const employeeComp = employeeCompensations.find(ec => ec.employeeUuid === grossUpEmployeeUuid)\n    if (!employeeComp) {\n      throw new SDKInternalError('Unable to apply gross-up: employee compensation not found.')\n    }\n\n    const existingFixed = employeeComp.fixedCompensations ?? []\n    const hasTargetCompensation = existingFixed.some(\n      fc => fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase(),\n    )\n\n    const updatedFixedCompensations = existingFixed.map(fc => ({\n      name: fc.name,\n      jobUuid: fc.jobUuid,\n      amount:\n        fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase() ? grossAmount : '0',\n    }))\n\n    if (!hasTargetCompensation) {\n      const primaryJobUuid =\n        employeeComp.hourlyCompensations?.[0]?.jobUuid ?? existingFixed[0]?.jobUuid ?? ''\n      updatedFixedCompensations.push({\n        name: grossUpTargetCompensation,\n        jobUuid: primaryJobUuid,\n        amount: grossAmount,\n      })\n    }\n\n    const updatedHourlyCompensations = (employeeComp.hourlyCompensations ?? []).map(hc => ({\n      name: hc.name,\n      jobUuid: hc.jobUuid,\n      hours: '0',\n    }))\n\n    const updatedPaidTimeOff = (employeeComp.paidTimeOff ?? []).map(pto => ({\n      name: pto.name,\n      hours: '0',\n    }))\n\n    const transformedCompensation = transformEmployeeCompensation({\n      ...employeeComp,\n      fixedCompensations: updatedFixedCompensations,\n      hourlyCompensations: updatedHourlyCompensations,\n      paidTimeOff: updatedPaidTimeOff,\n    })\n\n    await baseSubmitHandler({}, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [{ ...transformedCompensation, excluded: false }],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n\n    setGrossUpEmployeeUuid(null)\n    setIsGrossUpModalOpen(false)\n  }\n\n  const handleGrossUpApply = async (grossAmount: string) => {\n    try {\n      await onGrossUpApply(grossAmount)\n    } catch {\n      // Modal stays open; error is surfaced by baseSubmitHandler\n    }\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key,\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState(blockersFromApi)\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n    previousCalculatedAtRef.current = payrollData.payrollShow?.calculatedAt?.getTime() ?? null\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        setIsCalculatingPayroll(true)\n        try {\n          const calcResult = await payrollsCalculate(gustoClient, {\n            companyId,\n            payrollId,\n          })\n          if (!calcResult.ok) {\n            throw calcResult.error\n          }\n          setIsPolling(true)\n        } finally {\n          setIsCalculatingPayroll(false)\n        }\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 (isCalculatingStatus(payrollData.payrollShow?.processingRequest) && !isPolling) {\n      previousCalculatedAtRef.current = payrollData.payrollShow?.calculatedAt?.getTime() ?? null\n      setIsPolling(true)\n    }\n    const currentCalculatedAt = payrollData.payrollShow?.calculatedAt\n    const isNewCalculation = currentCalculatedAt?.getTime() !== previousCalculatedAtRef.current\n    if (\n      isPolling &&\n      isNewCalculation &&\n      isCalculatedStatus(payrollData.payrollShow?.processingRequest, currentCalculatedAt)\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: {\n          type: 'success',\n          title: t('alerts.progressSaved'),\n          alertKey: 'progressSaved',\n        },\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  }, [\n    payrollData.payrollShow?.processingRequest?.status,\n    payrollData.payrollShow?.calculatedAt,\n    isPolling,\n    onEvent,\n    t,\n    payrollId,\n  ])\n\n  useEffect(() => {\n    if (!isPolling) return\n\n    const POLLING_TIMEOUT_MS = 3 * 60 * 1000\n    const timeoutId = setTimeout(() => {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }, POLLING_TIMEOUT_MS)\n\n    return () => {\n      clearTimeout(timeoutId)\n    }\n  }, [isPolling, onEvent])\n\n  const payrollAlert = (() => {\n    const statusMeta = payrollData.payrollShow?.payrollStatusMeta\n\n    const isLatePayroll =\n      statusMeta?.payrollLate &&\n      statusMeta.initialCheckDate &&\n      statusMeta.expectedDebitTime &&\n      statusMeta.expectedCheckDate\n\n    if (isLatePayroll) {\n      return {\n        label: t('alerts.payrollLate', {\n          initialCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.initialCheckDate),\n        }),\n        content: t('alerts.payrollLateText', {\n          ...dateFormatter.formatWithTime(statusMeta.expectedDebitTime),\n          newCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.expectedCheckDate),\n        }),\n        variant: 'warning' as const,\n      }\n    }\n\n    const { payrollShow } = payrollData\n    const allCompensations = payrollShow?.employeeCompensations\n\n    if (\n      payrollShow &&\n      allCompensations &&\n      allCompensations.length > 0 &&\n      hasDirectDepositEmployees(allCompensations)\n    ) {\n      return {\n        label: t('alerts.directDepositDeadline', {\n          payDate: dateFormatter.formatShortWithWeekday(payrollShow.checkDate),\n          ...dateFormatter.formatWithTime(payrollShow.payrollDeadline),\n        }),\n        content: t('alerts.directDepositDeadlineText'),\n        variant: 'info' as const,\n      }\n    }\n\n    return undefined\n  })()\n\n  return (\n    <>\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        payrollCategory={payrollCategory}\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        grossUpEnabled={grossUpEnabled}\n        onGrossUpSelect={onGrossUpSelect}\n      />\n      {grossUpEnabled && (\n        <GrossUpModal\n          isOpen={isGrossUpModalOpen}\n          onCalculateGrossUp={onCalculateGrossUp}\n          onApply={handleGrossUpApply}\n          onCancel={() => {\n            setIsGrossUpModalOpen(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["isCalculatingStatus","processingRequest","PayrollProcessingRequestStatus","isCalculatedStatus","calculatedAt","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","isPolling","setIsPolling","useState","isCalculatingPayroll","setIsCalculatingPayroll","previousCalculatedAtRef","useRef","gustoClient","useGustoEmbeddedContext","payrollData","usePayrollsGetSuspense","excludedEmployeeUuids","useMemo","comp","employeeDetails","employeeCompensations","paySchedule","payPeriod","payrollCategory","pagination","isLoading","refetch","usePayrollConfigurationData","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","calculateGrossUpMutation","usePayrollsCalculateGrossUpMutation","grossUpEmployeeUuid","setGrossUpEmployeeUuid","isGrossUpModalOpen","setIsGrossUpModalOpen","grossUpEnabled","isGrossUpEligible","grossUpTargetCompensation","getGrossUpTargetCompensationName","onGrossUpSelect","employeeUuid","componentEvents","onCalculateGrossUp","netPay","grossUp","onGrossUpApply","grossAmount","SDKInternalError","employeeComp","ec","existingFixed","hasTargetCompensation","fc","updatedFixedCompensations","primaryJobUuid","updatedHourlyCompensations","hc","updatedPaidTimeOff","pto","transformedCompensation","transformEmployeeCompensation","result","handleGrossUpApply","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","onCalculatePayroll","payrollSubmitHandler","calcResult","payrollsCalculate","onEdit","employee","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","onViewBlockers","useEffect","currentCalculatedAt","isNewCalculation","POLLING_TIMEOUT_MS","timeoutId","payrollAlert","statusMeta","payrollShow","allCompensations","hasDirectDepositEmployees","jsxs","Fragment","PayrollConfigurationPresentation","GrossUpModal"],"mappings":"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"}
+{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/payrollsGet'\nimport { payrollsCalculate } from '@gusto/embedded-api-v-2026-02-01/funcs/payrollsCalculate'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api-v-2026-02-01/react-query/_context'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollprocessingrequest'\nimport type { Employee } from '@gusto/embedded-api-v-2026-02-01/models/components/employee'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api-v-2026-02-01/react-query/payrollsUpdate'\nimport { usePayrollsCalculateGrossUpMutation } from '@gusto/embedded-api-v-2026-02-01/react-query/payrollsCalculateGrossUp'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { hasDirectDepositEmployees } from '../helpers'\nimport { GrossUpModal } from '../GrossUpModal'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport { getGrossUpTargetCompensationName, isGrossUpEligible } from './grossUpHelpers'\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'\nimport { SDKInternalError } from '@/types/sdkError'\n\nconst isCalculatingStatus = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.Calculating\n\nconst isCalculatedStatus = (\n  processingRequest?: PayrollProcessingRequest | null,\n  calculatedAt?: Date | null,\n) =>\n  calculatedAt != null &&\n  (processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess ||\n    processingRequest == null)\n\n/**\n * Props for {@link PayrollConfiguration}.\n *\n * @public\n */\nexport interface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The associated payroll identifier. */\n  payrollId: string\n  /** Optional alert components to render above the configuration content. */\n  alerts?: ReactNode\n  /** Whether to show the reimbursements column in the compensation table. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/**\n * Handles the configuration phase of payroll processing, allowing users to review and modify employee compensation before calculating the payroll.\n *\n * @remarks\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/employee/edit` | An employee row is selected for editing | `{ employeeId, firstName, lastName }` |\n * | `runPayroll/employee/skip` | An employee is skipped or unskipped for this payroll | `{ employeeId }` |\n * | `runPayroll/employee/saved` | Employee compensation changes are persisted | `{ payrollPrepared }` |\n * | `runPayroll/calculated` | Payroll calculation completes successfully | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/processingFailed` | Payroll calculation fails or times out | — |\n * | `runPayroll/blockers/viewAll` | The \"view all blockers\" affordance is selected | — |\n * | `runPayroll/grossUp/selected` | The set-net-earnings menu item is selected for an employee | `{ employeeUuid }` |\n * | `runPayroll/grossUp/calculated` | A gross-up amount is calculated from a target net pay | `{ grossUp, netPay, employeeUuid }` |\n *\n * @param props - See {@link PayrollConfigurationProps}.\n * @returns The payroll configuration screen.\n * @public\n */\nexport function PayrollConfiguration(props: PayrollConfigurationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst 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  const [isCalculatingPayroll, setIsCalculatingPayroll] = useState(false)\n  const previousCalculatedAtRef = useRef<number | null>(null)\n  const gustoClient = useGustoEmbeddedContext()\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 excludedEmployeeUuids = useMemo(\n    () =>\n      payrollData.payrollShow?.employeeCompensations\n        ?.filter(comp => comp.excluded)\n        .map(comp => comp.employeeUuid!)\n        .filter(Boolean) ?? [],\n    [payrollData.payrollShow?.employeeCompensations],\n  )\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    payrollCategory,\n    pagination,\n    isLoading,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n    isCalculating: isPolling || isCalculatingPayroll,\n    excludedEmployeeUuids,\n  })\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { mutateAsync: calculateGrossUpMutation } = usePayrollsCalculateGrossUpMutation()\n\n  const [grossUpEmployeeUuid, setGrossUpEmployeeUuid] = useState<string | null>(null)\n  const [isGrossUpModalOpen, setIsGrossUpModalOpen] = useState(false)\n\n  const grossUpEnabled = isGrossUpEligible(payrollCategory)\n  const grossUpTargetCompensation = getGrossUpTargetCompensationName(payrollCategory)\n\n  const onGrossUpSelect = (employeeUuid: string) => {\n    setGrossUpEmployeeUuid(employeeUuid)\n    setIsGrossUpModalOpen(true)\n    onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid })\n  }\n\n  const onCalculateGrossUp = async (netPay: number): Promise<string | null> => {\n    if (!grossUpEmployeeUuid) return null\n    let grossUp: string | null = null\n\n    await baseSubmitHandler(null, async () => {\n      const result = await calculateGrossUpMutation({\n        request: {\n          payrollUuid: payrollId,\n          payrollGrossUpRequest: {\n            employeeUuid: grossUpEmployeeUuid,\n            netPay: netPay.toString(),\n          },\n        },\n      })\n\n      grossUp = result.payrollGrossUpResponse?.grossUp ?? null\n\n      if (grossUp) {\n        onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_CALCULATED, {\n          grossUp,\n          netPay,\n          employeeUuid: grossUpEmployeeUuid,\n        })\n      }\n    })\n\n    return grossUp\n  }\n\n  const onGrossUpApply = async (grossAmount: string) => {\n    if (!grossUpEmployeeUuid || !grossUpTargetCompensation) {\n      throw new SDKInternalError(\n        'Unable to apply gross-up: missing employee or target compensation.',\n      )\n    }\n\n    const employeeComp = employeeCompensations.find(ec => ec.employeeUuid === grossUpEmployeeUuid)\n    if (!employeeComp) {\n      throw new SDKInternalError('Unable to apply gross-up: employee compensation not found.')\n    }\n\n    const existingFixed = employeeComp.fixedCompensations ?? []\n    const hasTargetCompensation = existingFixed.some(\n      fc => fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase(),\n    )\n\n    const updatedFixedCompensations = existingFixed.map(fc => ({\n      name: fc.name,\n      jobUuid: fc.jobUuid,\n      amount:\n        fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase() ? grossAmount : '0',\n    }))\n\n    if (!hasTargetCompensation) {\n      const primaryJobUuid =\n        employeeComp.hourlyCompensations?.[0]?.jobUuid ?? existingFixed[0]?.jobUuid ?? ''\n      updatedFixedCompensations.push({\n        name: grossUpTargetCompensation,\n        jobUuid: primaryJobUuid,\n        amount: grossAmount,\n      })\n    }\n\n    const updatedHourlyCompensations = (employeeComp.hourlyCompensations ?? []).map(hc => ({\n      name: hc.name,\n      jobUuid: hc.jobUuid,\n      hours: '0',\n    }))\n\n    const updatedPaidTimeOff = (employeeComp.paidTimeOff ?? []).map(pto => ({\n      name: pto.name,\n      hours: '0',\n    }))\n\n    const transformedCompensation = transformEmployeeCompensation({\n      ...employeeComp,\n      fixedCompensations: updatedFixedCompensations,\n      hourlyCompensations: updatedHourlyCompensations,\n      paidTimeOff: updatedPaidTimeOff,\n    })\n\n    await baseSubmitHandler({}, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [{ ...transformedCompensation, excluded: false }],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n\n    setGrossUpEmployeeUuid(null)\n    setIsGrossUpModalOpen(false)\n  }\n\n  const handleGrossUpApply = async (grossAmount: string) => {\n    try {\n      await onGrossUpApply(grossAmount)\n    } catch {\n      // Modal stays open; error is surfaced by baseSubmitHandler\n    }\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key,\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState(blockersFromApi)\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n    previousCalculatedAtRef.current = payrollData.payrollShow?.calculatedAt?.getTime() ?? null\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        setIsCalculatingPayroll(true)\n        try {\n          const calcResult = await payrollsCalculate(gustoClient, {\n            companyId,\n            payrollId,\n          })\n          if (!calcResult.ok) {\n            throw calcResult.error\n          }\n          setIsPolling(true)\n        } finally {\n          setIsCalculatingPayroll(false)\n        }\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 (isCalculatingStatus(payrollData.payrollShow?.processingRequest) && !isPolling) {\n      previousCalculatedAtRef.current = payrollData.payrollShow?.calculatedAt?.getTime() ?? null\n      setIsPolling(true)\n    }\n    const currentCalculatedAt = payrollData.payrollShow?.calculatedAt\n    const isNewCalculation = currentCalculatedAt?.getTime() !== previousCalculatedAtRef.current\n    if (\n      isPolling &&\n      isNewCalculation &&\n      isCalculatedStatus(payrollData.payrollShow?.processingRequest, currentCalculatedAt)\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: {\n          type: 'success',\n          title: t('alerts.progressSaved'),\n          alertKey: 'progressSaved',\n        },\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  }, [\n    payrollData.payrollShow?.processingRequest?.status,\n    payrollData.payrollShow?.calculatedAt,\n    isPolling,\n    onEvent,\n    t,\n    payrollId,\n  ])\n\n  useEffect(() => {\n    if (!isPolling) return\n\n    const POLLING_TIMEOUT_MS = 3 * 60 * 1000\n    const timeoutId = setTimeout(() => {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }, POLLING_TIMEOUT_MS)\n\n    return () => {\n      clearTimeout(timeoutId)\n    }\n  }, [isPolling, onEvent])\n\n  const payrollAlert = (() => {\n    const statusMeta = payrollData.payrollShow?.payrollStatusMeta\n\n    const isLatePayroll =\n      statusMeta?.payrollLate &&\n      statusMeta.initialCheckDate &&\n      statusMeta.expectedDebitTime &&\n      statusMeta.expectedCheckDate\n\n    if (isLatePayroll) {\n      return {\n        label: t('alerts.payrollLate', {\n          initialCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.initialCheckDate),\n        }),\n        content: t('alerts.payrollLateText', {\n          ...dateFormatter.formatWithTime(statusMeta.expectedDebitTime),\n          newCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.expectedCheckDate),\n        }),\n        variant: 'warning' as const,\n      }\n    }\n\n    const { payrollShow } = payrollData\n    const allCompensations = payrollShow?.employeeCompensations\n\n    if (\n      payrollShow &&\n      allCompensations &&\n      allCompensations.length > 0 &&\n      hasDirectDepositEmployees(allCompensations)\n    ) {\n      return {\n        label: t('alerts.directDepositDeadline', {\n          payDate: dateFormatter.formatShortWithWeekday(payrollShow.checkDate),\n          ...dateFormatter.formatWithTime(payrollShow.payrollDeadline),\n        }),\n        content: t('alerts.directDepositDeadlineText'),\n        variant: 'info' as const,\n      }\n    }\n\n    return undefined\n  })()\n\n  return (\n    <>\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        payrollCategory={payrollCategory}\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        grossUpEnabled={grossUpEnabled}\n        onGrossUpSelect={onGrossUpSelect}\n      />\n      {grossUpEnabled && (\n        <GrossUpModal\n          isOpen={isGrossUpModalOpen}\n          onCalculateGrossUp={onCalculateGrossUp}\n          onApply={handleGrossUpApply}\n          onCancel={() => {\n            setIsGrossUpModalOpen(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["isCalculatingStatus","processingRequest","PayrollProcessingRequestStatus","isCalculatedStatus","calculatedAt","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","isPolling","setIsPolling","useState","isCalculatingPayroll","setIsCalculatingPayroll","previousCalculatedAtRef","useRef","gustoClient","useGustoEmbeddedContext","payrollData","usePayrollsGetSuspense","excludedEmployeeUuids","useMemo","comp","employeeDetails","employeeCompensations","paySchedule","payPeriod","payrollCategory","pagination","isLoading","refetch","usePayrollConfigurationData","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","calculateGrossUpMutation","usePayrollsCalculateGrossUpMutation","grossUpEmployeeUuid","setGrossUpEmployeeUuid","isGrossUpModalOpen","setIsGrossUpModalOpen","grossUpEnabled","isGrossUpEligible","grossUpTargetCompensation","getGrossUpTargetCompensationName","onGrossUpSelect","employeeUuid","componentEvents","onCalculateGrossUp","netPay","grossUp","onGrossUpApply","grossAmount","SDKInternalError","employeeComp","ec","existingFixed","hasTargetCompensation","fc","updatedFixedCompensations","primaryJobUuid","updatedHourlyCompensations","hc","updatedPaidTimeOff","pto","transformedCompensation","transformEmployeeCompensation","result","handleGrossUpApply","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","onCalculatePayroll","payrollSubmitHandler","calcResult","payrollsCalculate","onEdit","employee","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","onViewBlockers","useEffect","currentCalculatedAt","isNewCalculation","POLLING_TIMEOUT_MS","timeoutId","payrollAlert","statusMeta","payrollShow","allCompensations","hasDirectDepositEmployees","jsxs","Fragment","PayrollConfigurationPresentation","GrossUpModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,KAAsB,CAACC,MAC3BA,GAAmB,WAAWC,EAA+B,aAEzDC,KAAqB,CACzBF,GACAG,MAEAA,KAAgB,SACfH,GAAmB,WAAWC,EAA+B,oBAC5DD,KAAqB;AAwClB,SAASI,GAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,IAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,KAAO,CAAC;AAAA,EACZ,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAAiC;AAC/B,EAAAC,GAAuB,gCAAgCH,CAAU,GACjEI,GAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,GAAe,8BAA8B,GACrD,EAAE,mBAAAC,EAAA,IAAsBC,GAAA,GACxBC,IAAgBC,GAAA,GAEhB,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAsBC,CAAuB,IAAIF,EAAS,EAAK,GAChEG,IAA0BC,GAAsB,IAAI,GACpDC,IAAcC,GAAA,GAEd,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5B;AAAA,MACE,WAAAvB;AAAA,MACA,WAAAC;AAAA,MACA,SAAS,CAAC,SAAS,YAAY,cAAc,qBAAqB;AAAA,IAAA;AAAA,IAEpE,EAAE,iBAAiBY,IAAY,MAAQ,GAAA;AAAA,EAAM,GAGzCW,IAAwBC;AAAA,IAC5B,MACEH,EAAY,aAAa,uBACrB,OAAO,OAAQI,EAAK,QAAQ,EAC7B,IAAI,OAAQA,EAAK,YAAa,EAC9B,OAAO,OAAO,KAAK,CAAA;AAAA,IACxB,CAACJ,EAAY,aAAa,qBAAqB;AAAA,EAAA,GAG3C;AAAA,IACJ,iBAAAK;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,GAA4B;AAAA,IAC9B,WAAAnC;AAAA,IACA,WAAAC;AAAA,IACA,eAAeY,KAAaG;AAAA,IAC5B,uBAAAQ;AAAA,EAAA,CACD,GAEK,EAAE,aAAaY,GAAe,WAAWC,EAAA,IAAsBC,GAAA,GAE/D,EAAE,aAAaC,EAAA,IAA6BC,GAAA,GAE5C,CAACC,GAAqBC,CAAsB,IAAI3B,EAAwB,IAAI,GAC5E,CAAC4B,GAAoBC,CAAqB,IAAI7B,EAAS,EAAK,GAE5D8B,IAAiBC,GAAkBf,CAAe,GAClDgB,IAA4BC,GAAiCjB,CAAe,GAE5EkB,IAAkB,CAACC,MAAyB;AAChD,IAAAR,EAAuBQ,CAAY,GACnCN,EAAsB,EAAI,GAC1B7C,EAAQoD,EAAgB,+BAA+B,EAAE,cAAAD,EAAA,CAAc;AAAA,EACzE,GAEME,IAAqB,OAAOC,MAA2C;AAC3E,QAAI,CAACZ,EAAqB,QAAO;AACjC,QAAIa,IAAyB;AAE7B,iBAAM7C,EAAkB,MAAM,YAAY;AAWxC,MAAA6C,KAVe,MAAMf,EAAyB;AAAA,QAC5C,SAAS;AAAA,UACP,aAAatC;AAAA,UACb,uBAAuB;AAAA,YACrB,cAAcwC;AAAA,YACd,QAAQY,EAAO,SAAA;AAAA,UAAS;AAAA,QAC1B;AAAA,MACF,CACD,GAEgB,wBAAwB,WAAW,MAEhDC,KACFvD,EAAQoD,EAAgB,iCAAiC;AAAA,QACvD,SAAAG;AAAA,QACA,QAAAD;AAAA,QACA,cAAcZ;AAAA,MAAA,CACf;AAAA,IAEL,CAAC,GAEMa;AAAA,EACT,GAEMC,IAAiB,OAAOC,MAAwB;AACpD,QAAI,CAACf,KAAuB,CAACM;AAC3B,YAAM,IAAIU;AAAA,QACR;AAAA,MAAA;AAIJ,UAAMC,IAAe9B,EAAsB,KAAK,CAAA+B,MAAMA,EAAG,iBAAiBlB,CAAmB;AAC7F,QAAI,CAACiB;AACH,YAAM,IAAID,EAAiB,4DAA4D;AAGzF,UAAMG,IAAgBF,EAAa,sBAAsB,CAAA,GACnDG,IAAwBD,EAAc;AAAA,MAC1C,OAAME,EAAG,MAAM,YAAA,MAAkBf,EAA0B,YAAA;AAAA,IAAY,GAGnEgB,IAA4BH,EAAc,IAAI,CAAAE,OAAO;AAAA,MACzD,MAAMA,EAAG;AAAA,MACT,SAASA,EAAG;AAAA,MACZ,QACEA,EAAG,MAAM,YAAA,MAAkBf,EAA0B,YAAA,IAAgBS,IAAc;AAAA,IAAA,EACrF;AAEF,QAAI,CAACK,GAAuB;AAC1B,YAAMG,IACJN,EAAa,sBAAsB,CAAC,GAAG,WAAWE,EAAc,CAAC,GAAG,WAAW;AACjF,MAAAG,EAA0B,KAAK;AAAA,QAC7B,MAAMhB;AAAA,QACN,SAASiB;AAAA,QACT,QAAQR;AAAA,MAAA,CACT;AAAA,IACH;AAEA,UAAMS,MAA8BP,EAAa,uBAAuB,CAAA,GAAI,IAAI,CAAAQ,OAAO;AAAA,MACrF,MAAMA,EAAG;AAAA,MACT,SAASA,EAAG;AAAA,MACZ,OAAO;AAAA,IAAA,EACP,GAEIC,MAAsBT,EAAa,eAAe,CAAA,GAAI,IAAI,CAAAU,OAAQ;AAAA,MACtE,MAAMA,EAAI;AAAA,MACV,OAAO;AAAA,IAAA,EACP,GAEIC,KAA0BC,EAA8B;AAAA,MAC5D,GAAGZ;AAAA,MACH,oBAAoBK;AAAA,MACpB,qBAAqBE;AAAA,MACrB,aAAaE;AAAA,IAAA,CACd;AAED,UAAM1D,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAM8D,IAAS,MAAMnC,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAApC;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAAC,EAAE,GAAGoE,IAAyB,UAAU,IAAO;AAAA,UAAA;AAAA,QACzE;AAAA,MACF,CACD;AACD,MAAAtE,EAAQoD,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBoB,EAAO;AAAA,MAAA,CACzB,GACD,MAAMrC,EAAA;AAAA,IACR,CAAC,GAEDQ,EAAuB,IAAI,GAC3BE,EAAsB,EAAK;AAAA,EAC7B,GAEM4B,IAAqB,OAAOhB,MAAwB;AACxD,QAAI;AACF,YAAMD,EAAeC,CAAW;AAAA,IAClC,QAAQ;AAAA,IAER;AAAA,EACF,GAEM,EAAE,MAAMiB,EAAA,IAAiBC,GAA+B;AAAA,IAC5D,aAAa1E;AAAA,EAAA,CACd,GAIK2E,KAFqBF,EAAa,mBAAmB,CAAA,GAEK,IAAI,CAAAG,OAAY;AAAA,IAC9E,KAAKA,EAAQ;AAAA,IACb,SAASA,EAAQ;AAAA,EAAA,EACjB,GAEI,CAACC,IAAiBC,CAAkB,IAAI/D,EAAS4D,CAAe,GAEhEI,KAAqB,YAAY;AACrC,IAAAD,EAAmB,CAAA,CAAE,GACrB5D,EAAwB,UAAUI,EAAY,aAAa,cAAc,aAAa,MAEtF,MAAMb,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAM8D,IAAS,MAAMS,GAAqB,YAAY;AACpD,QAAA/D,EAAwB,EAAI;AAC5B,YAAI;AACF,gBAAMgE,IAAa,MAAMC,GAAkB9D,GAAa;AAAA,YACtD,WAAApB;AAAA,YACA,WAAAC;AAAA,UAAA,CACD;AACD,cAAI,CAACgF,EAAW;AACd,kBAAMA,EAAW;AAEnB,UAAAnE,EAAa,EAAI;AAAA,QACnB,UAAA;AACE,UAAAG,EAAwB,EAAK;AAAA,QAC/B;AAAA,MACF,CAAC;AAED,MAAI,CAACsD,EAAO,WAAWA,EAAO,SAAS,SAAS,KAC9CO,EAAmBP,EAAO,QAAQ;AAAA,IAEtC,CAAC;AAAA,EACH,GAEMY,KAAS,CAACC,MAAuB;AACrC,IAAArF,EAAQoD,EAAgB,2BAA2B;AAAA,MACjD,YAAYiC,EAAS;AAAA,MACrB,WAAWA,EAAS;AAAA,MACpB,UAAUA,EAAS;AAAA,IAAA,CACpB;AAAA,EACH,GAEMd,IAAgC,CAAC;AAAA,IACrC,eAAAe;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,KAAkB,OAAOC,MAA2D;AACxF,IAAA1F,EAAQoD,EAAgB,2BAA2B;AAAA,MACjD,YAAYsC,EAAqB;AAAA,IAAA,CAClC,GACD,MAAMhF,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAM4D,IAA0BC,EAA8BmB,CAAoB,GAC5ElB,IAAS,MAAMnC,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAApC;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB;AAAA,cACrB,EAAE,GAAGoE,GAAyB,UAAU,CAACA,EAAwB,SAAA;AAAA,YAAS;AAAA,UAC5E;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAAtE,EAAQoD,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBoB,EAAO;AAAA,MAAA,CACzB,GACD,MAAMrC,EAAA;AAAA,IACR,CAAC;AAAA,EACH,GAEMwD,KAAiB,MAAM;AAC3B,IAAA3F,EAAQoD,EAAgB,6BAA6B;AAAA,EACvD;AAEA,EAAAwC,EAAU,MAAM;AACd,IAAItG,GAAoBiC,EAAY,aAAa,iBAAiB,KAAK,CAACT,MACtEK,EAAwB,UAAUI,EAAY,aAAa,cAAc,aAAa,MACtFR,EAAa,EAAI;AAEnB,UAAM8E,IAAsBtE,EAAY,aAAa,cAC/CuE,IAAmBD,GAAqB,QAAA,MAAc1E,EAAwB;AACpF,IACEL,KACAgF,KACArG,GAAmB8B,EAAY,aAAa,mBAAmBsE,CAAmB,MAElF7F,EAAQoD,EAAgB,wBAAwB;AAAA,MAC9C,WAAAlD;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAOM,EAAE,sBAAsB;AAAA,QAC/B,UAAU;AAAA,MAAA;AAAA,MAEZ,WAAWe,EAAY,aAAa;AAAA,IAAA,CACrC,GACDwD,EAAmB,CAAA,CAAE,GACrBhE,EAAa,EAAK,IAGlBD,KACAS,EAAY,aAAa,mBAAmB,WAC1C/B,EAA+B,qBAEjCQ,EAAQoD,EAAgB,6BAA6B,GACrDrC,EAAa,EAAK;AAAA,EAEtB,GAAG;AAAA,IACDQ,EAAY,aAAa,mBAAmB;AAAA,IAC5CA,EAAY,aAAa;AAAA,IACzBT;AAAA,IACAd;AAAA,IACAQ;AAAA,IACAN;AAAA,EAAA,CACD,GAED0F,EAAU,MAAM;AACd,QAAI,CAAC9E,EAAW;AAEhB,UAAMiF,IAAqB,MAAS,KAC9BC,IAAY,WAAW,MAAM;AACjC,MAAAhG,EAAQoD,EAAgB,6BAA6B,GACrDrC,EAAa,EAAK;AAAA,IACpB,GAAGgF,CAAkB;AAErB,WAAO,MAAM;AACX,mBAAaC,CAAS;AAAA,IACxB;AAAA,EACF,GAAG,CAAClF,GAAWd,CAAO,CAAC;AAEvB,QAAMiG,MAAgB,MAAM;AAC1B,UAAMC,IAAa3E,EAAY,aAAa;AAQ5C,QALE2E,GAAY,eACZA,EAAW,oBACXA,EAAW,qBACXA,EAAW;AAGX,aAAO;AAAA,QACL,OAAO1F,EAAE,sBAAsB;AAAA,UAC7B,kBAAkBI,EAAc,uBAAuBsF,EAAW,gBAAgB;AAAA,QAAA,CACnF;AAAA,QACD,SAAS1F,EAAE,0BAA0B;AAAA,UACnC,GAAGI,EAAc,eAAesF,EAAW,iBAAiB;AAAA,UAC5D,cAActF,EAAc,uBAAuBsF,EAAW,iBAAiB;AAAA,QAAA,CAChF;AAAA,QACD,SAAS;AAAA,MAAA;AAIb,UAAM,EAAE,aAAAC,MAAgB5E,GAClB6E,IAAmBD,GAAa;AAEtC,QACEA,KACAC,KACAA,EAAiB,SAAS,KAC1BC,GAA0BD,CAAgB;AAE1C,aAAO;AAAA,QACL,OAAO5F,EAAE,gCAAgC;AAAA,UACvC,SAASI,EAAc,uBAAuBuF,EAAY,SAAS;AAAA,UACnE,GAAGvF,EAAc,eAAeuF,EAAY,eAAe;AAAA,QAAA,CAC5D;AAAA,QACD,SAAS3F,EAAE,kCAAkC;AAAA,QAC7C,SAAS;AAAA,MAAA;AAAA,EAKf,GAAA;AAEA,SACE,gBAAA8F,GAAAC,IAAA,EACE,UAAA;AAAA,IAAA,gBAAA1G;AAAA,MAAC2G;AAAA,MAAA;AAAA,QACC,oBAAAxB;AAAA,QACA,qBAAqBJ,EAAgB,SAAS;AAAA,QAC9C,QAAAQ;AAAA,QACA,iBAAAK;AAAA,QACA,gBAAAE;AAAA,QACA,uBAAA9D;AAAA,QACA,iBAAAD;AAAA,QACA,WAAAG;AAAA,QACA,aAAAD;AAAA,QACA,iBAAAE;AAAA,QACA,QAAA5B;AAAA,QACA,cAAA6F;AAAA,QACA,WAAWnF,KAAaoB,KAAaI,KAAqBrB;AAAA,QAC1D,eAAeA,KAAwBH;AAAA,QACvC,iBAAAgE;AAAA,QACA,YAAA7C;AAAA,QACA,oBAAA5B;AAAA,QACA,gBAAAyC;AAAA,QACA,iBAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDJ,KACC,gBAAAjD;AAAA,MAAC4G;AAAA,MAAA;AAAA,QACC,QAAQ7D;AAAA,QACR,oBAAAS;AAAA,QACA,SAASoB;AAAA,QACT,UAAU,MAAM;AACd,UAAA5B,EAAsB,EAAK;AAAA,QAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-import { EmployeeCompensations } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll';
-import { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee';
-import { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype';
-import { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api-v-2025-11-15/models/components/payscheduleshow';
-import { PayrollEmployeeCompensationsType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype';
+import { EmployeeCompensations } from '@gusto/embedded-api-v-2026-02-01/models/components/payroll';
+import { Employee } from '@gusto/embedded-api-v-2026-02-01/models/components/employee';
+import { PayrollPayPeriodType } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollpayperiodtype';
+import { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api-v-2026-02-01/models/components/payscheduleshow';
+import { PayrollEmployeeCompensationsType } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollemployeecompensationstype';
 import { PayrollCategory } from '../payrollTypes';
 import { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers';
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport type { EmployeeCompensations } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll'\nimport type { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api-v-2025-11-15/models/components/payscheduleshow'\nimport { Trans, useTranslation } from 'react-i18next'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport {\n  useFormatEmployeePayRate,\n  getRegularHours,\n  getOvertimeHours,\n  getTotalPtoHours,\n  getAdditionalEarnings,\n  getReimbursements,\n  formatHoursDisplay,\n  calculateGrossPay,\n} from '../helpers'\nimport { PayrollCategory } from '../payrollTypes'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport styles from './PayrollConfigurationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { DataView, Flex, FlexItem, Grid, PayrollLoading } from '@/components/Common'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport XCircle from '@/assets/icons/x-circle.svg?react'\nimport PlusCircle from '@/assets/icons/plus-circle.svg?react'\nimport CoinsHandSvg from '@/assets/icons/coins-hand.svg?react'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollConfigurationPresentationProps {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod?: PayrollPayPeriodType\n  paySchedule?: PayScheduleObject\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n  onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void\n  onViewBlockers: () => void\n  payrollCategory?: PayrollCategory\n  alerts?: ReactNode\n  payrollAlert?: {\n    label: string\n    content?: ReactNode\n    variant: 'info' | 'warning'\n  }\n  isPending?: boolean\n  isCalculating?: boolean\n  payrollBlockers?: ApiPayrollBlocker[]\n  pagination?: PaginationControlProps\n  withReimbursements?: boolean\n  isCalculateDisabled?: boolean\n  grossUpEnabled?: boolean\n  onGrossUpSelect?: (employeeUuid: string) => void\n}\n\nconst getPayrollConfigurationTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\n/** @internal */\nexport const PayrollConfigurationPresentation = ({\n  employeeCompensations,\n  employeeDetails,\n  payPeriod,\n  paySchedule,\n  onEdit,\n  onToggleExclude,\n  onCalculatePayroll,\n  onViewBlockers,\n  payrollCategory = PayrollCategory.Regular,\n  alerts,\n  payrollAlert,\n  isPending,\n  isCalculating,\n  payrollBlockers = [],\n  pagination,\n  withReimbursements = true,\n  isCalculateDisabled = false,\n  grossUpEnabled = false,\n  onGrossUpSelect,\n}: PayrollConfigurationPresentationProps) => {\n  const { Button, Heading, Text, Badge, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const dateFormatter = useDateFormatter()\n  const formatEmployeePayRate = useFormatEmployeePayRate()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeName = (employeeUuid: string) => {\n    const employee = employeeMap.get(employeeUuid)\n    return employee\n      ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n      : null\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'center' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem>\n            <Heading as=\"h1\">{t('pageTitle')}</Heading>\n            {payPeriod && (\n              <Text variant=\"supporting\">\n                <Trans\n                  i18nKey={\n                    payrollCategory === PayrollCategory.Dismissal\n                      ? 'descriptionDismissal'\n                      : 'description'\n                  }\n                  t={t}\n                  components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                  values={{\n                    ...getPayrollConfigurationTitle(payPeriod, dateFormatter),\n                    payrollType: payrollCategory,\n                  }}\n                />\n              </Text>\n            )}\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 0 : 0}>\n            {isDesktop ? (\n              <Button\n                title={t('calculatePayrollTitle')}\n                onClick={onCalculatePayroll}\n                isDisabled={isCalculateDisabled || isPending || isCalculating}\n              >\n                {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n              </Button>\n            ) : (\n              <Flex flexDirection=\"column\" justifyContent=\"normal\" alignItems=\"stretch\" gap={12}>\n                <Button\n                  title={t('calculatePayrollTitle')}\n                  onClick={onCalculatePayroll}\n                  isDisabled={isCalculateDisabled || isPending || isCalculating}\n                >\n                  {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n                </Button>\n              </Flex>\n            )}\n          </FlexItem>\n        </Flex>\n\n        {(alerts || payrollAlert) && (\n          <Grid gap={16} gridTemplateColumns=\"1fr\">\n            {payrollAlert && (\n              <Alert label={payrollAlert.label} status={payrollAlert.variant}>\n                {payrollAlert.content}\n              </Alert>\n            )}\n            {alerts}\n          </Grid>\n        )}\n\n        {isPending ? (\n          <PayrollLoading\n            title={isCalculating ? t('calculatingTitle') : t('loadingTitle')}\n            description={isCalculating ? t('calculatingDescription') : t('loadingDescription')}\n          />\n        ) : (\n          <>\n            {payrollBlockers.length > 0 && (\n              <PayrollBlockerAlerts\n                blockers={payrollBlockers}\n                onViewBlockersClick={onViewBlockers}\n              />\n            )}\n            <Flex flexDirection=\"column\" gap={20}>\n              <FlexItem>\n                <Heading as=\"h3\">{t('hoursAndEarningsTitle')}</Heading>\n                <Text variant=\"supporting\">{t('hoursAndEarningsDescription')}</Text>\n              </FlexItem>\n\n              <DataView\n                label={t('employeeCompensationsTitle')}\n                columns={[\n                  {\n                    title: t('tableColumns.employees'),\n                    render: (item: EmployeeCompensations) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const payRateDisplay = formatEmployeePayRate(employee)\n                      return (\n                        <Flex flexDirection=\"column\" gap={0}>\n                          {getEmployeeName(item.employeeUuid || '')}\n                          {payRateDisplay && (\n                            <Text size=\"xs\" variant=\"supporting\">\n                              {payRateDisplay}\n                            </Text>\n                          )}\n                          {item.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n                        </Flex>\n                      )\n                    },\n                  },\n                  {\n                    title: t('tableColumns.hours'),\n                    render: (item: EmployeeCompensations) => {\n                      const hours = getRegularHours(item)\n                      const overtimeHours = getOvertimeHours(item)\n                      return formatHoursDisplay(hours + overtimeHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.timeOff'),\n                    render: (item: EmployeeCompensations) => {\n                      const ptoHours = getTotalPtoHours(item)\n                      return formatHoursDisplay(ptoHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.additionalEarnings'),\n                    render: (item: EmployeeCompensations) => {\n                      const earnings = getAdditionalEarnings(item)\n                      return formatNumberAsCurrency(earnings)\n                    },\n                  },\n                  ...(withReimbursements\n                    ? [\n                        {\n                          title: t('tableColumns.reimbursements'),\n                          render: (item: EmployeeCompensations) => {\n                            const reimbursements = getReimbursements(item)\n                            return formatNumberAsCurrency(reimbursements)\n                          },\n                        },\n                      ]\n                    : []),\n                  {\n                    title: t('tableColumns.totalPay'),\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const calculatedGrossPay = employee\n                        ? calculateGrossPay(\n                            item,\n                            employee,\n                            payPeriod?.startDate,\n                            paySchedule,\n                            payrollCategory,\n                          )\n                        : 0\n                      return formatNumberAsCurrency(calculatedGrossPay)\n                    },\n                  },\n                ]}\n                data={employeeCompensations}\n                itemMenu={(item: EmployeeCompensations) => (\n                  <HamburgerMenu\n                    items={[\n                      {\n                        label: t('editMenu.edit'),\n                        icon: <PencilSvg aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onEdit(employee)\n                          }\n                        },\n                      },\n                      {\n                        label: t(item.excluded ? 'editMenu.unskip' : 'editMenu.skip'),\n                        icon: item.excluded ? <PlusCircle aria-hidden /> : <XCircle aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onToggleExclude(item)\n                          }\n                        },\n                      },\n                      ...(grossUpEnabled\n                        ? [\n                            {\n                              label: t('editMenu.setNetEarnings'),\n                              icon: <CoinsHandSvg aria-hidden />,\n                              onClick: () => {\n                                if (item.employeeUuid) {\n                                  onGrossUpSelect?.(item.employeeUuid)\n                                }\n                              },\n                            },\n                          ]\n                        : []),\n                    ]}\n                    triggerLabel={t('editMenu.edit')}\n                  />\n                )}\n                pagination={pagination}\n              />\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollConfigurationTitle","payPeriod","dateFormatter","PayrollConfigurationPresentation","employeeCompensations","employeeDetails","paySchedule","onEdit","onToggleExclude","onCalculatePayroll","onViewBlockers","payrollCategory","PayrollCategory","alerts","payrollAlert","isPending","isCalculating","payrollBlockers","pagination","withReimbursements","isCalculateDisabled","grossUpEnabled","onGrossUpSelect","Button","Heading","Text","Badge","Alert","useComponentContext","useI18n","useTranslation","useDateFormatter","formatEmployeePayRate","useFormatEmployeePayRate","containerRef","useRef","isDesktop","useContainerBreakpoints","employeeMap","employee","getEmployeeName","employeeUuid","firstLastName","jsx","styles","jsxs","Flex","FlexItem","Trans","Grid","PayrollLoading","Fragment","PayrollBlockerAlerts","DataView","item","payRateDisplay","hours","getRegularHours","overtimeHours","getOvertimeHours","formatHoursDisplay","ptoHours","getTotalPtoHours","earnings","getAdditionalEarnings","formatNumberAsCurrency","reimbursements","getReimbursements","calculatedGrossPay","calculateGrossPay","HamburgerMenu","PencilSvg","PlusCircle","XCircle","CoinsHandSvg"],"mappings":"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"}
+{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport type { EmployeeCompensations } from '@gusto/embedded-api-v-2026-02-01/models/components/payroll'\nimport type { Employee } from '@gusto/embedded-api-v-2026-02-01/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollpayperiodtype'\nimport type { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api-v-2026-02-01/models/components/payscheduleshow'\nimport { Trans, useTranslation } from 'react-i18next'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollemployeecompensationstype'\nimport {\n  useFormatEmployeePayRate,\n  getRegularHours,\n  getOvertimeHours,\n  getTotalPtoHours,\n  getAdditionalEarnings,\n  getReimbursements,\n  formatHoursDisplay,\n  calculateGrossPay,\n} from '../helpers'\nimport { PayrollCategory } from '../payrollTypes'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport styles from './PayrollConfigurationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { DataView, Flex, FlexItem, Grid, PayrollLoading } from '@/components/Common'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport XCircle from '@/assets/icons/x-circle.svg?react'\nimport PlusCircle from '@/assets/icons/plus-circle.svg?react'\nimport CoinsHandSvg from '@/assets/icons/coins-hand.svg?react'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollConfigurationPresentationProps {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod?: PayrollPayPeriodType\n  paySchedule?: PayScheduleObject\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n  onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void\n  onViewBlockers: () => void\n  payrollCategory?: PayrollCategory\n  alerts?: ReactNode\n  payrollAlert?: {\n    label: string\n    content?: ReactNode\n    variant: 'info' | 'warning'\n  }\n  isPending?: boolean\n  isCalculating?: boolean\n  payrollBlockers?: ApiPayrollBlocker[]\n  pagination?: PaginationControlProps\n  withReimbursements?: boolean\n  isCalculateDisabled?: boolean\n  grossUpEnabled?: boolean\n  onGrossUpSelect?: (employeeUuid: string) => void\n}\n\nconst getPayrollConfigurationTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\n/** @internal */\nexport const PayrollConfigurationPresentation = ({\n  employeeCompensations,\n  employeeDetails,\n  payPeriod,\n  paySchedule,\n  onEdit,\n  onToggleExclude,\n  onCalculatePayroll,\n  onViewBlockers,\n  payrollCategory = PayrollCategory.Regular,\n  alerts,\n  payrollAlert,\n  isPending,\n  isCalculating,\n  payrollBlockers = [],\n  pagination,\n  withReimbursements = true,\n  isCalculateDisabled = false,\n  grossUpEnabled = false,\n  onGrossUpSelect,\n}: PayrollConfigurationPresentationProps) => {\n  const { Button, Heading, Text, Badge, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const dateFormatter = useDateFormatter()\n  const formatEmployeePayRate = useFormatEmployeePayRate()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeName = (employeeUuid: string) => {\n    const employee = employeeMap.get(employeeUuid)\n    return employee\n      ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n      : null\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'center' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem>\n            <Heading as=\"h1\">{t('pageTitle')}</Heading>\n            {payPeriod && (\n              <Text variant=\"supporting\">\n                <Trans\n                  i18nKey={\n                    payrollCategory === PayrollCategory.Dismissal\n                      ? 'descriptionDismissal'\n                      : 'description'\n                  }\n                  t={t}\n                  components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                  values={{\n                    ...getPayrollConfigurationTitle(payPeriod, dateFormatter),\n                    payrollType: payrollCategory,\n                  }}\n                />\n              </Text>\n            )}\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 0 : 0}>\n            {isDesktop ? (\n              <Button\n                title={t('calculatePayrollTitle')}\n                onClick={onCalculatePayroll}\n                isDisabled={isCalculateDisabled || isPending || isCalculating}\n              >\n                {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n              </Button>\n            ) : (\n              <Flex flexDirection=\"column\" justifyContent=\"normal\" alignItems=\"stretch\" gap={12}>\n                <Button\n                  title={t('calculatePayrollTitle')}\n                  onClick={onCalculatePayroll}\n                  isDisabled={isCalculateDisabled || isPending || isCalculating}\n                >\n                  {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n                </Button>\n              </Flex>\n            )}\n          </FlexItem>\n        </Flex>\n\n        {(alerts || payrollAlert) && (\n          <Grid gap={16} gridTemplateColumns=\"1fr\">\n            {payrollAlert && (\n              <Alert label={payrollAlert.label} status={payrollAlert.variant}>\n                {payrollAlert.content}\n              </Alert>\n            )}\n            {alerts}\n          </Grid>\n        )}\n\n        {isPending ? (\n          <PayrollLoading\n            title={isCalculating ? t('calculatingTitle') : t('loadingTitle')}\n            description={isCalculating ? t('calculatingDescription') : t('loadingDescription')}\n          />\n        ) : (\n          <>\n            {payrollBlockers.length > 0 && (\n              <PayrollBlockerAlerts\n                blockers={payrollBlockers}\n                onViewBlockersClick={onViewBlockers}\n              />\n            )}\n            <Flex flexDirection=\"column\" gap={20}>\n              <FlexItem>\n                <Heading as=\"h3\">{t('hoursAndEarningsTitle')}</Heading>\n                <Text variant=\"supporting\">{t('hoursAndEarningsDescription')}</Text>\n              </FlexItem>\n\n              <DataView\n                label={t('employeeCompensationsTitle')}\n                columns={[\n                  {\n                    title: t('tableColumns.employees'),\n                    render: (item: EmployeeCompensations) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const payRateDisplay = formatEmployeePayRate(employee)\n                      return (\n                        <Flex flexDirection=\"column\" gap={0}>\n                          {getEmployeeName(item.employeeUuid || '')}\n                          {payRateDisplay && (\n                            <Text size=\"xs\" variant=\"supporting\">\n                              {payRateDisplay}\n                            </Text>\n                          )}\n                          {item.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n                        </Flex>\n                      )\n                    },\n                  },\n                  {\n                    title: t('tableColumns.hours'),\n                    render: (item: EmployeeCompensations) => {\n                      const hours = getRegularHours(item)\n                      const overtimeHours = getOvertimeHours(item)\n                      return formatHoursDisplay(hours + overtimeHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.timeOff'),\n                    render: (item: EmployeeCompensations) => {\n                      const ptoHours = getTotalPtoHours(item)\n                      return formatHoursDisplay(ptoHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.additionalEarnings'),\n                    render: (item: EmployeeCompensations) => {\n                      const earnings = getAdditionalEarnings(item)\n                      return formatNumberAsCurrency(earnings)\n                    },\n                  },\n                  ...(withReimbursements\n                    ? [\n                        {\n                          title: t('tableColumns.reimbursements'),\n                          render: (item: EmployeeCompensations) => {\n                            const reimbursements = getReimbursements(item)\n                            return formatNumberAsCurrency(reimbursements)\n                          },\n                        },\n                      ]\n                    : []),\n                  {\n                    title: t('tableColumns.totalPay'),\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const calculatedGrossPay = employee\n                        ? calculateGrossPay(\n                            item,\n                            employee,\n                            payPeriod?.startDate,\n                            paySchedule,\n                            payrollCategory,\n                          )\n                        : 0\n                      return formatNumberAsCurrency(calculatedGrossPay)\n                    },\n                  },\n                ]}\n                data={employeeCompensations}\n                itemMenu={(item: EmployeeCompensations) => (\n                  <HamburgerMenu\n                    items={[\n                      {\n                        label: t('editMenu.edit'),\n                        icon: <PencilSvg aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onEdit(employee)\n                          }\n                        },\n                      },\n                      {\n                        label: t(item.excluded ? 'editMenu.unskip' : 'editMenu.skip'),\n                        icon: item.excluded ? <PlusCircle aria-hidden /> : <XCircle aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onToggleExclude(item)\n                          }\n                        },\n                      },\n                      ...(grossUpEnabled\n                        ? [\n                            {\n                              label: t('editMenu.setNetEarnings'),\n                              icon: <CoinsHandSvg aria-hidden />,\n                              onClick: () => {\n                                if (item.employeeUuid) {\n                                  onGrossUpSelect?.(item.employeeUuid)\n                                }\n                              },\n                            },\n                          ]\n                        : []),\n                    ]}\n                    triggerLabel={t('editMenu.edit')}\n                  />\n                )}\n                pagination={pagination}\n              />\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollConfigurationTitle","payPeriod","dateFormatter","PayrollConfigurationPresentation","employeeCompensations","employeeDetails","paySchedule","onEdit","onToggleExclude","onCalculatePayroll","onViewBlockers","payrollCategory","PayrollCategory","alerts","payrollAlert","isPending","isCalculating","payrollBlockers","pagination","withReimbursements","isCalculateDisabled","grossUpEnabled","onGrossUpSelect","Button","Heading","Text","Badge","Alert","useComponentContext","useI18n","useTranslation","useDateFormatter","formatEmployeePayRate","useFormatEmployeePayRate","containerRef","useRef","isDesktop","useContainerBreakpoints","employeeMap","employee","getEmployeeName","employeeUuid","firstLastName","jsx","styles","jsxs","Flex","FlexItem","Trans","Grid","PayrollLoading","Fragment","PayrollBlockerAlerts","DataView","item","payRateDisplay","hours","getRegularHours","overtimeHours","getOvertimeHours","formatHoursDisplay","ptoHours","getTotalPtoHours","earnings","getAdditionalEarnings","formatNumberAsCurrency","reimbursements","getReimbursements","calculatedGrossPay","calculateGrossPay","HamburgerMenu","PencilSvg","PlusCircle","XCircle","CoinsHandSvg"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6DA,MAAMA,KAA+B,CACnCC,GACAC,MAEID,GAAW,aAAaA,EAAU,UAC7BC,EAAc,gBAAgBD,EAAU,WAAWA,EAAU,OAAO,IAEtE,EAAE,WAAW,IAAI,SAAS,GAAA,GAItBE,KAAmC,CAAC;AAAA,EAC/C,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAJ;AAAA,EACA,aAAAK;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC,IAAkBC,EAAgB;AAAA,EAClC,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,qBAAAC,IAAsB;AAAA,EACtB,gBAAAC,IAAiB;AAAA,EACjB,iBAAAC;AACF,MAA6C;AAC3C,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAA,IAAUC,GAAA;AAChD,EAAAC,GAAQ,8BAA8B;AACtC,QAAM,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrD5B,IAAgB6B,GAAA,GAChBC,IAAwBC,EAAA,GACxBC,IAAeC,EAAuB,IAAI,GAE1CC,IADcC,GAAwB,EAAE,KAAKH,GAAc,EACnC,SAAS,OAAO,GAExCI,IAAc,IAAI,IAAIjC,EAAgB,IAAI,CAAAkC,MAAY,CAACA,EAAS,MAAMA,CAAQ,CAAC,CAAC,GAEhFC,IAAkB,CAACC,MAAyB;AAChD,UAAMF,IAAWD,EAAY,IAAIG,CAAY;AAC7C,WAAOF,IACHG,GAAc,EAAE,YAAYH,EAAS,WAAW,WAAWA,EAAS,SAAA,CAAU,IAC9E;AAAA,EACN;AAEA,SACE,gBAAAI,EAAC,OAAA,EAAI,KAAKT,GAAc,WAAWU,EAAO,WACxC,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAeV,IAAY,QAAQ;AAAA,QACnC,gBAAgBA,IAAY,kBAAkB;AAAA,QAC9C,YAAYA,IAAY,WAAW;AAAA,QACnC,KAAKA,IAAY,IAAI;AAAA,QAErB,UAAA;AAAA,UAAA,gBAAAS,EAACE,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACnB,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,WAAW,GAAE;AAAA,YAChCvB,KACC,gBAAA0C,EAAClB,GAAA,EAAK,SAAQ,cACZ,UAAA,gBAAAkB;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,SACErC,MAAoBC,EAAgB,YAChC,yBACA;AAAA,gBAEN;AAAA,gBACA,YAAY,EAAE,aAAa,gBAAA+B,EAAClB,KAAK,QAAO,QAAO,IAAG,OAAA,CAAO,EAAA;AAAA,gBACzD,QAAQ;AAAA,kBACN,GAAGzB,GAA6BC,GAAWC,CAAa;AAAA,kBACxD,aAAaS;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA,EACF,CACF;AAAA,UAAA,GAEJ;AAAA,4BACCoC,GAAA,EAAS,UAAsB,GAC7B,UAAAX,IACC,gBAAAO;AAAA,YAACpB;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,uBAAuB;AAAA,cAChC,SAASd;AAAA,cACT,YAAYW,KAAuBL,KAAaC;AAAA,cAE/C,UAAgB,EAAhBA,IAAkB,uBAA0B,kBAAN;AAAA,YAAwB;AAAA,UAAA,IAGjE,gBAAA2B,EAACG,GAAA,EAAK,eAAc,UAAS,gBAAe,UAAS,YAAW,WAAU,KAAK,IAC7E,UAAA,gBAAAH;AAAA,YAACpB;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,uBAAuB;AAAA,cAChC,SAASd;AAAA,cACT,YAAYW,KAAuBL,KAAaC;AAAA,cAE/C,UAAgB,EAAhBA,IAAkB,uBAA0B,kBAAN;AAAA,YAAwB;AAAA,UAAA,GAEnE,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,KAGAH,KAAUC,MACV,gBAAA+B,EAACI,MAAK,KAAK,IAAI,qBAAoB,OAChC,UAAA;AAAA,MAAAnC,KACC,gBAAA6B,EAAChB,KAAM,OAAOb,EAAa,OAAO,QAAQA,EAAa,SACpD,UAAAA,EAAa,QAAA,CAChB;AAAA,MAEDD;AAAA,IAAA,GACH;AAAA,IAGDE,IACC,gBAAA4B;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,OAAuB,EAAhBlC,IAAkB,qBAAwB,cAAN;AAAA,QAC3C,aAA6B,EAAhBA,IAAkB,2BAA8B,oBAAN;AAAA,MAA0B;AAAA,IAAA,IAGnF,gBAAA6B,EAAAM,GAAA,EACG,UAAA;AAAA,MAAAlC,EAAgB,SAAS,KACxB,gBAAA0B;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,UAAUnC;AAAA,UACV,qBAAqBP;AAAA,QAAA;AAAA,MAAA;AAAA,MAGzB,gBAAAmC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAD,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAJ,EAACnB,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,uBAAuB,GAAE;AAAA,4BAC5CC,GAAA,EAAK,SAAQ,cAAc,UAAA,EAAE,6BAA6B,EAAA,CAAE;AAAA,QAAA,GAC/D;AAAA,QAEA,gBAAAkB;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,4BAA4B;AAAA,YACrC,SAAS;AAAA,cACP;AAAA,gBACE,OAAO,EAAE,wBAAwB;AAAA,gBACjC,QAAQ,CAACC,MAAgC;AACvC,wBAAMf,IAAWD,EAAY,IAAIgB,EAAK,gBAAgB,EAAE,GAClDC,IAAiBvB,EAAsBO,CAAQ;AACrD,yBACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,oBAAAN,EAAgBc,EAAK,gBAAgB,EAAE;AAAA,oBACvCC,KACC,gBAAAZ,EAAClB,GAAA,EAAK,MAAK,MAAK,SAAQ,cACrB,UAAA8B,GACH;AAAA,oBAEDD,EAAK,YAAY,gBAAAX,EAACjB,GAAA,EAAM,QAAO,WAAW,UAAA,EAAE,cAAc,EAAA,CAAE;AAAA,kBAAA,GAC/D;AAAA,gBAEJ;AAAA,cAAA;AAAA,cAEF;AAAA,gBACE,OAAO,EAAE,oBAAoB;AAAA,gBAC7B,QAAQ,CAAC4B,MAAgC;AACvC,wBAAME,IAAQC,EAAgBH,CAAI,GAC5BI,IAAgBC,EAAiBL,CAAI;AAC3C,yBAAOM,EAAmBJ,IAAQE,CAAa;AAAA,gBACjD;AAAA,cAAA;AAAA,cAEF;AAAA,gBACE,OAAO,EAAE,sBAAsB;AAAA,gBAC/B,QAAQ,CAACJ,MAAgC;AACvC,wBAAMO,IAAWC,EAAiBR,CAAI;AACtC,yBAAOM,EAAmBC,CAAQ;AAAA,gBACpC;AAAA,cAAA;AAAA,cAEF;AAAA,gBACE,OAAO,EAAE,iCAAiC;AAAA,gBAC1C,QAAQ,CAACP,MAAgC;AACvC,wBAAMS,IAAWC,EAAsBV,CAAI;AAC3C,yBAAOW,EAAuBF,CAAQ;AAAA,gBACxC;AAAA,cAAA;AAAA,cAEF,GAAI5C,IACA;AAAA,gBACE;AAAA,kBACE,OAAO,EAAE,6BAA6B;AAAA,kBACtC,QAAQ,CAACmC,MAAgC;AACvC,0BAAMY,IAAiBC,EAAkBb,CAAI;AAC7C,2BAAOW,EAAuBC,CAAc;AAAA,kBAC9C;AAAA,gBAAA;AAAA,cACF,IAEF,CAAA;AAAA,cACJ;AAAA,gBACE,OAAO,EAAE,uBAAuB;AAAA,gBAChC,QAAQ,CAACZ,MAA2C;AAClD,wBAAMf,IAAWD,EAAY,IAAIgB,EAAK,gBAAgB,EAAE,GAClDc,IAAqB7B,IACvB8B;AAAA,oBACEf;AAAA,oBACAf;AAAA,oBACAtC,GAAW;AAAA,oBACXK;AAAA,oBACAK;AAAA,kBAAA,IAEF;AACJ,yBAAOsD,EAAuBG,CAAkB;AAAA,gBAClD;AAAA,cAAA;AAAA,YACF;AAAA,YAEF,MAAMhE;AAAA,YACN,UAAU,CAACkD,MACT,gBAAAX;AAAA,cAAC2B;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL;AAAA,oBACE,OAAO,EAAE,eAAe;AAAA,oBACxB,MAAM,gBAAA3B,EAAC4B,IAAA,EAAU,eAAW,GAAA,CAAC;AAAA,oBAC7B,SAAS,MAAM;AACb,4BAAMhC,IAAWD,EAAY,IAAIgB,EAAK,gBAAgB,EAAE;AACxD,sBAAIf,KACFhC,EAAOgC,CAAQ;AAAA,oBAEnB;AAAA,kBAAA;AAAA,kBAEF;AAAA,oBACE,OAAO,EAAEe,EAAK,WAAW,oBAAoB,eAAe;AAAA,oBAC5D,MAAMA,EAAK,WAAW,gBAAAX,EAAC6B,IAAA,EAAW,eAAW,GAAA,CAAC,IAAK,gBAAA7B,EAAC8B,IAAA,EAAQ,eAAW,GAAA,CAAC;AAAA,oBACxE,SAAS,MAAM;AAEb,sBADiBnC,EAAY,IAAIgB,EAAK,gBAAgB,EAAE,KAEtD9C,EAAgB8C,CAAI;AAAA,oBAExB;AAAA,kBAAA;AAAA,kBAEF,GAAIjC,IACA;AAAA,oBACE;AAAA,sBACE,OAAO,EAAE,yBAAyB;AAAA,sBAClC,MAAM,gBAAAsB,EAAC+B,IAAA,EAAa,eAAW,GAAA,CAAC;AAAA,sBAChC,SAAS,MAAM;AACb,wBAAIpB,EAAK,gBACPhC,IAAkBgC,EAAK,YAAY;AAAA,sBAEvC;AAAA,oBAAA;AAAA,kBACF,IAEF,CAAA;AAAA,gBAAC;AAAA,gBAEP,cAAc,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YAGnC,YAAApC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

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

@@ -1,7 +1,7 @@
-import { EmployeeCompensations } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll';
-import { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee';
-import { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype';
-import { PayScheduleShow } from '@gusto/embedded-api-v-2025-11-15/models/components/payscheduleshow';
+import { EmployeeCompensations } from '@gusto/embedded-api-v-2026-02-01/models/components/payroll';
+import { Employee } from '@gusto/embedded-api-v-2026-02-01/models/components/employee';
+import { PayrollPayPeriodType } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollpayperiodtype';
+import { PayScheduleShow } from '@gusto/embedded-api-v-2026-02-01/models/components/payscheduleshow';
 import { PayrollCategory } from '../payrollTypes';
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
 interface UsePayrollConfigurationDataParams {

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

@@ -1,10 +1,10 @@
 import { useState as L, useRef as v, useMemo as p, useEffect as E, useCallback as F } from "react";
-import { useEmployeesList as X } from "@gusto/embedded-api-v-2025-11-15/react-query/employeesList";
+import { useEmployeesList as X } from "@gusto/embedded-api-v-2026-02-01/react-query/employeesList";
 import { useQueryClient as Z, keepPreviousData as K, useQuery as R } from "@tanstack/react-query";
-import { usePaySchedulesGet as $ } from "@gusto/embedded-api-v-2025-11-15/react-query/paySchedulesGet";
-import { useGustoEmbeddedContext as ee } from "@gusto/embedded-api-v-2025-11-15/react-query/_context";
-import { payrollsPrepare as te } from "@gusto/embedded-api-v-2025-11-15/funcs/payrollsPrepare";
-import { employeesGet as se } from "@gusto/embedded-api-v-2025-11-15/funcs/employeesGet";
+import { usePaySchedulesGet as $ } from "@gusto/embedded-api-v-2026-02-01/react-query/paySchedulesGet";
+import { useGustoEmbeddedContext as ee } from "@gusto/embedded-api-v-2026-02-01/react-query/_context";
+import { payrollsPrepare as te } from "@gusto/embedded-api-v-2026-02-01/funcs/payrollsPrepare";
+import { employeesGet as se } from "@gusto/embedded-api-v-2026-02-01/funcs/employeesGet";
 import { derivePayrollCategory as oe } from "../payrollTypes.js";
 import { usePagination as ae } from "../../../hooks/usePagination/usePagination.js";
 const m = "payroll-prepare", Q = 300 * 1e3;