@gusto/embedded-react-sdk 0.55.3 → 0.55.4

package/dist/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleCreationPresentation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { OffCycleReasonSelectionPresentation } from '../OffCycleReasonSelection'\nimport { OffCyclePayPeriodDateFormPresentation } from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation'\nimport { OffCycleTaxWithholdingTable } from '../OffCycleTaxWithholdingTable'\nimport { OffCycleTaxWithholdingModal } from '../OffCycleTaxWithholdingModal'\nimport {\n  WAGE_TYPE_CATEGORIES,\n  type WageTypeGroup,\n} from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type {\n  OffCycleCreationFormData,\n  OffCycleCreationPresentationProps,\n} from './OffCycleCreationTypes'\nimport styles from './OffCycleCreationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, RadioGroupField, SwitchField, MultiSelectComboBoxField } from '@/components/Common'\n\n/** @internal */\nexport function OffCycleCreationPresentation({\n  employees,\n  isPending,\n  taxWithholdingConfig,\n  isTaxWithholdingModalOpen,\n  onTaxWithholdingEditClick,\n  onTaxWithholdingModalDone,\n  onTaxWithholdingModalCancel,\n}: OffCycleCreationPresentationProps) {\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleCreation')\n  const { t: tDeductions } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { t: tEmployees } = useTranslation('Payroll.EmployeeSelection')\n  const { t: tWithholding } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const wageTypeGroups: WageTypeGroup[] = useMemo(\n    () =>\n      WAGE_TYPE_CATEGORIES.map(category => {\n        const group: WageTypeGroup = {\n          category,\n          label: tWithholding(`wageTypeGroups.${category}.label`),\n        }\n        if (category === 'regular' || category === 'supplemental') {\n          group.description = tWithholding(`wageTypeGroups.${category}.description`)\n        }\n        return group\n      }),\n    [tWithholding],\n  )\n\n  const { setValue, watch } = useFormContext<OffCycleCreationFormData>()\n  const includeAllEmployees = watch('includeAllEmployees')\n\n  const handleToggleIncludeAll = useCallback(\n    (checked: boolean) => {\n      if (checked) {\n        setValue('selectedEmployeeUuids', [])\n      }\n    },\n    [setValue],\n  )\n\n  const deductionsOptions = [\n    {\n      value: false,\n      label: tDeductions('options.include.label'),\n    },\n    {\n      value: true,\n      label: tDeductions('options.skip.label'),\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h3\">{t('payPeriodSectionTitle')}</Heading>\n          <Text variant=\"supporting\">{t('payPeriodSectionDescription')}</Text>\n        </Flex>\n        <OffCyclePayPeriodDateFormPresentation />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <OffCycleReasonSelectionPresentation name=\"reason\" />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Heading as=\"h3\">{tEmployees('sectionTitle')}</Heading>\n        <SwitchField\n          name=\"includeAllEmployees\"\n          label={t('includeAllEmployeesLabel')}\n          onChange={handleToggleIncludeAll}\n        />\n        {!includeAllEmployees && (\n          <MultiSelectComboBoxField\n            name=\"selectedEmployeeUuids\"\n            label={tEmployees('sectionTitle')}\n            shouldVisuallyHideLabel\n            placeholder={tEmployees('searchPlaceholder')}\n            options={employees}\n          />\n        )}\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <RadioGroupField<boolean>\n          name=\"skipRegularDeductions\"\n          label={tDeductions('title')}\n          description={tDeductions('description')}\n          options={deductionsOptions}\n          convertValueToString={value => String(value)}\n        />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <OffCycleTaxWithholdingTable\n        wageTypeGroups={wageTypeGroups}\n        config={taxWithholdingConfig}\n        onEditClick={onTaxWithholdingEditClick}\n      />\n      {isTaxWithholdingModalOpen && (\n        <OffCycleTaxWithholdingModal\n          isOpen\n          defaultConfig={taxWithholdingConfig}\n          onDone={onTaxWithholdingModalDone}\n          onCancel={onTaxWithholdingModalCancel}\n        />\n      )}\n\n      <Flex justifyContent=\"flex-end\" gap={12}>\n        <Button type=\"submit\" isLoading={isPending} isDisabled={isPending}>\n          {t('continueCta')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["OffCycleCreationPresentation","employees","isPending","taxWithholdingConfig","isTaxWithholdingModalOpen","onTaxWithholdingEditClick","onTaxWithholdingModalDone","onTaxWithholdingModalCancel","useI18n","t","useTranslation","tDeductions","tEmployees","tWithholding","Heading","Text","Button","useComponentContext","wageTypeGroups","useMemo","WAGE_TYPE_CATEGORIES","category","group","setValue","watch","useFormContext","includeAllEmployees","handleToggleIncludeAll","useCallback","checked","deductionsOptions","jsxs","Flex","jsx","OffCyclePayPeriodDateFormPresentation","styles","OffCycleReasonSelectionPresentation","SwitchField","MultiSelectComboBoxField","RadioGroupField","value","OffCycleTaxWithholdingTable","OffCycleTaxWithholdingModal"],"mappings":"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"}
+{"version":3,"file":"OffCycleCreationPresentation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { OffCycleReasonSelectionPresentation } from '../OffCycleReasonSelection'\nimport { OffCyclePayPeriodDateFormPresentation } from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation'\nimport { OffCycleTaxWithholdingTable } from '../OffCycleTaxWithholdingTable'\nimport { OffCycleTaxWithholdingModal } from '../OffCycleTaxWithholdingModal'\nimport {\n  WAGE_TYPE_CATEGORIES,\n  type WageTypeGroup,\n} from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type {\n  OffCycleCreationFormData,\n  OffCycleCreationPresentationProps,\n} from './OffCycleCreationTypes'\nimport styles from './OffCycleCreationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, RadioGroupField, SwitchField, MultiSelectComboBoxField } from '@/components/Common'\n\n/** @internal */\nexport function OffCycleCreationPresentation({\n  employees,\n  isPending,\n  minCheckDate,\n  minCheckOnlyDate,\n  taxWithholdingConfig,\n  isTaxWithholdingModalOpen,\n  onTaxWithholdingEditClick,\n  onTaxWithholdingModalDone,\n  onTaxWithholdingModalCancel,\n}: OffCycleCreationPresentationProps) {\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleCreation')\n  const { t: tDeductions } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { t: tEmployees } = useTranslation('Payroll.EmployeeSelection')\n  const { t: tWithholding } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const wageTypeGroups: WageTypeGroup[] = useMemo(\n    () =>\n      WAGE_TYPE_CATEGORIES.map(category => {\n        const group: WageTypeGroup = {\n          category,\n          label: tWithholding(`wageTypeGroups.${category}.label`),\n          taxedAsDescription: tWithholding(`wageTypeGroups.${category}.taxedAsDescription`),\n        }\n        if (category === 'regular' || category === 'supplemental') {\n          group.description = tWithholding(`wageTypeGroups.${category}.description`)\n        }\n        return group\n      }),\n    [tWithholding],\n  )\n\n  const { setValue, watch } = useFormContext<OffCycleCreationFormData>()\n  const includeAllEmployees = watch('includeAllEmployees')\n\n  const handleToggleIncludeAll = useCallback(\n    (checked: boolean) => {\n      if (checked) {\n        setValue('selectedEmployeeUuids', [])\n      }\n    },\n    [setValue],\n  )\n\n  const deductionsOptions = [\n    {\n      value: false,\n      label: tDeductions('options.include.label'),\n    },\n    {\n      value: true,\n      label: tDeductions('options.skip.label'),\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h3\">{t('payPeriodSectionTitle')}</Heading>\n          <Text variant=\"supporting\">{t('payPeriodSectionDescription')}</Text>\n        </Flex>\n        <OffCyclePayPeriodDateFormPresentation\n          minCheckDate={minCheckDate}\n          minCheckOnlyDate={minCheckOnlyDate}\n        />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <OffCycleReasonSelectionPresentation name=\"reason\" />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Heading as=\"h3\">{tEmployees('sectionTitle')}</Heading>\n        <SwitchField\n          name=\"includeAllEmployees\"\n          label={t('includeAllEmployeesLabel')}\n          onChange={handleToggleIncludeAll}\n        />\n        {!includeAllEmployees && (\n          <MultiSelectComboBoxField\n            name=\"selectedEmployeeUuids\"\n            label={tEmployees('sectionTitle')}\n            shouldVisuallyHideLabel\n            placeholder={tEmployees('searchPlaceholder')}\n            options={employees}\n          />\n        )}\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <RadioGroupField<boolean>\n          name=\"skipRegularDeductions\"\n          label={tDeductions('title')}\n          description={tDeductions('description')}\n          options={deductionsOptions}\n          convertValueToString={value => String(value)}\n        />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Text variant=\"supporting\">\n          <Trans\n            t={t}\n            i18nKey=\"taxWithholdingDisclaimer\"\n            components={{ bold: <Text as=\"span\" weight=\"bold\" /> }}\n          />\n        </Text>\n        <OffCycleTaxWithholdingTable\n          wageTypeGroups={wageTypeGroups}\n          config={taxWithholdingConfig}\n          onEditClick={onTaxWithholdingEditClick}\n        />\n        {isTaxWithholdingModalOpen && (\n          <OffCycleTaxWithholdingModal\n            isOpen\n            defaultConfig={taxWithholdingConfig}\n            onDone={onTaxWithholdingModalDone}\n            onCancel={onTaxWithholdingModalCancel}\n          />\n        )}\n      </Flex>\n\n      <Flex justifyContent=\"flex-end\" gap={12}>\n        <Button type=\"submit\" isLoading={isPending} isDisabled={isPending}>\n          {t('continueCta')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["OffCycleCreationPresentation","employees","isPending","minCheckDate","minCheckOnlyDate","taxWithholdingConfig","isTaxWithholdingModalOpen","onTaxWithholdingEditClick","onTaxWithholdingModalDone","onTaxWithholdingModalCancel","useI18n","t","useTranslation","tDeductions","tEmployees","tWithholding","Heading","Text","Button","useComponentContext","wageTypeGroups","useMemo","WAGE_TYPE_CATEGORIES","category","group","setValue","watch","useFormContext","includeAllEmployees","handleToggleIncludeAll","useCallback","checked","deductionsOptions","jsxs","Flex","jsx","OffCyclePayPeriodDateFormPresentation","styles","OffCycleReasonSelectionPresentation","SwitchField","MultiSelectComboBoxField","RadioGroupField","value","Trans","OffCycleTaxWithholdingTable","OffCycleTaxWithholdingModal"],"mappings":"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"}

package/dist/components/Payroll/OffCycleCreation/OffCycleCreationTypes.d.ts

@@ -35,6 +35,10 @@ export interface OffCycleCreationPresentationProps {
     employees: MultiSelectComboBoxOption[];
     /** Whether the off-cycle create mutation is in flight. */
     isPending?: boolean;
+    /** Earliest selectable payment date for direct deposit (today plus the ACH lead time). */
+    minCheckDate: Date;
+    /** Earliest selectable payment date when the payroll is check-only (today). */
+    minCheckOnlyDate: Date;
     /** Current tax withholding configuration shown in the table. */
     taxWithholdingConfig: OffCycleTaxWithholdingConfig;
     /** Whether the tax withholding edit modal is open. */

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

@@ -16,4 +16,4 @@ import { OffCycleDeductionsSettingProps } from './types';
  * @returns The rendered radio group.
  * @public
  */
-export declare function OffCycleDeductionsSetting({ dictionary, skipRegularDeductions, onEvent, }: OffCycleDeductionsSettingProps): import("react").JSX.Element;
+export declare function OffCycleDeductionsSetting(props: OffCycleDeductionsSettingProps): import("react").JSX.Element;

package/dist/components/Payroll/OffCycleDeductionsSetting/OffCycleDeductionsSetting.js

@@ -1,16 +1,18 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { useTranslation as a } from "react-i18next";
-import { useComponentDictionary as m, useI18n as f } from "../../../i18n/I18n.js";
-import { componentEvents as d } from "../../../shared/constants.js";
-import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function S({
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import { useTranslation as p } from "react-i18next";
+import { BaseBoundaries as f } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useComponentDictionary as m, useI18n as d } from "../../../i18n/I18n.js";
+import { componentEvents as C } from "../../../shared/constants.js";
+import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function D({
   dictionary: o,
-  skipRegularDeductions: t,
-  onEvent: n
+  skipRegularDeductions: n,
+  onEvent: i
 }) {
-  m("Payroll.OffCycleDeductionsSetting", o), f("Payroll.OffCycleDeductionsSetting");
-  const { t: e } = a("Payroll.OffCycleDeductionsSetting"), { RadioGroup: i } = C(), l = u(
+  m("Payroll.OffCycleDeductionsSetting", o), d("Payroll.OffCycleDeductionsSetting");
+  const { t: e } = p("Payroll.OffCycleDeductionsSetting"), { RadioGroup: l } = y(), s = a(
     () => [
       {
         value: "include",
@@ -22,23 +24,26 @@ function S({
       }
     ],
     [e]
-  ), s = (c) => {
-    n(d.OFF_CYCLE_DEDUCTIONS_CHANGE, {
-      skipRegularDeductions: c === "skip"
+  ), r = (u) => {
+    i(C.OFF_CYCLE_DEDUCTIONS_CHANGE, {
+      skipRegularDeductions: u === "skip"
     });
-  }, r = t ? "skip" : "include";
-  return /* @__PURE__ */ p(
-    i,
+  }, c = n ? "skip" : "include";
+  return /* @__PURE__ */ t(
+    l,
     {
       label: e("title"),
       description: e("description"),
-      options: l,
-      value: r,
-      onChange: s
+      options: s,
+      value: c,
+      onChange: r
     }
   );
 }
+function P(o) {
+  return /* @__PURE__ */ t(f, { componentName: "Payroll.OffCycleDeductionsSetting", children: /* @__PURE__ */ t(D, { ...o }) });
+}
 export {
-  S as OffCycleDeductionsSetting
+  P as OffCycleDeductionsSetting
 };
 //# sourceMappingURL=OffCycleDeductionsSetting.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleDeductionsSetting.js","sources":["../../../../src/components/Payroll/OffCycleDeductionsSetting/OffCycleDeductionsSetting.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleDeductionsSettingProps } from './types'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype DeductionsValue = 'include' | 'skip'\n\n/**\n * Radio control for choosing whether an off-cycle payroll skips regular deductions and contributions.\n *\n * @remarks\n * Taxes are always included regardless of the selection. Selecting \"Skip\" blocks all regular\n * deductions and contributions except 401(k); selecting \"Include\" runs all regular deductions\n * and contributions normally.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `offCycle/deductionsChange` | Fired when the deduction preference changes | {@link OffCycleDeductionsSettingChangePayload} |\n *\n * @param props - {@link OffCycleDeductionsSettingProps}\n * @returns The rendered radio group.\n * @public\n */\nexport function OffCycleDeductionsSetting({\n  dictionary,\n  skipRegularDeductions,\n  onEvent,\n}: OffCycleDeductionsSettingProps) {\n  useComponentDictionary('Payroll.OffCycleDeductionsSetting', dictionary)\n  useI18n('Payroll.OffCycleDeductionsSetting')\n\n  const { t } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { RadioGroup } = useComponentContext()\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'include' as const,\n        label: t('options.include.label'),\n      },\n      {\n        value: 'skip' as const,\n        label: t('options.skip.label'),\n      },\n    ],\n    [t],\n  )\n\n  const handleChange = (value: string) => {\n    onEvent(componentEvents.OFF_CYCLE_DEDUCTIONS_CHANGE, {\n      skipRegularDeductions: value === 'skip',\n    })\n  }\n\n  const selectedValue: DeductionsValue = skipRegularDeductions ? 'skip' : 'include'\n\n  return (\n    <RadioGroup\n      label={t('title')}\n      description={t('description')}\n      options={options}\n      value={selectedValue}\n      onChange={handleChange}\n    />\n  )\n}\n"],"names":["OffCycleDeductionsSetting","dictionary","skipRegularDeductions","onEvent","useComponentDictionary","useI18n","t","useTranslation","RadioGroup","useComponentContext","options","useMemo","handleChange","value","componentEvents","selectedValue","jsx"],"mappings":";;;;;;AA0BO,SAASA,EAA0B;AAAA,EACxC,YAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,SAAAC;AACF,GAAmC;AACjC,EAAAC,EAAuB,qCAAqCH,CAAU,GACtEI,EAAQ,mCAAmC;AAE3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOL,EAAE,uBAAuB;AAAA,MAAA;AAAA,MAElC;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAC/B;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEM,IAAe,CAACC,MAAkB;AACtC,IAAAV,EAAQW,EAAgB,6BAA6B;AAAA,MACnD,uBAAuBD,MAAU;AAAA,IAAA,CAClC;AAAA,EACH,GAEME,IAAiCb,IAAwB,SAAS;AAExE,SACE,gBAAAc;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,OAAOF,EAAE,OAAO;AAAA,MAChB,aAAaA,EAAE,aAAa;AAAA,MAC5B,SAAAI;AAAA,MACA,OAAOK;AAAA,MACP,UAAUH;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"OffCycleDeductionsSetting.js","sources":["../../../../src/components/Payroll/OffCycleDeductionsSetting/OffCycleDeductionsSetting.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleDeductionsSettingProps } from './types'\nimport { BaseBoundaries } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype DeductionsValue = 'include' | 'skip'\n\nfunction OffCycleDeductionsSettingRoot({\n  dictionary,\n  skipRegularDeductions,\n  onEvent,\n}: OffCycleDeductionsSettingProps) {\n  useComponentDictionary('Payroll.OffCycleDeductionsSetting', dictionary)\n  useI18n('Payroll.OffCycleDeductionsSetting')\n\n  const { t } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { RadioGroup } = useComponentContext()\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'include' as const,\n        label: t('options.include.label'),\n      },\n      {\n        value: 'skip' as const,\n        label: t('options.skip.label'),\n      },\n    ],\n    [t],\n  )\n\n  const handleChange = (value: string) => {\n    onEvent(componentEvents.OFF_CYCLE_DEDUCTIONS_CHANGE, {\n      skipRegularDeductions: value === 'skip',\n    })\n  }\n\n  const selectedValue: DeductionsValue = skipRegularDeductions ? 'skip' : 'include'\n\n  return (\n    <RadioGroup\n      label={t('title')}\n      description={t('description')}\n      options={options}\n      value={selectedValue}\n      onChange={handleChange}\n    />\n  )\n}\n\n/**\n * Radio control for choosing whether an off-cycle payroll skips regular deductions and contributions.\n *\n * @remarks\n * Taxes are always included regardless of the selection. Selecting \"Skip\" blocks all regular\n * deductions and contributions except 401(k); selecting \"Include\" runs all regular deductions\n * and contributions normally.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `offCycle/deductionsChange` | Fired when the deduction preference changes | {@link OffCycleDeductionsSettingChangePayload} |\n *\n * @param props - {@link OffCycleDeductionsSettingProps}\n * @returns The rendered radio group.\n * @public\n */\nexport function OffCycleDeductionsSetting(props: OffCycleDeductionsSettingProps) {\n  return (\n    <BaseBoundaries componentName=\"Payroll.OffCycleDeductionsSetting\">\n      <OffCycleDeductionsSettingRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["OffCycleDeductionsSettingRoot","dictionary","skipRegularDeductions","onEvent","useComponentDictionary","useI18n","t","useTranslation","RadioGroup","useComponentContext","options","useMemo","handleChange","value","componentEvents","selectedValue","jsx","OffCycleDeductionsSetting","props","BaseBoundaries"],"mappings":";;;;;;;;AAUA,SAASA,EAA8B;AAAA,EACrC,YAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,SAAAC;AACF,GAAmC;AACjC,EAAAC,EAAuB,qCAAqCH,CAAU,GACtEI,EAAQ,mCAAmC;AAE3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOL,EAAE,uBAAuB;AAAA,MAAA;AAAA,MAElC;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAC/B;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEM,IAAe,CAACC,MAAkB;AACtC,IAAAV,EAAQW,EAAgB,6BAA6B;AAAA,MACnD,uBAAuBD,MAAU;AAAA,IAAA,CAClC;AAAA,EACH,GAEME,IAAiCb,IAAwB,SAAS;AAExE,SACE,gBAAAc;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,OAAOF,EAAE,OAAO;AAAA,MAChB,aAAaA,EAAE,aAAa;AAAA,MAC5B,SAAAI;AAAA,MACA,OAAOK;AAAA,MACP,UAAUH;AAAA,IAAA;AAAA,EAAA;AAGhB;AAmBO,SAASK,EAA0BC,GAAuC;AAC/E,SACE,gBAAAF,EAACG,KAAe,eAAc,qCAC5B,4BAACnB,GAAA,EAA+B,GAAGkB,GAAO,EAAA,CAC5C;AAEJ;"}

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

@@ -1,2 +1,9 @@
 /** @internal */
-export declare function OffCyclePayPeriodDateFormPresentation(): import("react").JSX.Element;
+export interface OffCyclePayPeriodDateFormPresentationProps {
+    /** Earliest selectable payment date for direct deposit (today plus the ACH lead time). */
+    minCheckDate: Date;
+    /** Earliest selectable payment date when the payroll is check-only (today). */
+    minCheckOnlyDate: Date;
+}
+/** @internal */
+export declare function OffCyclePayPeriodDateFormPresentation({ minCheckDate, minCheckOnlyDate, }: OffCyclePayPeriodDateFormPresentationProps): import("react").JSX.Element;

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js

@@ -1,20 +1,32 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import r from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
-import { useI18n as o } from "../../../i18n/I18n.js";
-import { CheckboxField as c } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-import { DatePickerField as t } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function D() {
-  o("Payroll.OffCyclePayPeriodDateForm");
-  const { t: e } = l("Payroll.OffCyclePayPeriodDateForm");
-  return /* @__PURE__ */ i("div", { className: r.root, children: [
-    /* @__PURE__ */ i("div", { className: r.dateFields, children: [
-      /* @__PURE__ */ a(t, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
-      /* @__PURE__ */ a(t, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useFormContext as s, useWatch as m } from "react-hook-form";
+import { useTranslation as d } from "react-i18next";
+import a from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
+import { useI18n as h } from "../../../i18n/I18n.js";
+import { CheckboxField as y } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+import { DatePickerField as r } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+function O({
+  minCheckDate: o,
+  minCheckOnlyDate: l
+}) {
+  h("Payroll.OffCyclePayPeriodDateForm");
+  const { t: e } = d("Payroll.OffCyclePayPeriodDateForm"), { control: c } = s(), n = m({ control: c, name: "isCheckOnly" }) ? l : o;
+  return /* @__PURE__ */ i("div", { className: a.root, children: [
+    /* @__PURE__ */ i("div", { className: a.dateFields, children: [
+      /* @__PURE__ */ t(r, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
+      /* @__PURE__ */ t(r, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
     ] }),
-    /* @__PURE__ */ a("div", { className: r.checkDateField, children: /* @__PURE__ */ a(t, { name: "checkDate", label: e("checkDateLabel"), isRequired: !0 }) }),
-    /* @__PURE__ */ a(
-      c,
+    /* @__PURE__ */ t("div", { className: a.checkDateField, children: /* @__PURE__ */ t(
+      r,
+      {
+        name: "checkDate",
+        label: e("checkDateLabel"),
+        isRequired: !0,
+        minDate: n
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      y,
       {
         name: "isCheckOnly",
         label: e("checkOnlyLabel"),
@@ -24,6 +36,6 @@ function D() {
   ] });
 }
 export {
-  D as OffCyclePayPeriodDateFormPresentation
+  O as OffCyclePayPeriodDateFormPresentation
 };
 //# sourceMappingURL=OffCyclePayPeriodDateFormPresentation.js.map

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\n/** @internal */\nexport function OffCyclePayPeriodDateFormPresentation() {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.dateFields}>\n        <DatePickerField name=\"startDate\" label={t('startDateLabel')} isRequired />\n        <DatePickerField name=\"endDate\" label={t('endDateLabel')} isRequired />\n      </div>\n\n      <div className={styles.checkDateField}>\n        <DatePickerField name=\"checkDate\" label={t('checkDateLabel')} isRequired />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","useI18n","t","useTranslation","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;AAMO,SAASA,IAAwC;AACtD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAI,EAACC,KAAgB,MAAK,WAAU,OAAOL,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC,GAC3E;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAON,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}
+{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCyclePayPeriodDateFormData } from './OffCyclePayPeriodDateFormTypes'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\n/** @internal */\nexport interface OffCyclePayPeriodDateFormPresentationProps {\n  /** Earliest selectable payment date for direct deposit (today plus the ACH lead time). */\n  minCheckDate: Date\n  /** Earliest selectable payment date when the payroll is check-only (today). */\n  minCheckOnlyDate: Date\n}\n\n/** @internal */\nexport function OffCyclePayPeriodDateFormPresentation({\n  minCheckDate,\n  minCheckOnlyDate,\n}: OffCyclePayPeriodDateFormPresentationProps) {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n\n  const { control } = useFormContext<OffCyclePayPeriodDateFormData>()\n  const isCheckOnly = useWatch({ control, name: 'isCheckOnly' })\n\n  // Mirrors the resolver's own `isCheckOnly ? today : minCheckDate` so the picker and the\n  // validation agree. Without a minDate the rule existed only as a submit-time error, and\n  // legacy gws-flows disables invalid dates in the picker (SDK-1274). Checking \"check-only\"\n  // has to widen the bound back to today, live.\n  const checkDateMinimum = isCheckOnly ? minCheckOnlyDate : minCheckDate\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.dateFields}>\n        <DatePickerField name=\"startDate\" label={t('startDateLabel')} isRequired />\n        <DatePickerField name=\"endDate\" label={t('endDateLabel')} isRequired />\n      </div>\n\n      <div className={styles.checkDateField}>\n        <DatePickerField\n          name=\"checkDate\"\n          label={t('checkDateLabel')}\n          isRequired\n          minDate={checkDateMinimum}\n        />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","minCheckDate","minCheckOnlyDate","useI18n","t","useTranslation","control","useFormContext","checkDateMinimum","useWatch","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;AAgBO,SAASA,EAAsC;AAAA,EACpD,cAAAC;AAAA,EACA,kBAAAC;AACF,GAA+C;AAC7C,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAE1D,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAOdC,IANcC,EAAS,EAAE,SAAAH,GAAS,MAAM,eAAe,IAMtBJ,IAAmBD;AAE1D,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOT,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAQ,EAACC,KAAgB,MAAK,WAAU,OAAOT,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAEA,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOT,EAAE,gBAAgB;AAAA,QACzB,YAAU;AAAA,QACV,SAASI;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOV,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}

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

@@ -1,45 +1,48 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { useTranslation as f } from "react-i18next";
 import n from "./OffCycleTaxWithholdingTable.module.scss.js";
 import { WITHHOLDING_PAY_PERIOD_I18N_KEY as b } from "./OffCycleTaxWithholdingTableTypes.js";
 import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as u } from "../../../i18n/I18n.js";
 function k({
-  wageTypeGroups: s,
-  config: i,
+  wageTypeGroups: o,
+  config: r,
   onEditClick: d
 }) {
   u("Payroll.OffCycleTaxWithholding");
-  const { t: e } = f("Payroll.OffCycleTaxWithholding"), { Table: c, Button: h, Heading: y, Text: r } = g(), o = e(
-    b[i.withholdingPayPeriod]
-  ).toLowerCase(), m = {
-    regular: e("table.taxedAsRegular", { frequency: o }),
-    supplemental: i.withholdingRate === "supplemental" ? e("table.taxedAsSupplemental") : e("table.taxedAsRegular", { frequency: o }),
+  const { t: e } = f("Payroll.OffCycleTaxWithholding"), { Table: c, Button: h, Heading: m, Text: l } = g(), s = e(
+    b[r.withholdingPayPeriod]
+  ).toLowerCase(), y = {
+    regular: e("table.taxedAsRegular", { frequency: s }),
+    supplemental: r.withholdingRate === "supplemental" ? e("table.taxedAsSupplemental") : e("table.taxedAsRegular", { frequency: s }),
     reimbursement: e("table.taxedAsNotTaxed")
   }, p = [
     { key: "wage-types", content: e("table.headers.wageTypes") },
     { key: "taxed-as", content: e("table.headers.taxedAs") }
-  ], x = s.map((t) => ({
+  ], x = o.map((t) => ({
     key: t.category,
     data: [
       {
         key: `${t.category}-type`,
-        content: /* @__PURE__ */ l("div", { className: n.wageTypeCell, children: [
-          /* @__PURE__ */ a(r, { weight: "semibold", children: t.label }),
-          t.description && /* @__PURE__ */ a(r, { variant: "supporting", children: t.description })
+        content: /* @__PURE__ */ i("div", { className: n.wageTypeCell, children: [
+          /* @__PURE__ */ a(l, { weight: "semibold", children: t.label }),
+          t.description && /* @__PURE__ */ a(l, { variant: "supporting", children: t.description })
         ] })
       },
       {
         key: `${t.category}-taxed-as`,
-        content: m[t.category]
+        content: /* @__PURE__ */ i("div", { className: n.taxedAsCell, children: [
+          /* @__PURE__ */ a(l, { children: y[t.category] }),
+          t.taxedAsDescription && /* @__PURE__ */ a(l, { variant: "supporting", children: t.taxedAsDescription })
+        ] })
       }
     ]
   }));
-  return /* @__PURE__ */ l("div", { className: n.root, children: [
-    /* @__PURE__ */ l("div", { className: n.header, children: [
-      /* @__PURE__ */ l("div", { className: n.headerContent, children: [
-        /* @__PURE__ */ a(y, { as: "h3", children: e("title") }),
-        /* @__PURE__ */ a(r, { variant: "supporting", children: e("description") })
+  return /* @__PURE__ */ i("div", { className: n.root, children: [
+    /* @__PURE__ */ i("div", { className: n.header, children: [
+      /* @__PURE__ */ i("div", { className: n.headerContent, children: [
+        /* @__PURE__ */ a(m, { as: "h3", children: e("title") }),
+        /* @__PURE__ */ a(l, { variant: "supporting", children: e("description") })
       ] }),
       /* @__PURE__ */ a(h, { variant: "secondary", onClick: d, children: e("editButton") })
     ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleTaxWithholdingTable.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCycleTaxWithholdingTable.module.scss'\nimport {\n  WITHHOLDING_PAY_PERIOD_I18N_KEY,\n  type OffCycleTaxWithholdingTableProps,\n  type WageTypeCategory,\n} from './OffCycleTaxWithholdingTableTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport type { TableData, TableRow } from '@/components/Common/UI/Table/TableTypes'\n\n/** @internal */\nexport function OffCycleTaxWithholdingTable({\n  wageTypeGroups,\n  config,\n  onEditClick,\n}: OffCycleTaxWithholdingTableProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Table, Button, Heading, Text } = useComponentContext()\n\n  const frequencyText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[config.withholdingPayPeriod],\n  ).toLowerCase()\n\n  const taxedAsByCategory: Record<WageTypeCategory, string> = {\n    regular: t('table.taxedAsRegular', { frequency: frequencyText }),\n    supplemental:\n      config.withholdingRate === 'supplemental'\n        ? t('table.taxedAsSupplemental')\n        : t('table.taxedAsRegular', { frequency: frequencyText }),\n    reimbursement: t('table.taxedAsNotTaxed'),\n  }\n\n  const headers: TableData[] = [\n    { key: 'wage-types', content: t('table.headers.wageTypes') },\n    { key: 'taxed-as', content: t('table.headers.taxedAs') },\n  ]\n\n  const rows: TableRow[] = wageTypeGroups.map(group => ({\n    key: group.category,\n    data: [\n      {\n        key: `${group.category}-type`,\n        content: (\n          <div className={styles.wageTypeCell}>\n            <Text weight=\"semibold\">{group.label}</Text>\n            {group.description && <Text variant=\"supporting\">{group.description}</Text>}\n          </div>\n        ),\n      },\n      {\n        key: `${group.category}-taxed-as`,\n        content: taxedAsByCategory[group.category],\n      },\n    ],\n  }))\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.header}>\n        <div className={styles.headerContent}>\n          <Heading as=\"h3\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </div>\n        <Button variant=\"secondary\" onClick={onEditClick}>\n          {t('editButton')}\n        </Button>\n      </div>\n      <Table aria-label={t('title')} headers={headers} rows={rows} className={styles.table} />\n    </div>\n  )\n}\n"],"names":["OffCycleTaxWithholdingTable","wageTypeGroups","config","onEditClick","useI18n","t","useTranslation","Table","Button","Heading","Text","useComponentContext","frequencyText","WITHHOLDING_PAY_PERIOD_I18N_KEY","taxedAsByCategory","headers","rows","group","jsxs","styles","jsx"],"mappings":";;;;;;AAYO,SAASA,EAA4B;AAAA,EAC1C,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,GAAqC;AACnC,EAAAC,EAAQ,gCAAgC;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAEnCC,IAAgBP;AAAA,IACpBQ,EAAgCX,EAAO,oBAAoB;AAAA,EAAA,EAC3D,YAAA,GAEIY,IAAsD;AAAA,IAC1D,SAAST,EAAE,wBAAwB,EAAE,WAAWO,GAAe;AAAA,IAC/D,cACEV,EAAO,oBAAoB,iBACvBG,EAAE,2BAA2B,IAC7BA,EAAE,wBAAwB,EAAE,WAAWO,EAAA,CAAe;AAAA,IAC5D,eAAeP,EAAE,uBAAuB;AAAA,EAAA,GAGpCU,IAAuB;AAAA,IAC3B,EAAE,KAAK,cAAc,SAASV,EAAE,yBAAyB,EAAA;AAAA,IACzD,EAAE,KAAK,YAAY,SAASA,EAAE,uBAAuB,EAAA;AAAA,EAAE,GAGnDW,IAAmBf,EAAe,IAAI,CAAAgB,OAAU;AAAA,IACpD,KAAKA,EAAM;AAAA,IACX,MAAM;AAAA,MACJ;AAAA,QACE,KAAK,GAAGA,EAAM,QAAQ;AAAA,QACtB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,UAAA,gBAAAC,EAACV,GAAA,EAAK,QAAO,YAAY,UAAAO,EAAM,OAAM;AAAA,UACpCA,EAAM,eAAe,gBAAAG,EAACV,KAAK,SAAQ,cAAc,YAAM,YAAA,CAAY;AAAA,QAAA,EAAA,CACtE;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK,GAAGO,EAAM,QAAQ;AAAA,QACtB,SAASH,EAAkBG,EAAM,QAAQ;AAAA,MAAA;AAAA,IAC3C;AAAA,EACF,EACA;AAEF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,eACrB,UAAA;AAAA,QAAA,gBAAAC,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,0BAC5BK,GAAA,EAAK,SAAQ,cAAc,UAAAL,EAAE,aAAa,EAAA,CAAE;AAAA,MAAA,GAC/C;AAAA,MACA,gBAAAe,EAACZ,KAAO,SAAQ,aAAY,SAASL,GAClC,UAAAE,EAAE,YAAY,EAAA,CACjB;AAAA,IAAA,GACF;AAAA,IACA,gBAAAe,EAACb,GAAA,EAAM,cAAYF,EAAE,OAAO,GAAG,SAAAU,GAAkB,MAAAC,GAAY,WAAWG,EAAO,MAAA,CAAO;AAAA,EAAA,GACxF;AAEJ;"}
+{"version":3,"file":"OffCycleTaxWithholdingTable.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCycleTaxWithholdingTable.module.scss'\nimport {\n  WITHHOLDING_PAY_PERIOD_I18N_KEY,\n  type OffCycleTaxWithholdingTableProps,\n  type WageTypeCategory,\n} from './OffCycleTaxWithholdingTableTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport type { TableData, TableRow } from '@/components/Common/UI/Table/TableTypes'\n\n/** @internal */\nexport function OffCycleTaxWithholdingTable({\n  wageTypeGroups,\n  config,\n  onEditClick,\n}: OffCycleTaxWithholdingTableProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Table, Button, Heading, Text } = useComponentContext()\n\n  const frequencyText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[config.withholdingPayPeriod],\n  ).toLowerCase()\n\n  const taxedAsByCategory: Record<WageTypeCategory, string> = {\n    regular: t('table.taxedAsRegular', { frequency: frequencyText }),\n    supplemental:\n      config.withholdingRate === 'supplemental'\n        ? t('table.taxedAsSupplemental')\n        : t('table.taxedAsRegular', { frequency: frequencyText }),\n    reimbursement: t('table.taxedAsNotTaxed'),\n  }\n\n  const headers: TableData[] = [\n    { key: 'wage-types', content: t('table.headers.wageTypes') },\n    { key: 'taxed-as', content: t('table.headers.taxedAs') },\n  ]\n\n  const rows: TableRow[] = wageTypeGroups.map(group => ({\n    key: group.category,\n    data: [\n      {\n        key: `${group.category}-type`,\n        content: (\n          <div className={styles.wageTypeCell}>\n            <Text weight=\"semibold\">{group.label}</Text>\n            {group.description && <Text variant=\"supporting\">{group.description}</Text>}\n          </div>\n        ),\n      },\n      {\n        key: `${group.category}-taxed-as`,\n        content: (\n          <div className={styles.taxedAsCell}>\n            <Text>{taxedAsByCategory[group.category]}</Text>\n            {group.taxedAsDescription && (\n              <Text variant=\"supporting\">{group.taxedAsDescription}</Text>\n            )}\n          </div>\n        ),\n      },\n    ],\n  }))\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.header}>\n        <div className={styles.headerContent}>\n          <Heading as=\"h3\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </div>\n        <Button variant=\"secondary\" onClick={onEditClick}>\n          {t('editButton')}\n        </Button>\n      </div>\n      <Table aria-label={t('title')} headers={headers} rows={rows} className={styles.table} />\n    </div>\n  )\n}\n"],"names":["OffCycleTaxWithholdingTable","wageTypeGroups","config","onEditClick","useI18n","t","useTranslation","Table","Button","Heading","Text","useComponentContext","frequencyText","WITHHOLDING_PAY_PERIOD_I18N_KEY","taxedAsByCategory","headers","rows","group","jsxs","styles","jsx"],"mappings":";;;;;;AAYO,SAASA,EAA4B;AAAA,EAC1C,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,GAAqC;AACnC,EAAAC,EAAQ,gCAAgC;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAEnCC,IAAgBP;AAAA,IACpBQ,EAAgCX,EAAO,oBAAoB;AAAA,EAAA,EAC3D,YAAA,GAEIY,IAAsD;AAAA,IAC1D,SAAST,EAAE,wBAAwB,EAAE,WAAWO,GAAe;AAAA,IAC/D,cACEV,EAAO,oBAAoB,iBACvBG,EAAE,2BAA2B,IAC7BA,EAAE,wBAAwB,EAAE,WAAWO,EAAA,CAAe;AAAA,IAC5D,eAAeP,EAAE,uBAAuB;AAAA,EAAA,GAGpCU,IAAuB;AAAA,IAC3B,EAAE,KAAK,cAAc,SAASV,EAAE,yBAAyB,EAAA;AAAA,IACzD,EAAE,KAAK,YAAY,SAASA,EAAE,uBAAuB,EAAA;AAAA,EAAE,GAGnDW,IAAmBf,EAAe,IAAI,CAAAgB,OAAU;AAAA,IACpD,KAAKA,EAAM;AAAA,IACX,MAAM;AAAA,MACJ;AAAA,QACE,KAAK,GAAGA,EAAM,QAAQ;AAAA,QACtB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,UAAA,gBAAAC,EAACV,GAAA,EAAK,QAAO,YAAY,UAAAO,EAAM,OAAM;AAAA,UACpCA,EAAM,eAAe,gBAAAG,EAACV,KAAK,SAAQ,cAAc,YAAM,YAAA,CAAY;AAAA,QAAA,EAAA,CACtE;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK,GAAGO,EAAM,QAAQ;AAAA,QACtB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,aACrB,UAAA;AAAA,UAAA,gBAAAC,EAACV,GAAA,EAAM,UAAAI,EAAkBG,EAAM,QAAQ,GAAE;AAAA,UACxCA,EAAM,sBACL,gBAAAG,EAACV,KAAK,SAAQ,cAAc,YAAM,mBAAA,CAAmB;AAAA,QAAA,EAAA,CAEzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EACA;AAEF,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,eACrB,UAAA;AAAA,QAAA,gBAAAC,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,0BAC5BK,GAAA,EAAK,SAAQ,cAAc,UAAAL,EAAE,aAAa,EAAA,CAAE;AAAA,MAAA,GAC/C;AAAA,MACA,gBAAAe,EAACZ,KAAO,SAAQ,aAAY,SAASL,GAClC,UAAAE,EAAE,YAAY,EAAA,CACjB;AAAA,IAAA,GACF;AAAA,IACA,gBAAAe,EAACb,GAAA,EAAM,cAAYF,EAAE,OAAO,GAAG,SAAAU,GAAkB,MAAAC,GAAY,WAAWG,EAAO,MAAA,CAAO;AAAA,EAAA,GACxF;AAEJ;"}

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.module.scss.js

@@ -1,16 +1,18 @@
-const e = "_root_izowe_1", o = "_header_izowe_7", t = "_headerContent_izowe_14", _ = "_wageTypeCell_izowe_20", a = "_table_izowe_26", n = {
+const e = "_root_xmpo5_1", t = "_header_xmpo5_7", o = "_headerContent_xmpo5_14", _ = "_wageTypeCell_xmpo5_20", a = "_taxedAsCell_xmpo5_21", l = "_table_xmpo5_27", n = {
   root: e,
-  header: o,
-  headerContent: t,
+  header: t,
+  headerContent: o,
   wageTypeCell: _,
-  table: a
+  taxedAsCell: a,
+  table: l
 };
 export {
   n as default,
-  o as header,
-  t as headerContent,
+  t as header,
+  o as headerContent,
   e as root,
-  a as table,
+  l as table,
+  a as taxedAsCell,
   _ as wageTypeCell
 };
 //# sourceMappingURL=OffCycleTaxWithholdingTable.module.scss.js.map

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.module.scss.js.map

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

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

@@ -22,6 +22,8 @@ export interface WageTypeGroup {
     label: string;
     /** Optional supporting text shown beneath the label. */
     description?: string;
+    /** Optional supporting text shown beneath the derived "taxed as" value, explaining how this wage type category is taxed. */
+    taxedAsDescription?: string;
 }
 /** @internal */
 export interface OffCycleTaxWithholdingConfig {

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/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/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  /** Optional supporting text shown beneath the derived \"taxed as\" value, explaining how this wage type category is taxed. */\n  taxedAsDescription?: 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;"}