@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

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

@@ -7,49 +7,47 @@ import { useRecoveryCaseErrorCode as x } from "../useRecoveryCaseErrorCode.js";
 import { BaseComponent as D } from "../../../Base/Base.js";
 import { useBase as B } from "../../../Base/useBase.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import { recoveryCasesEvents as C } from "../../../../shared/constants.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { Form as F } from "../../../Common/Form/Form.js";
 import { useFlow as A } 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 { 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({ dictionary: e, recoveryCaseId: o }) {
   I("Payroll.RecoveryCasesResubmit", e);
-  const { Heading: r, Text: s } = y(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: p } = A(), { data: f } = S({
-    companyUuid: p
-  }), v = f?.recoveryCaseList?.find((i) => i.uuid === o), { title: c, subtitle: m, description: u } = x(
+  const { Heading: r, Text: i } = C(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: f } = A(), { data: p } = S({
+    companyUuid: f
+  }), v = p?.recoveryCaseList?.find((s) => s.uuid === o), { title: c, subtitle: m, description: u } = x(
     v?.latestErrorCode ?? void 0
-  ), E = _(), b = async (i) => {
-    i.preventDefault(), await a({}, async () => {
+  ), E = _(), b = async (s) => {
+    s.preventDefault(), await a({}, async () => {
       await E.mutateAsync({
         request: {
           recoveryCaseUuid: o
         }
-      }), n(C.RECOVERY_CASE_RESUBMIT_DONE, {
+      }), n(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(s, { children: m }),
+    m && /* @__PURE__ */ t(i, { children: m }),
     u.length > 0 && u,
     /* @__PURE__ */ t(F, { id: R, onSubmit: b, "aria-hidden": "true" })
   ] });
 }
 const P = ({ onEvent: e }) => {
   O("Payroll.RecoveryCasesResubmit");
-  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = y(), n = g({
+  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = C(), n = g({
     mutationKey: M()
   }) > 0;
   return /* @__PURE__ */ l(d, { justifyContent: "flex-end", gap: 12, children: [
     /* @__PURE__ */ t(r, { variant: "secondary", onClick: () => {
-      e(C.RECOVERY_CASE_RESUBMIT_CANCEL);
+      e(y.RECOVERY_CASE_RESUBMIT_CANCEL);
     }, isDisabled: n, children: o("cta.cancel") }),
     /* @__PURE__ */ t(
       r,

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  onEvent: OnEventType<EventType, unknown>\n}\n\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?.recoveryCaseList?.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,kBAAkB,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEzF,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  onEvent: OnEventType<EventType, unknown>\n}\n\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?.recoveryCaseList?.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,kBAAkB,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEzF,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;"}

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

@@ -2,10 +2,7 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { useTranslation as a, Trans as c } from "react-i18next";
 import p from "./RecoveryCaseErrorCode.module.scss.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../shared/constants.js";
 import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { useI18n as f } from "../../../i18n/I18n.js";
 function h(s) {
   switch (s) {
@@ -21,7 +18,7 @@ function h(s) {
       return "bankError";
   }
 }
-function T(s) {
+function v(s) {
   f("Payroll.RecoveryCasesResubmit");
   const { t: r } = a("Payroll.RecoveryCasesResubmit"), { Text: o } = R();
   if (!s)
@@ -62,6 +59,6 @@ function T(s) {
   };
 }
 export {
-  T as useRecoveryCaseErrorCode
+  v as useRecoveryCaseErrorCode
 };
 //# sourceMappingURL=useRecoveryCaseErrorCode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRecoveryCaseErrorCode.js","sources":["../../../../src/components/Payroll/RecoveryCases/useRecoveryCaseErrorCode.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './RecoveryCaseErrorCode.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface RecoveryCaseErrorCodeContent {\n  title: string | null\n  subtitle: string | null\n  description: ReactNode[]\n}\n\ntype ErrorCodeKey = 'R01' | 'R02' | 'R16' | 'R29' | 'bankError'\n\nfunction getErrorCodeKey(errorCode: string | null | undefined): ErrorCodeKey {\n  switch (errorCode) {\n    case 'R01':\n      return 'R01'\n    case 'R02':\n      return 'R02'\n    case 'R16':\n      return 'R16'\n    case 'R29':\n      return 'R29'\n    default:\n      return 'bankError'\n  }\n}\n\nexport function useRecoveryCaseErrorCode(\n  errorCode: string | null | undefined,\n): RecoveryCaseErrorCodeContent {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Text } = useComponentContext()\n\n  if (!errorCode) {\n    return {\n      title: null,\n      subtitle: null,\n      description: [],\n    }\n  }\n\n  const errorCodeKey = getErrorCodeKey(errorCode)\n\n  const transComponents = {\n    medium: <Text as=\"span\" weight=\"medium\" />,\n  }\n\n  const description: ReactNode[] = [\n    <Text key=\"body\">\n      <Trans t={t} i18nKey={`errorCodes.${errorCodeKey}.body`} components={transComponents} />\n    </Text>,\n  ]\n\n  if (errorCodeKey === 'R29') {\n    const achCodes = Object.values(t('errorCodes.R29.achCodes', { returnObjects: true }))\n    description.push(\n      <Flex key=\"instruction\" flexDirection=\"column\" gap={16}>\n        <Text>{t('errorCodes.R29.listDescription')}</Text>\n        <ul className={styles.compactList}>\n          {achCodes.map((code, index) => (\n            <li key={index}>{code}</li>\n          ))}\n        </ul>\n        <Text>\n          <Trans t={t} i18nKey=\"errorCodes.R29.instruction\" components={transComponents} />\n        </Text>\n      </Flex>,\n    )\n  } else {\n    const instruction = t(`errorCodes.${errorCodeKey}.instruction`)\n    if (instruction) {\n      description.push(\n        <Text key=\"instruction\">\n          <Trans\n            t={t}\n            i18nKey={`errorCodes.${errorCodeKey}.instruction`}\n            components={transComponents}\n          />\n        </Text>,\n      )\n    }\n  }\n\n  return {\n    title: t(`errorCodes.${errorCodeKey}.title`),\n    subtitle: t(`errorCodes.${errorCodeKey}.subtitle`),\n    description,\n  }\n}\n"],"names":["getErrorCodeKey","errorCode","useRecoveryCaseErrorCode","useI18n","t","useTranslation","Text","useComponentContext","errorCodeKey","transComponents","jsx","description","Trans","achCodes","jsxs","Flex","styles","code","index"],"mappings":";;;;;;;;;AAeA,SAASA,EAAgBC,GAAoD;AAC3E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,SAASC,EACdD,GAC8B;AAC9B,EAAAE,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,MAAI,CAACN;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,CAAA;AAAA,IAAC;AAIlB,QAAMO,IAAeR,EAAgBC,CAAS,GAExCQ,IAAkB;AAAA,IACtB,QAAQ,gBAAAC,EAACJ,GAAA,EAAK,IAAG,QAAO,QAAO,SAAA,CAAS;AAAA,EAAA,GAGpCK,IAA2B;AAAA,IAC/B,gBAAAD,EAACJ,GAAA,EACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAS,cAAcI,CAAY,SAAS,YAAYC,EAAA,CAAiB,EAAA,GAD9E,MAEV;AAAA,EAAA;AAGF,MAAID,MAAiB,OAAO;AAC1B,UAAMK,IAAW,OAAO,OAAOT,EAAE,2BAA2B,EAAE,eAAe,GAAA,CAAM,CAAC;AACpF,IAAAO,EAAY;AAAA,MACV,gBAAAG,EAACC,GAAA,EAAuB,eAAc,UAAS,KAAK,IAClD,UAAA;AAAA,QAAA,gBAAAL,EAACJ,GAAA,EAAM,UAAAF,EAAE,gCAAgC,EAAA,CAAE;AAAA,QAC3C,gBAAAM,EAAC,MAAA,EAAG,WAAWM,EAAO,aACnB,UAAAH,EAAS,IAAI,CAACI,GAAMC,MACnB,gBAAAR,EAAC,MAAA,EAAgB,UAAAO,KAARC,CAAa,CACvB,GACH;AAAA,QACA,gBAAAR,EAACJ,KACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAQ,8BAA6B,YAAYK,EAAA,CAAiB,EAAA,CACjF;AAAA,MAAA,EAAA,GATQ,aAUV;AAAA,IAAA;AAAA,EAEJ;AAEE,IADoBL,EAAE,cAAcI,CAAY,cAAc,KAE5DG,EAAY;AAAA,wBACTL,GAAA,EACC,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAS,cAAcI,CAAY;AAAA,UACnC,YAAYC;AAAA,QAAA;AAAA,MAAA,KAJN,aAMV;AAAA,IAAA;AAKN,SAAO;AAAA,IACL,OAAOL,EAAE,cAAcI,CAAY,QAAQ;AAAA,IAC3C,UAAUJ,EAAE,cAAcI,CAAY,WAAW;AAAA,IACjD,aAAAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useRecoveryCaseErrorCode.js","sources":["../../../../src/components/Payroll/RecoveryCases/useRecoveryCaseErrorCode.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './RecoveryCaseErrorCode.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface RecoveryCaseErrorCodeContent {\n  title: string | null\n  subtitle: string | null\n  description: ReactNode[]\n}\n\ntype ErrorCodeKey = 'R01' | 'R02' | 'R16' | 'R29' | 'bankError'\n\nfunction getErrorCodeKey(errorCode: string | null | undefined): ErrorCodeKey {\n  switch (errorCode) {\n    case 'R01':\n      return 'R01'\n    case 'R02':\n      return 'R02'\n    case 'R16':\n      return 'R16'\n    case 'R29':\n      return 'R29'\n    default:\n      return 'bankError'\n  }\n}\n\nexport function useRecoveryCaseErrorCode(\n  errorCode: string | null | undefined,\n): RecoveryCaseErrorCodeContent {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Text } = useComponentContext()\n\n  if (!errorCode) {\n    return {\n      title: null,\n      subtitle: null,\n      description: [],\n    }\n  }\n\n  const errorCodeKey = getErrorCodeKey(errorCode)\n\n  const transComponents = {\n    medium: <Text as=\"span\" weight=\"medium\" />,\n  }\n\n  const description: ReactNode[] = [\n    <Text key=\"body\">\n      <Trans t={t} i18nKey={`errorCodes.${errorCodeKey}.body`} components={transComponents} />\n    </Text>,\n  ]\n\n  if (errorCodeKey === 'R29') {\n    const achCodes = Object.values(t('errorCodes.R29.achCodes', { returnObjects: true }))\n    description.push(\n      <Flex key=\"instruction\" flexDirection=\"column\" gap={16}>\n        <Text>{t('errorCodes.R29.listDescription')}</Text>\n        <ul className={styles.compactList}>\n          {achCodes.map((code, index) => (\n            <li key={index}>{code}</li>\n          ))}\n        </ul>\n        <Text>\n          <Trans t={t} i18nKey=\"errorCodes.R29.instruction\" components={transComponents} />\n        </Text>\n      </Flex>,\n    )\n  } else {\n    const instruction = t(`errorCodes.${errorCodeKey}.instruction`)\n    if (instruction) {\n      description.push(\n        <Text key=\"instruction\">\n          <Trans\n            t={t}\n            i18nKey={`errorCodes.${errorCodeKey}.instruction`}\n            components={transComponents}\n          />\n        </Text>,\n      )\n    }\n  }\n\n  return {\n    title: t(`errorCodes.${errorCodeKey}.title`),\n    subtitle: t(`errorCodes.${errorCodeKey}.subtitle`),\n    description,\n  }\n}\n"],"names":["getErrorCodeKey","errorCode","useRecoveryCaseErrorCode","useI18n","t","useTranslation","Text","useComponentContext","errorCodeKey","transComponents","jsx","description","Trans","achCodes","jsxs","Flex","styles","code","index"],"mappings":";;;;;;AAeA,SAASA,EAAgBC,GAAoD;AAC3E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,SAASC,EACdD,GAC8B;AAC9B,EAAAE,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,MAAI,CAACN;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,CAAA;AAAA,IAAC;AAIlB,QAAMO,IAAeR,EAAgBC,CAAS,GAExCQ,IAAkB;AAAA,IACtB,QAAQ,gBAAAC,EAACJ,GAAA,EAAK,IAAG,QAAO,QAAO,SAAA,CAAS;AAAA,EAAA,GAGpCK,IAA2B;AAAA,IAC/B,gBAAAD,EAACJ,GAAA,EACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAS,cAAcI,CAAY,SAAS,YAAYC,EAAA,CAAiB,EAAA,GAD9E,MAEV;AAAA,EAAA;AAGF,MAAID,MAAiB,OAAO;AAC1B,UAAMK,IAAW,OAAO,OAAOT,EAAE,2BAA2B,EAAE,eAAe,GAAA,CAAM,CAAC;AACpF,IAAAO,EAAY;AAAA,MACV,gBAAAG,EAACC,GAAA,EAAuB,eAAc,UAAS,KAAK,IAClD,UAAA;AAAA,QAAA,gBAAAL,EAACJ,GAAA,EAAM,UAAAF,EAAE,gCAAgC,EAAA,CAAE;AAAA,QAC3C,gBAAAM,EAAC,MAAA,EAAG,WAAWM,EAAO,aACnB,UAAAH,EAAS,IAAI,CAACI,GAAMC,MACnB,gBAAAR,EAAC,MAAA,EAAgB,UAAAO,KAARC,CAAa,CACvB,GACH;AAAA,QACA,gBAAAR,EAACJ,KACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAQ,8BAA6B,YAAYK,EAAA,CAAiB,EAAA,CACjF;AAAA,MAAA,EAAA,GATQ,aAUV;AAAA,IAAA;AAAA,EAEJ;AAEE,IADoBL,EAAE,cAAcI,CAAY,cAAc,KAE5DG,EAAY;AAAA,wBACTL,GAAA,EACC,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAS,cAAcI,CAAY;AAAA,UACnC,YAAYC;AAAA,QAAA;AAAA,MAAA,KAJN,aAMV;AAAA,IAAA;AAKN,SAAO;AAAA,IACL,OAAOL,EAAE,cAAcI,CAAY,QAAQ;AAAA,IAC3C,UAAUJ,EAAE,cAAcI,CAAY,WAAW;AAAA,IACjD,aAAAG;AAAA,EAAA;AAEJ;"}

package/dist/components/Payroll/Transition/TransitionFlow.d.ts

@@ -1,2 +1,2 @@
 import { TransitionFlowProps } from './TransitionFlowComponents';
-export declare function TransitionFlow({ companyId, startDate, endDate, payScheduleUuid, onEvent, }: TransitionFlowProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransitionFlow({ companyId, startDate, endDate, payScheduleUuid, payrollUuid, onEvent, }: TransitionFlowProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/Transition/TransitionFlow.js

@@ -1,38 +1,40 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useMemo as s } from "react";
-import { createMachine as c } from "robot3";
-import { transitionMachine as p, transitionBreadcrumbsNodes as u } from "./transitionStateMachine.js";
-import { TransitionCreationContextual as b } from "./TransitionFlowComponents.js";
-import { Flow as f } from "../../Flow/Flow.js";
-import { buildBreadcrumbs as l } from "../../../helpers/breadcrumbHelpers.js";
-function F({
-  companyId: r,
-  startDate: o,
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as b } from "react";
+import { createMachine as f } from "robot3";
+import { transitionMachine as p, transitionBreadcrumbsNodes as x } from "./transitionStateMachine.js";
+import { TransitionExecutionContextual as T, TransitionCreationContextual as B } from "./TransitionFlowComponents.js";
+import { Flow as h } from "../../Flow/Flow.js";
+import { buildBreadcrumbs as C } from "../../../helpers/breadcrumbHelpers.js";
+function j({
+  companyId: n,
+  startDate: t,
   endDate: i,
-  payScheduleUuid: n,
-  onEvent: t
+  payScheduleUuid: e,
+  payrollUuid: r,
+  onEvent: a
 }) {
-  const e = s(
-    () => c(
-      "createTransitionPayroll",
+  const o = !!r, m = o ? "execution" : "createTransitionPayroll", s = o ? T : B, c = b(
+    () => f(
+      m,
       p,
-      (m) => ({
-        ...m,
-        component: b,
-        companyId: r,
-        startDate: o,
+      (l) => ({
+        ...l,
+        component: s,
+        companyId: n,
+        startDate: t,
         endDate: i,
-        payScheduleUuid: n,
-        breadcrumbs: l(u),
-        currentBreadcrumbId: "createTransitionPayroll",
-        progressBarType: "breadcrumbs"
+        payScheduleUuid: e,
+        payrollUuid: r,
+        breadcrumbs: C(x),
+        currentBreadcrumbId: o ? void 0 : "createTransitionPayroll",
+        progressBarType: o ? null : "breadcrumbs"
       })
     ),
-    [r, o, i, n]
+    [n, t, i, e, r]
   );
-  return /* @__PURE__ */ a(f, { machine: e, onEvent: t });
+  return /* @__PURE__ */ u(h, { machine: c, onEvent: a });
 }
 export {
-  F as TransitionFlow
+  j as TransitionFlow
 };
 //# sourceMappingURL=TransitionFlow.js.map

package/dist/components/Payroll/Transition/TransitionFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionFlow.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { transitionMachine, transitionBreadcrumbsNodes } from './transitionStateMachine'\nimport {\n  TransitionCreationContextual,\n  type TransitionFlowContextInterface,\n  type TransitionFlowProps,\n} from './TransitionFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport function TransitionFlow({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  onEvent,\n}: TransitionFlowProps) {\n  const transitionFlowMachine = useMemo(\n    () =>\n      createMachine(\n        'createTransitionPayroll',\n        transitionMachine,\n        (initialContext: TransitionFlowContextInterface) => ({\n          ...initialContext,\n          component: TransitionCreationContextual,\n          companyId,\n          startDate,\n          endDate,\n          payScheduleUuid,\n          breadcrumbs: buildBreadcrumbs(transitionBreadcrumbsNodes),\n          currentBreadcrumbId: 'createTransitionPayroll',\n          progressBarType: 'breadcrumbs' as const,\n        }),\n      ),\n    [companyId, startDate, endDate, payScheduleUuid],\n  )\n\n  return <Flow machine={transitionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["TransitionFlow","companyId","startDate","endDate","payScheduleUuid","onEvent","transitionFlowMachine","useMemo","createMachine","transitionMachine","initialContext","TransitionCreationContextual","buildBreadcrumbs","transitionBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAWO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AACF,GAAwB;AACtB,QAAMC,IAAwBC;AAAA,IAC5B,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAV;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAaQ,EAAiBC,CAA0B;AAAA,QACxD,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,IAEJ,CAACZ,GAAWC,GAAWC,GAASC,CAAe;AAAA,EAAA;AAGjD,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAuB,SAAAD,EAAA,CAAkB;AACjE;"}
+{"version":3,"file":"TransitionFlow.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { transitionMachine, transitionBreadcrumbsNodes } from './transitionStateMachine'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n  type TransitionFlowProps,\n} from './TransitionFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport function TransitionFlow({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  payrollUuid,\n  onEvent,\n}: TransitionFlowProps) {\n  const hasExistingPayroll = Boolean(payrollUuid)\n  const initialState = hasExistingPayroll ? 'execution' : 'createTransitionPayroll'\n  const initialComponent = hasExistingPayroll\n    ? TransitionExecutionContextual\n    : TransitionCreationContextual\n\n  const transitionFlowMachine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        transitionMachine,\n        (initialContext: TransitionFlowContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          startDate,\n          endDate,\n          payScheduleUuid,\n          payrollUuid,\n          breadcrumbs: buildBreadcrumbs(transitionBreadcrumbsNodes),\n          currentBreadcrumbId: hasExistingPayroll ? undefined : 'createTransitionPayroll',\n          progressBarType: hasExistingPayroll ? null : ('breadcrumbs' as const),\n        }),\n      ),\n    [companyId, startDate, endDate, payScheduleUuid, payrollUuid],\n  )\n\n  return <Flow machine={transitionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["TransitionFlow","companyId","startDate","endDate","payScheduleUuid","payrollUuid","onEvent","hasExistingPayroll","initialState","initialComponent","TransitionExecutionContextual","TransitionCreationContextual","transitionFlowMachine","useMemo","createMachine","transitionMachine","initialContext","buildBreadcrumbs","transitionBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAYO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AACF,GAAwB;AACtB,QAAMC,IAAqB,EAAQF,GAC7BG,IAAeD,IAAqB,cAAc,2BAClDE,IAAmBF,IACrBG,IACAC,GAEEC,IAAwBC;AAAA,IAC5B,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAR;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,aAAaY,EAAiBC,CAA0B;AAAA,QACxD,qBAAqBX,IAAqB,SAAY;AAAA,QACtD,iBAAiBA,IAAqB,OAAQ;AAAA,MAAA;AAAA,IAChD;AAAA,IAEJ,CAACN,GAAWC,GAAWC,GAASC,GAAiBC,CAAW;AAAA,EAAA;AAG9D,SAAO,gBAAAc,EAACC,GAAA,EAAK,SAASR,GAAuB,SAAAN,EAAA,CAAkB;AACjE;"}

package/dist/components/Payroll/Transition/TransitionFlowComponents.d.ts

@@ -13,6 +13,7 @@ export interface TransitionFlowProps {
     startDate: string;
     endDate: string;
     payScheduleUuid: string;
+    payrollUuid?: string;
     onEvent: OnEventType<EventType, unknown>;
 }
 export declare function TransitionCreationContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/Transition/TransitionFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionFlowComponents.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { TransitionCreation } from '../TransitionCreation'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface TransitionFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n  payrollUuid?: string\n}\n\nexport interface TransitionFlowProps {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function TransitionCreationContextual() {\n  const { companyId, startDate, endDate, payScheduleUuid, onEvent } =\n    useFlow<TransitionFlowContextInterface>()\n  return (\n    <TransitionCreation\n      companyId={ensureRequired(companyId)}\n      startDate={ensureRequired(startDate)}\n      endDate={ensureRequired(endDate)}\n      payScheduleUuid={ensureRequired(payScheduleUuid)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function TransitionExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<TransitionFlowContextInterface>()\n\n  const transitionCreationBreadcrumb = breadcrumbs?.['createTransitionPayroll']?.[0]\n  const prefixBreadcrumbs = useMemo(() => {\n    return transitionCreationBreadcrumb ? [transitionCreationBreadcrumb] : undefined\n  }, [transitionCreationBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <TransitionExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype TransitionExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction TransitionExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: TransitionExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["TransitionCreationContextual","companyId","startDate","endDate","payScheduleUuid","onEvent","useFlow","jsx","TransitionCreation","ensureRequired","TransitionExecutionContextual","payrollUuid","breadcrumbs","transitionCreationBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","TransitionExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA6BO,SAASA,IAA+B;AAC7C,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,iBAAAC,GAAiB,SAAAC,EAAA,IACtDC,EAAA;AACF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeP,CAAS;AAAA,MACnC,SAASO,EAAeN,CAAO;AAAA,MAC/B,iBAAiBM,EAAeL,CAAe;AAAA,MAC/C,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAAgC;AAC9C,QAAM,EAAE,WAAAT,GAAW,aAAAU,GAAa,SAAAN,GAAS,aAAAO,EAAA,IAAgBN,EAAA,GAEnDO,IAA+BD,GAAc,0BAA6B,CAAC,GAC3EE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeR,CAAS,GAC5CgB,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA4B;AAAA,EACnC,WAAAlB;AAAA,EACA,WAAAmB;AAAA,EACA,GAAGC;AACL,GAAqC;AACnC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAtB,GAAW,WAAAmB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAxB;AAAA,MACA,WAAAmB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"TransitionFlowComponents.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { TransitionCreation } from '../TransitionCreation'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface TransitionFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n  payrollUuid?: string\n}\n\nexport interface TransitionFlowProps {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n  payrollUuid?: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function TransitionCreationContextual() {\n  const { companyId, startDate, endDate, payScheduleUuid, onEvent } =\n    useFlow<TransitionFlowContextInterface>()\n  return (\n    <TransitionCreation\n      companyId={ensureRequired(companyId)}\n      startDate={ensureRequired(startDate)}\n      endDate={ensureRequired(endDate)}\n      payScheduleUuid={ensureRequired(payScheduleUuid)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function TransitionExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<TransitionFlowContextInterface>()\n\n  const transitionCreationBreadcrumb = breadcrumbs?.['createTransitionPayroll']?.[0]\n  const prefixBreadcrumbs = useMemo(() => {\n    return transitionCreationBreadcrumb ? [transitionCreationBreadcrumb] : undefined\n  }, [transitionCreationBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <TransitionExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype TransitionExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction TransitionExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: TransitionExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["TransitionCreationContextual","companyId","startDate","endDate","payScheduleUuid","onEvent","useFlow","jsx","TransitionCreation","ensureRequired","TransitionExecutionContextual","payrollUuid","breadcrumbs","transitionCreationBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","TransitionExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA8BO,SAASA,IAA+B;AAC7C,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,iBAAAC,GAAiB,SAAAC,EAAA,IACtDC,EAAA;AACF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeP,CAAS;AAAA,MACnC,SAASO,EAAeN,CAAO;AAAA,MAC/B,iBAAiBM,EAAeL,CAAe;AAAA,MAC/C,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAAgC;AAC9C,QAAM,EAAE,WAAAT,GAAW,aAAAU,GAAa,SAAAN,GAAS,aAAAO,EAAA,IAAgBN,EAAA,GAEnDO,IAA+BD,GAAc,0BAA6B,CAAC,GAC3EE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeR,CAAS,GAC5CgB,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA4B;AAAA,EACnC,WAAAlB;AAAA,EACA,WAAAmB;AAAA,EACA,GAAGC;AACL,GAAqC;AACnC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAtB,GAAW,WAAAmB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAxB;AAAA,MACA,WAAAmB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

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

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

@@ -6,14 +6,12 @@ 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 { Flex as t } from "../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { RadioGroupField as j } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { DatePickerField as F } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-import { useDateFormatter as L } from "../../../hooks/useDateFormatter.js";
-import { OffCycleTaxWithholdingTable as R } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.js";
-import { OffCycleTaxWithholdingModal as A } from "../OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js";
-function X({
+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,
   payScheduleName: p,
@@ -25,7 +23,7 @@ function X({
   onTaxWithholdingModalCancel: O
 }) {
   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 = L(), 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: P, Button: v } = G(), h = j(), S = h.formatShortWithYear(D), w = h.formatShortWithYear(C), E = b(
     () => [
       {
         value: !1,
@@ -72,10 +70,10 @@ function X({
       ] })
     ] }),
     /* @__PURE__ */ e("hr", { className: a.divider }),
-    /* @__PURE__ */ e(t, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(F, { name: "checkDate", label: i("checkDateLabel"), isRequired: !0 }) }),
+    /* @__PURE__ */ e(t, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(A, { name: "checkDate", label: i("checkDateLabel"), isRequired: !0 }) }),
     /* @__PURE__ */ e("hr", { className: a.divider }),
     /* @__PURE__ */ e(t, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(
-      j,
+      F,
       {
         name: "skipRegularDeductions",
         label: r("title"),
@@ -86,7 +84,7 @@ function X({
     ) }),
     /* @__PURE__ */ e("hr", { className: a.divider }),
     /* @__PURE__ */ e(
-      R,
+      L,
       {
         wageTypeGroups: W,
         config: f,
@@ -94,7 +92,7 @@ function X({
       }
     ),
     x && /* @__PURE__ */ e(
-      A,
+      R,
       {
         isOpen: !0,
         defaultConfig: f,
@@ -106,6 +104,6 @@ function X({
   ] });
 }
 export {
-  X as TransitionCreationPresentation
+  Q as TransitionCreationPresentation
 };
 //# sourceMappingURL=TransitionCreationPresentation.js.map