@gusto/embedded-react-sdk 0.36.0 → 0.37.0-rc.1

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissalPayPeriodSelection.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport type { UnprocessedTerminationPayPeriod } from '@gusto/embedded-api/models/components/unprocessedterminationpayperiod'\nimport { OffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport { DismissalPayPeriodSelectionPresentation } from './DismissalPayPeriodSelectionPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { addBusinessDays, formatPayPeriodRange } from '@/helpers/dateFormatting'\nimport { ACH_LEAD_TIME_BUSINESS_DAYS } from '@/components/Payroll/OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface DismissalPayPeriodSelectionProps extends BaseComponentInterface<'Payroll.Dismissal'> {\n  companyId: string\n  employeeId: string\n}\n\nexport function DismissalPayPeriodSelection(props: DismissalPayPeriodSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ntype RequiredPayPeriod = UnprocessedTerminationPayPeriod &\n  Required<Pick<UnprocessedTerminationPayPeriod, 'startDate' | 'endDate' | 'employeeUuid'>>\n\nconst payPeriodKey = (period: RequiredPayPeriod) => `${period.startDate}__${period.endDate}`\n\nfunction Root({ companyId, employeeId, dictionary }: DismissalPayPeriodSelectionProps) {\n  useComponentDictionary('Payroll.Dismissal', dictionary)\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = usePaySchedulesGetUnprocessedTerminationPeriodsSuspense({ companyId })\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const employeePayPeriods: RequiredPayPeriod[] = useMemo(() => {\n    const allPeriods = data.unprocessedTerminationPayPeriodList ?? []\n    return allPeriods\n      .filter(period => period.employeeUuid === employeeId)\n      .filter(\n        (period): period is RequiredPayPeriod =>\n          Boolean(period.startDate) && Boolean(period.endDate) && Boolean(period.employeeUuid),\n      )\n  }, [data, employeeId])\n\n  const payPeriodOptions: SelectOption[] = useMemo(() => {\n    return employeePayPeriods.map(period => {\n      const dateRange = formatPayPeriodRange(period.startDate, period.endDate)\n      const label = period.employeeName ? `${dateRange} (${period.employeeName})` : dateRange\n      return {\n        value: payPeriodKey(period),\n        label,\n      }\n    })\n  }, [employeePayPeriods])\n\n  const initialSelection = payPeriodOptions.length === 1 ? payPeriodOptions[0]!.value : undefined\n  const [selectedPeriodKey, setSelectedPeriodKey] = useState<string | undefined>(initialSelection)\n\n  const handleSubmit = async () => {\n    await baseSubmitHandler({ selectedPeriodKey }, async () => {\n      if (selectedPeriodKey === undefined) {\n        throw new SDKInternalError(t('errors.noPayPeriodSelected'))\n      }\n\n      const period = employeePayPeriods.find(p => payPeriodKey(p) === selectedPeriodKey)\n      if (!period) {\n        throw new SDKInternalError(t('errors.invalidPayPeriod'))\n      }\n\n      const checkDate = period.checkDate\n        ? new RFCDate(period.checkDate)\n        : new RFCDate(addBusinessDays(new Date(), ACH_LEAD_TIME_BUSINESS_DAYS))\n\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.DismissedEmployee,\n            startDate: new RFCDate(period.startDate),\n            endDate: new RFCDate(period.endDate),\n            employeeUuids: [employeeId],\n            checkDate,\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid })\n    })\n  }\n\n  return (\n    <DismissalPayPeriodSelectionPresentation\n      payPeriodOptions={payPeriodOptions}\n      selectedPeriodKey={selectedPeriodKey}\n      onSelectPeriod={setSelectedPeriodKey}\n      onSubmit={handleSubmit}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelection","props","jsx","BaseComponent","Root","payPeriodKey","period","companyId","employeeId","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","data","usePaySchedulesGetUnprocessedTerminationPeriodsSuspense","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","employeePayPeriods","useMemo","payPeriodOptions","dateRange","formatPayPeriodRange","label","initialSelection","selectedPeriodKey","setSelectedPeriodKey","useState","DismissalPayPeriodSelectionPresentation","SDKInternalError","p","checkDate","RFCDate","addBusinessDays","ACH_LEAD_TIME_BUSINESS_DAYS","response","OffCycleReason","payrollUuid","componentEvents"],"mappings":";;;;;;;;;;;;;;;AAuBO,SAASA,GAA4BC,GAAyC;AACnF,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAKA,MAAMI,IAAe,CAACC,MAA8B,GAAGA,EAAO,SAAS,KAAKA,EAAO,OAAO;AAE1F,SAASF,EAAK,EAAE,WAAAG,GAAW,YAAAC,GAAY,YAAAC,KAAgD;AACrF,EAAAC,EAAuB,qBAAqBD,CAAU,GACtDE,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwD,EAAE,WAAAX,GAAW,GAChF,EAAE,aAAaY,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAEpDC,IAA0CC,EAAQ,OACnCN,EAAK,uCAAuC,CAAA,GAE5D,OAAO,CAAAX,MAAUA,EAAO,iBAAiBE,CAAU,EACnD;AAAA,IACC,CAACF,MACC,EAAQA,EAAO,aAAc,EAAQA,EAAO,WAAY,EAAQA,EAAO;AAAA,EAAY,GAExF,CAACW,GAAMT,CAAU,CAAC,GAEfgB,IAAmCD,EAAQ,MACxCD,EAAmB,IAAI,CAAAhB,MAAU;AACtC,UAAMmB,IAAYC,EAAqBpB,EAAO,WAAWA,EAAO,OAAO,GACjEqB,IAAQrB,EAAO,eAAe,GAAGmB,CAAS,KAAKnB,EAAO,YAAY,MAAMmB;AAC9E,WAAO;AAAA,MACL,OAAOpB,EAAaC,CAAM;AAAA,MAC1B,OAAAqB;AAAA,IAAA;AAAA,EAEJ,CAAC,GACA,CAACL,CAAkB,CAAC,GAEjBM,IAAmBJ,EAAiB,WAAW,IAAIA,EAAiB,CAAC,EAAG,QAAQ,QAChF,CAACK,GAAmBC,CAAoB,IAAIC,EAA6BH,CAAgB;AA0C/F,SACE,gBAAA1B;AAAA,IAAC8B;AAAA,IAAA;AAAA,MACC,kBAAAR;AAAA,MACA,mBAAAK;AAAA,MACA,gBAAgBC;AAAA,MAChB,UA7CiB,YAAY;AAC/B,cAAMf,EAAkB,EAAE,mBAAAc,EAAA,GAAqB,YAAY;AACzD,cAAIA,MAAsB;AACxB,kBAAM,IAAII,EAAiBrB,EAAE,4BAA4B,CAAC;AAG5D,gBAAMN,IAASgB,EAAmB,KAAK,OAAKjB,EAAa6B,CAAC,MAAML,CAAiB;AACjF,cAAI,CAACvB;AACH,kBAAM,IAAI2B,EAAiBrB,EAAE,yBAAyB,CAAC;AAGzD,gBAAMuB,IAAY7B,EAAO,YACrB,IAAI8B,EAAQ9B,EAAO,SAAS,IAC5B,IAAI8B,EAAQC,EAAgB,oBAAI,KAAA,GAAQC,CAA2B,CAAC,GAElEC,IAAW,MAAMpB,EAAsB;AAAA,YAC3C,SAAS;AAAA,cACP,WAAAZ;AAAA,cACA,aAAa;AAAA,gBACX,UAAU;AAAA,gBACV,gBAAgBiC,EAAe;AAAA,gBAC/B,WAAW,IAAIJ,EAAQ9B,EAAO,SAAS;AAAA,gBACvC,SAAS,IAAI8B,EAAQ9B,EAAO,OAAO;AAAA,gBACnC,eAAe,CAACE,CAAU;AAAA,gBAC1B,WAAA2B;AAAA,cAAA;AAAA,YACF;AAAA,UACF,CACD,GAEKM,IACJF,EAAS,oBAAoB,eAAeA,EAAS,oBAAoB;AAE3E,cAAI,CAACE;AACH,kBAAM,IAAIR,EAAiBrB,EAAE,yBAAyB,CAAC;AAGzD,UAAAE,EAAQ4B,EAAgB,+BAA+B,EAAE,aAAAD,EAAA,CAAa;AAAA,QACxE,CAAC;AAAA,MACH;AAAA,MAQI,WAAArB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.d.ts

@@ -0,0 +1,9 @@
+import { SelectOption } from '../../../Common/UI/Select/SelectTypes';
+export interface DismissalPayPeriodSelectionPresentationProps {
+    payPeriodOptions: SelectOption[];
+    selectedPeriodKey: string | undefined;
+    onSelectPeriod: (value: string) => void;
+    onSubmit: () => void;
+    isPending: boolean;
+}
+export declare function DismissalPayPeriodSelectionPresentation({ payPeriodOptions, selectedPeriodKey, onSelectPeriod, onSubmit, isPending, }: DismissalPayPeriodSelectionPresentationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.js

@@ -0,0 +1,53 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { Flex as o } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { useI18n as x } from "../../../../i18n/I18n.js";
+function A({
+  payPeriodOptions: r,
+  selectedPeriodKey: n,
+  onSelectPeriod: s,
+  onSubmit: c,
+  isPending: l
+}) {
+  x("Payroll.Dismissal");
+  const { t: i } = d("Payroll.Dismissal"), { Heading: a, Text: m, Select: p, Button: u, Alert: h } = g();
+  return r.length === 0 ? /* @__PURE__ */ t(o, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ e(o, { flexDirection: "column", gap: 4, children: /* @__PURE__ */ e(a, { as: "h2", children: i("pageTitle") }) }),
+    /* @__PURE__ */ e(h, { status: "info", label: i("emptyState") })
+  ] }) : /* @__PURE__ */ t(o, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ t(o, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(a, { as: "h2", children: i("pageTitle") }),
+      /* @__PURE__ */ e(m, { variant: "supporting", children: i("pageDescription") })
+    ] }),
+    /* @__PURE__ */ e(
+      p,
+      {
+        label: i("selectLabel"),
+        options: r,
+        value: n,
+        onChange: s,
+        placeholder: i("selectPlaceholder"),
+        isRequired: !0
+      }
+    ),
+    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+      u,
+      {
+        variant: "primary",
+        onClick: c,
+        isLoading: l,
+        isDisabled: l || n === void 0,
+        children: i("continueCta")
+      }
+    ) })
+  ] });
+}
+export {
+  A as DismissalPayPeriodSelectionPresentation
+};
+//# sourceMappingURL=DismissalPayPeriodSelectionPresentation.js.map

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissalPayPeriodSelectionPresentation.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface DismissalPayPeriodSelectionPresentationProps {\n  payPeriodOptions: SelectOption[]\n  selectedPeriodKey: string | undefined\n  onSelectPeriod: (value: string) => void\n  onSubmit: () => void\n  isPending: boolean\n}\n\nexport function DismissalPayPeriodSelectionPresentation({\n  payPeriodOptions,\n  selectedPeriodKey,\n  onSelectPeriod,\n  onSubmit,\n  isPending,\n}: DismissalPayPeriodSelectionPresentationProps) {\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { Heading, Text, Select, Button, Alert } = useComponentContext()\n\n  const hasNoPayPeriods = payPeriodOptions.length === 0\n\n  if (hasNoPayPeriods) {\n    return (\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        </Flex>\n        <Alert status=\"info\" label={t('emptyState')} />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Select\n        label={t('selectLabel')}\n        options={payPeriodOptions}\n        value={selectedPeriodKey}\n        onChange={onSelectPeriod}\n        placeholder={t('selectPlaceholder')}\n        isRequired\n      />\n\n      <ActionsLayout>\n        <Button\n          variant=\"primary\"\n          onClick={onSubmit}\n          isLoading={isPending}\n          isDisabled={isPending || selectedPeriodKey === undefined}\n        >\n          {t('continueCta')}\n        </Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DismissalPayPeriodSelectionPresentation","payPeriodOptions","selectedPeriodKey","onSelectPeriod","onSubmit","isPending","useI18n","t","useTranslation","Heading","Text","Select","Button","Alert","useComponentContext","jsxs","Flex","jsx","ActionsLayout"],"mappings":";;;;;;;;;AAcO,SAASA,EAAwC;AAAA,EACtD,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAiD;AAC/C,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA;AAIjD,SAFwBb,EAAiB,WAAW,IAIhD,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA,gBAAAC,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,EAAA,CAAE,GACnC;AAAA,sBACCM,GAAA,EAAM,QAAO,QAAO,OAAON,EAAE,YAAY,EAAA,CAAG;AAAA,EAAA,GAC/C,IAKF,gBAAAQ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,wBAChCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IAEA,gBAAAU;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,aAAa;AAAA,QACtB,SAASN;AAAA,QACT,OAAOC;AAAA,QACP,UAAUC;AAAA,QACV,aAAaI,EAAE,mBAAmB;AAAA,QAClC,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGXW,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAASR;AAAA,QACT,WAAWC;AAAA,QACX,YAAYA,KAAaH,MAAsB;AAAA,QAE9C,YAAE,aAAa;AAAA,MAAA;AAAA,IAAA,EAClB,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection';
+export type { DismissalPayPeriodSelectionProps } from './DismissalPayPeriodSelection';

package/dist/components/Payroll/Dismissal/dismissalStateMachine.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export declare const dismissalBreadcrumbsNodes: BreadcrumbNodes;
+export declare const dismissalMachine: {
+    payPeriodSelection: import('robot3').MachineState<any>;
+    execution: import('robot3').MachineState<any>;
+};

package/dist/components/Payroll/Dismissal/dismissalStateMachine.js

@@ -0,0 +1,51 @@
+import { state as i, transition as r, reduce as a, guard as l } from "robot3";
+import { DismissalExecutionContextual as c, DismissalPayPeriodSelectionContextual as s } from "./DismissalFlowComponents.js";
+import { componentEvents as t } from "../../../shared/constants.js";
+function n(e) {
+  return {
+    ...e,
+    component: s,
+    payrollUuid: void 0,
+    currentBreadcrumbId: "payPeriodSelection",
+    progressBarType: "breadcrumbs"
+  };
+}
+const y = {
+  payPeriodSelection: {
+    parent: null,
+    item: {
+      id: "payPeriodSelection",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.Dismissal",
+      onNavigate: n
+    }
+  }
+}, d = r(
+  t.BREADCRUMB_NAVIGATE,
+  "payPeriodSelection",
+  l(
+    (e, o) => o.payload.key === "payPeriodSelection"
+  ),
+  a(n)
+), P = {
+  payPeriodSelection: i(
+    r(
+      t.DISMISSAL_PAY_PERIOD_SELECTED,
+      "execution",
+      a(
+        (e, o) => ({
+          ...e,
+          payrollUuid: o.payload?.payrollUuid,
+          component: c,
+          progressBarType: null
+        })
+      )
+    )
+  ),
+  execution: i(d)
+};
+export {
+  y as dismissalBreadcrumbsNodes,
+  P as dismissalMachine
+};
+//# sourceMappingURL=dismissalStateMachine.js.map

package/dist/components/Payroll/Dismissal/dismissalStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismissalStateMachine.js","sources":["../../../../src/components/Payroll/Dismissal/dismissalStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport {\n  DismissalPayPeriodSelectionContextual,\n  DismissalExecutionContextual,\n  type DismissalFlowContextInterface,\n} from './DismissalFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\nfunction toPayPeriodSelectionReducer(\n  ctx: DismissalFlowContextInterface,\n): DismissalFlowContextInterface {\n  return {\n    ...ctx,\n    component: DismissalPayPeriodSelectionContextual,\n    payrollUuid: undefined,\n    currentBreadcrumbId: 'payPeriodSelection',\n    progressBarType: 'breadcrumbs',\n  }\n}\n\nexport const dismissalBreadcrumbsNodes: BreadcrumbNodes = {\n  payPeriodSelection: {\n    parent: null,\n    item: {\n      id: 'payPeriodSelection',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Dismissal',\n      onNavigate: toPayPeriodSelectionReducer as (context: unknown) => unknown,\n    },\n  },\n}\n\nconst payPeriodSelectionBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'payPeriodSelection',\n  guard(\n    (_ctx: DismissalFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'payPeriodSelection',\n  ),\n  reduce(toPayPeriodSelectionReducer),\n)\n\nexport const dismissalMachine = {\n  payPeriodSelection: state<MachineTransition>(\n    transition(\n      componentEvents.DISMISSAL_PAY_PERIOD_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: DismissalFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): DismissalFlowContextInterface => ({\n          ...ctx,\n          payrollUuid: ev.payload?.payrollUuid,\n          component: DismissalExecutionContextual,\n          progressBarType: null,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(payPeriodSelectionBreadcrumbTransition),\n}\n"],"names":["toPayPeriodSelectionReducer","ctx","DismissalPayPeriodSelectionContextual","dismissalBreadcrumbsNodes","payPeriodSelectionBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","dismissalMachine","state","DismissalExecutionContextual"],"mappings":";;;AAUA,SAASA,EACPC,GAC+B;AAC/B,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,EAAA;AAErB;AAEO,MAAMC,IAA6C;AAAA,EACxD,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,YAAYH;AAAA,IAAA;AAAA,EACd;AAEJ,GAEMI,IAAyCC;AAAA,EAC7CC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAqCC,MACpCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOV,CAA2B;AACpC,GAEaW,IAAmB;AAAA,EAC9B,oBAAoBC;AAAA,IAClBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACET,GACAQ,OACmC;AAAA,UACnC,GAAGR;AAAA,UACH,aAAaQ,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,UACX,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAAsC;AAC5E;"}

package/dist/components/Payroll/Dismissal/dismissalStateMachine.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { DismissalFlow } from './DismissalFlow';
+export type { DismissalFlowProps, DismissalFlowContextInterface } from './DismissalFlowComponents';

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js

@@ -11,11 +11,11 @@ import { ActionsLayout as H } from "../../Common/ActionsLayout/ActionsLayout.js"
 import { NumberInputField as V } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react-error-boundary";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import { useBase as B } from "../../Base/useBase.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import { formatNumberAsCurrency as E } from "../../../helpers/formattedStrings.js";
 import { useI18n as T } from "../../../i18n/I18n.js";
 const q = v.object({

package/dist/components/Payroll/OffCycle/OffCycleFlow.d.ts

@@ -1,2 +1,2 @@
 import { OffCycleFlowProps } from './OffCycleFlowComponents';
-export declare function OffCycleFlow({ companyId, onEvent }: OffCycleFlowProps): import("react/jsx-runtime").JSX.Element;
+export declare function OffCycleFlow({ companyId, payrollType, onEvent }: OffCycleFlowProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/OffCycle/OffCycleFlow.js

@@ -1,29 +1,30 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useMemo as m } from "react";
-import { createMachine as t } from "robot3";
-import { offCycleMachine as a, offCycleBreadcrumbsNodes as l } from "./offCycleStateMachine.js";
-import { OffCycleCreationContextual as i } from "./OffCycleFlowComponents.js";
-import { Flow as n } from "../../Flow/Flow.js";
-import { buildBreadcrumbs as u } from "../../../helpers/breadcrumbHelpers.js";
-function B({ companyId: r, onEvent: e }) {
-  const o = m(
-    () => t(
+import { jsx as m } from "react/jsx-runtime";
+import { useMemo as t } from "react";
+import { createMachine as a } from "robot3";
+import { offCycleMachine as i, offCycleBreadcrumbsNodes as l } from "./offCycleStateMachine.js";
+import { OffCycleCreationContextual as n } from "./OffCycleFlowComponents.js";
+import { Flow as u } from "../../Flow/Flow.js";
+import { buildBreadcrumbs as s } from "../../../helpers/breadcrumbHelpers.js";
+function M({ companyId: r, payrollType: e, onEvent: o }) {
+  const c = t(
+    () => a(
       "createOffCyclePayroll",
-      a,
-      (c) => ({
-        ...c,
-        component: i,
+      i,
+      (f) => ({
+        ...f,
+        component: n,
         companyId: r,
-        breadcrumbs: u(l),
+        payrollType: e,
+        breadcrumbs: s(l),
         currentBreadcrumbId: "createOffCyclePayroll",
         progressBarType: "breadcrumbs"
       })
     ),
-    [r]
+    [r, e]
   );
-  return /* @__PURE__ */ f(n, { machine: o, onEvent: e });
+  return /* @__PURE__ */ m(u, { machine: c, onEvent: o });
 }
 export {
-  B as OffCycleFlow
+  M as OffCycleFlow
 };
 //# sourceMappingURL=OffCycleFlow.js.map

package/dist/components/Payroll/OffCycle/OffCycleFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleFlow.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { offCycleMachine, offCycleBreadcrumbsNodes } from './offCycleStateMachine'\nimport {\n  OffCycleCreationContextual,\n  type OffCycleFlowContextInterface,\n  type OffCycleFlowProps,\n} from './OffCycleFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport function OffCycleFlow({ companyId, onEvent }: OffCycleFlowProps) {\n  const offCycleFlowMachine = useMemo(\n    () =>\n      createMachine(\n        'createOffCyclePayroll',\n        offCycleMachine,\n        (initialContext: OffCycleFlowContextInterface) => ({\n          ...initialContext,\n          component: OffCycleCreationContextual,\n          companyId,\n          breadcrumbs: buildBreadcrumbs(offCycleBreadcrumbsNodes),\n          currentBreadcrumbId: 'createOffCyclePayroll',\n          progressBarType: 'breadcrumbs' as const,\n        }),\n      ),\n    [companyId],\n  )\n\n  return <Flow machine={offCycleFlowMachine} onEvent={onEvent} />\n}\n"],"names":["OffCycleFlow","companyId","onEvent","offCycleFlowMachine","useMemo","createMachine","offCycleMachine","initialContext","OffCycleCreationContextual","buildBreadcrumbs","offCycleBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAWO,SAASA,EAAa,EAAE,WAAAC,GAAW,SAAAC,KAA8B;AACtE,QAAMC,IAAsBC;AAAA,IAC1B,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAkD;AAAA,QACjD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAP;AAAA,QACA,aAAaQ,EAAiBC,CAAwB;AAAA,QACtD,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,IAEJ,CAACT,CAAS;AAAA,EAAA;AAGZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAqB,SAAAD,EAAA,CAAkB;AAC/D;"}
+{"version":3,"file":"OffCycleFlow.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { offCycleMachine, offCycleBreadcrumbsNodes } from './offCycleStateMachine'\nimport {\n  OffCycleCreationContextual,\n  type OffCycleFlowContextInterface,\n  type OffCycleFlowProps,\n} from './OffCycleFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport function OffCycleFlow({ companyId, payrollType, onEvent }: OffCycleFlowProps) {\n  const offCycleFlowMachine = useMemo(\n    () =>\n      createMachine(\n        'createOffCyclePayroll',\n        offCycleMachine,\n        (initialContext: OffCycleFlowContextInterface) => ({\n          ...initialContext,\n          component: OffCycleCreationContextual,\n          companyId,\n          payrollType,\n          breadcrumbs: buildBreadcrumbs(offCycleBreadcrumbsNodes),\n          currentBreadcrumbId: 'createOffCyclePayroll',\n          progressBarType: 'breadcrumbs' as const,\n        }),\n      ),\n    [companyId, payrollType],\n  )\n\n  return <Flow machine={offCycleFlowMachine} onEvent={onEvent} />\n}\n"],"names":["OffCycleFlow","companyId","payrollType","onEvent","offCycleFlowMachine","useMemo","createMachine","offCycleMachine","initialContext","OffCycleCreationContextual","buildBreadcrumbs","offCycleBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAWO,SAASA,EAAa,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,KAA8B;AACnF,QAAMC,IAAsBC;AAAA,IAC1B,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAkD;AAAA,QACjD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,aAAAC;AAAA,QACA,aAAaQ,EAAiBC,CAAwB;AAAA,QACtD,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,IAEJ,CAACV,GAAWC,CAAW;AAAA,EAAA;AAGzB,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAqB,SAAAD,EAAA,CAAkB;AAC/D;"}

package/dist/components/Payroll/OffCycle/OffCycleFlowComponents.d.ts

@@ -1,12 +1,15 @@
+import { OffCycleReason } from '../OffCycleReasonSelection';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { OnEventType } from '../../Base/useBase';
 import { EventType } from '../../../shared/constants';
 export interface OffCycleFlowContextInterface extends FlowContextInterface {
     companyId: string;
     payrollUuid?: string;
+    payrollType?: OffCycleReason;
 }
 export interface OffCycleFlowProps {
     companyId: string;
+    payrollType?: OffCycleReason;
     onEvent: OnEventType<EventType, unknown>;
 }
 export declare function OffCycleCreationContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/OffCycle/OffCycleFlowComponents.js

@@ -1,44 +1,52 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useMemo as m, Suspense as s } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useMemo as u } from "react";
 import { usePayrollsGetSuspense as p } from "@gusto/embedded-api/react-query/payrollsGet";
-import { PayrollExecutionFlow as y } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
-import { useFlow as a } from "../../Flow/useFlow.js";
-import { ensureRequired as i } from "../../../helpers/ensureRequired.js";
+import { PayrollExecutionFlow as s } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { useFlow as i } from "../../Flow/useFlow.js";
+import { ensureRequired as c } from "../../../helpers/ensureRequired.js";
+import { BaseComponent as y } from "../../Base/Base.js";
 import { OffCycleCreation as d } from "../OffCycleCreation/OffCycleCreation.js";
-function h() {
-  const { companyId: o, onEvent: e } = a();
-  return /* @__PURE__ */ t(d, { companyId: i(o), onEvent: e });
-}
 function w() {
-  const { companyId: o, payrollUuid: e, onEvent: n, breadcrumbs: c } = a(), r = c?.createOffCyclePayroll?.[0], l = m(() => r ? [r] : void 0, [r]), f = i(o), u = i(e);
-  return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+  const { companyId: o, payrollType: r, onEvent: e } = i();
+  return /* @__PURE__ */ n(
+    d,
+    {
+      companyId: c(o),
+      payrollType: r,
+      onEvent: e
+    }
+  );
+}
+function B() {
+  const { companyId: o, payrollUuid: r, onEvent: e, breadcrumbs: a } = i(), t = a?.createOffCyclePayroll?.[0], l = u(() => t ? [t] : void 0, [t]), m = c(o), f = c(r);
+  return /* @__PURE__ */ n(y, { onEvent: e, children: /* @__PURE__ */ n(
     C,
     {
-      companyId: f,
-      payrollId: u,
-      onEvent: n,
+      companyId: m,
+      payrollId: f,
+      onEvent: e,
       prefixBreadcrumbs: l
     }
   ) });
 }
 function C({
   companyId: o,
-  payrollId: e,
-  ...n
+  payrollId: r,
+  ...e
 }) {
-  const { data: c } = p({ companyId: o, payrollId: e }), r = c.payrollShow?.payPeriod;
-  return /* @__PURE__ */ t(
-    y,
+  const { data: a } = p({ companyId: o, payrollId: r }), t = a.payrollShow?.payPeriod;
+  return /* @__PURE__ */ n(
+    s,
     {
       companyId: o,
-      payrollId: e,
-      initialPayPeriod: r,
-      ...n
+      payrollId: r,
+      initialPayPeriod: t,
+      ...e
     }
   );
 }
 export {
-  h as OffCycleCreationContextual,
-  w as OffCycleExecutionContextual
+  w as OffCycleCreationContextual,
+  B as OffCycleExecutionContextual
 };
 //# sourceMappingURL=OffCycleFlowComponents.js.map

package/dist/components/Payroll/OffCycle/OffCycleFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleFlowComponents.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlowComponents.tsx"],"sourcesContent":["import { Suspense, useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { OffCycleCreation } from '../OffCycleCreation'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface OffCycleFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n}\n\nexport interface OffCycleFlowProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function OffCycleCreationContextual() {\n  const { companyId, onEvent } = useFlow<OffCycleFlowContextInterface>()\n  return <OffCycleCreation companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\nexport function OffCycleExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<OffCycleFlowContextInterface>()\n\n  const offCycleCreationBreadcrumb = breadcrumbs?.['createOffCyclePayroll']?.[0]\n  const prefixBreadcrumbs = useMemo(() => {\n    return offCycleCreationBreadcrumb ? [offCycleCreationBreadcrumb] : undefined\n  }, [offCycleCreationBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <Suspense>\n      <OffCycleExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </Suspense>\n  )\n}\n\ntype OffCycleExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction OffCycleExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: OffCycleExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["OffCycleCreationContextual","companyId","onEvent","useFlow","OffCycleCreation","ensureRequired","OffCycleExecutionContextual","payrollUuid","breadcrumbs","offCycleCreationBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","Suspense","jsx","OffCycleExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;AAsBO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAiB,WAAWC,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACnF;AAEO,SAASI,IAA8B;AAC5C,QAAM,EAAE,WAAAL,GAAW,aAAAM,GAAa,SAAAL,GAAS,aAAAM,EAAA,IAAgBL,EAAA,GAEnDM,IAA6BD,GAAc,wBAA2B,CAAC,GACvEE,IAAoBC,EAAQ,MACzBF,IAA6B,CAACA,CAA0B,IAAI,QAClE,CAACA,CAA0B,CAAC,GAEzBG,IAAoBP,EAAeJ,CAAS,GAC5CY,IAAoBR,EAAeE,CAAW;AAEpD,2BACGO,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ;AAAA,MACX,WAAWC;AAAA,MACX,SAAAX;AAAA,MACA,mBAAAQ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASM,EAA0B;AAAA,EACjC,WAAAf;AAAA,EACA,WAAAgB;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAnB,GAAW,WAAAgB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAJ;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAArB;AAAA,MACA,WAAAgB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"OffCycleFlowComponents.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { OffCycleCreation } from '../OffCycleCreation'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport type { OffCycleReason } from '../OffCycleReasonSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\nexport interface OffCycleFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n  payrollType?: OffCycleReason\n}\n\nexport interface OffCycleFlowProps {\n  companyId: string\n  payrollType?: OffCycleReason\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function OffCycleCreationContextual() {\n  const { companyId, payrollType, onEvent } = useFlow<OffCycleFlowContextInterface>()\n  return (\n    <OffCycleCreation\n      companyId={ensureRequired(companyId)}\n      payrollType={payrollType}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function OffCycleExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<OffCycleFlowContextInterface>()\n\n  const offCycleCreationBreadcrumb = breadcrumbs?.['createOffCyclePayroll']?.[0]\n  const prefixBreadcrumbs = useMemo(() => {\n    return offCycleCreationBreadcrumb ? [offCycleCreationBreadcrumb] : undefined\n  }, [offCycleCreationBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <OffCycleExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype OffCycleExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction OffCycleExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: OffCycleExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["OffCycleCreationContextual","companyId","payrollType","onEvent","useFlow","jsx","OffCycleCreation","ensureRequired","OffCycleExecutionContextual","payrollUuid","breadcrumbs","offCycleCreationBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","OffCycleExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA0BO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,aAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAA8B;AAC5C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,aAAAO,EAAA,IAAgBN,EAAA,GAEnDO,IAA6BD,GAAc,wBAA2B,CAAC,GACvEE,IAAoBC,EAAQ,MACzBF,IAA6B,CAACA,CAA0B,IAAI,QAClE,CAACA,CAA0B,CAAC,GAEzBG,IAAoBP,EAAeN,CAAS,GAC5Cc,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA0B;AAAA,EACjC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,65 +1,66 @@
 import { jsx as s } from "react/jsx-runtime";
-import { useState as w, useCallback as C, useMemo as z, useEffect as Y } from "react";
-import { useForm as H, FormProvider as Z } from "react-hook-form";
-import { zodResolver as G } from "@hookform/resolvers/zod";
+import { useState as w, useCallback as C, useMemo as q, useEffect as z } from "react";
+import { useForm as Y, FormProvider as H } from "react-hook-form";
+import { zodResolver as K } from "@hookform/resolvers/zod";
 import { z as t } from "zod";
 import { useTranslation as S } from "react-i18next";
-import { usePayrollsCreateOffCycleMutation as J } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
-import { WithholdingPayPeriod as K, OffCycleReason as b } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { usePayrollsCreateOffCycleMutation as Z } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { WithholdingPayPeriod as G, OffCycleReason as b } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
 import { RFCDate as g } from "@gusto/embedded-api/types/rfcdate";
-import { useEmployeesListSuspense as Q } from "@gusto/embedded-api/react-query/employeesList";
-import { createOffCyclePayPeriodDateFormSchema as X } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js";
-import { useOffCyclePayPeriodDateValidation as $ } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
-import { OffCycleCreationPresentation as ee } from "./OffCycleCreationPresentation.js";
-import { BaseComponent as oe } from "../../Base/Base.js";
-import { useBase as te } from "../../Base/useBase.js";
-import { useComponentDictionary as ne, useI18n as i } from "../../../i18n/I18n.js";
-import { componentEvents as le } from "../../../shared/constants.js";
+import { useEmployeesListSuspense as J } from "@gusto/embedded-api/react-query/employeesList";
+import { createOffCyclePayPeriodDateFormSchema as Q } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js";
+import { useOffCyclePayPeriodDateValidation as X } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
+import { OffCycleCreationPresentation as $ } from "./OffCycleCreationPresentation.js";
+import { BaseComponent as ee } from "../../Base/Base.js";
+import { useBase as oe } from "../../Base/useBase.js";
+import { useComponentDictionary as te, useI18n as i } from "../../../i18n/I18n.js";
+import { componentEvents as ne } from "../../../shared/constants.js";
+import { SDKInternalError as le } from "../../../types/sdkError.js";
 import { Form as ie } from "../../Common/Form/Form.js";
 import { OFF_CYCLE_REASON_DEFAULTS as m } from "../OffCycleReasonSelection/types.js";
 const se = {
   bonus: b.Bonus,
   correction: b.Correction
 };
-function Te(r) {
-  return /* @__PURE__ */ s(oe, { ...r, children: /* @__PURE__ */ s(re, { ...r }) });
+function xe(r) {
+  return /* @__PURE__ */ s(ee, { ...r, children: /* @__PURE__ */ s(re, { ...r }) });
 }
 function re({ dictionary: r, companyId: P, payrollType: a = "bonus" }) {
-  ne("Payroll.OffCycleCreation", r), i("Payroll.OffCycleCreation"), i("Payroll.OffCycleReasonSelection"), i("Payroll.OffCyclePayPeriodDateForm"), i("Payroll.OffCycleDeductionsSetting"), i("Payroll.EmployeeSelection");
-  const { t: T } = S("Payroll.OffCyclePayPeriodDateForm"), { t: D } = S("Payroll.OffCycleCreation"), { onEvent: x, baseSubmitHandler: W } = te(), { minCheckDate: A, today: F } = $(), { mutateAsync: U, isPending: v } = J(), [u, O] = w({
-    withholdingPayPeriod: K.EveryOtherWeek,
+  te("Payroll.OffCycleCreation", r), i("Payroll.OffCycleCreation"), i("Payroll.OffCycleReasonSelection"), i("Payroll.OffCyclePayPeriodDateForm"), i("Payroll.OffCycleDeductionsSetting"), i("Payroll.EmployeeSelection");
+  const { t: T } = S("Payroll.OffCyclePayPeriodDateForm"), { t: D } = S("Payroll.OffCycleCreation"), { onEvent: x, baseSubmitHandler: W } = oe(), { minCheckDate: A, today: F } = X(), { mutateAsync: U, isPending: v } = Z(), [u, O] = w({
+    withholdingPayPeriod: G.EveryOtherWeek,
     withholdingRate: m[a].withholdingType
   }), [L, y] = w(!1), M = C(() => {
     y(!0);
   }, []), _ = C((e) => {
     O(e), y(!1);
-  }, []), N = C(() => {
+  }, []), I = C(() => {
     y(!1);
-  }, []), { data: E, isLoading: B } = Q({
+  }, []), { data: E } = J({
     companyId: P,
     onboardedActive: !0
-  }), I = z(() => (E.showEmployees ?? []).map((o) => ({
+  }), N = q(() => (E.showEmployees ?? []).map((o) => ({
     label: [o.firstName, o.lastName].filter(Boolean).join(" "),
     value: o.uuid
-  })), [E]), V = (e) => T(e), l = H({
+  })), [E]), B = (e) => T(e), l = Y({
     resolver: (e, o, n) => {
-      const f = e.reason, p = e.isCheckOnly, c = X(
-        V,
-        f === "correction" ? "correction" : a,
+      const h = e.reason, p = e.isCheckOnly, c = Q(
+        B,
+        h === "correction" ? "correction" : a,
         p ? F : A
       ), d = t.object({
         reason: t.enum(["bonus", "correction"]),
         skipRegularDeductions: t.boolean(),
         includeAllEmployees: t.boolean(),
         selectedEmployeeUuids: t.array(t.string())
-      }).and(c).superRefine((R, q) => {
-        !R.includeAllEmployees && R.selectedEmployeeUuids.length === 0 && q.addIssue({
+      }).and(c).superRefine((R, j) => {
+        !R.includeAllEmployees && R.selectedEmployeeUuids.length === 0 && j.addIssue({
           code: t.ZodIssueCode.custom,
           path: ["selectedEmployeeUuids"],
           message: D("errors.noEmployeesSelected")
         });
       });
-      return G(d)(e, o, n);
+      return K(d)(e, o, n);
     },
     defaultValues: {
       reason: a,
@@ -68,21 +69,21 @@ function re({ dictionary: r, companyId: P, payrollType: a = "bonus" }) {
       endDate: null,
       checkDate: null,
       skipRegularDeductions: m[a].skipDeductions,
-      includeAllEmployees: !0,
+      includeAllEmployees: !1,
       selectedEmployeeUuids: []
     }
-  }), h = l.watch("reason");
-  Y(() => {
+  }), f = l.watch("reason");
+  z(() => {
     l.setValue(
       "skipRegularDeductions",
-      m[h].skipDeductions
+      m[f].skipDeductions
     ), O((e) => ({
       ...e,
-      withholdingRate: m[h].withholdingType
+      withholdingRate: m[f].withholdingType
     }));
-  }, [h, l]);
-  const j = async (e) => {
-    const o = e.reason, n = e.checkDate, f = e.isCheckOnly ? n : e.startDate, p = e.isCheckOnly ? n : e.endDate, k = !e.includeAllEmployees && e.selectedEmployeeUuids.length > 0 ? e.selectedEmployeeUuids : void 0;
+  }, [f, l]);
+  const V = async (e) => {
+    const o = e.reason, n = e.checkDate, h = e.isCheckOnly ? n : e.startDate, p = e.isCheckOnly ? n : e.endDate, k = !e.includeAllEmployees && e.selectedEmployeeUuids.length > 0 ? e.selectedEmployeeUuids : void 0;
     await W(e, async () => {
       const c = await U({
         request: {
@@ -90,7 +91,7 @@ function re({ dictionary: r, companyId: P, payrollType: a = "bonus" }) {
           requestBody: {
             offCycle: !0,
             offCycleReason: se[o],
-            startDate: new g(f),
+            startDate: new g(h),
             endDate: new g(p),
             checkDate: new g(n),
             skipRegularDeductions: e.skipRegularDeductions,
@@ -102,25 +103,24 @@ function re({ dictionary: r, companyId: P, payrollType: a = "bonus" }) {
         }
       }), d = c.payrollUnprocessed?.payrollUuid ?? c.payrollUnprocessed?.uuid;
       if (!d)
-        throw new Error(D("errors.missingPayrollId"));
-      x(le.OFF_CYCLE_CREATED, { payrollUuid: d });
+        throw new le(D("errors.missingPayrollId"));
+      x(ne.OFF_CYCLE_CREATED, { payrollUuid: d });
     });
   };
-  return /* @__PURE__ */ s(Z, { ...l, children: /* @__PURE__ */ s(ie, { onSubmit: l.handleSubmit(j), children: /* @__PURE__ */ s(
-    ee,
+  return /* @__PURE__ */ s(H, { ...l, children: /* @__PURE__ */ s(ie, { onSubmit: l.handleSubmit(V), children: /* @__PURE__ */ s(
+    $,
     {
-      employees: I,
-      isLoadingEmployees: B,
+      employees: N,
       isPending: v,
       taxWithholdingConfig: u,
       isTaxWithholdingModalOpen: L,
       onTaxWithholdingEditClick: M,
       onTaxWithholdingModalDone: _,
-      onTaxWithholdingModalCancel: N
+      onTaxWithholdingModalCancel: I
     }
   ) }) });
 }
 export {
-  Te as OffCycleCreation
+  xe as OffCycleCreation
 };
 //# sourceMappingURL=OffCycleCreation.js.map