@gusto/embedded-react-sdk 0.57.3 → 0.58.0

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TransitionCreationTypes.js","sources":["../../../../src/components/Payroll/TransitionCreation/TransitionCreationTypes.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\n\n/**\n * Props for the {@link TransitionCreation} component.\n *\n * @public\n */\nexport interface TransitionCreationProps extends BaseComponentInterface<'Payroll.TransitionCreation'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The start date of the transition pay period (YYYY-MM-DD). */\n  startDate: string\n  /** The end date of the transition pay period (YYYY-MM-DD). */\n  endDate: string\n  /** The UUID of the pay schedule this transition is associated with. */\n  payScheduleUuid: string\n}\n\n/**\n * Form values collected by the {@link TransitionCreation} component.\n *\n * @public\n */\nexport interface TransitionCreationFormData {\n  /** The date employees will be paid. Must be at least the company's ACH lead time from today. */\n  checkDate: Date | null\n  /** When `true`, regular deductions are skipped for this payroll. */\n  skipRegularDeductions: boolean\n}\n\n/** @internal */\nexport function createTransitionCreationSchema(\n  t: (key: string, options?: Record<string, unknown>) => string,\n  minCheckDate: Date,\n  paymentSpeedDays?: number,\n) {\n  return z.object({\n    checkDate: z\n      .date()\n      .nullable()\n      .refine((val): val is Date => val !== null, {\n        message: t('errors.checkDateRequired'),\n      })\n      .refine(\n        val => {\n          const normalized = new Date(val)\n          normalized.setHours(0, 0, 0, 0)\n          const min = new Date(minCheckDate)\n          min.setHours(0, 0, 0, 0)\n          return normalized >= min\n        },\n        { message: t('errors.checkDateAchLeadTime', { count: paymentSpeedDays ?? 2 }) },\n      ),\n    skipRegularDeductions: z.boolean(),\n  })\n}\n\n/** @internal */\nexport interface TransitionCreationPresentationProps {\n  /** CSS class name applied to the component's root element. */\n  className?: string\n  /** The start date of the transition pay period (YYYY-MM-DD). */\n  startDate: string\n  /** The end date of the transition pay period (YYYY-MM-DD). */\n  endDate: string\n  /** Display name of the associated pay schedule, or `null` when none is available. */\n  payScheduleName: string | null\n  /** Whether the create off-cycle mutation is in flight. */\n  isPending?: boolean\n  /** Current tax withholding configuration shown in the table. */\n  taxWithholdingConfig: OffCycleTaxWithholdingConfig\n  /** Whether the tax withholding edit modal is open. */\n  isTaxWithholdingModalOpen: boolean\n  /** Fires when the user clicks the edit affordance on the tax withholding table. */\n  onTaxWithholdingEditClick: () => void\n  /** Fires when the user confirms a new tax withholding configuration in the modal. */\n  onTaxWithholdingModalDone: (config: OffCycleTaxWithholdingConfig) => void\n  /** Fires when the user dismisses the tax withholding modal without saving. */\n  onTaxWithholdingModalCancel: () => void\n}\n"],"names":["createTransitionCreationSchema","t","minCheckDate","paymentSpeedDays","z","val","normalized","min"],"mappings":";AAiCO,SAASA,EACdC,GACAC,GACAC,GACA;AACA,SAAOC,EAAE,OAAO;AAAA,IACd,WAAWA,EACR,KAAA,EACA,SAAA,EACA,OAAO,CAACC,MAAqBA,MAAQ,MAAM;AAAA,MAC1C,SAASJ,EAAE,0BAA0B;AAAA,IAAA,CACtC,EACA;AAAA,MACC,CAAAI,MAAO;AACL,cAAMC,IAAa,IAAI,KAAKD,CAAG;AAC/B,QAAAC,EAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAC9B,cAAMC,IAAM,IAAI,KAAKL,CAAY;AACjC,eAAAK,EAAI,SAAS,GAAG,GAAG,GAAG,CAAC,GAChBD,KAAcC;AAAA,MACvB;AAAA,MACA,EAAE,SAASN,EAAE,+BAA+B,EAAE,OAAOE,KAAoB,GAAG,EAAA;AAAA,IAAE;AAAA,IAElF,uBAAuBC,EAAE,QAAA;AAAA,EAAQ,CAClC;AACH;"}

package/dist/components/Payroll/TransitionPayroll/TransitionPayroll.js

