@gusto/embedded-react-sdk 0.47.1 → 0.48.0

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-v-2025-11-15/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api-v-2025-11-15/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?.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-v-2025-11-15/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api-v-2025-11-15/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?.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;"}

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

@@ -3,6 +3,7 @@ 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 { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
 import { useI18n as f } from "../../../i18n/I18n.js";
 function h(s) {
   switch (s) {
@@ -18,7 +19,7 @@ function h(s) {
       return "bankError";
   }
 }
-function v(s) {
+function g(s) {
   f("Payroll.RecoveryCasesResubmit");
   const { t: r } = a("Payroll.RecoveryCasesResubmit"), { Text: o } = R();
   if (!s)
@@ -59,6 +60,6 @@ function v(s) {
   };
 }
 export {
-  v as useRecoveryCaseErrorCode
+  g 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/index.d.ts

@@ -23,6 +23,8 @@ export { OffCycleFlow } from './OffCycle';
 export type { OffCycleFlowContextInterface, OffCycleFlowProps } from './OffCycle';
 export { DismissalFlow } from './Dismissal';
 export type { DismissalFlowProps, DismissalFlowContextInterface } from './Dismissal';
+export { DismissalPayPeriodSelection } from './Dismissal';
+export type { DismissalPayPeriodSelectionProps } from './Dismissal';
 export { TransitionFlow } from './Transition';
 export type { TransitionFlowContextInterface, TransitionFlowProps } from './Transition';
 export { TransitionCreation } from './TransitionCreation';

package/dist/components/Payroll/index.js

@@ -1,41 +1,43 @@
 import { PayrollConfiguration as e } from "./PayrollConfiguration/PayrollConfiguration.js";
 import { PayrollEditEmployee as l } from "./PayrollEditEmployee/PayrollEditEmployee.js";
 import { PayrollHistory as i } from "./PayrollHistory/PayrollHistory.js";
-import { PayrollLanding as p } from "./PayrollLanding/PayrollLanding.js";
+import { PayrollLanding as a } from "./PayrollLanding/PayrollLanding.js";
 import { PayrollList as x } from "./PayrollList/PayrollList.js";
 import { PayrollOverview as n } from "./PayrollOverview/PayrollOverview.js";
-import { PayrollFlow as c } from "./PayrollFlow/PayrollFlow.js";
+import { PayrollFlow as P } from "./PayrollFlow/PayrollFlow.js";
 import { PayrollReceipts as C } from "./PayrollReceipts/PayrollReceipts.js";
 import { ConfirmWireDetails as F } from "./ConfirmWireDetails/ConfirmWireDetails.js";
 import { RecoveryCases as d } from "./RecoveryCases/RecoveryCases.js";
-import { DismissalFlow as u } from "./Dismissal/DismissalFlow.js";
-import { OffCycleCreation as D } from "./OffCycleCreation/OffCycleCreation.js";
-import { OffCycleDeductionsSetting as L } from "./OffCycleDeductionsSetting/OffCycleDeductionsSetting.js";
-import { OffCycleFlow as S } from "./OffCycle/OffCycleFlow.js";
-import { OffCycleReasonSelection as k } from "./OffCycleReasonSelection/OffCycleReasonSelection.js";
-import { PayrollBlockerList as H } from "./PayrollBlocker/components/PayrollBlockerList.js";
-import { PayrollExecutionFlow as b } from "./PayrollExecutionFlow/PayrollExecutionFlow.js";
-import { TransitionCreation as j } from "./TransitionCreation/TransitionCreation.js";
-import { TransitionFlow as z } from "./Transition/TransitionFlow.js";
+import { DismissalFlow as g } from "./Dismissal/DismissalFlow.js";
+import { DismissalPayPeriodSelection as v } from "./Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.js";
+import { OffCycleCreation as L } from "./OffCycleCreation/OffCycleCreation.js";
+import { OffCycleDeductionsSetting as S } from "./OffCycleDeductionsSetting/OffCycleDeductionsSetting.js";
+import { OffCycleFlow as k } from "./OffCycle/OffCycleFlow.js";
+import { OffCycleReasonSelection as H } from "./OffCycleReasonSelection/OffCycleReasonSelection.js";
+import { PayrollBlockerList as b } from "./PayrollBlocker/components/PayrollBlockerList.js";
+import { PayrollExecutionFlow as j } from "./PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { TransitionCreation as z } from "./TransitionCreation/TransitionCreation.js";
+import { TransitionFlow as G } from "./Transition/TransitionFlow.js";
 export {
   F as ConfirmWireDetails,
-  u as DismissalFlow,
-  D as OffCycleCreation,
-  L as OffCycleDeductionsSetting,
-  S as OffCycleFlow,
-  k as OffCycleReasonSelection,
-  H as PayrollBlockerList,
+  g as DismissalFlow,
+  v as DismissalPayPeriodSelection,
+  L as OffCycleCreation,
+  S as OffCycleDeductionsSetting,
+  k as OffCycleFlow,
+  H as OffCycleReasonSelection,
+  b as PayrollBlockerList,
   e as PayrollConfiguration,
   l as PayrollEditEmployee,
-  b as PayrollExecutionFlow,
-  c as PayrollFlow,
+  j as PayrollExecutionFlow,
+  P as PayrollFlow,
   i as PayrollHistory,
-  p as PayrollLanding,
+  a as PayrollLanding,
   x as PayrollList,
   n as PayrollOverview,
   C as PayrollReceipts,
   d as RecoveryCases,
-  j as TransitionCreation,
-  z as TransitionFlow
+  z as TransitionCreation,
+  G as TransitionFlow
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.js

@@ -8,23 +8,23 @@ import { useEmployeesListSuspense as Q } from "@gusto/embedded-api-v-2025-11-15/
 import { getDefaultHolidayItems as G } from "../shared/holidayHelpers.js";
 import { HolidayPolicyDetailPresentation as $ } from "./HolidayPolicyDetailPresentation.js";
 import { useClientPagination as K } from "../../../hooks/useClientPagination/useClientPagination.js";
-import { BaseComponent as V } from "../../Base/Base.js";
-import { useBase as z } from "../../Base/useBase.js";
+import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { BaseComponent as z } from "../../Base/Base.js";
+import { useBase as J } from "../../Base/useBase.js";
 import { componentEvents as y } from "../../../shared/constants.js";
-import { useComponentContext as J } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as D } from "../../../i18n/I18n.js";
-import { useLocale as W } from "../../../contexts/LocaleProvider/useLocale.js";
+import { useLocale as X } from "../../../contexts/LocaleProvider/useLocale.js";
 import { firstLastName as S } from "../../../helpers/formattedStrings.js";
-import X from "../../../assets/icons/trashcan.svg.js";
-import Z from "../../../assets/icons/edit-02.svg.js";
-import ee from "../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as oe } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import Z from "../../../assets/icons/trashcan.svg.js";
+import ee from "../../../assets/icons/edit-02.svg.js";
+import oe from "../../../assets/icons/plus-circle.svg.js";
 function He(t) {
-  return /* @__PURE__ */ a(V, { ...t, componentName: "Company.TimeOff.HolidayPolicy", children: /* @__PURE__ */ a(ae, { ...t }) });
+  return /* @__PURE__ */ a(z, { ...t, componentName: "Company.TimeOff.HolidayPolicy", children: /* @__PURE__ */ a(ae, { ...t }) });
 }
 function ae({ companyId: t, defaultTab: _ = "holidays" }) {
   D("Company.TimeOff.HolidayPolicy"), D("Company.TimeOff.PolicyDetail");
-  const { t: i } = T("Company.TimeOff.HolidayPolicy"), { t: l } = T("Company.TimeOff.PolicyDetail"), { Button: p } = J(), { locale: f } = W(), H = Y(), { onEvent: r, baseSubmitHandler: b } = z(), [A, N] = d(_), [O, h] = d(null), [n, m] = d(null), s = j({ companyUuid: t }).data.holidayPayPolicy, { data: C } = Q({
+  const { t: i } = T("Company.TimeOff.HolidayPolicy"), { t: l } = T("Company.TimeOff.PolicyDetail"), { Button: p } = W(), { locale: f } = X(), H = Y(), { onEvent: r, baseSubmitHandler: b } = J(), [A, N] = d(_), [O, h] = d(null), [n, m] = d(null), s = j({ companyUuid: t }).data.holidayPayPolicy, { data: C } = Q({
     companyId: t,
     terminated: !1
   }), P = x(), L = u(() => {
@@ -71,7 +71,7 @@ function ae({ companyId: t, defaultTab: _ = "holidays" }) {
       p,
       {
         variant: "secondary",
-        icon: /* @__PURE__ */ a(ee, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ a(oe, { "aria-hidden": !0 }),
         onClick: v,
         children: i("show.addEmployeesCta")
       },
@@ -81,7 +81,7 @@ function ae({ companyId: t, defaultTab: _ = "holidays" }) {
       p,
       {
         variant: "secondary",
-        icon: /* @__PURE__ */ a(Z, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ a(ee, { "aria-hidden": !0 }),
         onClick: R,
         children: i("show.editPolicyCta")
       },
@@ -106,12 +106,12 @@ function ae({ companyId: t, defaultTab: _ = "holidays" }) {
         onSearchClear: E.onSearchClear,
         pagination: M,
         itemMenu: (e) => /* @__PURE__ */ a(
-          oe,
+          V,
           {
             items: [
               {
                 label: l("removeEmployeeDialog.confirmCta"),
-                icon: /* @__PURE__ */ a(X, { "aria-hidden": !0 }),
+                icon: /* @__PURE__ */ a(Z, { "aria-hidden": !0 }),
                 onClick: () => {
                   m({
                     uuid: e.uuid,

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidayPolicyDetail.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesRemoveEmployees'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport { getDefaultHolidayItems } from '../shared/holidayHelpers'\nimport { HolidayPolicyDetailPresentation } from './HolidayPolicyDetailPresentation'\nimport type { HolidayPolicyDetailEmployee } from './HolidayPolicyDetailTypes'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport EditIcon from '@/assets/icons/edit-02.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface HolidayPolicyDetailProps extends BaseComponentInterface {\n  companyId: string\n  defaultTab?: 'holidays' | 'employees'\n}\n\nexport function HolidayPolicyDetail(props: HolidayPolicyDetailProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Company.TimeOff.HolidayPolicy\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface RemoveDialogTarget {\n  uuid: string\n  name: string\n}\n\nfunction Root({ companyId, defaultTab = 'holidays' }: HolidayPolicyDetailProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { t: tShared } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Button } = useComponentContext()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [selectedTabId, setSelectedTabId] = useState<string>(defaultTab)\n  const [successAlert, setSuccessAlert] = useState<string | null>(null)\n  const [removeDialogTarget, setRemoveDialogTarget] = useState<RemoveDialogTarget | null>(null)\n\n  const holidayQuery = useHolidayPayPoliciesGetSuspense({ companyUuid: companyId })\n  const holidayPayPolicy = holidayQuery.data.holidayPayPolicy!\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n\n  const removeEmployeesMutation = useHolidayPayPoliciesRemoveEmployeesMutation()\n\n  const holidays = useMemo(() => {\n    const allHolidays = getDefaultHolidayItems(t, undefined, locale)\n    const { federalHolidays } = holidayPayPolicy\n    return allHolidays.filter(holiday => {\n      const holidayData = federalHolidays[holiday.uuid as keyof typeof federalHolidays]\n      return holidayData?.selected === true\n    })\n  }, [t, holidayPayPolicy, locale])\n\n  const policyEmployeeUuids = useMemo(\n    () => new Set(holidayPayPolicy.employees.map(e => e.uuid)),\n    [holidayPayPolicy.employees],\n  )\n\n  const employees: HolidayPolicyDetailEmployee[] = useMemo(() => {\n    const allEmployees = employeesData.showEmployees ?? []\n    return allEmployees\n      .filter(emp => policyEmployeeUuids.has(emp.uuid))\n      .map(emp => ({\n        uuid: emp.uuid,\n        firstName: emp.firstName,\n        lastName: emp.lastName,\n        jobTitle: emp.jobs?.find(job => job.primary)?.title ?? null,\n      }))\n  }, [employeesData.showEmployees, policyEmployeeUuids])\n\n  const {\n    data: pagedEmployees,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(employees, {\n    defaultItemsPerPage: 10,\n    searchPredicate: (emp, query) =>\n      `${emp.firstName ?? ''} ${emp.lastName ?? ''}`.toLowerCase().includes(query.toLowerCase()),\n  })\n\n  const handleRemoveEmployee = async () => {\n    if (!removeDialogTarget) return\n\n    const targetUuid = removeDialogTarget.uuid\n    const targetName = removeDialogTarget.name\n    setRemoveDialogTarget(null)\n\n    await baseSubmitHandler({}, async () => {\n      await removeEmployeesMutation.mutateAsync({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: holidayPayPolicy.version!,\n            employees: [{ uuid: targetUuid }],\n          },\n        },\n      })\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      setSuccessAlert(t('flash.employeeRemoved', { name: targetName }))\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(componentEvents.TIME_OFF_BACK_TO_LIST)\n  }\n\n  const handleAddEmployees = () => {\n    onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES)\n  }\n\n  const handleEditPolicy = () => {\n    onEvent(componentEvents.TIME_OFF_EDIT_HOLIDAY_POLICY)\n  }\n\n  const actions = [\n    <Button\n      key=\"add\"\n      variant=\"secondary\"\n      icon={<PlusCircleIcon aria-hidden />}\n      onClick={handleAddEmployees}\n    >\n      {t('show.addEmployeesCta')}\n    </Button>,\n    <Button\n      key=\"edit\"\n      variant=\"secondary\"\n      icon={<EditIcon aria-hidden />}\n      onClick={handleEditPolicy}\n    >\n      {t('show.editPolicyCta')}\n    </Button>,\n  ]\n\n  return (\n    <HolidayPolicyDetailPresentation\n      title={t('show.title')}\n      onBack={handleBack}\n      backLabel={tShared('backLabel')}\n      actions={actions}\n      onAddEmployee={handleAddEmployees}\n      holidays={holidays}\n      selectedTabId={selectedTabId}\n      onTabChange={setSelectedTabId}\n      employees={{\n        data: pagedEmployees,\n        searchValue,\n        onSearchChange: paginationActions.onSearchChange,\n        onSearchClear: paginationActions.onSearchClear,\n        pagination,\n        itemMenu: employee => (\n          <HamburgerMenu\n            items={[\n              {\n                label: tShared('removeEmployeeDialog.confirmCta'),\n                icon: <TrashCanSvg aria-hidden />,\n                onClick: () => {\n                  setRemoveDialogTarget({\n                    uuid: employee.uuid,\n                    name: firstLastName({\n                      first_name: employee.firstName,\n                      last_name: employee.lastName,\n                    }),\n                  })\n                },\n              },\n            ]}\n            triggerLabel={tShared('employeeActions', {\n              name: firstLastName({ first_name: employee.firstName, last_name: employee.lastName }),\n            })}\n          />\n        ),\n      }}\n      removeDialog={{\n        isOpen: removeDialogTarget !== null,\n        employeeName: removeDialogTarget?.name ?? '',\n        onConfirm: handleRemoveEmployee,\n        onClose: () => {\n          setRemoveDialogTarget(null)\n        },\n        isPending: removeEmployeesMutation.isPending,\n      }}\n      successAlert={successAlert ?? undefined}\n      onDismissAlert={() => {\n        setSuccessAlert(null)\n      }}\n    />\n  )\n}\n"],"names":["HolidayPolicyDetail","props","jsx","BaseComponent","Root","companyId","defaultTab","useI18n","t","useTranslation","tShared","Button","useComponentContext","locale","useLocale","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","selectedTabId","setSelectedTabId","useState","successAlert","setSuccessAlert","removeDialogTarget","setRemoveDialogTarget","holidayPayPolicy","useHolidayPayPoliciesGetSuspense","employeesData","useEmployeesListSuspense","removeEmployeesMutation","useHolidayPayPoliciesRemoveEmployeesMutation","holidays","useMemo","allHolidays","getDefaultHolidayItems","federalHolidays","holiday","policyEmployeeUuids","employees","emp","job","pagedEmployees","pagination","searchValue","paginationActions","useClientPagination","query","handleRemoveEmployee","targetUuid","targetName","invalidateAllHolidayPayPoliciesGet","handleBack","componentEvents","handleAddEmployees","handleEditPolicy","actions","PlusCircleIcon","EditIcon","HolidayPolicyDetailPresentation","employee","HamburgerMenu","TrashCanSvg","firstLastName"],"mappings":"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"}
+{"version":3,"file":"HolidayPolicyDetail.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesRemoveEmployees'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport { getDefaultHolidayItems } from '../shared/holidayHelpers'\nimport { HolidayPolicyDetailPresentation } from './HolidayPolicyDetailPresentation'\nimport type { HolidayPolicyDetailEmployee } from './HolidayPolicyDetailTypes'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport EditIcon from '@/assets/icons/edit-02.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface HolidayPolicyDetailProps extends BaseComponentInterface {\n  companyId: string\n  defaultTab?: 'holidays' | 'employees'\n}\n\nexport function HolidayPolicyDetail(props: HolidayPolicyDetailProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Company.TimeOff.HolidayPolicy\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface RemoveDialogTarget {\n  uuid: string\n  name: string\n}\n\nfunction Root({ companyId, defaultTab = 'holidays' }: HolidayPolicyDetailProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { t: tShared } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Button } = useComponentContext()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [selectedTabId, setSelectedTabId] = useState<string>(defaultTab)\n  const [successAlert, setSuccessAlert] = useState<string | null>(null)\n  const [removeDialogTarget, setRemoveDialogTarget] = useState<RemoveDialogTarget | null>(null)\n\n  const holidayQuery = useHolidayPayPoliciesGetSuspense({ companyUuid: companyId })\n  const holidayPayPolicy = holidayQuery.data.holidayPayPolicy!\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n\n  const removeEmployeesMutation = useHolidayPayPoliciesRemoveEmployeesMutation()\n\n  const holidays = useMemo(() => {\n    const allHolidays = getDefaultHolidayItems(t, undefined, locale)\n    const { federalHolidays } = holidayPayPolicy\n    return allHolidays.filter(holiday => {\n      const holidayData = federalHolidays[holiday.uuid as keyof typeof federalHolidays]\n      return holidayData?.selected === true\n    })\n  }, [t, holidayPayPolicy, locale])\n\n  const policyEmployeeUuids = useMemo(\n    () => new Set(holidayPayPolicy.employees.map(e => e.uuid)),\n    [holidayPayPolicy.employees],\n  )\n\n  const employees: HolidayPolicyDetailEmployee[] = useMemo(() => {\n    const allEmployees = employeesData.showEmployees ?? []\n    return allEmployees\n      .filter(emp => policyEmployeeUuids.has(emp.uuid))\n      .map(emp => ({\n        uuid: emp.uuid,\n        firstName: emp.firstName,\n        lastName: emp.lastName,\n        jobTitle: emp.jobs?.find(job => job.primary)?.title ?? null,\n      }))\n  }, [employeesData.showEmployees, policyEmployeeUuids])\n\n  const {\n    data: pagedEmployees,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(employees, {\n    defaultItemsPerPage: 10,\n    searchPredicate: (emp, query) =>\n      `${emp.firstName ?? ''} ${emp.lastName ?? ''}`.toLowerCase().includes(query.toLowerCase()),\n  })\n\n  const handleRemoveEmployee = async () => {\n    if (!removeDialogTarget) return\n\n    const targetUuid = removeDialogTarget.uuid\n    const targetName = removeDialogTarget.name\n    setRemoveDialogTarget(null)\n\n    await baseSubmitHandler({}, async () => {\n      await removeEmployeesMutation.mutateAsync({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: holidayPayPolicy.version!,\n            employees: [{ uuid: targetUuid }],\n          },\n        },\n      })\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      setSuccessAlert(t('flash.employeeRemoved', { name: targetName }))\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(componentEvents.TIME_OFF_BACK_TO_LIST)\n  }\n\n  const handleAddEmployees = () => {\n    onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES)\n  }\n\n  const handleEditPolicy = () => {\n    onEvent(componentEvents.TIME_OFF_EDIT_HOLIDAY_POLICY)\n  }\n\n  const actions = [\n    <Button\n      key=\"add\"\n      variant=\"secondary\"\n      icon={<PlusCircleIcon aria-hidden />}\n      onClick={handleAddEmployees}\n    >\n      {t('show.addEmployeesCta')}\n    </Button>,\n    <Button\n      key=\"edit\"\n      variant=\"secondary\"\n      icon={<EditIcon aria-hidden />}\n      onClick={handleEditPolicy}\n    >\n      {t('show.editPolicyCta')}\n    </Button>,\n  ]\n\n  return (\n    <HolidayPolicyDetailPresentation\n      title={t('show.title')}\n      onBack={handleBack}\n      backLabel={tShared('backLabel')}\n      actions={actions}\n      onAddEmployee={handleAddEmployees}\n      holidays={holidays}\n      selectedTabId={selectedTabId}\n      onTabChange={setSelectedTabId}\n      employees={{\n        data: pagedEmployees,\n        searchValue,\n        onSearchChange: paginationActions.onSearchChange,\n        onSearchClear: paginationActions.onSearchClear,\n        pagination,\n        itemMenu: employee => (\n          <HamburgerMenu\n            items={[\n              {\n                label: tShared('removeEmployeeDialog.confirmCta'),\n                icon: <TrashCanSvg aria-hidden />,\n                onClick: () => {\n                  setRemoveDialogTarget({\n                    uuid: employee.uuid,\n                    name: firstLastName({\n                      first_name: employee.firstName,\n                      last_name: employee.lastName,\n                    }),\n                  })\n                },\n              },\n            ]}\n            triggerLabel={tShared('employeeActions', {\n              name: firstLastName({ first_name: employee.firstName, last_name: employee.lastName }),\n            })}\n          />\n        ),\n      }}\n      removeDialog={{\n        isOpen: removeDialogTarget !== null,\n        employeeName: removeDialogTarget?.name ?? '',\n        onConfirm: handleRemoveEmployee,\n        onClose: () => {\n          setRemoveDialogTarget(null)\n        },\n        isPending: removeEmployeesMutation.isPending,\n      }}\n      successAlert={successAlert ?? undefined}\n      onDismissAlert={() => {\n        setSuccessAlert(null)\n      }}\n    />\n  )\n}\n"],"names":["HolidayPolicyDetail","props","jsx","BaseComponent","Root","companyId","defaultTab","useI18n","t","useTranslation","tShared","Button","useComponentContext","locale","useLocale","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","selectedTabId","setSelectedTabId","useState","successAlert","setSuccessAlert","removeDialogTarget","setRemoveDialogTarget","holidayPayPolicy","useHolidayPayPoliciesGetSuspense","employeesData","useEmployeesListSuspense","removeEmployeesMutation","useHolidayPayPoliciesRemoveEmployeesMutation","holidays","useMemo","allHolidays","getDefaultHolidayItems","federalHolidays","holiday","policyEmployeeUuids","employees","emp","job","pagedEmployees","pagination","searchValue","paginationActions","useClientPagination","query","handleRemoveEmployee","targetUuid","targetName","invalidateAllHolidayPayPoliciesGet","handleBack","componentEvents","handleAddEmployees","handleEditPolicy","actions","PlusCircleIcon","EditIcon","HolidayPolicyDetailPresentation","employee","HamburgerMenu","TrashCanSvg","firstLastName"],"mappings":"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"}

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js

@@ -1,12 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMemo as D } from "react";
 import { useTranslation as n } from "react-i18next";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as l } from "../../../i18n/I18n.js";
 import { PolicyDetailLayout as T } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
 import { useDataView as O } from "../../Common/DataView/useDataView.js";
 import { DataView as P } from "../../Common/DataView/DataView.js";
 const v = "holidays";
-function A({
+function _({
   title: t,
   subtitle: e,
   onBack: a,
@@ -74,6 +75,6 @@ function x({ holidays: t }) {
   return /* @__PURE__ */ r(P, { label: e("tableLabel"), ...i });
 }
 export {
-  A as HolidayPolicyDetailPresentation
+  _ as HolidayPolicyDetailPresentation
 };
 //# sourceMappingURL=HolidayPolicyDetailPresentation.js.map

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidayPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes'\nimport { DataView, useDataView } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\nconst HOLIDAYS_TAB_ID = 'holidays'\n\nexport function HolidayPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  holidays,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: HolidayPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const holidaysTabContent = <HolidaysTab holidays={holidays} />\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: HOLIDAYS_TAB_ID,\n        label: t('tabs.holidays'),\n        content: holidaysTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={employees}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction HolidaysTab({ holidays }: { holidays: HolidayItem[] }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n  })\n\n  return <DataView label={t('tableLabel')} {...dataViewProps} />\n}\n"],"names":["HOLIDAYS_TAB_ID","HolidayPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","holidays","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","holidaysTabContent","jsx","HolidaysTab","PolicyDetailLayout","columns","useMemo","item","dataViewProps","useDataView","DataView"],"mappings":";;;;;;;AAQA,MAAMA,IAAkB;AAEjB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDC,IAAqB,gBAAAC,EAACC,GAAA,EAAY,UAAAb,EAAA,CAAoB;AAE5D,SACE,gBAAAY;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOgB,EAAE,eAAe;AAAA,QACxB,SAASE;AAAA,MAAA;AAAA,MAEX,eAAAV;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASM,EAAY,EAAE,UAAAb,KAAyC;AAC9D,EAAAQ,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDK,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACR,CAAC;AAAA,EAAA,GAGES,IAAgBC,EAAyB;AAAA,IAC7C,MAAMnB;AAAA,IACN,SAAAe;AAAA,EAAA,CACD;AAED,2BAAQK,GAAA,EAAS,OAAOX,EAAE,YAAY,GAAI,GAAGS,GAAe;AAC9D;"}
+{"version":3,"file":"HolidayPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes'\nimport { DataView, useDataView } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\nconst HOLIDAYS_TAB_ID = 'holidays'\n\nexport function HolidayPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  holidays,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: HolidayPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const holidaysTabContent = <HolidaysTab holidays={holidays} />\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: HOLIDAYS_TAB_ID,\n        label: t('tabs.holidays'),\n        content: holidaysTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={employees}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction HolidaysTab({ holidays }: { holidays: HolidayItem[] }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n  })\n\n  return <DataView label={t('tableLabel')} {...dataViewProps} />\n}\n"],"names":["HOLIDAYS_TAB_ID","HolidayPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","holidays","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","holidaysTabContent","jsx","HolidaysTab","PolicyDetailLayout","columns","useMemo","item","dataViewProps","useDataView","DataView"],"mappings":";;;;;;;;AAQA,MAAMA,IAAkB;AAEjB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDC,IAAqB,gBAAAC,EAACC,GAAA,EAAY,UAAAb,EAAA,CAAoB;AAE5D,SACE,gBAAAY;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOgB,EAAE,eAAe;AAAA,QACxB,SAASE;AAAA,MAAA;AAAA,MAEX,eAAAV;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASM,EAAY,EAAE,UAAAb,KAAyC;AAC9D,EAAAQ,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDK,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACR,CAAC;AAAA,EAAA,GAGES,IAAgBC,EAAyB;AAAA,IAC7C,MAAMnB;AAAA,IACN,SAAAe;AAAA,EAAA,CACD;AAED,2BAAQK,GAAA,EAAS,OAAOX,EAAE,YAAY,GAAI,GAAGS,GAAe;AAC9D;"}

package/dist/components/TimeOff/PolicyList/PolicyListPresentation.js

@@ -5,10 +5,10 @@ import v from "./PolicyListPresentation.module.scss.js";
 import { Flex as p } from "../../Common/Flex/Flex.js";
 import { EmptyData as S } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as A } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as j } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as I } from "../../../i18n/I18n.js";
-import { isEditableTimeOffPolicyType as V } from "../TimeOffFlow/timeOffPolicyTypes.js";
-import { HamburgerMenu as E } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { HamburgerMenu as j } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as V } from "../../../i18n/I18n.js";
+import { isEditableTimeOffPolicyType as E } from "../TimeOffFlow/timeOffPolicyTypes.js";
 import { useDataView as F } from "../../Common/DataView/useDataView.js";
 import { DataView as M } from "../../Common/DataView/DataView.js";
 function Z({
@@ -22,8 +22,8 @@ function Z({
   isDeletingPolicyId: D,
   isPending: C
 }) {
-  const { Button: l, Heading: b, Alert: P, Dialog: h } = j();
-  I("Company.TimeOff.TimeOffPolicies");
+  const { Button: l, Heading: b, Alert: P, Dialog: h } = I();
+  V("Company.TimeOff.TimeOffPolicies");
   const { t: e } = k("Company.TimeOff.TimeOffPolicies"), [o, c] = H({
     isOpen: !1,
     policy: null
@@ -46,7 +46,7 @@ function Z({
       }
     ],
     itemMenu: (i) => {
-      const w = D === i.uuid, d = V(i.policyType), x = d ? [
+      const w = D === i.uuid, d = E(i.policyType), x = d ? [
         {
           label: e("actions.viewPolicy"),
           onClick: () => {
@@ -79,7 +79,7 @@ function Z({
           }
         ),
         /* @__PURE__ */ t(
-          E,
+          j,
           {
             isLoading: w,
             triggerLabel: e("actions.menuTrigger", { name: i.name }),

package/dist/components/TimeOff/PolicySettings/PolicySettingsPresentation.js

@@ -7,8 +7,8 @@ import { zodResolver as _ } from "@hookform/resolvers/zod";
 import a from "./PolicySettings.module.scss.js";
 import { Flex as L } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as j } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as z } from "../../Common/Form/Form.js";
-import { useComponentContext as A } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as A } from "../../Common/Form/Form.js";
 import { useI18n as B } from "../../../i18n/I18n.js";
 import { NumberInputField as c } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { SwitchField as r } from "../../Common/Fields/SwitchField/SwitchField.js";
@@ -33,7 +33,7 @@ function re({
   isPending: b = !1
 }) {
   B("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = W("Company.TimeOff.CreateTimeOffPolicy"), { Heading: N, Button: p } = A(), g = t(), y = t(), h = t(), f = t(), x = t(), m = k({
+  const { t: e } = W("Company.TimeOff.CreateTimeOffPolicy"), { Heading: N, Button: p } = z(), g = t(), y = t(), h = t(), f = t(), x = t(), m = k({
     resolver: _(q),
     defaultValues: {
       accrualMaximumEnabled: !1,
@@ -46,7 +46,7 @@ function re({
   }), { control: o } = m, H = s({ control: o, name: "accrualMaximumEnabled" }), C = s({ control: o, name: "balanceMaximumEnabled" }), F = s({ control: o, name: "carryOverLimitEnabled" }), I = s({ control: o, name: "waitingPeriodEnabled" }), S = d === "hours_worked", v = d === "fixed_per_pay_period", T = S || v, D = S || v, R = (V) => {
     M(V);
   };
-  return /* @__PURE__ */ i(U, { ...m, children: /* @__PURE__ */ i(z, { "aria-labelledby": g, onSubmit: m.handleSubmit(R), children: /* @__PURE__ */ i("div", { className: a.policySettings, children: /* @__PURE__ */ l(L, { flexDirection: "column", gap: 32, children: [
+  return /* @__PURE__ */ i(U, { ...m, children: /* @__PURE__ */ i(A, { "aria-labelledby": g, onSubmit: m.handleSubmit(R), children: /* @__PURE__ */ i("div", { className: a.policySettings, children: /* @__PURE__ */ l(L, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ i(N, { as: "h2", id: g, children: w === "edit" && u ? e("policySettings.editTitle", { name: u }) : e("policySettings.createTitle") }),
     /* @__PURE__ */ l(L, { flexDirection: "column", gap: 20, children: [
       T && /* @__PURE__ */ l(O, { children: [

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.js

@@ -4,8 +4,8 @@ import { useForm as v, useWatch as x, FormProvider as C } from "react-hook-form"
 import { useTranslation as L } from "react-i18next";
 import { Flex as c } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as g } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as S } from "../../Common/Form/Form.js";
-import { useComponentContext as F } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as F } from "../../Common/Form/Form.js";
 import { useI18n as H } from "../../../i18n/I18n.js";
 import { RadioGroupField as O } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 function G({
@@ -15,7 +15,7 @@ function G({
   holidayPolicyExists: r = !1
 }) {
   H("Company.TimeOff.SelectPolicyType");
-  const { t: e } = L("Company.TimeOff.SelectPolicyType"), { Heading: d, Text: y, Button: l } = F(), a = T(), t = v({
+  const { t: e } = L("Company.TimeOff.SelectPolicyType"), { Heading: d, Text: y, Button: l } = S(), a = T(), t = v({
     defaultValues: {
       policyType: m
     }
@@ -40,7 +40,7 @@ function G({
   }, [e, r]), h = (o) => {
     p(o.policyType);
   };
-  return /* @__PURE__ */ i(C, { ...t, children: /* @__PURE__ */ i(S, { "aria-labelledby": a, onSubmit: t.handleSubmit(h), children: /* @__PURE__ */ n(c, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ i(C, { ...t, children: /* @__PURE__ */ i(F, { "aria-labelledby": a, onSubmit: t.handleSubmit(h), children: /* @__PURE__ */ n(c, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ n(c, { flexDirection: "column", gap: 4, children: [
       /* @__PURE__ */ i(d, { as: "h2", id: a, children: e("title") }),
       /* @__PURE__ */ i(y, { variant: "supporting", children: e("policyTypeHint") })

package/dist/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.js

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import { PolicyList as E } from "../PolicyList/PolicyList.js";
 import { PolicyTypeSelector as h } from "../PolicyTypeSelector/PolicyTypeSelector.js";
 import { PolicySettings as u } from "../PolicySettings/PolicySettings.js";
@@ -10,20 +10,22 @@ import { ViewHolidayEmployees as v } from "../ViewHolidayEmployees/ViewHolidayEm
 import { ViewHolidaySchedule as g } from "../ViewHolidaySchedule/ViewHolidaySchedule.js";
 import { assertCreatablePolicyType as I } from "./timeOffPolicyTypes.js";
 import { useFlow as p } from "../../Flow/useFlow.js";
-import { Flex as m } from "../../Common/Flex/Flex.js";
-import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
+import { Flex as y } from "../../Common/Flex/Flex.js";
+import "react-i18next";
 import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
 import { PolicyConfigurationForm as A } from "../TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
-function J() {
+function M() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(E, { onEvent: t, companyId: l(e) })
   ] });
 }
-function K() {
+function N() {
   const { onEvent: t, companyId: e, policyType: i, alerts: c } = p(), { Alert: o } = a(), r = i === "sick" || i === "vacation" || i === "holiday" ? i : void 0;
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     c?.map((d, s) => /* @__PURE__ */ n(o, { status: d.type, label: d.title, children: d.content }, s)),
     /* @__PURE__ */ n(
       h,
@@ -35,9 +37,9 @@ function K() {
     )
   ] });
 }
-function M() {
+function Q() {
   const { onEvent: t, companyId: e, policyType: i, policyId: c, alerts: o } = p(), { Alert: r } = a(), d = l(i);
-  return I(d), /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return I(d), /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     o?.map((s, x) => /* @__PURE__ */ n(r, { status: s.type, label: s.title, children: s.content }, x)),
     /* @__PURE__ */ n(
       A,
@@ -50,21 +52,21 @@ function M() {
     )
   ] });
 }
-function N() {
+function U() {
   const { onEvent: t, policyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(u, { onEvent: t, policyId: l(e), mode: "create" })
   ] });
 }
-function Q() {
+function W() {
   const { onEvent: t, policyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(u, { onEvent: t, policyId: l(e), mode: "edit" })
   ] });
 }
-function U() {
+function X() {
   const { onEvent: t, companyId: e, policyId: i, policyType: c } = p(), o = l(c);
   return I(o), /* @__PURE__ */ n(
     P,
@@ -76,48 +78,48 @@ function U() {
     }
   );
 }
-function W() {
+function Y() {
   const { onEvent: t, policyId: e } = p();
   return /* @__PURE__ */ n(C, { onEvent: t, policyId: l(e) });
 }
-function X() {
+function Z() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(f, { onEvent: t, companyId: l(e), mode: "create" })
   ] });
 }
-function Y() {
+function _() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(f, { onEvent: t, companyId: l(e), mode: "edit" })
   ] });
 }
-function Z() {
+function $() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(T, { onEvent: t, companyId: l(e) });
 }
-function _() {
+function oo() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(v, { onEvent: t, companyId: l(e) });
 }
-function $() {
+function to() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(g, { onEvent: t, companyId: l(e) });
 }
 export {
-  Z as AddEmployeesHolidayContextual,
-  U as AddEmployeesToPolicyContextual,
-  Y as EditHolidaySelectionFormContextual,
-  Q as EditPolicySettingsContextual,
-  X as HolidaySelectionFormContextual,
-  M as PolicyDetailsFormContextual,
-  J as PolicyListContextual,
-  N as PolicySettingsContextual,
-  K as SelectPolicyTypeContextual,
-  W as TimeOffPolicyDetailContextual,
-  _ as ViewHolidayEmployeesContextual,
-  $ as ViewHolidayScheduleContextual
+  $ as AddEmployeesHolidayContextual,
+  X as AddEmployeesToPolicyContextual,
+  _ as EditHolidaySelectionFormContextual,
+  W as EditPolicySettingsContextual,
+  Z as HolidaySelectionFormContextual,
+  Q as PolicyDetailsFormContextual,
+  M as PolicyListContextual,
+  U as PolicySettingsContextual,
+  N as SelectPolicyTypeContextual,
+  Y as TimeOffPolicyDetailContextual,
+  oo as ViewHolidayEmployeesContextual,
+  to as ViewHolidayScheduleContextual
 };
 //# sourceMappingURL=TimeOffFlowComponents.js.map