@gusto/embedded-react-sdk 0.55.7 → 0.56.0

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js

@@ -1,49 +1,49 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { useIsMutating as g } from "@tanstack/react-query";
-import { useRecoveryCasesRedebitMutation as _, mutationKeyRecoveryCasesRedebit as M } from "@gusto/embedded-api/react-query/recoveryCasesRedebit";
-import { useRecoveryCasesGet as S } from "@gusto/embedded-api/react-query/recoveryCasesGet";
-import { useRecoveryCaseErrorCode as x } from "../useRecoveryCaseErrorCode.js";
-import { BaseComponent as D } from "../../../Base/Base.js";
-import { useBase as B } from "../../../Base/useBase.js";
+import { useTranslation as g } from "react-i18next";
+import { useIsMutating as _ } from "@tanstack/react-query";
+import { useRecoveryCasesRedebitMutation as M, mutationKeyRecoveryCasesRedebit as S } from "@gusto/embedded-api/react-query/recoveryCasesRedebit";
+import { useRecoveryCasesGet as x } from "@gusto/embedded-api/react-query/recoveryCasesGet";
+import { useRecoveryCaseErrorCode as D } from "../useRecoveryCaseErrorCode.js";
+import { BaseComponent as B } from "../../../Base/Base.js";
+import { useBase as F } from "../../../Base/useBase.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
-import { Form as F } from "../../../Common/Form/Form.js";
-import { useFlow as A } from "../../../Flow/useFlow.js";
+import { Form as A } from "../../../Common/Form/Form.js";
+import { useFlow as I } from "../../../Flow/useFlow.js";
 import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as I, useI18n as O } from "../../../../i18n/I18n.js";
+import { useComponentDictionary as O, useI18n as T } from "../../../../i18n/I18n.js";
 import { recoveryCasesEvents as y } from "../../../../shared/constants.js";
 const R = "gusto-sdk-recovery-cases-resubmit-form";
