@gusto/embedded-react-sdk 0.42.0 → 0.43.0

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

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { EmptyData, Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          {recoveryCases.length > 0 && <Text>{t('description')}</Text>}\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","EmptyData","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}
+{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { EmptyData, Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          {recoveryCases.length > 0 && <Text>{t('description')}</Text>}\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","EmptyData","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}

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

@@ -7,6 +7,7 @@ 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 { 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";

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,6 +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 { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as f } from "../../../i18n/I18n.js";
 function h(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/TransitionCreation/TransitionCreationPresentation.js

@@ -6,12 +6,13 @@ 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 { 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({
+function U({
   startDate: D,
   endDate: C,
   payScheduleName: p,
@@ -104,6 +105,6 @@ function Q({
   ] });
 }
 export {
-  Q as TransitionCreationPresentation
+  U as TransitionCreationPresentation
 };
 //# sourceMappingURL=TransitionCreationPresentation.js.map

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

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

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -1,4 +1,4 @@
-import { useState as b, useRef as y, useMemo as M, useCallback as m, useEffect as _ } from "react";
+import { useState as b, useRef as m, useMemo as M, useCallback as y, useEffect as _ } from "react";
 import { usePayrollsPrepareMutation as L } from "@gusto/embedded-api/react-query/payrollsPrepare";
 import { usePaySchedulesGet as D } from "@gusto/embedded-api/react-query/paySchedulesGet";
 import { UnprocessableEntityErrorObject as T } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
@@ -12,16 +12,17 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../shared/constants.js";
+import "classnames";
 import "../../contexts/ComponentAdapter/useComponentContext.js";
 import { retryAsync as j } from "../../helpers/retryAsync.js";
-const q = 4, v = 1500, w = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, V = ({
+const q = 4, v = 1500, w = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, W = ({
   companyId: e,
   payrollId: r,
   employeeUuids: a,
   sortBy: n,
   onDataReady: l
 }) => {
-  const { mutateAsync: c, isPending: p } = L(), [o, f] = b(), t = y(!1), u = y(!1), { baseSubmitHandler: d } = x(), h = M(() => a?.join(",") ?? "", [a]), { data: S, isLoading: E } = D(
+  const { mutateAsync: c, isPending: p } = L(), [o, f] = b(), t = m(!1), u = m(!1), { baseSubmitHandler: d } = x(), h = M(() => a?.join(",") ?? "", [a]), { data: S, isLoading: E } = D(
     {
       companyId: e,
       payScheduleId: o?.payPeriod?.payScheduleUuid || ""
@@ -29,7 +30,7 @@ const q = 4, v = 1500, w = (e) => e instanceof T ? e.errors.some((r) => r.catego
     {
       enabled: !!o?.payPeriod?.payScheduleUuid
     }
-  ), P = m(async () => {
+  ), P = y(async () => {
     const i = await c({
       request: {
         companyId: e,
@@ -41,7 +42,7 @@ const q = 4, v = 1500, w = (e) => e instanceof T ? e.errors.some((r) => r.catego
       }
     });
     f(i.payrollPrepared), i.payrollPrepared && (t.current = !0, l?.(i.payrollPrepared));
-  }, [e, r, c, h, n, l]), s = m(async () => {
+  }, [e, r, c, h, n, l]), s = y(async () => {
     await d(
       null,
       () => j(P, {
@@ -65,6 +66,6 @@ const q = 4, v = 1500, w = (e) => e instanceof T ? e.errors.some((r) => r.catego
   };
 };
 export {
-  V as usePreparedPayrollData
+  W as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payroll'\nimport type { PaySchedule } from '@gusto/embedded-api/models/components/payschedule'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PaySchedule | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityErrorObject)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.paySchedule,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityErrorObject","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADD,IAIpDC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payroll'\nimport type { PaySchedule } from '@gusto/embedded-api/models/components/payschedule'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PaySchedule | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityErrorObject)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.paySchedule,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityErrorObject","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADD,IAIpDC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}

package/dist/components/UNSTABLE_TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.js

@@ -1,46 +1,11 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { BaseComponent as i } from "../../Base/Base.js";
+import { jsx as e } from "react/jsx-runtime";
+import { SelectEmployeesHoliday as m } from "../TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.js";
+import { BaseComponent as n } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { componentEvents as n } from "../../../shared/constants.js";
-function m(o) {
-  return /* @__PURE__ */ e(i, { ...o, children: /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ t("p", { children: [
-      "Add Employees to Holiday (companyId: ",
-      o.companyId,
-      ")"
-    ] }),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => {
-          o.onEvent(n.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE);
-        },
-        children: "Done"
-      }
-    ),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => {
-          o.onEvent(n.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_ERROR, {
-            alert: { type: "error", title: "Failed to add employees to holiday" }
-          });
-        },
-        children: "Simulate Error"
-      }
-    ),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => {
-          o.onEvent(n.CANCEL);
-        },
-        children: "Cancel"
-      }
-    )
-  ] }) });
+function p(o) {
+  return /* @__PURE__ */ e(n, { ...o, children: /* @__PURE__ */ e(m, { companyId: o.companyId, mode: "standalone" }) });
 }
 export {
-  m as AddEmployeesHoliday
+  p as AddEmployeesHoliday
 };
 //# sourceMappingURL=AddEmployeesHoliday.js.map

package/dist/components/UNSTABLE_TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddEmployeesHoliday.js","sources":["../../../../src/components/UNSTABLE_TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.tsx"],"sourcesContent":["import { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface AddEmployeesHolidayProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function AddEmployeesHoliday(props: AddEmployeesHolidayProps) {\n  return (\n    <BaseComponent {...props}>\n      <div>\n        <p>Add Employees to Holiday (companyId: {props.companyId})</p>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE)\n          }}\n        >\n          Done\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_ERROR, {\n              alert: { type: 'error', title: 'Failed to add employees to holiday' },\n            })\n          }}\n        >\n          Simulate Error\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.CANCEL)\n          }}\n        >\n          Cancel\n        </button>\n      </div>\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesHoliday","props","jsx","BaseComponent","jsxs","componentEvents"],"mappings":";;;;AAOO,SAASA,EAAoBC,GAAiC;AACnE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAAsCH,EAAM;AAAA,MAAU;AAAA,IAAA,GAAC;AAAA,IAC1D,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,mCAAmC;AAAA,QACnE;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,sCAAsC;AAAA,YAClE,OAAO,EAAE,MAAM,SAAS,OAAO,qCAAA;AAAA,UAAqC,CACrE;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,MAAM;AAAA,QACtC;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"AddEmployeesHoliday.js","sources":["../../../../src/components/UNSTABLE_TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.tsx"],"sourcesContent":["import { SelectEmployeesHoliday } from '../TimeOffManagement/SelectEmployees/SelectEmployeesHoliday'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\nexport interface AddEmployeesHolidayProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function AddEmployeesHoliday(props: AddEmployeesHolidayProps) {\n  return (\n    <BaseComponent {...props}>\n      <SelectEmployeesHoliday companyId={props.companyId} mode=\"standalone\" />\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesHoliday","props","jsx","BaseComponent","SelectEmployeesHoliday"],"mappings":";;;;AAOO,SAASA,EAAoBC,GAAiC;AACnE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,GAAA,EAAuB,WAAWH,EAAM,WAAW,MAAK,aAAA,CAAa,EAAA,CACxE;AAEJ;"}

package/dist/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.d.ts

@@ -1,5 +1,6 @@
 import { BaseComponentInterface } from '../../Base';
 export interface AddEmployeesToPolicyProps extends BaseComponentInterface {
+    companyId: string;
     policyId: string;
 }
 export declare function AddEmployeesToPolicy(props: AddEmployeesToPolicyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.js

@@ -1,46 +1,18 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { SelectEmployeesTimeOff as m } from "../TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.js";
 import { BaseComponent as i } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { componentEvents as n } from "../../../shared/constants.js";
-function d(e) {
-  return /* @__PURE__ */ o(i, { ...e, children: /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ t("p", { children: [
-      "Add Employees to Policy + Starting Balances (policyId: ",
-      e.policyId,
-      ")"
-    ] }),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          e.onEvent(n.TIME_OFF_ADD_EMPLOYEES_DONE);
-        },
-        children: "Done"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          e.onEvent(n.TIME_OFF_ADD_EMPLOYEES_ERROR, {
-            alert: { type: "error", title: "Failed to add employees" }
-          });
-        },
-        children: "Simulate Error"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          e.onEvent(n.CANCEL);
-        },
-        children: "Cancel"
-      }
-    )
-  ] }) });
+function c(o) {
+  return /* @__PURE__ */ e(i, { ...o, children: /* @__PURE__ */ e(
+    m,
+    {
+      companyId: o.companyId,
+      policyId: o.policyId,
+      mode: "standalone"
+    }
+  ) });
 }
 export {
-  d as AddEmployeesToPolicy
+  c as AddEmployeesToPolicy
 };
 //# sourceMappingURL=AddEmployeesToPolicy.js.map

