@gusto/embedded-react-sdk 0.36.0 → 0.37.0

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

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as a, Fragment as R } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as R } from "react/jsx-runtime";
 import { useRef as U, useState as m, useEffect as x } from "react";
 import { useForm as I, FormProvider as L } from "react-hook-form";
 import { useTranslation as j } from "react-i18next";
@@ -11,17 +11,20 @@ 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/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import { formatNumberAsCurrency as E } from "../../../helpers/formattedStrings.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { useI18n as T } from "../../../i18n/I18n.js";
 const q = v.object({
   netPay: v.number().positive()
 });
-function ce({
+function ue({
   isOpen: s,
   onCalculateGrossUp: C,
   isPending: P,
@@ -29,13 +32,13 @@ function ce({
   onCancel: d
 }) {
   T("Payroll.GrossUpModal");
-  const { t: r } = j("Payroll.GrossUpModal"), { Modal: A, Heading: u, Text: p, Button: n, Alert: f } = z(), { baseSubmitHandler: y } = B(), N = U(null), [l, i] = m(null), [h, c] = m(null), [M, b] = m(!1), o = I({
+  const { t: r } = j("Payroll.GrossUpModal"), { Modal: A, Heading: u, Text: p, Button: n, Alert: f } = z(), { baseSubmitHandler: y } = B(), N = U(null), [l, i] = m(null), [h, c] = m(null), [M, b] = m(!1), a = I({
     resolver: k(q),
     defaultValues: { netPay: 0 }
   });
   x(() => {
-    s || (o.reset({ netPay: 0 }), i(null), c(null));
-  }, [s, o.reset]);
+    s || (a.reset({ netPay: 0 }), i(null), c(null));
+  }, [s, a.reset]);
   const S = async (G) => {
     c(null), i(null), await y(null, async () => {
       const g = await C(G.netPay);
@@ -56,20 +59,20 @@ function ce({
       isOpen: s,
       onClose: d,
       containerRef: N,
-      footer: /* @__PURE__ */ a(H, { children: [
+      footer: /* @__PURE__ */ o(H, { children: [
         /* @__PURE__ */ e(n, { variant: "secondary", onClick: d, children: r("cancelCta") }),
         l ? /* @__PURE__ */ e(n, { variant: "primary", onClick: F, isLoading: M, children: r("applyCta") }) : /* @__PURE__ */ e(
           n,
           {
             variant: "primary",
-            onClick: o.handleSubmit(S),
+            onClick: a.handleSubmit(S),
             isLoading: P,
             children: r("calculateCta")
           }
         )
       ] }),
-      children: /* @__PURE__ */ e(L, { ...o, children: /* @__PURE__ */ a("div", { className: t.content, children: [
-        /* @__PURE__ */ a("div", { className: t.header, children: [
+      children: /* @__PURE__ */ e(L, { ...a, children: /* @__PURE__ */ o("div", { className: t.content, children: [
+        /* @__PURE__ */ o("div", { className: t.header, children: [
           /* @__PURE__ */ e(u, { as: "h2", styledAs: "h3", children: r("title") }),
           /* @__PURE__ */ e(p, { children: r("description") })
         ] }),
@@ -84,9 +87,9 @@ function ce({
             isRequired: !0
           }
         ) }),
-        l && /* @__PURE__ */ a(R, { children: [
+        l && /* @__PURE__ */ o(R, { children: [
           /* @__PURE__ */ e("div", { className: t.alert, children: /* @__PURE__ */ e(f, { label: r("warning"), status: "warning", disableScrollIntoView: !0 }) }),
-          /* @__PURE__ */ a("div", { className: t.result, children: [
+          /* @__PURE__ */ o("div", { className: t.result, children: [
             /* @__PURE__ */ e(p, { weight: "semibold", children: r("grossPayResult") }),
             /* @__PURE__ */ e(u, { as: "h3", styledAs: "h2", children: E(parseFloat(l)) })
           ] })
@@ -96,6 +99,6 @@ function ce({
   );
 }
 export {
-  ce as GrossUpModal
+  ue as GrossUpModal
 };
 //# sourceMappingURL=GrossUpModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\nexport function GrossUpModal({\n  isOpen,\n  onCalculateGrossUp,\n  isPending,\n  onApply,\n  onCancel,\n}: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n\n    await baseSubmitHandler(null, async () => {\n      const result = await onCalculateGrossUp(data.netPay)\n\n      if (result) {\n        setCalculatedGrossUp(result)\n      } else {\n        setErrorMessage(t('errorMessage'))\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n          {calculatedGrossUp ? (\n            <Button variant=\"primary\" onClick={handleApply} isLoading={isApplying}>\n              {t('applyCta')}\n            </Button>\n          ) : (\n            <Button\n              variant=\"primary\"\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n              isLoading={isPending}\n            >\n              {t('calculateCta')}\n            </Button>\n          )}\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <div className={styles.header}>\n            <Heading as=\"h2\" styledAs=\"h3\">\n              {t('title')}\n            </Heading>\n            <Text>{t('description')}</Text>\n          </div>\n\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.inputSection}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              min={0}\n              isRequired\n            />\n          </div>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.alert}>\n                <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n              </div>\n              <div className={styles.result}>\n                <Text weight=\"semibold\">{t('grossPayResult')}</Text>\n                <Heading as=\"h3\" styledAs=\"h2\">\n                  {formatNumberAsCurrency(parseFloat(calculatedGrossUp))}\n                </Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","isPending","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","handleApply","jsx","ActionsLayout","FormProvider","styles","jsxs","NumberInputField","Fragment","formatNumberAsCurrency"],"mappings":"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"}
+{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\nexport function GrossUpModal({\n  isOpen,\n  onCalculateGrossUp,\n  isPending,\n  onApply,\n  onCancel,\n}: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n\n    await baseSubmitHandler(null, async () => {\n      const result = await onCalculateGrossUp(data.netPay)\n\n      if (result) {\n        setCalculatedGrossUp(result)\n      } else {\n        setErrorMessage(t('errorMessage'))\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n          {calculatedGrossUp ? (\n            <Button variant=\"primary\" onClick={handleApply} isLoading={isApplying}>\n              {t('applyCta')}\n            </Button>\n          ) : (\n            <Button\n              variant=\"primary\"\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n              isLoading={isPending}\n            >\n              {t('calculateCta')}\n            </Button>\n          )}\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <div className={styles.header}>\n            <Heading as=\"h2\" styledAs=\"h3\">\n              {t('title')}\n            </Heading>\n            <Text>{t('description')}</Text>\n          </div>\n\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.inputSection}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              min={0}\n              isRequired\n            />\n          </div>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.alert}>\n                <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n              </div>\n              <div className={styles.result}>\n                <Text weight=\"semibold\">{t('grossPayResult')}</Text>\n                <Heading as=\"h3\" styledAs=\"h2\">\n                  {formatNumberAsCurrency(parseFloat(calculatedGrossUp))}\n                </Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","isPending","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","handleApply","jsx","ActionsLayout","FormProvider","styles","jsxs","NumberInputField","Fragment","formatNumberAsCurrency"],"mappings":"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"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleCreation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreation.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type Resolver } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  OffCycleReason as ApiOffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { OFF_CYCLE_REASON_DEFAULTS, type OffCycleReason } from '../OffCycleReasonSelection'\nimport {\n  createOffCyclePayPeriodDateFormSchema,\n  type OffCyclePayrollDateType,\n} from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleCreationFormData, OffCycleCreationProps } from './OffCycleCreationTypes'\nimport { OffCycleCreationPresentation } from './OffCycleCreationPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport type { MultiSelectComboBoxOption } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\n\nconst LOCAL_TO_API_REASON: Record<OffCycleReason, ApiOffCycleReason> = {\n  bonus: ApiOffCycleReason.Bonus,\n  correction: ApiOffCycleReason.Correction,\n}\n\nexport function OffCycleCreation(props: OffCycleCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, companyId, payrollType = 'bonus' }: OffCycleCreationProps) {\n  useComponentDictionary('Payroll.OffCycleCreation', dictionary)\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleReasonSelection')\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n  const { t: tCreation } = useTranslation('Payroll.OffCycleCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { minCheckDate, today } = useOffCyclePayPeriodDateValidation()\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: OFF_CYCLE_REASON_DEFAULTS[payrollType].withholdingType,\n  })\n  const [isTaxWithholdingModalOpen, setIsTaxWithholdingModalOpen] = useState(false)\n\n  const handleTaxWithholdingEditClick = useCallback(() => {\n    setIsTaxWithholdingModalOpen(true)\n  }, [])\n\n  const handleTaxWithholdingModalDone = useCallback((config: OffCycleTaxWithholdingConfig) => {\n    setTaxWithholdingConfig(config)\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleTaxWithholdingModalCancel = useCallback(() => {\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const { data: employeesData, isLoading: isLoadingEmployees } = useEmployeesListSuspense({\n    companyId,\n    onboardedActive: true,\n  })\n\n  const employees: MultiSelectComboBoxOption[] = useMemo(() => {\n    const employeeList = employeesData.showEmployees ?? []\n    return employeeList.map(employee => {\n      const fullName = [employee.firstName, employee.lastName].filter(Boolean).join(' ')\n      return {\n        label: fullName,\n        value: employee.uuid,\n      }\n    })\n  }, [employeesData])\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const translateValidation = (key: string): string => t(key as any) as string\n\n  const dynamicResolver: Resolver<OffCycleCreationFormData> = (values, context, options) => {\n    const reason = values.reason\n    const isCheckOnly = values.isCheckOnly\n    const resolvedPayrollType: OffCyclePayrollDateType =\n      reason === 'correction' ? 'correction' : payrollType\n\n    const dateSchema = createOffCyclePayPeriodDateFormSchema(\n      translateValidation,\n      resolvedPayrollType,\n      isCheckOnly ? today : minCheckDate,\n    )\n    const schema = z\n      .object({\n        reason: z.enum(['bonus', 'correction']),\n        skipRegularDeductions: z.boolean(),\n        includeAllEmployees: z.boolean(),\n        selectedEmployeeUuids: z.array(z.string()),\n      })\n      .and(dateSchema)\n      .superRefine((data, ctx) => {\n        if (!data.includeAllEmployees && data.selectedEmployeeUuids.length === 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['selectedEmployeeUuids'],\n            message: tCreation('errors.noEmployeesSelected'),\n          })\n        }\n      })\n\n    return zodResolver(schema)(values, context, options)\n  }\n\n  const methods = useForm<OffCycleCreationFormData>({\n    resolver: dynamicResolver,\n    defaultValues: {\n      reason: payrollType,\n      isCheckOnly: false,\n      startDate: null,\n      endDate: null,\n      checkDate: null,\n      skipRegularDeductions: OFF_CYCLE_REASON_DEFAULTS[payrollType].skipDeductions,\n      includeAllEmployees: true,\n      selectedEmployeeUuids: [],\n    },\n  })\n\n  const watchedReason = methods.watch('reason')\n\n  useEffect(() => {\n    methods.setValue(\n      'skipRegularDeductions',\n      OFF_CYCLE_REASON_DEFAULTS[watchedReason].skipDeductions,\n    )\n    setTaxWithholdingConfig(prev => ({\n      ...prev,\n      withholdingRate: OFF_CYCLE_REASON_DEFAULTS[watchedReason].withholdingType,\n    }))\n  }, [watchedReason, methods])\n\n  const onSubmit = async (data: OffCycleCreationFormData) => {\n    const reason = data.reason\n    const checkDate = data.checkDate!\n    const startDate = data.isCheckOnly ? checkDate : data.startDate!\n    const endDate = data.isCheckOnly ? checkDate : data.endDate!\n    const employeeUuids =\n      !data.includeAllEmployees && data.selectedEmployeeUuids.length > 0\n        ? data.selectedEmployeeUuids\n        : undefined\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: LOCAL_TO_API_REASON[reason],\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(checkDate),\n            skipRegularDeductions: data.skipRegularDeductions,\n            isCheckOnlyPayroll: data.isCheckOnly,\n            employeeUuids,\n            withholdingPayPeriod: taxWithholdingConfig.withholdingPayPeriod,\n            fixedWithholdingRate: taxWithholdingConfig.withholdingRate === 'supplemental',\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new Error(tCreation('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.OFF_CYCLE_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <OffCycleCreationPresentation\n          employees={employees}\n          isLoadingEmployees={isLoadingEmployees}\n          isPending={isPending}\n          taxWithholdingConfig={taxWithholdingConfig}\n          isTaxWithholdingModalOpen={isTaxWithholdingModalOpen}\n          onTaxWithholdingEditClick={handleTaxWithholdingEditClick}\n          onTaxWithholdingModalDone={handleTaxWithholdingModalDone}\n          onTaxWithholdingModalCancel={handleTaxWithholdingModalCancel}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["LOCAL_TO_API_REASON","ApiOffCycleReason","OffCycleCreation","props","jsx","BaseComponent","Root","dictionary","companyId","payrollType","useComponentDictionary","useI18n","t","useTranslation","tCreation","onEvent","baseSubmitHandler","useBase","minCheckDate","today","useOffCyclePayPeriodDateValidation","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","OFF_CYCLE_REASON_DEFAULTS","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","employeesData","isLoadingEmployees","useEmployeesListSuspense","employees","useMemo","employee","translateValidation","key","methods","useForm","values","context","options","reason","isCheckOnly","dateSchema","createOffCyclePayPeriodDateFormSchema","schema","z","data","ctx","zodResolver","watchedReason","useEffect","prev","onSubmit","checkDate","startDate","endDate","employeeUuids","response","RFCDate","payrollUuid","componentEvents","FormProvider","Form","OffCycleCreationPresentation"],"mappings":"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"}
+{"version":3,"file":"OffCycleCreation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreation.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type Resolver } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  OffCycleReason as ApiOffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { OFF_CYCLE_REASON_DEFAULTS, type OffCycleReason } from '../OffCycleReasonSelection'\nimport {\n  createOffCyclePayPeriodDateFormSchema,\n  type OffCyclePayrollDateType,\n} from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleCreationFormData, OffCycleCreationProps } from './OffCycleCreationTypes'\nimport { OffCycleCreationPresentation } from './OffCycleCreationPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { Form } from '@/components/Common/Form'\nimport type { MultiSelectComboBoxOption } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\n\nconst LOCAL_TO_API_REASON: Record<OffCycleReason, ApiOffCycleReason> = {\n  bonus: ApiOffCycleReason.Bonus,\n  correction: ApiOffCycleReason.Correction,\n}\n\nexport function OffCycleCreation(props: OffCycleCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, companyId, payrollType = 'bonus' }: OffCycleCreationProps) {\n  useComponentDictionary('Payroll.OffCycleCreation', dictionary)\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleReasonSelection')\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n  const { t: tCreation } = useTranslation('Payroll.OffCycleCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { minCheckDate, today } = useOffCyclePayPeriodDateValidation()\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: OFF_CYCLE_REASON_DEFAULTS[payrollType].withholdingType,\n  })\n  const [isTaxWithholdingModalOpen, setIsTaxWithholdingModalOpen] = useState(false)\n\n  const handleTaxWithholdingEditClick = useCallback(() => {\n    setIsTaxWithholdingModalOpen(true)\n  }, [])\n\n  const handleTaxWithholdingModalDone = useCallback((config: OffCycleTaxWithholdingConfig) => {\n    setTaxWithholdingConfig(config)\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleTaxWithholdingModalCancel = useCallback(() => {\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    onboardedActive: true,\n  })\n\n  const employees: MultiSelectComboBoxOption[] = useMemo(() => {\n    const employeeList = employeesData.showEmployees ?? []\n    return employeeList.map(employee => {\n      const fullName = [employee.firstName, employee.lastName].filter(Boolean).join(' ')\n      return {\n        label: fullName,\n        value: employee.uuid,\n      }\n    })\n  }, [employeesData])\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const translateValidation = (key: string): string => t(key as any) as string\n\n  const dynamicResolver: Resolver<OffCycleCreationFormData> = (values, context, options) => {\n    const reason = values.reason\n    const isCheckOnly = values.isCheckOnly\n    const resolvedPayrollType: OffCyclePayrollDateType =\n      reason === 'correction' ? 'correction' : payrollType\n\n    const dateSchema = createOffCyclePayPeriodDateFormSchema(\n      translateValidation,\n      resolvedPayrollType,\n      isCheckOnly ? today : minCheckDate,\n    )\n    const schema = z\n      .object({\n        reason: z.enum(['bonus', 'correction']),\n        skipRegularDeductions: z.boolean(),\n        includeAllEmployees: z.boolean(),\n        selectedEmployeeUuids: z.array(z.string()),\n      })\n      .and(dateSchema)\n      .superRefine((data, ctx) => {\n        if (!data.includeAllEmployees && data.selectedEmployeeUuids.length === 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['selectedEmployeeUuids'],\n            message: tCreation('errors.noEmployeesSelected'),\n          })\n        }\n      })\n\n    return zodResolver(schema)(values, context, options)\n  }\n\n  const methods = useForm<OffCycleCreationFormData>({\n    resolver: dynamicResolver,\n    defaultValues: {\n      reason: payrollType,\n      isCheckOnly: false,\n      startDate: null,\n      endDate: null,\n      checkDate: null,\n      skipRegularDeductions: OFF_CYCLE_REASON_DEFAULTS[payrollType].skipDeductions,\n      includeAllEmployees: false,\n      selectedEmployeeUuids: [],\n    },\n  })\n\n  const watchedReason = methods.watch('reason')\n\n  useEffect(() => {\n    methods.setValue(\n      'skipRegularDeductions',\n      OFF_CYCLE_REASON_DEFAULTS[watchedReason].skipDeductions,\n    )\n    setTaxWithholdingConfig(prev => ({\n      ...prev,\n      withholdingRate: OFF_CYCLE_REASON_DEFAULTS[watchedReason].withholdingType,\n    }))\n  }, [watchedReason, methods])\n\n  const onSubmit = async (data: OffCycleCreationFormData) => {\n    const reason = data.reason\n    const checkDate = data.checkDate!\n    const startDate = data.isCheckOnly ? checkDate : data.startDate!\n    const endDate = data.isCheckOnly ? checkDate : data.endDate!\n    const employeeUuids =\n      !data.includeAllEmployees && data.selectedEmployeeUuids.length > 0\n        ? data.selectedEmployeeUuids\n        : undefined\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: LOCAL_TO_API_REASON[reason],\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(checkDate),\n            skipRegularDeductions: data.skipRegularDeductions,\n            isCheckOnlyPayroll: data.isCheckOnly,\n            employeeUuids,\n            withholdingPayPeriod: taxWithholdingConfig.withholdingPayPeriod,\n            fixedWithholdingRate: taxWithholdingConfig.withholdingRate === 'supplemental',\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(tCreation('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.OFF_CYCLE_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <OffCycleCreationPresentation\n          employees={employees}\n          isPending={isPending}\n          taxWithholdingConfig={taxWithholdingConfig}\n          isTaxWithholdingModalOpen={isTaxWithholdingModalOpen}\n          onTaxWithholdingEditClick={handleTaxWithholdingEditClick}\n          onTaxWithholdingModalDone={handleTaxWithholdingModalDone}\n          onTaxWithholdingModalCancel={handleTaxWithholdingModalCancel}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["LOCAL_TO_API_REASON","ApiOffCycleReason","OffCycleCreation","props","jsx","BaseComponent","Root","dictionary","companyId","payrollType","useComponentDictionary","useI18n","t","useTranslation","tCreation","onEvent","baseSubmitHandler","useBase","minCheckDate","today","useOffCyclePayPeriodDateValidation","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","OFF_CYCLE_REASON_DEFAULTS","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","employeesData","useEmployeesListSuspense","employees","useMemo","employee","translateValidation","key","methods","useForm","values","context","options","reason","isCheckOnly","dateSchema","createOffCyclePayPeriodDateFormSchema","schema","z","data","ctx","zodResolver","watchedReason","useEffect","prev","onSubmit","checkDate","startDate","endDate","employeeUuids","response","RFCDate","payrollUuid","SDKInternalError","componentEvents","FormProvider","Form","OffCycleCreationPresentation"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
 import { OffCycleCreationPresentationProps } from './OffCycleCreationTypes';
-export declare function OffCycleCreationPresentation({ employees, isLoadingEmployees, isPending, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, }: OffCycleCreationPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function OffCycleCreationPresentation({ employees, isPending, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, }: OffCycleCreationPresentationProps): import("react/jsx-runtime").JSX.Element;