@gusto/embedded-react-sdk 0.57.0 → 0.57.2

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

@@ -1,98 +1,100 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as P, useCallback as d, useMemo as T } from "react";
-import { useForm as I, FormProvider as N } from "react-hook-form";
-import { zodResolver as B } from "@hookform/resolvers/zod";
-import { useTranslation as V } from "react-i18next";
-import { usePayrollsCreateOffCycleMutation as q } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
-import { WithholdingPayPeriod as U, OffCycleReason as j } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
-import { RFCDate as h } from "@gusto/embedded-api/types/rfcdate";
-import { usePaySchedulesGetAllSuspense as z } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { useOffCyclePayPeriodDateValidation as G } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
-import { createTransitionCreationSchema as H } from "./TransitionCreationTypes.js";
-import { TransitionCreationPresentation as K } from "./TransitionCreationPresentation.js";
-import { useCompanyPaymentSpeed as _ } from "../../../hooks/useCompanyPaymentSpeed.js";
-import { BaseComponent as J } from "../../Base/Base.js";
-import { useBase as L } from "../../Base/useBase.js";
-import { useComponentDictionary as Q, useI18n as u } from "../../../i18n/I18n.js";
-import { componentEvents as X } from "../../../shared/constants.js";
-import { SDKInternalError as Y } from "../../../types/sdkError.js";
-import { Form as Z } from "../../Common/Form/Form.js";
-function To(n) {
-  return /* @__PURE__ */ t(J, { ...n, children: /* @__PURE__ */ t($, { ...n }) });
+import { useForm as N, FormProvider as B } from "react-hook-form";
+import { zodResolver as V } from "@hookform/resolvers/zod";
+import { useTranslation as q } from "react-i18next";
+import { usePayrollsCreateOffCycleMutation as U } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { WithholdingPayPeriod as j, OffCycleReason as z } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { RFCDate as D } from "@gusto/embedded-api/types/rfcdate";
+import { usePaySchedulesGetAllSuspense as G } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { useOffCyclePayPeriodDateValidation as H } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
+import { createTransitionCreationSchema as K } from "./TransitionCreationTypes.js";
+import { TransitionCreationPresentation as _ } from "./TransitionCreationPresentation.js";
+import { useCompanyPaymentSpeed as J } from "../../../hooks/useCompanyPaymentSpeed.js";
+import { BaseComponent as L } from "../../Base/Base.js";
+import { useBase as Q } from "../../Base/useBase.js";
+import { useComponentDictionary as X, useI18n as h } from "../../../i18n/I18n.js";
+import { componentEvents as Y } from "../../../shared/constants.js";
+import { SDKInternalError as Z } from "../../../types/sdkError.js";
+import { Form as $ } from "../../Common/Form/Form.js";
+import { toRFCDate as oo } from "../../../helpers/dateFormatting.js";
+function Ro(n) {
+  return /* @__PURE__ */ t(L, { ...n, children: /* @__PURE__ */ t(eo, { ...n }) });
 }
-function $({
+function eo({
   dictionary: n,
   companyId: r,
-  startDate: f,
-  endDate: p,
+  startDate: u,
+  endDate: f,
   payScheduleUuid: a,
-  className: D
+  className: S
 }) {
-  Q("Payroll.TransitionCreation", n), u("Payroll.TransitionCreation"), u("Payroll.OffCycleDeductionsSetting"), u("Payroll.OffCycleTaxWithholding");
-  const { t: l } = V("Payroll.TransitionCreation"), { onEvent: S, baseSubmitHandler: x } = L(), { paymentSpeedDays: s } = _(r), { minCheckDate: y } = G(s), { mutateAsync: R, isPending: W } = q(), { data: g } = z({ companyId: r }), [c, w] = P({
-    withholdingPayPeriod: U.EveryOtherWeek,
+  X("Payroll.TransitionCreation", n), h("Payroll.TransitionCreation"), h("Payroll.OffCycleDeductionsSetting"), h("Payroll.OffCycleTaxWithholding");
+  const { t: l } = q("Payroll.TransitionCreation"), { onEvent: R, baseSubmitHandler: x } = Q(), { paymentSpeedDays: s } = J(r), { minCheckDate: p } = H(s), { mutateAsync: W, isPending: w } = U(), { data: y } = G({ companyId: r }), [c, k] = P({
+    withholdingPayPeriod: j.EveryOtherWeek,
     withholdingRate: "regular"
-  }), [k, m] = P(!1), O = d(() => {
+  }), [O, m] = P(!1), E = d(() => {
     m(!0);
-  }, []), E = d((o) => {
-    w(o), m(!1);
-  }, []), M = d(() => {
+  }, []), M = d((o) => {
+    k(o), m(!1);
+  }, []), b = d(() => {
     m(!1);
-  }, []), b = T(() => {
-    const e = (g.payScheduleShowResponse ?? []).find((i) => i.uuid === a);
+  }, []), v = T(() => {
+    const e = (y.payScheduleShowResponse ?? []).find((i) => i.uuid === a);
     return e?.customName ?? e?.name ?? null;
-  }, [g, a]), v = (o, e) => (
+  }, [y, a]), F = (o, e) => (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     l(o, e)
-  ), F = T(
-    () => H(v, y, s),
-    [l, y, s]
-  ), C = I({
-    resolver: B(F),
+  ), A = T(
+    () => K(F, p, s),
+    [l, p, s]
+  ), C = N({
+    resolver: V(A),
     defaultValues: {
       checkDate: null,
       skipRegularDeductions: !1
     }
-  }), A = async (o) => {
-    o.checkDate && await x(o, async () => {
-      const e = await R({
+  }), I = async (o) => {
+    const { checkDate: e } = o;
+    e && await x(o, async () => {
+      const i = await W({
         request: {
           companyId: r,
           requestBody: {
             offCycle: !0,
-            offCycleReason: j.TransitionFromOldPaySchedule,
-            startDate: new h(f),
-            endDate: new h(p),
-            checkDate: new h(o.checkDate),
+            offCycleReason: z.TransitionFromOldPaySchedule,
+            startDate: new D(u),
+            endDate: new D(f),
+            checkDate: oo(e),
             payScheduleUuid: a,
             skipRegularDeductions: o.skipRegularDeductions,
             withholdingPayPeriod: c.withholdingPayPeriod,
             fixedWithholdingRate: c.withholdingRate === "supplemental"
           }
         }
-      }), i = e.payrollUnprocessed?.payrollUuid ?? e.payrollUnprocessed?.uuid;
-      if (!i)
-        throw new Y(l("errors.missingPayrollId"));
-      S(X.TRANSITION_CREATED, { payrollUuid: i });
+      }), g = i.payrollUnprocessed?.payrollUuid ?? i.payrollUnprocessed?.uuid;
+      if (!g)
+        throw new Z(l("errors.missingPayrollId"));
+      R(Y.TRANSITION_CREATED, { payrollUuid: g });
     });
   };
-  return /* @__PURE__ */ t(N, { ...C, children: /* @__PURE__ */ t(Z, { onSubmit: C.handleSubmit(A), children: /* @__PURE__ */ t(
-    K,
+  return /* @__PURE__ */ t(B, { ...C, children: /* @__PURE__ */ t($, { onSubmit: C.handleSubmit(I), children: /* @__PURE__ */ t(
+    _,
     {
-      className: D,
-      startDate: f,
-      endDate: p,
-      payScheduleName: b,
-      isPending: W,
+      className: S,
+      startDate: u,
+      endDate: f,
+      payScheduleName: v,
+      isPending: w,
       taxWithholdingConfig: c,
-      isTaxWithholdingModalOpen: k,
-      onTaxWithholdingEditClick: O,
-      onTaxWithholdingModalDone: E,
-      onTaxWithholdingModalCancel: M
+      isTaxWithholdingModalOpen: O,
+      onTaxWithholdingEditClick: E,
+      onTaxWithholdingModalDone: M,
+      onTaxWithholdingModalCancel: b
     }
   ) }) });
 }
 export {
-  To as TransitionCreation
+  Ro as TransitionCreation
 };
 //# sourceMappingURL=TransitionCreation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransitionCreation.js","sources":["../../../../src/components/Payroll/TransitionCreation/TransitionCreation.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  OffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { TransitionCreationProps, TransitionCreationFormData } from './TransitionCreationTypes'\nimport { createTransitionCreationSchema } from './TransitionCreationTypes'\nimport { TransitionCreationPresentation } from './TransitionCreationPresentation'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\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'\n\n/**\n * Creation form for transition payrolls covering the gap between an old and new pay schedule.\n *\n * Displays the transition pay period and pay schedule information, and collects a check\n * date, deduction preference, and tax withholding configuration before submitting the\n * resulting off-cycle payroll for execution.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `transition/created` | The transition payroll has been created | `{ payrollUuid: string }` |\n *\n * The check date must be at least the company's ACH lead time (typically two business\n * days) from today. Deductions default to included and tax withholding defaults to the\n * regular rate with an every-other-week pay period.\n *\n * @param props - {@link TransitionCreationProps} plus base component props.\n * @returns The transition payroll creation form.\n * @public\n */\nexport function TransitionCreation(props: TransitionCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  dictionary,\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  className,\n}: TransitionCreationProps) {\n  useComponentDictionary('Payroll.TransitionCreation', dictionary)\n  useI18n('Payroll.TransitionCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.OffCycleTaxWithholding')\n\n  const { t } = useTranslation('Payroll.TransitionCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n\n  const { minCheckDate } = useOffCyclePayPeriodDateValidation(paymentSpeedDays)\n  const { mutateAsync: createTransitionPayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: 'regular',\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 payScheduleName = useMemo(() => {\n    const schedules = paySchedulesData.payScheduleShowResponse ?? []\n    const match = schedules.find(s => s.uuid === payScheduleUuid)\n    return match?.customName ?? match?.name ?? null\n  }, [paySchedulesData, payScheduleUuid])\n\n  const translateValidation = (key: string, options?: Record<string, unknown>): string =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    t(key as any, options as any) as string\n\n  const schema = useMemo(\n    () => createTransitionCreationSchema(translateValidation, minCheckDate, paymentSpeedDays),\n    [t, minCheckDate, paymentSpeedDays],\n  )\n\n  const methods = useForm<TransitionCreationFormData>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      checkDate: null,\n      skipRegularDeductions: false,\n    },\n  })\n\n  const onSubmit = async (data: TransitionCreationFormData) => {\n    if (!data.checkDate) return\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createTransitionPayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.TransitionFromOldPaySchedule,\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(data.checkDate!),\n            payScheduleUuid,\n            skipRegularDeductions: data.skipRegularDeductions,\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(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.TRANSITION_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <TransitionCreationPresentation\n          className={className}\n          startDate={startDate}\n          endDate={endDate}\n          payScheduleName={payScheduleName}\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":["TransitionCreation","props","jsx","BaseComponent","Root","dictionary","companyId","startDate","endDate","payScheduleUuid","className","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","paymentSpeedDays","useCompanyPaymentSpeed","minCheckDate","useOffCyclePayPeriodDateValidation","createTransitionPayroll","isPending","usePayrollsCreateOffCycleMutation","paySchedulesData","usePaySchedulesGetAllSuspense","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","payScheduleName","useMemo","match","s","translateValidation","key","options","schema","createTransitionCreationSchema","methods","useForm","zodResolver","onSubmit","data","response","OffCycleReason","RFCDate","payrollUuid","SDKInternalError","componentEvents","FormProvider","Form","TransitionCreationPresentation"],"mappings":";;;;;;;;;;;;;;;;;;;AA4CO,SAASA,GAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAuB,8BAA8BN,CAAU,GAC/DO,EAAQ,4BAA4B,GACpCA,EAAQ,mCAAmC,GAC3CA,EAAQ,gCAAgC;AAExC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B,GACnD,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,kBAAAC,EAAA,IAAqBC,EAAuBb,CAAS,GAEvD,EAAE,cAAAc,EAAA,IAAiBC,EAAmCH,CAAgB,GACtE,EAAE,aAAaI,GAAyB,WAAAC,EAAA,IAAcC,EAAA,GAEtD,EAAE,MAAMC,EAAA,IAAqBC,EAA8B,EAAE,WAAApB,GAAW,GAExE,CAACqB,GAAsBC,CAAuB,IAAIC,EAAuC;AAAA,IAC7F,sBAAsBC,EAAqB;AAAA,IAC3C,iBAAiB;AAAA,EAAA,CAClB,GACK,CAACC,GAA2BC,CAA4B,IAAIH,EAAS,EAAK,GAE1EI,IAAgCC,EAAY,MAAM;AACtD,IAAAF,EAA6B,EAAI;AAAA,EACnC,GAAG,CAAA,CAAE,GAECG,IAAgCD,EAAY,CAACE,MAAyC;AAC1F,IAAAR,EAAwBQ,CAAM,GAC9BJ,EAA6B,EAAK;AAAA,EACpC,GAAG,CAAA,CAAE,GAECK,IAAkCH,EAAY,MAAM;AACxD,IAAAF,EAA6B,EAAK;AAAA,EACpC,GAAG,CAAA,CAAE,GAECM,IAAkBC,EAAQ,MAAM;AAEpC,UAAMC,KADYf,EAAiB,2BAA2B,CAAA,GACtC,KAAK,CAAAgB,MAAKA,EAAE,SAAShC,CAAe;AAC5D,WAAO+B,GAAO,cAAcA,GAAO,QAAQ;AAAA,EAC7C,GAAG,CAACf,GAAkBhB,CAAe,CAAC,GAEhCiC,IAAsB,CAACC,GAAaC;AAAA;AAAA,IAExC/B,EAAE8B,GAAYC,CAAc;AAAA,KAExBC,IAASN;AAAA,IACb,MAAMO,EAA+BJ,GAAqBtB,GAAcF,CAAgB;AAAA,IACxF,CAACL,GAAGO,GAAcF,CAAgB;AAAA,EAAA,GAG9B6B,IAAUC,EAAoC;AAAA,IAClD,UAAUC,EAAYJ,CAAM;AAAA,IAC5B,eAAe;AAAA,MACb,WAAW;AAAA,MACX,uBAAuB;AAAA,IAAA;AAAA,EACzB,CACD,GAEKK,IAAW,OAAOC,MAAqC;AAC3D,IAAKA,EAAK,aAEV,MAAMnC,EAAkBmC,GAAM,YAAY;AACxC,YAAMC,IAAW,MAAM9B,EAAwB;AAAA,QAC7C,SAAS;AAAA,UACP,WAAAhB;AAAA,UACA,aAAa;AAAA,YACX,UAAU;AAAA,YACV,gBAAgB+C,EAAe;AAAA,YAC/B,WAAW,IAAIC,EAAQ/C,CAAS;AAAA,YAChC,SAAS,IAAI+C,EAAQ9C,CAAO;AAAA,YAC5B,WAAW,IAAI8C,EAAQH,EAAK,SAAU;AAAA,YACtC,iBAAA1C;AAAA,YACA,uBAAuB0C,EAAK;AAAA,YAC5B,sBAAsBxB,EAAqB;AAAA,YAC3C,sBAAsBA,EAAqB,oBAAoB;AAAA,UAAA;AAAA,QACjE;AAAA,MACF,CACD,GAEK4B,IACJH,EAAS,oBAAoB,eAAeA,EAAS,oBAAoB;AAE3E,UAAI,CAACG;AACH,cAAM,IAAIC,EAAiB3C,EAAE,yBAAyB,CAAC;AAGzD,MAAAE,EAAQ0C,EAAgB,oBAAoB,EAAE,aAAAF,EAAA,CAAa;AAAA,IAC7D,CAAC;AAAA,EACH;AAEA,SACE,gBAAArD,EAACwD,GAAA,EAAc,GAAGX,GAChB,UAAA,gBAAA7C,EAACyD,KAAK,UAAUZ,EAAQ,aAAaG,CAAQ,GAC3C,UAAA,gBAAAhD;AAAA,IAAC0D;AAAA,IAAA;AAAA,MACC,WAAAlD;AAAA,MACA,WAAAH;AAAA,MACA,SAAAC;AAAA,MACA,iBAAA8B;AAAA,MACA,WAAAf;AAAA,MACA,sBAAAI;AAAA,MACA,2BAAAI;AAAA,MACA,2BAA2BE;AAAA,MAC3B,2BAA2BE;AAAA,MAC3B,6BAA6BE;AAAA,IAAA;AAAA,EAAA,GAEjC,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"TransitionCreation.js","sources":["../../../../src/components/Payroll/TransitionCreation/TransitionCreation.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  OffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { TransitionCreationProps, TransitionCreationFormData } from './TransitionCreationTypes'\nimport { createTransitionCreationSchema } from './TransitionCreationTypes'\nimport { TransitionCreationPresentation } from './TransitionCreationPresentation'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\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 { toRFCDate } from '@/helpers/dateFormatting'\n\n/**\n * Creation form for transition payrolls covering the gap between an old and new pay schedule.\n *\n * Displays the transition pay period and pay schedule information, and collects a check\n * date, deduction preference, and tax withholding configuration before submitting the\n * resulting off-cycle payroll for execution.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `transition/created` | The transition payroll has been created | `{ payrollUuid: string }` |\n *\n * The check date must be at least the company's ACH lead time (typically two business\n * days) from today. Deductions default to included and tax withholding defaults to the\n * regular rate with an every-other-week pay period.\n *\n * @param props - {@link TransitionCreationProps} plus base component props.\n * @returns The transition payroll creation form.\n * @public\n */\nexport function TransitionCreation(props: TransitionCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  dictionary,\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  className,\n}: TransitionCreationProps) {\n  useComponentDictionary('Payroll.TransitionCreation', dictionary)\n  useI18n('Payroll.TransitionCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.OffCycleTaxWithholding')\n\n  const { t } = useTranslation('Payroll.TransitionCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n\n  const { minCheckDate } = useOffCyclePayPeriodDateValidation(paymentSpeedDays)\n  const { mutateAsync: createTransitionPayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: 'regular',\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 payScheduleName = useMemo(() => {\n    const schedules = paySchedulesData.payScheduleShowResponse ?? []\n    const match = schedules.find(s => s.uuid === payScheduleUuid)\n    return match?.customName ?? match?.name ?? null\n  }, [paySchedulesData, payScheduleUuid])\n\n  const translateValidation = (key: string, options?: Record<string, unknown>): string =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    t(key as any, options as any) as string\n\n  const schema = useMemo(\n    () => createTransitionCreationSchema(translateValidation, minCheckDate, paymentSpeedDays),\n    [t, minCheckDate, paymentSpeedDays],\n  )\n\n  const methods = useForm<TransitionCreationFormData>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      checkDate: null,\n      skipRegularDeductions: false,\n    },\n  })\n\n  const onSubmit = async (data: TransitionCreationFormData) => {\n    const { checkDate } = data\n    if (!checkDate) return\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createTransitionPayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.TransitionFromOldPaySchedule,\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: toRFCDate(checkDate),\n            payScheduleUuid,\n            skipRegularDeductions: data.skipRegularDeductions,\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(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.TRANSITION_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <TransitionCreationPresentation\n          className={className}\n          startDate={startDate}\n          endDate={endDate}\n          payScheduleName={payScheduleName}\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":["TransitionCreation","props","jsx","BaseComponent","Root","dictionary","companyId","startDate","endDate","payScheduleUuid","className","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","paymentSpeedDays","useCompanyPaymentSpeed","minCheckDate","useOffCyclePayPeriodDateValidation","createTransitionPayroll","isPending","usePayrollsCreateOffCycleMutation","paySchedulesData","usePaySchedulesGetAllSuspense","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","payScheduleName","useMemo","match","s","translateValidation","key","options","schema","createTransitionCreationSchema","methods","useForm","zodResolver","onSubmit","data","checkDate","response","OffCycleReason","RFCDate","toRFCDate","payrollUuid","SDKInternalError","componentEvents","FormProvider","Form","TransitionCreationPresentation"],"mappings":"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"}

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

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

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

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