package/dist/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddEmployeesToPolicy.js","sources":["../../../../src/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.tsx"],"sourcesContent":["import { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface AddEmployeesToPolicyProps extends BaseComponentInterface {\n  policyId: string\n}\n\nexport function AddEmployeesToPolicy(props: AddEmployeesToPolicyProps) {\n  return (\n    <BaseComponent {...props}>\n      <div>\n        <p>Add Employees to Policy + Starting Balances (policyId: {props.policyId})</p>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE)\n          }}\n        >\n          Done\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_ERROR, {\n              alert: { type: 'error', title: 'Failed to add employees' },\n            })\n          }}\n        >\n          Simulate Error\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.CANCEL)\n          }}\n        >\n          Cancel\n        </button>\n      </div>\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesToPolicy","props","jsx","BaseComponent","jsxs","componentEvents"],"mappings":";;;;AAOO,SAASA,EAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAAwDH,EAAM;AAAA,MAAS;AAAA,IAAA,GAAC;AAAA,IAC3E,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,2BAA2B;AAAA,QAC3D;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,8BAA8B;AAAA,YAC1D,OAAO,EAAE,MAAM,SAAS,OAAO,0BAAA;AAAA,UAA0B,CAC1D;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,MAAM;AAAA,QACtC;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"AddEmployeesToPolicy.js","sources":["../../../../src/components/UNSTABLE_TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.tsx"],"sourcesContent":["import { SelectEmployeesTimeOff } from '../TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\nexport interface AddEmployeesToPolicyProps extends BaseComponentInterface {\n  companyId: string\n  policyId: string\n}\n\nexport function AddEmployeesToPolicy(props: AddEmployeesToPolicyProps) {\n  return (\n    <BaseComponent {...props}>\n      <SelectEmployeesTimeOff\n        companyId={props.companyId}\n        policyId={props.policyId}\n        mode=\"standalone\"\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesToPolicy","props","jsx","BaseComponent","SelectEmployeesTimeOff"],"mappings":";;;;AAQO,SAASA,EAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWH,EAAM;AAAA,MACjB,UAAUA,EAAM;AAAA,MAChB,MAAK;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ;"}