-function T(e) {
-  return /* @__PURE__ */ t(D, { ...e, children: /* @__PURE__ */ t(U, { ...e, children: e.children }) });
+function U(e) {
+  return /* @__PURE__ */ t(B, { ...e, children: /* @__PURE__ */ t(P, { ...e, children: e.children }) });
 }
-function U({ dictionary: e, recoveryCaseId: o }) {
-  I("Payroll.RecoveryCasesResubmit", e);
-  const { Heading: r, Text: i } = C(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: f } = A(), { data: p } = S({
-    companyUuid: f
-  }), v = p?.recoveryCases?.find((s) => s.uuid === o), { title: c, subtitle: m, description: u } = x(
-    v?.latestErrorCode ?? void 0
-  ), E = _(), b = async (s) => {
-    s.preventDefault(), await a({}, async () => {
-      await E.mutateAsync({
+function P({ dictionary: e, recoveryCaseId: o, className: r }) {
+  O("Payroll.RecoveryCasesResubmit", e);
+  const { Heading: i, Text: n } = C(), { onEvent: a, baseSubmitHandler: f } = F(), { companyId: p } = I(), { data: v } = x({
+    companyUuid: p
+  }), E = v?.recoveryCases?.find((s) => s.uuid === o), { title: c, subtitle: m, description: u } = D(
+    E?.latestErrorCode ?? void 0
+  ), b = M(), h = async (s) => {
+    s.preventDefault(), await f({}, async () => {
+      await b.mutateAsync({
         request: {
           recoveryCaseUuid: o
         }
-      }), n(y.RECOVERY_CASE_RESUBMIT_DONE, {
+      }), a(y.RECOVERY_CASE_RESUBMIT_DONE, {
         recoveryCaseId: o
       });
     });
   };
-  return /* @__PURE__ */ l(d, { flexDirection: "column", gap: 16, children: [
-    c && /* @__PURE__ */ t(r, { as: "h2", children: c }),
-    m && /* @__PURE__ */ t(i, { children: m }),
+  return /* @__PURE__ */ l(d, { className: r, flexDirection: "column", gap: 16, children: [
+    c && /* @__PURE__ */ t(i, { as: "h2", children: c }),
+    m && /* @__PURE__ */ t(n, { children: m }),
     u.length > 0 && u,
-    /* @__PURE__ */ t(F, { id: R, onSubmit: b, "aria-hidden": "true" })
+    /* @__PURE__ */ t(A, { id: R, onSubmit: h, "aria-hidden": "true" })
   ] });
 }
-const P = ({ onEvent: e }) => {
-  O("Payroll.RecoveryCasesResubmit");
-  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = C(), n = g({
-    mutationKey: M()
+const j = ({ onEvent: e }) => {
+  T("Payroll.RecoveryCasesResubmit");
+  const { t: o } = g("Payroll.RecoveryCasesResubmit"), { Button: r } = C(), n = _({
+    mutationKey: S()
   }) > 0;
   return /* @__PURE__ */ l(d, { justifyContent: "flex-end", gap: 12, children: [
     /* @__PURE__ */ t(r, { variant: "secondary", onClick: () => {
@@ -61,8 +61,8 @@ const P = ({ onEvent: e }) => {
     )
   ] });
 };
-T.Footer = P;
+U.Footer = j;
 export {
-  T as RecoveryCasesResubmit
+  U as RecoveryCasesResubmit
 };
 //# sourceMappingURL=RecoveryCasesResubmit.js.map

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useRecoveryCasesRedebitMutation,\n  mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n  recoveryCaseId: string\n}\n\n/** @internal */\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, recoveryCaseId }: RecoveryCasesResubmitProps) {\n  useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n  const { data: recoveryCasesData } = useRecoveryCasesGet({\n    companyUuid: companyId,\n  })\n\n  const recoveryCase = recoveryCasesData?.recoveryCases?.find(rc => rc.uuid === recoveryCaseId)\n\n  const { title, subtitle, description } = useRecoveryCaseErrorCode(\n    recoveryCase?.latestErrorCode ?? undefined,\n  )\n\n  const redebitMutation = useRecoveryCasesRedebitMutation()\n\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    await baseSubmitHandler({}, async () => {\n      await redebitMutation.mutateAsync({\n        request: {\n          recoveryCaseUuid: recoveryCaseId,\n        },\n      })\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n        recoveryCaseId,\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {title && <Heading as=\"h2\">{title}</Heading>}\n      {subtitle && <Text>{subtitle}</Text>}\n      {description.length > 0 && description}\n      {/*\n        This empty form is used to connect the Footer's submit button to the submission logic\n        via the form attribute. This is semantically incorrect and hidden from assistive tech.\n      */}\n      <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n        {/* Empty form - submission triggered by footer button via form attribute */}\n      </Form>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Button } = useComponentContext()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyRecoveryCasesRedebit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.resubmit')}\n      </Button>\n    </Flex>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,IAAkC;AAOjC,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,KAA8C;AACxE,EAAAC,EAAuB,iCAAiCF,CAAU;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,eAAe,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEtF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}
+{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useRecoveryCasesRedebitMutation,\n  mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n  recoveryCaseId: string\n}\n\n/** @internal */\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, recoveryCaseId, className }: RecoveryCasesResubmitProps) {\n  useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n  const { data: recoveryCasesData } = useRecoveryCasesGet({\n    companyUuid: companyId,\n  })\n\n  const recoveryCase = recoveryCasesData?.recoveryCases?.find(rc => rc.uuid === recoveryCaseId)\n\n  const { title, subtitle, description } = useRecoveryCaseErrorCode(\n    recoveryCase?.latestErrorCode ?? undefined,\n  )\n\n  const redebitMutation = useRecoveryCasesRedebitMutation()\n\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    await baseSubmitHandler({}, async () => {\n      await redebitMutation.mutateAsync({\n        request: {\n          recoveryCaseUuid: recoveryCaseId,\n        },\n      })\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n        recoveryCaseId,\n      })\n    })\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={16}>\n      {title && <Heading as=\"h2\">{title}</Heading>}\n      {subtitle && <Text>{subtitle}</Text>}\n      {description.length > 0 && description}\n      {/*\n        This empty form is used to connect the Footer's submit button to the submission logic\n        via the form attribute. This is semantically incorrect and hidden from assistive tech.\n      */}\n      <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n        {/* Empty form - submission triggered by footer button via form attribute */}\n      </Form>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Button } = useComponentContext()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyRecoveryCasesRedebit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.resubmit')}\n      </Button>\n    </Flex>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","className","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit","jsxs"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,IAAkC;AAOjC,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,KAAyC;AACnF,EAAAC,EAAuB,iCAAiCH,CAAU;AAClE,QAAM,EAAE,SAAAI,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,eAAe,KAAK,CAAAG,MAAMA,EAAG,SAASd,CAAc,GAEtF,EAAE,OAAAe,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBnB;AAAA,QAAA;AAAA,MACpB,CACD,GACDM,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAvB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,2BACGwB,GAAA,EAAK,WAAAvB,GAAsB,eAAc,UAAS,KAAK,IACrD,UAAA;AAAA,IAAAc,KAAS,gBAAAnB,EAACO,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAApB,EAACQ,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BQ,GAAA,EAAK,IAAIhC,GAAiC,UAAA4B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMK,IAAS,CAAC,EAAE,SAAApB,QAA4D;AAC5E,EAAAqB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAWzB,EAAA,GAKb0B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAC,EAACV,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAxB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYQ,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}

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

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

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

@@ -1,29 +1,30 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useMemo as b } from "react";
 import { useTranslation as c } from "react-i18next";
-import { WAGE_TYPE_CATEGORIES as k } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js";
+import { WAGE_TYPE_CATEGORIES as G } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js";
 import a from "./TransitionCreationPresentation.module.scss.js";
 import { useI18n as d } from "../../../i18n/I18n.js";
-import { useComponentContext as G } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as j } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as t } from "../../Common/Flex/Flex.js";
-import { useDateFormatter as j } from "../../../hooks/useDateFormatter.js";
-import { RadioGroupField as F } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { OffCycleTaxWithholdingTable as L } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.js";
-import { OffCycleTaxWithholdingModal as R } from "../OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js";
-import { DatePickerField as A } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function Q({
-  startDate: D,
-  endDate: C,
+import { useDateFormatter as F } from "../../../hooks/useDateFormatter.js";
+import { RadioGroupField as L } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { OffCycleTaxWithholdingTable as R } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.js";
+import { OffCycleTaxWithholdingModal as A } from "../OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js";
+import { DatePickerField as N } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+function U({
+  className: D,
+  startDate: C,
+  endDate: x,
   payScheduleName: p,
   isPending: m,
   taxWithholdingConfig: f,
-  isTaxWithholdingModalOpen: x,
-  onTaxWithholdingEditClick: y,
-  onTaxWithholdingModalDone: T,
-  onTaxWithholdingModalCancel: O
+  isTaxWithholdingModalOpen: y,
+  onTaxWithholdingEditClick: T,
+  onTaxWithholdingModalDone: O,
+  onTaxWithholdingModalCancel: P
 }) {
   d("Payroll.TransitionCreation"), d("Payroll.OffCycleDeductionsSetting"), d("Payroll.OffCycleTaxWithholding");
-  const { t: i } = c("Payroll.TransitionCreation"), { t: r } = c("Payroll.OffCycleDeductionsSetting"), { t: s } = c("Payroll.OffCycleTaxWithholding"), { Heading: u, Text: l, Alert: P, Button: v } = G(), h = j(), S = h.formatShortWithYear(D), w = h.formatShortWithYear(C), E = b(
+  const { t: i } = c("Payroll.TransitionCreation"), { t: r } = c("Payroll.OffCycleDeductionsSetting"), { t: s } = c("Payroll.OffCycleTaxWithholding"), { Heading: u, Text: l, Alert: v, Button: S } = j(), h = F(), w = h.formatShortWithYear(C), E = h.formatShortWithYear(x), W = b(
     () => [
       {
         value: !1,
@@ -35,8 +36,8 @@ function Q({
       }
     ],
     [r]
-  ), W = b(
-    () => k.map((o) => {
+  ), k = b(
+    () => G.map((o) => {
       const g = {
         category: o,
         label: s(`wageTypeGroups.${o}.label`)
@@ -45,12 +46,12 @@ function Q({
     }),
     [s]
   );
-  return /* @__PURE__ */ n(t, { flexDirection: "column", gap: 32, children: [
+  return /* @__PURE__ */ n(t, { className: D, flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ n(t, { flexDirection: "column", gap: 4, children: [
       /* @__PURE__ */ e(u, { as: "h2", children: i("pageTitle") }),
       /* @__PURE__ */ e(l, { variant: "supporting", children: i("pageDescription") })
     ] }),
-    /* @__PURE__ */ e(P, { status: "info", label: i("transitionExplanation") }),
+    /* @__PURE__ */ e(v, { status: "info", label: i("transitionExplanation") }),
     /* @__PURE__ */ e("hr", { className: a.divider }),
     /* @__PURE__ */ n(t, { flexDirection: "column", gap: 16, children: [
       /* @__PURE__ */ e(u, { as: "h3", children: i("detailsHeading") }),
@@ -58,9 +59,9 @@ function Q({
         /* @__PURE__ */ n(t, { justifyContent: "space-between", children: [
           /* @__PURE__ */ e(l, { weight: "bold", children: i("payPeriodLabel") }),
           /* @__PURE__ */ n(l, { children: [
-            S,
+            w,
             " - ",
-            w
+            E
           ] })
         ] }),
         p && /* @__PURE__ */ n(t, { justifyContent: "space-between", children: [
@@ -70,40 +71,40 @@ function Q({
       ] })
     ] }),
     /* @__PURE__ */ e("hr", { className: a.divider }),
-    /* @__PURE__ */ e(t, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(A, { name: "checkDate", label: i("checkDateLabel"), isRequired: !0 }) }),
+    /* @__PURE__ */ e(t, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(N, { name: "checkDate", label: i("checkDateLabel"), isRequired: !0 }) }),
     /* @__PURE__ */ e("hr", { className: a.divider }),
     /* @__PURE__ */ e(t, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(
-      F,
+      L,
       {
         name: "skipRegularDeductions",
         label: r("title"),
         description: r("description"),
-        options: E,
+        options: W,
         convertValueToString: (o) => String(o)
       }
     ) }),
     /* @__PURE__ */ e("hr", { className: a.divider }),
     /* @__PURE__ */ e(
-      L,
+      R,
       {
-        wageTypeGroups: W,
+        wageTypeGroups: k,
         config: f,
-        onEditClick: y
+        onEditClick: T
       }
     ),
-    x && /* @__PURE__ */ e(
-      R,
+    y && /* @__PURE__ */ e(
+      A,
       {
         isOpen: !0,
         defaultConfig: f,
-        onDone: T,
-        onCancel: O
+        onDone: O,
+        onCancel: P
       }
     ),
-    /* @__PURE__ */ e(t, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(v, { type: "submit", isLoading: m, isDisabled: m, children: i("continueCta") }) })
+    /* @__PURE__ */ e(t, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(S, { type: "submit", isLoading: m, isDisabled: m, children: i("continueCta") }) })
   ] });
 }
 export {
-  Q as TransitionCreationPresentation
+  U as TransitionCreationPresentation
 };
 //# sourceMappingURL=TransitionCreationPresentation.js.map

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

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

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

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