@@ -1,48 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { createMachine as P } from "robot3";
-import { transitionPayrollMachine as x } from "./transitionPayrollStateMachine.js";
-import { PayrollConfigurationContextual as y, TransitionCreationContextual as C } from "./TransitionPayrollComponents.js";
-import { useResolveTransitionPayroll as h } from "./useResolveTransitionPayroll.js";
-import { BaseComponent as g } from "../../Base/Base.js";
-import { useBase as v } from "../../Base/useBase.js";
-import { Flow as B } from "../../Flow/Flow.js";
-function k(o) {
-  return /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(T, { ...o }) });
-}
-function T({
-  companyId: o,
-  startDate: n,
-  endDate: t,
-  payScheduleUuid: i,
-  payrollUuid: l,
-  withReimbursements: m = !0
-}) {
-  const { onEvent: s } = v(), u = h({
-    companyId: o,
-    startDate: n,
-    endDate: t,
-    payScheduleUuid: i
-  }), e = l ?? u, [c] = p(() => {
-    const a = !!e;
-    return P(
-      a ? "configuration" : "creation",
-      x,
-      (f) => ({
-        ...f,
-        component: a ? y : C,
-        companyId: o,
-        startDate: n,
-        endDate: t,
-        payScheduleUuid: i,
-        payrollUuid: e,
-        withReimbursements: m
-      })
-    );
-  });
-  return /* @__PURE__ */ r(B, { machine: c, onEvent: s });
-}
-export {
-  k as TransitionPayroll
-};
-//# sourceMappingURL=TransitionPayroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TransitionPayroll.js","sources":["../../../../src/components/Payroll/TransitionPayroll/TransitionPayroll.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { transitionPayrollMachine } from './transitionPayrollStateMachine'\nimport {\n  TransitionCreationContextual,\n  PayrollConfigurationContextual,\n  type TransitionPayrollContextInterface,\n} from './TransitionPayrollComponents'\nimport { useResolveTransitionPayroll } from './useResolveTransitionPayroll'\nimport type { TransitionPayrollProps } from './TransitionPayrollTypes'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Resolves and runs a transition payroll for a pay-schedule change, picking up an existing\n * unprocessed transition payroll when one exists and creating one otherwise.\n *\n * @remarks\n * A transition payroll covers the gap that opens when a company changes its pay schedule. This\n * component looks up whether one already exists for the pay period and picks the starting screen:\n *\n * - If it exists, it starts on {@link PayrollConfiguration} for that payroll.\n * - Otherwise it starts on {@link TransitionCreation}, then advances to {@link PayrollConfiguration}\n *   once the payroll is created.\n *\n * Configuration events (calculate, employee edit, blockers, etc.) are emitted through `onEvent` for\n * the host to route. Compose it inside {@link TransitionFlow} for the full run-payroll experience,\n * or handle the events yourself.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `transition/created` | The transition payroll has been created and the flow advances to configuration | `{ payrollUuid: string }` |\n *\n * Once configuration begins, all standard run-payroll events are emitted as well (e.g.\n * `runPayroll/calculated`, `runPayroll/employee/edit`, `runPayroll/blockers/viewAll`).\n *\n * @components\n * - {@link TransitionCreation}\n * - {@link PayrollConfiguration}\n *\n * @param props - See {@link TransitionPayrollProps}.\n * @returns The transition payroll component.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { Payroll, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <Payroll.TransitionPayroll\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       startDate=\"2025-01-16\"\n *       endDate=\"2025-01-31\"\n *       payScheduleUuid=\"c75c1ef6-2ec0-4cca-94a5-8b4cf7e5ea21\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'runPayroll/calculated') {\n *           // Payroll calculated — navigate to your review screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function TransitionPayroll(props: TransitionPayrollProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  payrollUuid,\n  withReimbursements = true,\n}: TransitionPayrollProps) {\n  const { onEvent } = useBase()\n\n  const resolvedPayrollUuid = useResolveTransitionPayroll({\n    companyId,\n    startDate,\n    endDate,\n    payScheduleUuid,\n  })\n\n  // A caller-supplied payrollUuid wins over the lookup, so a parent that already knows the payroll\n  // can skip creation.\n  const initialPayrollUuid = payrollUuid ?? resolvedPayrollUuid\n\n  // Freeze the machine once. Creating a payroll refetches the resolve query, so recomputing this\n  // would re-seat the machine mid-flow.\n  const [machine] = useState(() => {\n    const hasExisting = Boolean(initialPayrollUuid)\n    return createMachine(\n      hasExisting ? 'configuration' : 'creation',\n      transitionPayrollMachine,\n      (initialContext: TransitionPayrollContextInterface) => ({\n        ...initialContext,\n        component: hasExisting ? PayrollConfigurationContextual : TransitionCreationContextual,\n        companyId,\n        startDate,\n        endDate,\n        payScheduleUuid,\n        payrollUuid: initialPayrollUuid,\n        withReimbursements,\n      }),\n    )\n  })\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["TransitionPayroll","props","jsx","BaseComponent","Root","companyId","startDate","endDate","payScheduleUuid","payrollUuid","withReimbursements","onEvent","useBase","resolvedPayrollUuid","useResolveTransitionPayroll","initialPayrollUuid","machine","useState","hasExisting","createMachine","transitionPayrollMachine","initialContext","PayrollConfigurationContextual","TransitionCreationContextual","Flow"],"mappings":";;;;;;;;;AAmEO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAA2B;AACzB,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAsBC,EAA4B;AAAA,IACtD,WAAAT;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,CACD,GAIKO,IAAqBN,KAAeI,GAIpC,CAACG,CAAO,IAAIC,EAAS,MAAM;AAC/B,UAAMC,IAAc,EAAQH;AAC5B,WAAOI;AAAA,MACLD,IAAc,kBAAkB;AAAA,MAChCE;AAAA,MACA,CAACC,OAAuD;AAAA,QACtD,GAAGA;AAAA,QACH,WAAWH,IAAcI,IAAiCC;AAAA,QAC1D,WAAAlB;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAaO;AAAA,QACb,oBAAAL;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAR,EAACsB,GAAA,EAAK,SAAAR,GAAkB,SAAAL,EAAA,CAAkB;AACnD;"}