package/dist/components/UNSTABLE_TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.js

@@ -1,15 +1,16 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import { useTranslation as p } from "react-i18next";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import { useTranslation as h } from "react-i18next";
 import { Flex as c } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { ActionsLayout as y } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as v } from "../../../i18n/I18n.js";
 import { useDataView as x } from "../../Common/DataView/useDataView.js";
 import { DataView as C } from "../../Common/DataView/DataView.js";
-function V(o) {
+function I(o) {
   v("Company.TimeOff.HolidayPolicy");
-  const { t: e } = p("Company.TimeOff.HolidayPolicy"), { Heading: s, Text: n, Button: l } = b(), { holidays: d } = o, a = o.mode === "view", m = h(
+  const { t: e } = h("Company.TimeOff.HolidayPolicy"), { Heading: s, Text: n, Button: l } = b(), { holidays: d } = o, r = o.mode === "view", m = f(
     () => [
       {
         key: "name",
@@ -28,28 +29,28 @@ function V(o) {
       }
     ],
     [e, n]
-  ), u = a ? {} : {
+  ), u = r ? {} : {
     selectionMode: "multiple",
     onSelect: o.onSelectionChange,
     getIsItemSelected: (i) => o.selectedHolidayUuids.has(i.uuid)
-  }, f = x({
+  }, p = x({
     data: d,
     columns: m,
     ...u
   });
-  return /* @__PURE__ */ r(c, { flexDirection: "column", gap: 32, children: [
-    !a && /* @__PURE__ */ r(c, { flexDirection: "column", gap: 4, children: [
+  return /* @__PURE__ */ a(c, { flexDirection: "column", gap: 32, children: [
+    !r && /* @__PURE__ */ a(c, { flexDirection: "column", gap: 4, children: [
       /* @__PURE__ */ t(s, { as: "h2", children: e("title") }),
       /* @__PURE__ */ t(n, { variant: "supporting", children: e("description") })
     ] }),
-    /* @__PURE__ */ t(C, { label: e("tableLabel"), ...f }),
-    !a && /* @__PURE__ */ r(y, { children: [
+    /* @__PURE__ */ t(C, { label: e("tableLabel"), ...p }),
+    !r && /* @__PURE__ */ a(y, { children: [
       /* @__PURE__ */ t(l, { variant: "secondary", onClick: o.onBack, children: e("backCta") }),
       /* @__PURE__ */ t(l, { variant: "primary", onClick: o.onContinue, children: e("continueCta") })
     ] })
   ] });
 }
 export {
-  V as HolidaySelectionFormPresentation
+  I as HolidaySelectionFormPresentation
 };
 //# sourceMappingURL=HolidaySelectionFormPresentation.js.map

package/dist/components/UNSTABLE_TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidaySelectionFormPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  HolidayItem,\n  HolidaySelectionFormPresentationProps,\n} from './HolidaySelectionFormTypes'\nimport { DataView, Flex, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function HolidaySelectionFormPresentation(props: HolidaySelectionFormPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const { holidays } = props\n  const isViewMode = props.mode === 'view'\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => <Text weight=\"medium\">{item.name}</Text>,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.observedDate}</Text>,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.nextObservation}</Text>,\n      },\n    ],\n    [t, Text],\n  )\n\n  const selectionProps = !isViewMode\n    ? {\n        selectionMode: 'multiple' as const,\n        onSelect: props.onSelectionChange,\n        getIsItemSelected: (item: HolidayItem) => props.selectedHolidayUuids.has(item.uuid),\n      }\n    : {}\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n    ...selectionProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {!isViewMode && (\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </Flex>\n      )}\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      {!isViewMode && (\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={props.onBack}>\n            {t('backCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={props.onContinue}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      )}\n    </Flex>\n  )\n}\n"],"names":["HolidaySelectionFormPresentation","props","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","holidays","isViewMode","columns","useMemo","item","jsx","selectionProps","dataViewProps","useDataView","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;AAUO,SAASA,EAAiCC,GAA8C;AAC7F,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5B,EAAE,UAAAC,MAAaR,GACfS,IAAaT,EAAM,SAAS,QAE5BU,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOT,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,QAAO,UAAU,YAAK,KAAA,CAAK;AAAA,MAAA;AAAA,MAElE;AAAA,QACE,KAAK;AAAA,QACL,OAAOH,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,SAAQ,cAAc,YAAK,aAAA,CAAa;AAAA,MAAA;AAAA,MAE/E;AAAA,QACE,KAAK;AAAA,QACL,OAAOH,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,SAAQ,cAAc,YAAK,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAClF;AAAA,IAEF,CAACH,GAAGG,CAAI;AAAA,EAAA,GAGJS,IAAkBL,IAMpB,CAAA,IALA;AAAA,IACE,eAAe;AAAA,IACf,UAAUT,EAAM;AAAA,IAChB,mBAAmB,CAACY,MAAsBZ,EAAM,qBAAqB,IAAIY,EAAK,IAAI;AAAA,EAAA,GAIlFG,IAAgBC,EAAyB;AAAA,IAC7C,MAAMR;AAAA,IACN,SAAAE;AAAA,IACA,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAA,CAACT,KACA,gBAAAQ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,wBAC5BG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC/C;AAAA,sBAGDiB,GAAA,EAAS,OAAOjB,EAAE,YAAY,GAAI,GAAGa,GAAe;AAAA,IAEpD,CAACN,KACA,gBAAAQ,EAACG,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACP,GAAA,EAAO,SAAQ,aAAY,SAASN,EAAM,QACxC,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAW,EAACP,KAAO,SAAQ,WAAU,SAASN,EAAM,YACtC,UAAAE,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"HolidaySelectionFormPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  HolidayItem,\n  HolidaySelectionFormPresentationProps,\n} from './HolidaySelectionFormTypes'\nimport { DataView, Flex, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function HolidaySelectionFormPresentation(props: HolidaySelectionFormPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const { holidays } = props\n  const isViewMode = props.mode === 'view'\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => <Text weight=\"medium\">{item.name}</Text>,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.observedDate}</Text>,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.nextObservation}</Text>,\n      },\n    ],\n    [t, Text],\n  )\n\n  const selectionProps = !isViewMode\n    ? {\n        selectionMode: 'multiple' as const,\n        onSelect: props.onSelectionChange,\n        getIsItemSelected: (item: HolidayItem) => props.selectedHolidayUuids.has(item.uuid),\n      }\n    : {}\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n    ...selectionProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {!isViewMode && (\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </Flex>\n      )}\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      {!isViewMode && (\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={props.onBack}>\n            {t('backCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={props.onContinue}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      )}\n    </Flex>\n  )\n}\n"],"names":["HolidaySelectionFormPresentation","props","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","holidays","isViewMode","columns","useMemo","item","jsx","selectionProps","dataViewProps","useDataView","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;AAUO,SAASA,EAAiCC,GAA8C;AAC7F,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5B,EAAE,UAAAC,MAAaR,GACfS,IAAaT,EAAM,SAAS,QAE5BU,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOT,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,QAAO,UAAU,YAAK,KAAA,CAAK;AAAA,MAAA;AAAA,MAElE;AAAA,QACE,KAAK;AAAA,QACL,OAAOH,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,SAAQ,cAAc,YAAK,aAAA,CAAa;AAAA,MAAA;AAAA,MAE/E;AAAA,QACE,KAAK;AAAA,QACL,OAAOH,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,SAAQ,cAAc,YAAK,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAClF;AAAA,IAEF,CAACH,GAAGG,CAAI;AAAA,EAAA,GAGJS,IAAkBL,IAMpB,CAAA,IALA;AAAA,IACE,eAAe;AAAA,IACf,UAAUT,EAAM;AAAA,IAChB,mBAAmB,CAACY,MAAsBZ,EAAM,qBAAqB,IAAIY,EAAK,IAAI;AAAA,EAAA,GAIlFG,IAAgBC,EAAyB;AAAA,IAC7C,MAAMR;AAAA,IACN,SAAAE;AAAA,IACA,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAA,CAACT,KACA,gBAAAQ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,wBAC5BG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC/C;AAAA,sBAGDiB,GAAA,EAAS,OAAOjB,EAAE,YAAY,GAAI,GAAGa,GAAe;AAAA,IAEpD,CAACN,KACA,gBAAAQ,EAACG,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACP,GAAA,EAAO,SAAQ,aAAY,SAASN,EAAM,QACxC,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAW,EAACP,KAAO,SAAQ,WAAU,SAASN,EAAM,YACtC,UAAAE,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -3,6 +3,7 @@ import { useState as T } from "react";
 import { useTranslation as k } from "react-i18next";
 import v from "./PolicyListPresentation.module.scss.js";
 import { Flex as p } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { EmptyData as w } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as S } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as A } from "../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -10,7 +11,7 @@ import { useI18n as j } from "../../../i18n/I18n.js";
 import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as I } from "../../Common/DataView/useDataView.js";
 import { DataView as M } from "../../Common/DataView/DataView.js";
-function W({
+function X({
   policies: a,
   onCreatePolicy: r,
   onEditPolicy: y,
@@ -119,6 +120,6 @@ function W({
   ] });
 }
 export {
-  W as PolicyListPresentation
+  X as PolicyListPresentation
 };
 //# sourceMappingURL=PolicyListPresentation.js.map