@gusto/embedded-react-sdk 0.46.0 → 0.46.2

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

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { useState as H } from "react";
 import { useTranslation as k } from "react-i18next";
 import v from "./PolicyListPresentation.module.scss.js";
-import { Flex as y } from "../../Common/Flex/Flex.js";
+import { Flex as p } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
 import { EmptyData as S } from "../../Common/EmptyData/EmptyData.js";
@@ -14,29 +14,29 @@ import { HamburgerMenu as E } from "../../Common/HamburgerMenu/HamburgerMenu.js"
 import { useDataView as F } from "../../Common/DataView/useDataView.js";
 import { DataView as M } from "../../Common/DataView/DataView.js";
 function $({
-  policies: n,
-  onCreatePolicy: r,
-  onEditPolicy: s,
+  policies: y,
+  onCreatePolicy: n,
+  onEditPolicy: r,
   onFinishSetup: f,
   onDeletePolicy: u,
-  deleteSuccessAlert: m,
+  deleteSuccessAlert: s,
   onDismissDeleteAlert: g,
   isDeletingPolicyId: D,
   isPending: C
 }) {
-  const { Button: l, Heading: b, Alert: h, Dialog: P } = j();
+  const { Button: l, Heading: b, Alert: P, Dialog: h } = j();
   I("Company.TimeOff.TimeOffPolicies");
-  const { t: e } = k("Company.TimeOff.TimeOffPolicies"), [o, c] = H({
+  const { t: e } = k("Company.TimeOff.TimeOffPolicies"), [o, m] = H({
     isOpen: !1,
     policy: null
   }), O = (i) => {
-    c({ isOpen: !0, policy: i });
-  }, d = () => {
-    c({ isOpen: !1, policy: null });
+    m({ isOpen: !0, policy: i });
+  }, c = () => {
+    m({ isOpen: !1, policy: null });
   }, T = async () => {
-    o.policy && (await u(o.policy), d());
+    o.policy && (await u(o.policy), c());
   }, { ...L } = F({
-    data: n,
+    data: y,
     columns: [
       {
         title: e("tableHeaders.name"),
@@ -48,11 +48,11 @@ function $({
       }
     ],
     itemMenu: (i) => {
-      const w = D === i.uuid, p = V(i.policyType), x = p ? [
+      const w = D === i.uuid, d = V(i.policyType), x = d ? [
         {
           label: e("actions.viewPolicy"),
           onClick: () => {
-            s(i);
+            r(i);
           }
         },
         {
@@ -65,12 +65,12 @@ function $({
         {
           label: e("actions.viewPolicy"),
           onClick: () => {
-            s(i);
+            r(i);
           }
         }
       ];
       return /* @__PURE__ */ a("div", { className: v.actionsCell, children: [
-        p && !i.isComplete && /* @__PURE__ */ t(
+        d && !i.isComplete && /* @__PURE__ */ t(
           l,
           {
             variant: "secondary",
@@ -91,12 +91,12 @@ function $({
         )
       ] });
     },
-    emptyState: () => /* @__PURE__ */ t(S, { title: e("emptyState.heading"), description: e("emptyState.body"), children: /* @__PURE__ */ t(A, { justifyContent: "center", children: /* @__PURE__ */ t(l, { variant: "secondary", onClick: r, children: e("createPolicyCta") }) }) })
+    emptyState: () => /* @__PURE__ */ t(S, { title: e("emptyState.heading"), description: e("emptyState.body"), children: /* @__PURE__ */ t(A, { justifyContent: "center", children: /* @__PURE__ */ t(l, { variant: "secondary", onClick: n, children: e("createPolicyCta") }) }) })
   });
-  return /* @__PURE__ */ a(y, { flexDirection: "column", gap: 16, children: [
-    m && /* @__PURE__ */ t(h, { status: "success", label: m, onDismiss: g }),
+  return /* @__PURE__ */ a(p, { flexDirection: "column", gap: 16, children: [
+    s && /* @__PURE__ */ t(P, { status: "success", label: s, onDismiss: g }),
     /* @__PURE__ */ a(
-      y,
+      p,
       {
         flexDirection: { base: "column", medium: "row" },
         justifyContent: "space-between",
@@ -104,16 +104,16 @@ function $({
         gap: { base: 12, medium: 24 },
         children: [
           /* @__PURE__ */ t(b, { as: "h2", children: e("pageTitle") }),
-          n.length > 0 && /* @__PURE__ */ t(l, { variant: "primary", onClick: r, children: e("createPolicyCta") })
+          /* @__PURE__ */ t(l, { variant: "primary", onClick: n, children: e("createPolicyCta") })
         ]
       }
     ),
     /* @__PURE__ */ t(M, { label: e("tableLabel"), ...L }),
     /* @__PURE__ */ t(
-      P,
+      h,
       {
         isOpen: o.isOpen,
-        onClose: d,
+        onClose: c,
         onPrimaryActionClick: T,
         isPrimaryActionLoading: C,
         isDestructive: !0,

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyListPresentation.js","sources":["../../../../src/components/TimeOff/PolicyList/PolicyListPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyListPresentationProps, PolicyListItem } from './PolicyListTypes'\nimport styles from './PolicyListPresentation.module.scss'\nimport {\n  DataView,\n  Flex,\n  EmptyData,\n  ActionsLayout,\n  HamburgerMenu,\n  useDataView,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\n\nexport function PolicyListPresentation({\n  policies,\n  onCreatePolicy,\n  onEditPolicy,\n  onFinishSetup,\n  onDeletePolicy,\n  deleteSuccessAlert,\n  onDismissDeleteAlert,\n  isDeletingPolicyId,\n  isPending,\n}: PolicyListPresentationProps) {\n  const { Button, Heading, Alert, Dialog } = useComponentContext()\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n\n  const [deletePolicyDialogState, setDeletePolicyDialogState] = useState<{\n    isOpen: boolean\n    policy: PolicyListItem | null\n  }>({\n    isOpen: false,\n    policy: null,\n  })\n\n  const handleOpenDeleteDialog = (policy: PolicyListItem) => {\n    setDeletePolicyDialogState({ isOpen: true, policy })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePolicyDialogState({ isOpen: false, policy: null })\n  }\n\n  const handleConfirmDelete = async () => {\n    if (deletePolicyDialogState.policy) {\n      await onDeletePolicy(deletePolicyDialogState.policy)\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: policies,\n    columns: [\n      {\n        title: t('tableHeaders.name'),\n        render: (policy: PolicyListItem) => policy.name,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => policy.enrolledDisplay,\n      },\n    ],\n    itemMenu: (policy: PolicyListItem) => {\n      const isDeleting = isDeletingPolicyId === policy.uuid\n      const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n      const menuItems = isEditable\n        ? [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n            {\n              label: t('actions.deletePolicy'),\n              onClick: () => {\n                handleOpenDeleteDialog(policy)\n              },\n            },\n          ]\n        : [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n          ]\n\n      return (\n        <div className={styles.actionsCell}>\n          {isEditable && !policy.isComplete && (\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onFinishSetup(policy)\n              }}\n            >\n              {t('finishSetupCta')}\n            </Button>\n          )}\n          <HamburgerMenu\n            isLoading={isDeleting}\n            triggerLabel={t('actions.menuTrigger', { name: policy.name })}\n            menuLabel={t('actions.menuFor', { name: policy.name })}\n            items={menuItems}\n          />\n        </div>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.heading')} description={t('emptyState.body')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"secondary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {deleteSuccessAlert && (\n        <Alert status=\"success\" label={deleteSuccessAlert} onDismiss={onDismissDeleteAlert} />\n      )}\n\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        {policies.length > 0 && (\n          <Button variant=\"primary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        )}\n      </Flex>\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      <Dialog\n        isOpen={deletePolicyDialogState.isOpen}\n        onClose={handleCloseDeleteDialog}\n        onPrimaryActionClick={handleConfirmDelete}\n        isPrimaryActionLoading={isPending}\n        isDestructive\n        title={\n          deletePolicyDialogState.policy?.isHoliday\n            ? t('deleteHolidayDialog.title')\n            : t('deletePolicyDialog.title', {\n                name: deletePolicyDialogState.policy?.name ?? '',\n              })\n        }\n        primaryActionLabel={t('deletePolicyDialog.confirmCta')}\n        closeActionLabel={t('deletePolicyDialog.cancelCta')}\n      >\n        {deletePolicyDialogState.policy?.isHoliday\n          ? t('deleteHolidayDialog.description')\n          : t('deletePolicyDialog.description', {\n              name: deletePolicyDialogState.policy?.name ?? '',\n            })}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PolicyListPresentation","policies","onCreatePolicy","onEditPolicy","onFinishSetup","onDeletePolicy","deleteSuccessAlert","onDismissDeleteAlert","isDeletingPolicyId","isPending","Button","Heading","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","isDeleting","isEditable","isEditableTimeOffPolicyType","menuItems","jsxs","styles","jsx","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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"}
+{"version":3,"file":"PolicyListPresentation.js","sources":["../../../../src/components/TimeOff/PolicyList/PolicyListPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyListPresentationProps, PolicyListItem } from './PolicyListTypes'\nimport styles from './PolicyListPresentation.module.scss'\nimport {\n  DataView,\n  Flex,\n  EmptyData,\n  ActionsLayout,\n  HamburgerMenu,\n  useDataView,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\n\nexport function PolicyListPresentation({\n  policies,\n  onCreatePolicy,\n  onEditPolicy,\n  onFinishSetup,\n  onDeletePolicy,\n  deleteSuccessAlert,\n  onDismissDeleteAlert,\n  isDeletingPolicyId,\n  isPending,\n}: PolicyListPresentationProps) {\n  const { Button, Heading, Alert, Dialog } = useComponentContext()\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n\n  const [deletePolicyDialogState, setDeletePolicyDialogState] = useState<{\n    isOpen: boolean\n    policy: PolicyListItem | null\n  }>({\n    isOpen: false,\n    policy: null,\n  })\n\n  const handleOpenDeleteDialog = (policy: PolicyListItem) => {\n    setDeletePolicyDialogState({ isOpen: true, policy })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePolicyDialogState({ isOpen: false, policy: null })\n  }\n\n  const handleConfirmDelete = async () => {\n    if (deletePolicyDialogState.policy) {\n      await onDeletePolicy(deletePolicyDialogState.policy)\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: policies,\n    columns: [\n      {\n        title: t('tableHeaders.name'),\n        render: (policy: PolicyListItem) => policy.name,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => policy.enrolledDisplay,\n      },\n    ],\n    itemMenu: (policy: PolicyListItem) => {\n      const isDeleting = isDeletingPolicyId === policy.uuid\n      const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n      const menuItems = isEditable\n        ? [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n            {\n              label: t('actions.deletePolicy'),\n              onClick: () => {\n                handleOpenDeleteDialog(policy)\n              },\n            },\n          ]\n        : [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n          ]\n\n      return (\n        <div className={styles.actionsCell}>\n          {isEditable && !policy.isComplete && (\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onFinishSetup(policy)\n              }}\n            >\n              {t('finishSetupCta')}\n            </Button>\n          )}\n          <HamburgerMenu\n            isLoading={isDeleting}\n            triggerLabel={t('actions.menuTrigger', { name: policy.name })}\n            menuLabel={t('actions.menuFor', { name: policy.name })}\n            items={menuItems}\n          />\n        </div>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.heading')} description={t('emptyState.body')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"secondary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {deleteSuccessAlert && (\n        <Alert status=\"success\" label={deleteSuccessAlert} onDismiss={onDismissDeleteAlert} />\n      )}\n\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Button variant=\"primary\" onClick={onCreatePolicy}>\n          {t('createPolicyCta')}\n        </Button>\n      </Flex>\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      <Dialog\n        isOpen={deletePolicyDialogState.isOpen}\n        onClose={handleCloseDeleteDialog}\n        onPrimaryActionClick={handleConfirmDelete}\n        isPrimaryActionLoading={isPending}\n        isDestructive\n        title={\n          deletePolicyDialogState.policy?.isHoliday\n            ? t('deleteHolidayDialog.title')\n            : t('deletePolicyDialog.title', {\n                name: deletePolicyDialogState.policy?.name ?? '',\n              })\n        }\n        primaryActionLabel={t('deletePolicyDialog.confirmCta')}\n        closeActionLabel={t('deletePolicyDialog.cancelCta')}\n      >\n        {deletePolicyDialogState.policy?.isHoliday\n          ? t('deleteHolidayDialog.description')\n          : t('deletePolicyDialog.description', {\n              name: deletePolicyDialogState.policy?.name ?? '',\n            })}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PolicyListPresentation","policies","onCreatePolicy","onEditPolicy","onFinishSetup","onDeletePolicy","deleteSuccessAlert","onDismissDeleteAlert","isDeletingPolicyId","isPending","Button","Heading","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","isDeleting","isEditable","isEditableTimeOffPolicyType","menuItems","jsxs","styles","jsx","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.d.ts

@@ -10,7 +10,7 @@ export type TimeOffFlowAlert = {
     title: string;
     content?: ReactNode;
 };
-export type AddEmployeesSource = 'policySettings' | 'policyDetailsForm' | 'viewTimeOffPolicyDetail';
+export type AddEmployeesSource = 'policySettings' | 'policyDetailsForm' | 'viewTimeOffPolicyDetail' | 'viewHolidayEmployees';
 export interface TimeOffFlowContextInterface extends FlowContextInterface {
     companyId: string;
     policyType?: TimeOffPolicyType;

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

@@ -1 +1 @@
-{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { TimeOffPolicyDetail } from '../TimeOffPolicyDetail/TimeOffPolicyDetail'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { assertCreatablePolicyType, type TimeOffPolicyType } from './timeOffPolicyTypes'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TimeOffFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport type AddEmployeesSource = 'policySettings' | 'policyDetailsForm' | 'viewTimeOffPolicyDetail'\n\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  policyType?: TimeOffPolicyType\n  policyId?: string\n  alerts?: TimeOffFlowAlert[]\n  addEmployeesSource?: AddEmployeesSource\n}\n\nexport function PolicyListContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  const selectorDefault =\n    policyType === 'sick' || policyType === 'vacation' || policyType === 'holiday'\n      ? policyType\n      : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={selectorDefault}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, policyId, alerts } =\n    useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={requiredPolicyType}\n        policyId={policyId}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditPolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, companyId, policyId, policyType } = useFlow<TimeOffFlowContextInterface>()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n  return (\n    <AddEmployeesToPolicy\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      policyId={ensureRequired(policyId)}\n      policyType={requiredPolicyType}\n    />\n  )\n}\n\nexport function TimeOffPolicyDetailContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <TimeOffPolicyDetail onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditHolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","selectorDefault","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","policyId","requiredPolicyType","assertCreatablePolicyType","PolicyConfigurationForm","PolicySettingsContextual","PolicySettings","EditPolicySettingsContextual","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","TimeOffPolicyDetailContextual","TimeOffPolicyDetail","HolidaySelectionFormContextual","HolidaySelectionForm","EditHolidaySelectionFormContextual","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":"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"}
+{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { TimeOffPolicyDetail } from '../TimeOffPolicyDetail/TimeOffPolicyDetail'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { assertCreatablePolicyType, type TimeOffPolicyType } from './timeOffPolicyTypes'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TimeOffFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport type AddEmployeesSource =\n  | 'policySettings'\n  | 'policyDetailsForm'\n  | 'viewTimeOffPolicyDetail'\n  | 'viewHolidayEmployees'\n\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  policyType?: TimeOffPolicyType\n  policyId?: string\n  alerts?: TimeOffFlowAlert[]\n  addEmployeesSource?: AddEmployeesSource\n}\n\nexport function PolicyListContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  const selectorDefault =\n    policyType === 'sick' || policyType === 'vacation' || policyType === 'holiday'\n      ? policyType\n      : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={selectorDefault}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, policyId, alerts } =\n    useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={requiredPolicyType}\n        policyId={policyId}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditPolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, companyId, policyId, policyType } = useFlow<TimeOffFlowContextInterface>()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n  return (\n    <AddEmployeesToPolicy\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      policyId={ensureRequired(policyId)}\n      policyType={requiredPolicyType}\n    />\n  )\n}\n\nexport function TimeOffPolicyDetailContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <TimeOffPolicyDetail onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditHolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","selectorDefault","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","policyId","requiredPolicyType","assertCreatablePolicyType","PolicyConfigurationForm","PolicySettingsContextual","PolicySettings","EditPolicySettingsContextual","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","TimeOffPolicyDetailContextual","TimeOffPolicyDetail","HolidaySelectionFormContextual","HolidaySelectionForm","EditHolidaySelectionFormContextual","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":"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"}

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

@@ -1,13 +1,13 @@
 import { state as a, transition as l, reduce as i, guard as y } from "robot3";
-import { ViewHolidayEmployeesContextual as c, AddEmployeesHolidayContextual as _, EditHolidaySelectionFormContextual as I, ViewHolidayScheduleContextual as D, HolidaySelectionFormContextual as s, SelectPolicyTypeContextual as n, TimeOffPolicyDetailContextual as d, AddEmployeesToPolicyContextual as O, PolicyDetailsFormContextual as E, EditPolicySettingsContextual as S, PolicySettingsContextual as r, PolicyListContextual as F } from "./TimeOffFlowComponents.js";
+import { ViewHolidayEmployeesContextual as d, AddEmployeesHolidayContextual as n, EditHolidaySelectionFormContextual as T, ViewHolidayScheduleContextual as D, HolidaySelectionFormContextual as I, SelectPolicyTypeContextual as m, TimeOffPolicyDetailContextual as p, AddEmployeesToPolicyContextual as r, PolicyDetailsFormContextual as E, EditPolicySettingsContextual as S, PolicySettingsContextual as s, PolicyListContextual as F } from "./TimeOffFlowComponents.js";
 import { componentEvents as t } from "../../../shared/constants.js";
-function L(o, e) {
+function v(o, e) {
   return e.payload.policyType === "sick" || e.payload.policyType === "vacation";
 }
-function P(o, e) {
+function L(o, e) {
   return e.payload.policyType === "holiday";
 }
-function v(o, e) {
+function P(o, e) {
   return e.payload.policyType !== "holiday";
 }
 function C(o, e) {
@@ -16,10 +16,10 @@ function C(o, e) {
 function M(o, e) {
   return e.payload.accrualMethod === "unlimited";
 }
-function T(o) {
+function _(o) {
   return (e) => e.addEmployeesSource === o;
 }
-const p = l(
+const c = l(
   t.CANCEL,
   "policyList",
   i(
@@ -31,7 +31,7 @@ const p = l(
       alerts: void 0
     })
   )
-), m = l(
+), O = l(
   t.TIME_OFF_BACK_TO_LIST,
   "policyList",
   i(
@@ -51,7 +51,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: n,
+          component: m,
           policyId: void 0,
           policyType: void 0,
           alerts: void 0
@@ -61,11 +61,11 @@ const p = l(
     l(
       t.TIME_OFF_VIEW_POLICY,
       "viewTimeOffPolicyDetail",
-      y(v),
+      y(P),
       i(
         (o, e) => ({
           ...o,
-          component: d,
+          component: p,
           policyId: e.payload.policyId,
           policyType: e.payload.policyType,
           alerts: void 0
@@ -79,7 +79,7 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: c,
+          component: d,
           policyId: e.payload.policyId,
           policyType: e.payload.policyType,
           alerts: void 0
@@ -91,7 +91,7 @@ const p = l(
     l(
       t.TIME_OFF_POLICY_TYPE_SELECTED,
       "policyDetailsForm",
-      y(L),
+      y(v),
       i(
         (o, e) => ({
           ...o,
@@ -104,17 +104,17 @@ const p = l(
     l(
       t.TIME_OFF_POLICY_TYPE_SELECTED,
       "holidaySelectionForm",
-      y(P),
+      y(L),
       i(
         (o, e) => ({
           ...o,
-          component: s,
+          component: I,
           policyType: e.payload.policyType,
           alerts: void 0
         })
       )
     ),
-    p
+    c
   ),
   policyDetailsForm: a(
     l(
@@ -124,7 +124,7 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: O,
+          component: r,
           policyId: e.payload.policyId,
           alerts: void 0,
           addEmployeesSource: "policyDetailsForm"
@@ -137,7 +137,7 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: r,
+          component: s,
           policyId: e.payload.policyId,
           alerts: void 0
         })
@@ -149,12 +149,12 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: n,
+          component: m,
           alerts: e.payload.alert ? [e.payload.alert] : void 0
         })
       )
     ),
-    p
+    c
   ),
   policySettings: a(
     l(
@@ -163,7 +163,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: O,
+          component: r,
           alerts: void 0,
           addEmployeesSource: "policySettings"
         })
@@ -191,7 +191,7 @@ const p = l(
         })
       )
     ),
-    p
+    c
   ),
   addEmployeesToPolicy: a(
     l(
@@ -200,7 +200,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: d,
+          component: p,
           alerts: void 0,
           addEmployeesSource: void 0
         })
@@ -209,11 +209,11 @@ const p = l(
     l(
       t.TIME_OFF_ADD_EMPLOYEES_BACK,
       "viewTimeOffPolicyDetail",
-      y(T("viewTimeOffPolicyDetail")),
+      y(_("viewTimeOffPolicyDetail")),
       i(
         (o) => ({
           ...o,
-          component: d,
+          component: p,
           alerts: void 0,
           addEmployeesSource: void 0
         })
@@ -222,7 +222,7 @@ const p = l(
     l(
       t.TIME_OFF_ADD_EMPLOYEES_BACK,
       "policyDetailsForm",
-      y(T("policyDetailsForm")),
+      y(_("policyDetailsForm")),
       i(
         (o) => ({
           ...o,
@@ -238,7 +238,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: r,
+          component: s,
           alerts: void 0,
           addEmployeesSource: void 0
         })
@@ -247,7 +247,7 @@ const p = l(
     l(
       t.TIME_OFF_ADD_EMPLOYEES_ERROR,
       "policyDetailsForm",
-      y(T("policyDetailsForm")),
+      y(_("policyDetailsForm")),
       i(
         (o, e) => ({
           ...o,
@@ -262,12 +262,12 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: r,
+          component: s,
           alerts: e.payload.alert ? [e.payload.alert] : void 0
         })
       )
     ),
-    p
+    c
   ),
   viewTimeOffPolicyDetail: a(
     l(
@@ -276,7 +276,7 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: O,
+          component: r,
           policyId: e.payload.policyId,
           alerts: void 0,
           addEmployeesSource: "viewTimeOffPolicyDetail"
@@ -307,7 +307,7 @@ const p = l(
         })
       )
     ),
-    m
+    O
   ),
   // Distinct from `policyDetailsForm` (the create-flow step) so that DONE
   // returns to the policy detail view rather than continuing into the
@@ -319,7 +319,7 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: d,
+          component: p,
           policyId: e.payload.policyId,
           alerts: void 0
         })
@@ -331,7 +331,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: d,
+          component: p,
           alerts: void 0
         })
       )
@@ -347,7 +347,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: d,
+          component: p,
           alerts: void 0
         })
       )
@@ -358,12 +358,12 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: d,
+          component: p,
           alerts: void 0
         })
       )
     ),
-    p
+    c
   ),
   holidaySelectionForm: a(
     l(
@@ -372,7 +372,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: _,
+          component: n,
           alerts: void 0
         })
       )
@@ -383,12 +383,12 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: n,
+          component: m,
           alerts: e.payload.alert ? [e.payload.alert] : void 0
         })
       )
     ),
-    p
+    c
   ),
   addEmployeesHoliday: a(
     l(
@@ -397,8 +397,9 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: c,
-          alerts: void 0
+          component: d,
+          alerts: void 0,
+          addEmployeesSource: void 0
         })
       )
     ),
@@ -408,12 +409,26 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: s,
-          alerts: e.payload.alert ? [e.payload.alert] : void 0
+          component: I,
+          alerts: e.payload.alert ? [e.payload.alert] : void 0,
+          addEmployeesSource: void 0
         })
       )
     ),
-    p
+    l(
+      t.CANCEL,
+      "viewHolidayEmployees",
+      y(_("viewHolidayEmployees")),
+      i(
+        (o) => ({
+          ...o,
+          component: d,
+          alerts: void 0,
+          addEmployeesSource: void 0
+        })
+      )
+    ),
+    c
   ),
   viewHolidayEmployees: a(
     l(
@@ -422,8 +437,9 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: _,
-          alerts: void 0
+          component: n,
+          alerts: void 0,
+          addEmployeesSource: "viewHolidayEmployees"
         })
       )
     ),
@@ -443,12 +459,12 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: I,
+          component: T,
           alerts: void 0
         })
       )
     ),
-    m
+    O
   ),
   viewHolidaySchedule: a(
     l(
@@ -457,7 +473,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: c
+          component: d
         })
       )
     ),
@@ -467,8 +483,9 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: _,
-          alerts: void 0
+          component: n,
+          alerts: void 0,
+          addEmployeesSource: "viewHolidayEmployees"
         })
       )
     ),
@@ -478,12 +495,12 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: I,
+          component: T,
           alerts: void 0
         })
       )
     ),
-    m
+    O
   ),
   // Distinct from `holidaySelectionForm` (the create-flow step) so that
   // DONE returns to the holiday detail view instead of routing into
@@ -495,7 +512,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: c,
+          component: d,
           alerts: void 0
         })
       )
@@ -506,7 +523,7 @@ const p = l(
       i(
         (o, e) => ({
           ...o,
-          component: c,
+          component: d,
           alerts: e.payload.alert ? [e.payload.alert] : void 0
         })
       )
@@ -517,7 +534,7 @@ const p = l(
       i(
         (o) => ({
           ...o,
-          component: c,
+          component: d,
           alerts: void 0
         })
       )