package/dist/components/Payroll/TransitionPayroll/TransitionPayrollComponents.js

@@ -1,35 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { PayrollConfiguration as m } from "../PayrollConfiguration/PayrollConfiguration.js";
-import { useFlow as i } from "../../Flow/useFlow.js";
-import { ensureRequired as o } from "../../../helpers/ensureRequired.js";
-import { TransitionCreation as p } from "../TransitionCreation/TransitionCreation.js";
-function f() {
-  const { companyId: t, startDate: n, endDate: r, payScheduleUuid: e, onEvent: u } = i();
-  return /* @__PURE__ */ a(
-    p,
-    {
-      companyId: o(t),
-      startDate: o(n),
-      endDate: o(r),
-      payScheduleUuid: o(e),
-      onEvent: u
-    }
-  );
-}
-function C() {
-  const { companyId: t, payrollUuid: n, onEvent: r, withReimbursements: e } = i();
-  return /* @__PURE__ */ a(
-    m,
-    {
-      companyId: o(t),
-      payrollId: o(n),
-      onEvent: r,
-      withReimbursements: e
-    }
-  );
-}
-export {
-  C as PayrollConfigurationContextual,
-  f as TransitionCreationContextual
-};
-//# sourceMappingURL=TransitionPayrollComponents.js.map

package/dist/components/Payroll/TransitionPayroll/TransitionPayrollComponents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TransitionPayrollComponents.js","sources":["../../../../src/components/Payroll/TransitionPayroll/TransitionPayrollComponents.tsx"],"sourcesContent":["import { TransitionCreation } from '../TransitionCreation'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Flow context shape carried through the {@link TransitionPayroll} state machine.\n *\n * @internal\n */\nexport interface TransitionPayrollContextInterface extends FlowContextInterface {\n  /** Company the transition payroll belongs to. */\n  companyId: string\n  /** Start date of the transition pay period (YYYY-MM-DD). */\n  startDate: string\n  /** End date of the transition pay period (YYYY-MM-DD). */\n  endDate: string\n  /** UUID of the pay schedule the transition is associated with. */\n  payScheduleUuid: string\n  /** UUID of the transition payroll once it has been resolved or created. */\n  payrollUuid?: string\n  /** Whether reimbursement fields are shown on the configuration screen. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/** @internal */\nexport function TransitionCreationContextual() {\n  const { companyId, startDate, endDate, payScheduleUuid, onEvent } =\n    useFlow<TransitionPayrollContextInterface>()\n  return (\n    <TransitionCreation\n      companyId={ensureRequired(companyId)}\n      startDate={ensureRequired(startDate)}\n      endDate={ensureRequired(endDate)}\n      payScheduleUuid={ensureRequired(payScheduleUuid)}\n      onEvent={onEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements } =\n    useFlow<TransitionPayrollContextInterface>()\n  return (\n    <PayrollConfiguration\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      onEvent={onEvent}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n"],"names":["TransitionCreationContextual","companyId","startDate","endDate","payScheduleUuid","onEvent","useFlow","jsx","TransitionCreation","ensureRequired","PayrollConfigurationContextual","payrollUuid","withReimbursements","PayrollConfiguration"],"mappings":";;;;;AA0BO,SAASA,IAA+B;AAC7C,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,iBAAAC,GAAiB,SAAAC,EAAA,IACtDC,EAAA;AACF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeP,CAAS;AAAA,MACnC,SAASO,EAAeN,CAAO;AAAA,MAC/B,iBAAiBM,EAAeL,CAAe;AAAA,MAC/C,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAT,GAAW,aAAAU,GAAa,SAAAN,GAAS,oBAAAO,EAAA,IACvCN,EAAA;AACF,SACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeE,CAAW;AAAA,MACrC,SAAAN;AAAA,MACA,oBAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/TransitionPayroll/transitionPayrollStateMachine.js

@@ -1,23 +0,0 @@
-import { state as o, transition as r, reduce as i } from "robot3";
-import { PayrollConfigurationContextual as a } from "./TransitionPayrollComponents.js";
-import { componentEvents as e } from "../../../shared/constants.js";
-const m = {
-  creation: o(
-    r(
-      e.TRANSITION_CREATED,
-      "configuration",
-      i(
-        (t, n) => ({
-          ...t,
-          payrollUuid: n.payload?.payrollUuid,
-          component: a
-        })
-      )
-    )
-  ),
-  configuration: o()
-};
-export {
-  m as transitionPayrollMachine
-};
-//# sourceMappingURL=transitionPayrollStateMachine.js.map

package/dist/components/Payroll/TransitionPayroll/transitionPayrollStateMachine.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transitionPayrollStateMachine.js","sources":["../../../../src/components/Payroll/TransitionPayroll/transitionPayrollStateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport {\n  PayrollConfigurationContextual,\n  type TransitionPayrollContextInterface,\n} from './TransitionPayrollComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/**\n * State machine for {@link TransitionPayroll}.\n *\n * @remarks\n * `creation` shows {@link TransitionCreation}; `configuration` shows {@link PayrollConfiguration}.\n * The component freezes the initial state from the resolve lookup. `configuration` has no outgoing\n * transitions (a plain zero-transition state, not a robot3 final state per SDK-1169) so its events\n * bubble via `onEvent` and the screen keeps working if the host stays mounted past completion.\n *\n * @internal\n */\nexport const transitionPayrollMachine = {\n  creation: state<MachineTransition>(\n    transition(\n      componentEvents.TRANSITION_CREATED,\n      'configuration',\n      reduce(\n        (\n          ctx: TransitionPayrollContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): TransitionPayrollContextInterface => ({\n          ...ctx,\n          payrollUuid: ev.payload?.payrollUuid,\n          component: PayrollConfigurationContextual,\n        }),\n      ),\n    ),\n  ),\n\n  configuration: state<MachineTransition>(),\n}\n"],"names":["transitionPayrollMachine","state","transition","componentEvents","reduce","ctx","ev","PayrollConfigurationContextual"],"mappings":";;;AAmBO,MAAMA,IAA2B;AAAA,EACtC,UAAUC;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACuC;AAAA,UACvC,GAAGD;AAAA,UACH,aAAaC,EAAG,SAAS;AAAA,UACzB,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAGF,eAAeN,EAAA;AACjB;"}

package/dist/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.js

@@ -1,29 +0,0 @@
-import { usePayrollsListSuspense as l } from "@gusto/embedded-api/react-query/payrollsList";
-import { QueryParamPayrollTypes as a, ProcessingStatuses as u } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { toRFCDate as c } from "../../../helpers/dateFormatting.js";
-const p = 28, d = "Transition from old pay schedule";
-function y() {
-  const e = /* @__PURE__ */ new Date();
-  return e.setDate(e.getDate() + p), c(e).toString();
-}
-function R({
-  companyId: e,
-  startDate: r,
-  endDate: s,
-  payScheduleUuid: n
-}) {
-  const { data: i } = l({
-    companyId: e,
-    processingStatuses: [u.Unprocessed],
-    endDate: y(),
-    payrollTypes: [a.Regular, a.OffCycle]
-  });
-  return i.payrollList?.find((o) => {
-    const t = o.payPeriod;
-    return o.offCycleReason === d && t?.startDate === r && t.endDate === s && t.payScheduleUuid === n;
-  })?.payrollUuid;
-}
-export {
-  R as useResolveTransitionPayroll
-};
-//# sourceMappingURL=useResolveTransitionPayroll.js.map

package/dist/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResolveTransitionPayroll.js","sources":["../../../../src/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.ts"],"sourcesContent":["import { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport { toRFCDate } from '@/helpers/dateFormatting'\n\nconst FUTURE_LOOKAHEAD_DAYS = 28\n\nconst TRANSITION_OFF_CYCLE_REASON = 'Transition from old pay schedule'\n\nfunction getFutureEndDate(): string {\n  const date = new Date()\n  date.setDate(date.getDate() + FUTURE_LOOKAHEAD_DAYS)\n  return toRFCDate(date).toString()\n}\n\n/**\n * Arguments describing the transition pay period to resolve.\n *\n * @internal\n */\nexport interface ResolveTransitionPayrollArgs {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n}\n\n/**\n * Looks up an existing unprocessed transition payroll for the given pay period.\n *\n * @remarks\n * A transition payroll is an unprocessed off-cycle payroll whose `offCycleReason` is\n * `\"Transition from old pay schedule\"` and whose pay period matches the supplied\n * `startDate`, `endDate`, and `payScheduleUuid`. When the company changed its pay schedule\n * the platform creates exactly one such payroll for the coverage gap; this hook finds it so\n * the caller can resume it instead of creating a duplicate.\n *\n * Backed by a suspense query, so callers must render it under a suspense boundary.\n *\n * @param args - The pay period to match. See {@link ResolveTransitionPayrollArgs}.\n * @returns The matching payroll's UUID, or `undefined` when none exists yet.\n * @internal\n */\nexport function useResolveTransitionPayroll({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n}: ResolveTransitionPayrollArgs): string | undefined {\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    endDate: getFutureEndDate(),\n    payrollTypes: [QueryParamPayrollTypes.Regular, QueryParamPayrollTypes.OffCycle],\n  })\n\n  const match = payrollsData.payrollList?.find(payroll => {\n    const period = payroll.payPeriod\n    return (\n      payroll.offCycleReason === TRANSITION_OFF_CYCLE_REASON &&\n      period?.startDate === startDate &&\n      period.endDate === endDate &&\n      period.payScheduleUuid === payScheduleUuid\n    )\n  })\n\n  return match?.payrollUuid\n}\n"],"names":["FUTURE_LOOKAHEAD_DAYS","TRANSITION_OFF_CYCLE_REASON","getFutureEndDate","date","toRFCDate","useResolveTransitionPayroll","companyId","startDate","endDate","payScheduleUuid","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","payroll","period"],"mappings":";;;AAOA,MAAMA,IAAwB,IAExBC,IAA8B;AAEpC,SAASC,IAA2B;AAClC,QAAMC,wBAAW,KAAA;AACjB,SAAAA,EAAK,QAAQA,EAAK,QAAA,IAAYH,CAAqB,GAC5CI,EAAUD,CAAI,EAAE,SAAA;AACzB;AA8BO,SAASE,EAA4B;AAAA,EAC1C,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAqD;AACnD,QAAM,EAAE,MAAMC,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAL;AAAA,IACA,oBAAoB,CAACM,EAAmB,WAAW;AAAA,IACnD,SAASV,EAAA;AAAA,IACT,cAAc,CAACW,EAAuB,SAASA,EAAuB,QAAQ;AAAA,EAAA,CAC/E;AAYD,SAVcH,EAAa,aAAa,KAAK,CAAAI,MAAW;AACtD,UAAMC,IAASD,EAAQ;AACvB,WACEA,EAAQ,mBAAmBb,KAC3Bc,GAAQ,cAAcR,KACtBQ,EAAO,YAAYP,KACnBO,EAAO,oBAAoBN;AAAA,EAE/B,CAAC,GAEa;AAChB;"}

package/dist/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.js

@@ -1,411 +0,0 @@
-import { jsx as t, jsxs as m, Fragment as Z } from "react/jsx-runtime";
-import { useRef as fe, useMemo as Ee, Fragment as ge } from "react";
-import { useTranslation as re } from "react-i18next";
-import ye from "classnames";
-import { PayrollUpdatePaymentMethod as Ce } from "@gusto/embedded-api/models/components/payrollupdate";
-import { isSplitByWorkweek as U } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields.js";
-import { PayrollEditEmployeeErrorCodes as T } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema.js";
-import h from "./UNSTABLE_PayrollEditEmployee.module.scss.js";
-import { componentEvents as ee, BREAKPOINTS as Ne, COMPENSATION_NAME_REIMBURSEMENT as ve, COMPENSATION_NAME_PAYCHECK_TIPS as Ae, COMPENSATION_NAME_CASH_TIPS as Oe, COMPENSATION_NAME_CORRECTION_PAYMENT as Te, COMPENSATION_NAME_COMMISSION as Me, COMPENSATION_NAME_BONUS as Pe, COMPENSATION_NAME_DOUBLE_OVERTIME as Se, COMPENSATION_NAME_OVERTIME as Re, COMPENSATION_NAME_REGULAR_HOURS as ke } from "../../../shared/constants.js";
-import { BaseBoundaries as Le, BaseLayout as te } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { useComponentDictionary as _e, useI18n as we } from "../../../i18n/I18n.js";
-import { useComponentContext as ie } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Flex as u } from "../../Common/Flex/Flex.js";
-import { Grid as xe } from "../../Common/Grid/Grid.js";
-import { EmptyData as De } from "../../Common/EmptyData/EmptyData.js";
-import { SDKFormProvider as Ie } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { firstLastName as Be, formatNumberAsCurrency as Ue } from "../../../helpers/formattedStrings.js";
-import { useDateFormatter as Fe } from "../../../hooks/useDateFormatter.js";
-import He from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import ne from "../../../assets/icons/plus-circle.svg.js";
-import Ve from "../../../assets/icons/trashcan.svg.js";
-import { usePayrollEditEmployeeForm as je } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/usePayrollEditEmployeeForm.js";
-import { DataView as M } from "../../Common/DataView/DataView.js";
-import { useDataView as We } from "../../Common/DataView/useDataView.js";
-function yt({
-  FallbackComponent: b,
-  LoaderComponent: f,
-  ...N
-}) {
-  return /* @__PURE__ */ t(
-    Le,
-    {
-      componentName: "Payroll.UNSTABLE_PayrollEditEmployee",
-      FallbackComponent: b,
-      LoaderComponent: f,
-      children: /* @__PURE__ */ t(Ye, { LoaderComponent: f, ...N })
-    }
-  );
-}
-const Ge = ({
-  rows: b,
-  isAdding: f,
-  draftFields: N,
-  onBeginAdd: P,
-  onSave: S,
-  onCancel: L,
-  onRemove: R
-}) => {
-  const { t: e } = re("Payroll.UNSTABLE_PayrollEditEmployee"), { Button: g, ButtonIcon: k, Heading: y } = ie(), { Description: C, Amount: v } = N, A = We({
-    data: b,
-    columns: [
-      {
-        key: "description",
-        title: e("reimbursementDescriptionColumn"),
-        render: (d) => d.description.trim() || e("reimbursementUnnamedFallback")
-      },
-      {
-        key: "amount",
-        title: e("reimbursementAmountColumn"),
-        justify: "end",
-        render: (d) => Ue(parseFloat(d.amount || "0"))
-      },
-      {
-        key: "recurring",
-        title: e("reimbursementTypeColumn"),
-        render: (d) => d.recurring ? e("reimbursementTypeRecurring") : e("reimbursementTypeOneTime")
-      }
-    ],
-    itemMenu: (d) => {
-      if (d.recurring) return null;
-      const O = d.description.trim() || e("reimbursementUnnamedFallback");
-      return /* @__PURE__ */ t(
-        k,
-        {
-          variant: "tertiary",
-          onClick: () => {
-            R(d.index);
-          },
-          "aria-label": e("removeReimbursementLabel", { description: O }),
-          children: /* @__PURE__ */ t(Ve, { "aria-hidden": !0 })
-        }
-      );
-    },
-    emptyState: () => /* @__PURE__ */ t(De, { title: e("reimbursementEmptyTitle"), children: /* @__PURE__ */ t(g, { variant: "secondary", onClick: P, icon: /* @__PURE__ */ t(ne, { "aria-hidden": !0 }), children: e("addReimbursementCta") }) })
-  });
-  return /* @__PURE__ */ m(u, { flexDirection: "column", gap: 12, children: [
-    /* @__PURE__ */ t(y, { as: "h3", styledAs: "h4", children: e("reimbursementTitle") }),
-    !(b.length === 0 && f) && /* @__PURE__ */ t(M, { label: e("reimbursementsTableLabel"), ...A }),
-    f ? /* @__PURE__ */ m(u, { flexDirection: "column", gap: 12, children: [
-      /* @__PURE__ */ m(xe, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: [
-        /* @__PURE__ */ t(
-          C,
-          {
-            label: e("reimbursementDescriptionLabel"),
-            placeholder: e("reimbursementDescriptionPlaceholder")
-          }
-        ),
-        /* @__PURE__ */ t(v, { label: e("reimbursementAmountLabel"), adornmentStart: "$", isRequired: !0 })
-      ] }),
-      /* @__PURE__ */ m(u, { gap: 12, children: [
-        /* @__PURE__ */ t(g, { onClick: S, title: e("saveReimbursementCta"), children: e("saveReimbursementCta") }),
-        /* @__PURE__ */ t(g, { variant: "secondary", onClick: L, title: e("cancelReimbursementCta"), children: e("cancelReimbursementCta") })
-      ] })
-    ] }) : b.length > 0 && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-      g,
-      {
-        variant: "secondary",
-        onClick: P,
-        title: e("addReimbursementLink"),
-        icon: /* @__PURE__ */ t(ne, { "aria-hidden": !0 }),
-        children: e("addReimbursementLink")
-      }
-    ) })
-  ] });
-}, Ye = ({
-  employeeId: b,
-  companyId: f,
-  payrollId: N,
-  withReimbursements: P = !0,
-  onEvent: S,
-  dictionary: L,
-  LoaderComponent: R
-}) => {
-  _e("Payroll.UNSTABLE_PayrollEditEmployee", L), we("Payroll.UNSTABLE_PayrollEditEmployee");
-  const { t: e } = re("Payroll.UNSTABLE_PayrollEditEmployee"), g = Fe(), { Alert: k, Box: y, BoxHeader: C, Button: v, Heading: A, Text: d } = ie(), O = fe(null), E = He({ ref: O }).includes("small"), ae = Ee(
-    () => ({
-      [T.NEGATIVE_AMOUNT]: e("validations.negativeAmount"),
-      [T.MAX_HOURS]: e("validations.maxHours"),
-      [T.REQUIRED_WORKWEEK]: e("validations.requiredWorkweek"),
-      [T.REIMBURSEMENT_AMOUNT]: e("validations.reimbursementAmount"),
-      [T.MAX_REIMBURSEMENT_AMOUNT]: e(
-        "validations.maxReimbursementAmount"
-      )
-    }),
-    [e]
-  ), r = je({
-    employeeId: b,
-    companyId: f,
-    payrollId: N,
-    withReimbursements: P,
-    errorMessages: ae
-  });
-  if (r.isLoading)
-    return /* @__PURE__ */ t("div", { ref: O, className: h.container, children: /* @__PURE__ */ t(te, { isLoading: !0, error: r.errorHandling.errors, LoaderComponent: R }) });
-  const { employee: _ } = r.data, c = r.form.Fields, F = Be({
-    first_name: _.firstName,
-    last_name: _.lastName
-  }), le = (n) => {
-    switch (n) {
-      case ke:
-        return e("compensationNames.regularHours");
-      case Re:
-        return e("compensationNames.overtime");
-      case Se:
-        return e("compensationNames.doubleOvertime");
-      default:
-        return n;
-    }
-  }, w = (n) => {
-    switch (n) {
-      case Pe:
-        return e("fixedCompensationNames.bonus");
-      case Me:
-        return e("fixedCompensationNames.commission");
-      case Te:
-        return e("fixedCompensationNames.correctionPayment");
-      case Oe:
-        return e("fixedCompensationNames.cashTips");
-      case Ae:
-        return e("fixedCompensationNames.paycheckTips");
-      case ve:
-        return e("fixedCompensationNames.reimbursement");
-      default:
-        return n;
-    }
-  }, x = (n) => U(n) ? n[r.data.workweeks[0]?.startDate ?? ""] ?? [] : n, H = (n, i) => {
-    const { label: l, rowHeader: a, valueColumnLabel: o, labelFor: s, adornmentStart: ue, adornmentEnd: pe } = i, D = U(n), K = x(n), q = (p, I) => /* @__PURE__ */ t("div", { className: ye(h.inputContainer, D && h.workweekInputContainer), children: /* @__PURE__ */ t(
-      p.Field,
-      {
-        label: I,
-        shouldVisuallyHideLabel: !0,
-        adornmentStart: ue,
-        adornmentEnd: pe
-      }
-    ) }), he = {
-      title: o,
-      justify: "end",
-      render: (p) => q(p, s(p.name))
-    }, be = r.data.workweeks.map(
-      ({ startDate: p, endDate: I }) => {
-        const X = g.formatPayPeriodRange(p, I, {
-          useShortMonth: !0
-        });
-        return {
-          title: X,
-          justify: "end",
-          render: (B) => {
-            const J = n[p]?.find(
-              (Q) => Q.jobUuid === B.jobUuid && Q.name === B.name
-            );
-            return J ? q(J, `${s(B.name)} ${X}`) : null;
-          }
-        };
-      }
-    ), z = [
-      { title: a, render: (p) => s(p.name) },
-      ...D ? be : [he]
-    ];
-    return D ? /* @__PURE__ */ t("div", { className: h.workweekTableScroll, children: /* @__PURE__ */ t(
-      M,
-      {
-        label: l,
-        isWithinBox: !0,
-        columns: z,
-        data: K,
-        breakAt: Ne.SMALL
-      }
-    ) }) : /* @__PURE__ */ t(M, { label: l, isWithinBox: !0, columns: z, data: K });
-  }, oe = (n, i) => {
-    const { title: l, footer: a, ...o } = i;
-    return x(n).length === 0 && !a ? null : /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: l }), withPadding: !1, footer: a, children: H(n, o) });
-  }, V = (n, i) => {
-    if (n.length === 0) return null;
-    const { title: l, description: a } = i, o = [
-      {
-        title: e("typeColumn"),
-        render: (s) => s.name
-      },
-      {
-        title: e("hoursColumn"),
-        justify: "end",
-        render: (s) => /* @__PURE__ */ t("div", { className: h.inputContainer, children: /* @__PURE__ */ t(
-          s.Field,
-          {
-            label: s.name,
-            shouldVisuallyHideLabel: !0,
-            adornmentEnd: e("hoursUnit"),
-            description: s.remaining !== null ? e("timeOffBalance.remaining", { balance: s.remaining }) : void 0
-          }
-        ) })
-      }
-    ];
-    return /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: l, description: a }), withPadding: !1, children: /* @__PURE__ */ t(M, { label: l, isWithinBox: !0, columns: o, data: n }) });
-  }, j = (n, i) => {
-    const l = [
-      { title: e("typeColumn"), render: (a) => a.label },
-      {
-        title: e("amountColumn"),
-        justify: "end",
-        render: (a) => /* @__PURE__ */ t("div", { className: h.inputContainer, children: /* @__PURE__ */ t(a.Field, { label: a.label, shouldVisuallyHideLabel: !0, adornmentStart: "$" }) })
-      }
-    ];
-    return /* @__PURE__ */ t(M, { label: i, isWithinBox: !0, columns: l, data: n });
-  }, W = (n) => /* @__PURE__ */ t("div", { className: h.earningsGroupLabel, children: /* @__PURE__ */ t(d, { size: "sm", weight: "semibold", children: n }) }), se = () => {
-    const n = c.overtimeIncludedEarnings, i = c.overtimeExcludedEarnings.map((o) => ({
-      label: w(o.id),
-      Field: o.Field
-    })), l = x(n).length > 0;
-    if (!l && i.length === 0) return null;
-    const a = H(n, {
-      label: e("additionalEarningsTitle"),
-      rowHeader: e("typeColumn"),
-      valueColumnLabel: e("amountColumn"),
-      labelFor: w,
-      adornmentStart: "$"
-    });
-    if (!U(n)) {
-      const o = [
-        ...n.map((s) => ({ label: w(s.name), Field: s.Field })),
-        ...i
-      ];
-      return /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: e("additionalEarningsTitle") }), withPadding: !1, children: j(o, e("additionalEarningsTitle")) });
-    }
-    return /* @__PURE__ */ m(y, { header: /* @__PURE__ */ t(C, { title: e("additionalEarningsTitle") }), withPadding: !1, children: [
-      l ? /* @__PURE__ */ m(Z, { children: [
-        /* @__PURE__ */ t("div", { className: h.earningsAlert, children: /* @__PURE__ */ t(
-          k,
-          {
-            status: "info",
-            label: e("overtimeMultiplierEarningsAlert"),
-            disableScrollIntoView: !0,
-            children: /* @__PURE__ */ t(d, { size: "sm", children: e("overtimeMultiplierEarningsAlertDescription") })
-          }
-        ) }),
-        W(e("overtimeIncludedEarningsGroupLabel")),
-        a
-      ] }) : null,
-      i.length > 0 ? /* @__PURE__ */ m(Z, { children: [
-        W(e("overtimeExcludedEarningsGroupLabel")),
-        j(i, e("overtimeExcludedEarningsGroupLabel"))
-      ] }) : null
-    ] });
-  }, G = c.paymentMethod, Y = c.reimbursementDraft, me = r.data.reimbursements, de = r.form.reimbursementDraft?.isAdding ?? !1, ce = async () => {
-    const n = await r.actions.onSubmit();
-    n && S(ee.RUN_PAYROLL_EMPLOYEE_SAVED, {
-      payrollPrepared: n.data,
-      employee: _
-    });
-  }, $ = /* @__PURE__ */ m(
-    u,
-    {
-      flexDirection: E ? "row" : "column",
-      justifyContent: E ? "flex-end" : "normal",
-      alignItems: E ? "flex-start" : "stretch",
-      gap: 12,
-      children: [
-        /* @__PURE__ */ t(v, { variant: "secondary", onClick: () => {
-          S(ee.RUN_PAYROLL_EMPLOYEE_CANCELLED);
-        }, title: e("cancelCta"), children: e("cancelCta") }),
-        /* @__PURE__ */ t(
-          v,
-          {
-            onClick: () => {
-              ce();
-            },
-            title: e("saveCta"),
-            isLoading: r.status.isPending,
-            children: e("saveCta")
-          }
-        )
-      ]
-    }
-  );
-  return /* @__PURE__ */ t("div", { ref: O, className: h.container, children: /* @__PURE__ */ t(te, { error: r.errorHandling.errors, LoaderComponent: R, children: /* @__PURE__ */ t(Ie, { formHookResult: r, children: /* @__PURE__ */ m(u, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ m(
-      u,
-      {
-        flexDirection: E ? "row" : "column",
-        justifyContent: "space-between",
-        alignItems: E ? "flex-start" : "stretch",
-        gap: 12,
-        children: [
-          /* @__PURE__ */ t(u, { flexDirection: "column", alignItems: "stretch", gap: 8, children: /* @__PURE__ */ t(A, { as: "h1", styledAs: "h2", children: e("pageTitle", { employeeName: F }) }) }),
-          E && $
-        ]
-      }
-    ),
-    !E && $,
-    (() => {
-      const n = c.jobs.length > 1, i = r.data.isOvertimeEligible ? e("regularHoursTitle") : e("regularHoursTitleWithoutOvertime"), l = !r.data.withOvertime && r.data.isOvertimeEligible, a = r.data.withOvertime && r.data.isOvertimeEligible;
-      return /* @__PURE__ */ m(u, { flexDirection: "column", gap: 16, children: [
-        n ? /* @__PURE__ */ t(A, { as: "h3", children: i }) : null,
-        a ? /* @__PURE__ */ t(
-          k,
-          {
-            status: "info",
-            label: e("overtimeWorkweekAlert", { employeeName: F }),
-            disableScrollIntoView: !0
-          }
-        ) : null,
-        c.jobs.map((o) => /* @__PURE__ */ t(ge, { children: oe(o.hours, {
-          title: n ? o.title ?? i : i,
-          label: i,
-          rowHeader: e("hourTypeColumn"),
-          valueColumnLabel: e("hoursColumn"),
-          labelFor: le,
-          adornmentEnd: e("hoursUnit"),
-          footer: l ? /* @__PURE__ */ t(
-            v,
-            {
-              variant: "secondary",
-              onClick: () => {
-                r.actions.addOvertime();
-              },
-              title: e("addOvertimeCta"),
-              children: e("addOvertimeCta")
-            }
-          ) : void 0
-        }) }, o.jobUuid))
-      ] });
-    })(),
-    se(),
-    V(c.timeOff, {
-      title: c.finalPayout ? e("timeOffTitleDismissal") : e("timeOffTitle")
-    }),
-    c.finalPayout ? V(c.finalPayout, {
-      title: e("finalPayoutTitle"),
-      description: e("finalPayoutDescription")
-    }) : null,
-    G ? /* @__PURE__ */ m(u, { flexDirection: "column", gap: 24, children: [
-      Y ? /* @__PURE__ */ t(
-        Ge,
-        {
-          rows: me ?? [],
-          isAdding: de,
-          draftFields: Y,
-          onBeginAdd: () => r.actions.beginAddReimbursement?.(),
-          onSave: () => r.actions.saveReimbursement?.(),
-          onCancel: () => r.actions.cancelReimbursement?.(),
-          onRemove: (n) => r.actions.removeReimbursement?.(n)
-        }
-      ) : null,
-      /* @__PURE__ */ m(u, { flexDirection: "column", gap: 12, children: [
-        /* @__PURE__ */ t(A, { as: "h3", styledAs: "h4", children: e("paymentMethodTitle") }),
-        /* @__PURE__ */ t(
-          G,
-          {
-            label: e("paymentMethodLabel"),
-            description: e("paymentMethodDescription"),
-            getOptionLabel: (n) => n === Ce.Check ? e("paymentMethodOptions.check") : e("paymentMethodOptions.directDeposit")
-          }
-        )
-      ] })
-    ] }) : null
-  ] }) }) }) });
-};
-export {
-  yt as UNSTABLE_PayrollEditEmployee
-};
-//# sourceMappingURL=UNSTABLE_PayrollEditEmployee.js.map