@gusto/embedded-react-sdk 0.42.0 → 0.44.0

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

@@ -1,107 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as P } from "react";
-import { useTranslation as b } from "react-i18next";
-import { useQueryClient as w } from "@tanstack/react-query";
-import { useTimeOffPoliciesGetAllSuspense as G, invalidateAllTimeOffPoliciesGetAll as U } from "@gusto/embedded-api/react-query/timeOffPoliciesGetAll";
-import { useTimeOffPoliciesDeactivateMutation as v } from "@gusto/embedded-api/react-query/timeOffPoliciesDeactivate";
-import { useEmployeesListSuspense as B } from "@gusto/embedded-api/react-query/employeesList";
-import { useHolidayPayPoliciesGet as q, invalidateAllHolidayPayPoliciesGet as Y } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
-import { useHolidayPayPoliciesDeleteMutation as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesDelete";
-import { GustoEmbeddedError as Q } from "@gusto/embedded-api/models/errors/gustoembeddederror";
-import { PolicyListPresentation as R } from "./PolicyListPresentation.js";
-import { BaseBoundaries as V, BaseLayout as W } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { useBaseSubmit as j } from "../../Base/useBaseSubmit.js";
-import { composeErrorHandler as N } from "../../../partner-hook-utils/composeErrorHandler.js";
-import { componentEvents as n } from "../../../shared/constants.js";
-import { useI18n as k } from "../../../i18n/I18n.js";
-function ye({ FallbackComponent: i, ...o }) {
-  return /* @__PURE__ */ s(
-    V,
-    {
-      componentName: "Company.TimeOff.TimeOffPolicies",
-      FallbackComponent: i,
-      children: /* @__PURE__ */ s(z, { ...o })
-    }
-  );
-}
-function z({ companyId: i, onEvent: o }) {
-  k("Company.TimeOff.TimeOffPolicies");
-  const { t } = b("Company.TimeOff.TimeOffPolicies"), r = w(), {
-    baseSubmitHandler: h,
-    error: T,
-    setError: O
-  } = j("Company.TimeOff.TimeOffPolicies"), [E, l] = P(null), [D, m] = P(null), { data: C } = G({
-    companyUuid: i
-  }), A = C.timeOffPolicies ?? [], c = q(
-    { companyUuid: i },
-    {
-      throwOnError: (e) => {
-        if (e instanceof Q) {
-          const d = e.httpMeta.response.status;
-          if (d === 204 || d === 404)
-            return !1;
-        }
-        return !0;
-      }
-    }
-  ), a = c.data?.holidayPayPolicy, { data: I } = B({
-    companyId: i,
-    terminated: !1
-  }), g = I.showEmployees?.length ?? 0, u = v(), y = x(), S = N([c], { submitError: T, setSubmitError: O }), H = u.isPending || y.isPending, f = (e) => e > 0 && e === g ? t("allEmployeesLabel") : e > 0 ? t("employeeCount", { count: e }) : t("enrolledDash"), p = A.map((e) => ({
-    uuid: e.uuid,
-    name: e.name,
-    policyType: e.policyType,
-    isComplete: e.complete ?? !1,
-    enrolledDisplay: f(e.employees.length)
-  }));
-  a && p.push({
-    uuid: a.companyUuid,
-    name: t("holidayPayPolicy"),
-    policyType: "holiday",
-    isComplete: !0,
-    enrolledDisplay: f(a.employees.length),
-    isHoliday: !0
-  });
-  const _ = () => {
-    o(n.TIME_OFF_CREATE_POLICY);
-  }, F = (e) => {
-    o(n.TIME_OFF_VIEW_POLICY, {
-      policyId: e.uuid,
-      policyType: e.policyType
-    });
-  }, L = (e) => {
-    o(n.TIME_OFF_VIEW_POLICY, {
-      policyId: e.uuid,
-      policyType: e.policyType
-    });
-  }, M = async (e) => {
-    m(e.uuid), await h({}, async () => {
-      e.isHoliday ? (await y.mutateAsync({
-        request: { companyUuid: i }
-      }), await Y(r), l(t("flash.holidayDeleted"))) : (await u.mutateAsync({
-        request: { timeOffPolicyUuid: e.uuid }
-      }), await U(r), l(t("flash.policyDeleted", { name: e.name })));
-    }), m(null);
-  };
-  return /* @__PURE__ */ s(W, { error: S.errors, children: /* @__PURE__ */ s(
-    R,
-    {
-      policies: p,
-      onCreatePolicy: _,
-      onEditPolicy: F,
-      onFinishSetup: L,
-      onDeletePolicy: M,
-      deleteSuccessAlert: E,
-      onDismissDeleteAlert: () => {
-        l(null);
-      },
-      isDeletingPolicyId: D,
-      isPending: H
-    }
-  ) });
-}
-export {
-  ye as PolicyList
-};
-//# sourceMappingURL=PolicyList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PolicyList.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyList/PolicyList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useTimeOffPoliciesGetAllSuspense,\n  invalidateAllTimeOffPoliciesGetAll,\n} from '@gusto/embedded-api/react-query/timeOffPoliciesGetAll'\nimport { useTimeOffPoliciesDeactivateMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesDeactivate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport {\n  useHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesDeleteMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesDelete'\nimport { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { PolicyListPresentation } from './PolicyListPresentation'\nimport type { PolicyListItem } from './PolicyListTypes'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\nexport interface PolicyListProps extends BaseComponentInterface<'Company.TimeOff.TimeOffPolicies'> {\n  companyId: string\n}\n\nexport function PolicyList({ FallbackComponent, ...props }: PolicyListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Company.TimeOff.TimeOffPolicies\"\n      FallbackComponent={FallbackComponent}\n    >\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ companyId, onEvent }: PolicyListProps) {\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n  const queryClient = useQueryClient()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Company.TimeOff.TimeOffPolicies')\n\n  const [deleteSuccessAlert, setDeleteSuccessAlert] = useState<string | null>(null)\n  const [isDeletingPolicyId, setIsDeletingPolicyId] = useState<string | null>(null)\n\n  const { data: policiesData } = useTimeOffPoliciesGetAllSuspense({\n    companyUuid: companyId,\n  })\n  const timeOffPolicies = policiesData.timeOffPolicies ?? []\n\n  const holidayQuery = useHolidayPayPoliciesGet(\n    { companyUuid: companyId },\n    {\n      throwOnError: (error: Error) => {\n        if (error instanceof GustoEmbeddedError) {\n          const status = error.httpMeta.response.status\n          if (status === 204 || status === 404) {\n            return false\n          }\n        }\n        return true\n      },\n    },\n  )\n  const holidayPayPolicy = holidayQuery.data?.holidayPayPolicy\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n  const totalActiveEmployees = employeesData.showEmployees?.length ?? 0\n\n  const deactivatePolicyMutation = useTimeOffPoliciesDeactivateMutation()\n  const deleteHolidayMutation = useHolidayPayPoliciesDeleteMutation()\n\n  const errorHandling = composeErrorHandler([holidayQuery], { submitError, setSubmitError })\n  const isPending = deactivatePolicyMutation.isPending || deleteHolidayMutation.isPending\n\n  const getEnrolledDisplay = (enrolledCount: number) => {\n    if (enrolledCount > 0 && enrolledCount === totalActiveEmployees) {\n      return t('allEmployeesLabel')\n    } else if (enrolledCount > 0) {\n      return t('employeeCount', { count: enrolledCount })\n    }\n    return t('enrolledDash')\n  }\n\n  const policies: PolicyListItem[] = timeOffPolicies.map((policy: TimeOffPolicy) => ({\n    uuid: policy.uuid,\n    name: policy.name,\n    policyType: policy.policyType,\n    isComplete: policy.complete ?? false,\n    enrolledDisplay: getEnrolledDisplay(policy.employees.length),\n  }))\n\n  if (holidayPayPolicy) {\n    policies.push({\n      uuid: holidayPayPolicy.companyUuid,\n      name: t('holidayPayPolicy'),\n      policyType: 'holiday',\n      isComplete: true,\n      enrolledDisplay: getEnrolledDisplay(holidayPayPolicy.employees.length),\n      isHoliday: true,\n    })\n  }\n\n  const handleCreatePolicy = () => {\n    onEvent(componentEvents.TIME_OFF_CREATE_POLICY)\n  }\n\n  const handleEditPolicy = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleFinishSetup = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleDeletePolicy = async (policy: PolicyListItem) => {\n    setIsDeletingPolicyId(policy.uuid)\n    await baseSubmitHandler({}, async () => {\n      if (policy.isHoliday) {\n        await deleteHolidayMutation.mutateAsync({\n          request: { companyUuid: companyId },\n        })\n        await invalidateAllHolidayPayPoliciesGet(queryClient)\n        setDeleteSuccessAlert(t('flash.holidayDeleted'))\n      } else {\n        await deactivatePolicyMutation.mutateAsync({\n          request: { timeOffPolicyUuid: policy.uuid },\n        })\n        await invalidateAllTimeOffPoliciesGetAll(queryClient)\n        setDeleteSuccessAlert(t('flash.policyDeleted', { name: policy.name }))\n      }\n    })\n    setIsDeletingPolicyId(null)\n  }\n\n  return (\n    <BaseLayout error={errorHandling.errors}>\n      <PolicyListPresentation\n        policies={policies}\n        onCreatePolicy={handleCreatePolicy}\n        onEditPolicy={handleEditPolicy}\n        onFinishSetup={handleFinishSetup}\n        onDeletePolicy={handleDeletePolicy}\n        deleteSuccessAlert={deleteSuccessAlert}\n        onDismissDeleteAlert={() => {\n          setDeleteSuccessAlert(null)\n        }}\n        isDeletingPolicyId={isDeletingPolicyId}\n        isPending={isPending}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["PolicyList","FallbackComponent","props","jsx","BaseBoundaries","Root","companyId","onEvent","useI18n","useTranslation","queryClient","useQueryClient","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","deleteSuccessAlert","setDeleteSuccessAlert","useState","isDeletingPolicyId","setIsDeletingPolicyId","policiesData","useTimeOffPoliciesGetAllSuspense","timeOffPolicies","holidayQuery","useHolidayPayPoliciesGet","error","GustoEmbeddedError","status","holidayPayPolicy","employeesData","useEmployeesListSuspense","totalActiveEmployees","deactivatePolicyMutation","useTimeOffPoliciesDeactivateMutation","deleteHolidayMutation","useHolidayPayPoliciesDeleteMutation","errorHandling","composeErrorHandler","isPending","getEnrolledDisplay","enrolledCount","policies","policy","handleCreatePolicy","componentEvents","handleEditPolicy","handleFinishSetup","handleDeletePolicy","invalidateAllHolidayPayPoliciesGet","invalidateAllTimeOffPoliciesGetAll","BaseLayout","PolicyListPresentation"],"mappings":"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"}

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

@@ -1,124 +0,0 @@
-import { jsx as i, jsxs as n } from "react/jsx-runtime";
-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 { 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";
-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({
-  policies: a,
-  onCreatePolicy: r,
-  onEditPolicy: y,
-  onFinishSetup: f,
-  onDeletePolicy: u,
-  deleteSuccessAlert: s,
-  onDismissDeleteAlert: g,
-  isDeletingPolicyId: D,
-  isPending: C
-}) {
-  const { Button: o, Heading: h, Text: c, Alert: b, Dialog: P } = A();
-  j("Company.TimeOff.TimeOffPolicies");
-  const { t: e } = k("Company.TimeOff.TimeOffPolicies"), [l, m] = T({
-    isOpen: !1,
-    policy: null
-  }), O = (t) => {
-    m({ isOpen: !0, policy: t });
-  }, d = () => {
-    m({ isOpen: !1, policy: null });
-  }, x = () => {
-    l.policy && (u(l.policy), d());
-  }, { ...L } = I({
-    data: a,
-    columns: [
-      {
-        title: e("tableHeaders.name"),
-        render: (t) => /* @__PURE__ */ i(c, { weight: "medium", children: t.name })
-      },
-      {
-        title: e("tableHeaders.enrolled"),
-        render: (t) => /* @__PURE__ */ i(c, { variant: "supporting", children: t.enrolledDisplay })
-      }
-    ],
-    itemMenu: (t) => {
-      const H = D === t.uuid;
-      return /* @__PURE__ */ n("div", { className: v.actionsCell, children: [
-        !t.isComplete && /* @__PURE__ */ i(
-          o,
-          {
-            variant: "secondary",
-            onClick: () => {
-              f(t);
-            },
-            children: e("finishSetupCta")
-          }
-        ),
-        /* @__PURE__ */ i(
-          V,
-          {
-            isLoading: H,
-            menuLabel: e("tableLabel"),
-            items: [
-              {
-                label: e("actions.editPolicy"),
-                onClick: () => {
-                  y(t);
-                }
-              },
-              {
-                label: e("actions.deletePolicy"),
-                onClick: () => {
-                  O(t);
-                }
-              }
-            ]
-          }
-        )
-      ] });
-    },
-    emptyState: () => /* @__PURE__ */ i(w, { title: e("emptyState.heading"), description: e("emptyState.body"), children: /* @__PURE__ */ i(S, { justifyContent: "center", children: /* @__PURE__ */ i(o, { variant: "secondary", onClick: r, children: e("createPolicyCta") }) }) })
-  });
-  return /* @__PURE__ */ n(p, { flexDirection: "column", gap: 16, children: [
-    s && /* @__PURE__ */ i(b, { status: "success", label: s, onDismiss: g }),
-    /* @__PURE__ */ n(
-      p,
-      {
-        flexDirection: { base: "column", medium: "row" },
-        justifyContent: "space-between",
-        alignItems: "flex-start",
-        gap: { base: 12, medium: 24 },
-        children: [
-          /* @__PURE__ */ i(h, { as: "h2", children: e("pageTitle") }),
-          a.length > 0 && /* @__PURE__ */ i(o, { variant: "primary", onClick: r, children: e("createPolicyCta") })
-        ]
-      }
-    ),
-    /* @__PURE__ */ i(M, { label: e("tableLabel"), ...L }),
-    /* @__PURE__ */ i(
-      P,
-      {
-        isOpen: l.isOpen,
-        onClose: d,
-        onPrimaryActionClick: x,
-        isPrimaryActionLoading: C,
-        isDestructive: !0,
-        title: l.policy?.isHoliday ? e("deleteHolidayDialog.title") : e("deletePolicyDialog.title", {
-          name: l.policy?.name ?? ""
-        }),
-        primaryActionLabel: e("deletePolicyDialog.confirmCta"),
-        closeActionLabel: e("deletePolicyDialog.cancelCta"),
-        children: l.policy?.isHoliday ? e("deleteHolidayDialog.description") : e("deletePolicyDialog.description", {
-          name: l.policy?.name ?? ""
-        })
-      }
-    )
-  ] });
-}
-export {
-  W as PolicyListPresentation
-};
-//# sourceMappingURL=PolicyListPresentation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PolicyListPresentation.js","sources":["../../../../src/components/UNSTABLE_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'\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, Text, 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 = () => {\n    if (deletePolicyDialogState.policy) {\n      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) => <Text weight=\"medium\">{policy.name}</Text>,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => (\n          <Text variant=\"supporting\">{policy.enrolledDisplay}</Text>\n        ),\n      },\n    ],\n    itemMenu: (policy: PolicyListItem) => {\n      const isDeleting = isDeletingPolicyId === policy.uuid\n\n      return (\n        <div className={styles.actionsCell}>\n          {!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            menuLabel={t('tableLabel')}\n            items={[\n              {\n                label: t('actions.editPolicy'),\n                onClick: () => {\n                  onEditPolicy(policy)\n                },\n              },\n              {\n                label: t('actions.deletePolicy'),\n                onClick: () => {\n                  handleOpenDeleteDialog(policy)\n                },\n              },\n            ]}\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","Text","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","jsx","isDeleting","jsxs","styles","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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"}

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.js

@@ -1,46 +0,0 @@
-import { jsx as n, jsxs as o } from "react/jsx-runtime";
-import { BaseComponent as i } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { componentEvents as e } from "../../../shared/constants.js";
-function d(t) {
-  return /* @__PURE__ */ n(i, { ...t, children: /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ o("p", { children: [
-      "Policy Settings (policyId: ",
-      t.policyId,
-      ")"
-    ] }),
-    /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: () => {
-          t.onEvent(e.TIME_OFF_POLICY_SETTINGS_DONE);
-        },
-        children: "Done"
-      }
-    ),
-    /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: () => {
-          t.onEvent(e.TIME_OFF_POLICY_SETTINGS_ERROR, {
-            alert: { type: "error", title: "Failed to update policy settings" }
-          });
-        },
-        children: "Simulate Error"
-      }
-    ),
-    /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: () => {
-          t.onEvent(e.CANCEL);
-        },
-        children: "Cancel"
-      }
-    )
-  ] }) });
-}
-export {
-  d as PolicySettings
-};
-//# sourceMappingURL=PolicySettings.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PolicySettings.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.tsx"],"sourcesContent":["import { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicySettingsProps extends BaseComponentInterface {\n  policyId: string\n}\n\nexport function PolicySettings(props: PolicySettingsProps) {\n  return (\n    <BaseComponent {...props}>\n      <div>\n        <p>Policy Settings (policyId: {props.policyId})</p>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_DONE)\n          }}\n        >\n          Done\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_ERROR, {\n              alert: { type: 'error', title: 'Failed to update policy settings' },\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":["PolicySettings","props","jsx","BaseComponent","jsxs","componentEvents"],"mappings":";;;;AAOO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAA4BH,EAAM;AAAA,MAAS;AAAA,IAAA,GAAC;AAAA,IAC/C,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,6BAA6B;AAAA,QAC7D;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,gCAAgC;AAAA,YAC5D,OAAO,EAAE,MAAM,SAAS,OAAO,mCAAA;AAAA,UAAmC,CACnE;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;"}

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.module.scss.js

@@ -1,18 +0,0 @@
-const t = "_policySettings_wbmnm_1", e = "_divider_wbmnm_9", i = "_settingRow_wbmnm_15", l = "_settingField_wbmnm_23", n = "_toggleCell_wbmnm_27", s = "_disabledField_wbmnm_31", d = {
-  policySettings: t,
-  divider: e,
-  settingRow: i,
-  settingField: l,
-  toggleCell: n,
-  disabledField: s
-};
-export {
-  d as default,
-  s as disabledField,
-  e as divider,
-  t as policySettings,
-  l as settingField,
-  i as settingRow,
-  n as toggleCell
-};
-//# sourceMappingURL=PolicySettings.module.scss.js.map

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

@@ -1,166 +0,0 @@
-import { jsx as i, jsxs as l, Fragment as y } from "react/jsx-runtime";
-import r from "classnames";
-import { useForm as N, useWatch as s, FormProvider as M } from "react-hook-form";
-import { useTranslation as P } from "react-i18next";
-import a from "./PolicySettings.module.scss.js";
-import { Flex as h } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as F } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as w } from "../../Common/Form/Form.js";
-import { useComponentContext as H } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as C } from "../../../i18n/I18n.js";
-import { NumberInputField as o } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { SwitchField as n } from "../../Common/Fields/SwitchField/SwitchField.js";
-function q({
-  accrualMethod: f,
-  onContinue: S,
-  onBack: v,
-  defaultValues: O
-}) {
-  C("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = P("Company.TimeOff.CreateTimeOffPolicy"), { Heading: x, Button: m } = H(), c = N({
-    defaultValues: {
-      accrualMaximumEnabled: !1,
-      balanceMaximumEnabled: !1,
-      carryOverLimitEnabled: !1,
-      waitingPeriodEnabled: !1,
-      paidOutOnTermination: !1,
-      ...O
-    }
-  }), { control: t } = c, d = s({ control: t, name: "accrualMaximumEnabled" }), u = s({ control: t, name: "balanceMaximumEnabled" }), b = s({ control: t, name: "carryOverLimitEnabled" }), p = s({ control: t, name: "waitingPeriodEnabled" }), g = f === "hours_worked", L = (E) => {
-    S(E);
-  };
-  return /* @__PURE__ */ i(M, { ...c, children: /* @__PURE__ */ i(w, { onSubmit: c.handleSubmit(L), children: /* @__PURE__ */ i("div", { className: a.policySettings, children: /* @__PURE__ */ l(h, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ i(x, { as: "h2", children: e("policySettings.title") }),
-    /* @__PURE__ */ l(h, { flexDirection: "column", gap: 20, children: [
-      g && /* @__PURE__ */ l(y, { children: [
-        /* @__PURE__ */ l("div", { className: a.settingRow, children: [
-          /* @__PURE__ */ i(
-            o,
-            {
-              className: r(
-                a.settingField,
-                !d && a.disabledField
-              ),
-              name: "accrualMaximum",
-              label: e("policySettings.accrualMaximumLabel"),
-              description: e("policySettings.accrualMaximumHint"),
-              adornmentEnd: e("policySettings.hoursUnit"),
-              placeholder: e("policySettings.numberOfHoursPlaceholder"),
-              isDisabled: !d,
-              min: 0
-            }
-          ),
-          /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
-            n,
-            {
-              name: "accrualMaximumEnabled",
-              label: e("policySettings.accrualMaximumLabel"),
-              shouldVisuallyHideLabel: !0
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ i("hr", { className: a.divider })
-      ] }),
-      /* @__PURE__ */ l("div", { className: a.settingRow, children: [
-        /* @__PURE__ */ i(
-          o,
-          {
-            className: r(
-              a.settingField,
-              !u && a.disabledField
-            ),
-            name: "balanceMaximum",
-            label: e("policySettings.balanceMaximumLabel"),
-            description: e("policySettings.balanceMaximumHint"),
-            adornmentEnd: e("policySettings.hoursUnit"),
-            placeholder: e("policySettings.numberOfHoursPlaceholder"),
-            isDisabled: !u,
-            min: 0
-          }
-        ),
-        /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
-          n,
-          {
-            name: "balanceMaximumEnabled",
-            label: e("policySettings.balanceMaximumLabel"),
-            shouldVisuallyHideLabel: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ i("hr", { className: a.divider }),
-      /* @__PURE__ */ l("div", { className: a.settingRow, children: [
-        /* @__PURE__ */ i(
-          o,
-          {
-            className: r(
-              a.settingField,
-              !b && a.disabledField
-            ),
-            name: "carryOverLimit",
-            label: e("policySettings.carryOverLimitLabel"),
-            description: e("policySettings.carryOverLimitHint"),
-            adornmentEnd: e("policySettings.hoursUnit"),
-            placeholder: e("policySettings.numberOfHoursPlaceholder"),
-            isDisabled: !b,
-            min: 0
-          }
-        ),
-        /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
-          n,
-          {
-            name: "carryOverLimitEnabled",
-            label: e("policySettings.carryOverLimitLabel"),
-            shouldVisuallyHideLabel: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ i("hr", { className: a.divider }),
-      g && /* @__PURE__ */ l(y, { children: [
-        /* @__PURE__ */ l("div", { className: a.settingRow, children: [
-          /* @__PURE__ */ i(
-            o,
-            {
-              className: r(
-                a.settingField,
-                !p && a.disabledField
-              ),
-              name: "waitingPeriod",
-              label: e("policySettings.waitingPeriodLabel"),
-              description: e("policySettings.waitingPeriodHint"),
-              adornmentEnd: e("policySettings.daysUnit"),
-              placeholder: e("policySettings.numberOfDaysPlaceholder"),
-              isDisabled: !p,
-              min: 0
-            }
-          ),
-          /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
-            n,
-            {
-              name: "waitingPeriodEnabled",
-              label: e("policySettings.waitingPeriodLabel"),
-              shouldVisuallyHideLabel: !0
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ i("hr", { className: a.divider })
-      ] }),
-      /* @__PURE__ */ i(
-        n,
-        {
-          name: "paidOutOnTermination",
-          label: e("policySettings.paidOutOnTerminationLabel"),
-          description: e("policySettings.paidOutOnTerminationHint")
-        }
-      ),
-      /* @__PURE__ */ i("hr", { className: a.divider }),
-      /* @__PURE__ */ l(F, { children: [
-        /* @__PURE__ */ i(m, { variant: "secondary", onClick: v, children: e("backCta") }),
-        /* @__PURE__ */ i(m, { variant: "primary", type: "submit", children: e("policySettings.continueCta") })
-      ] })
-    ] })
-  ] }) }) }) });
-}
-export {
-  q as PolicySettingsPresentation
-};
-//# sourceMappingURL=PolicySettingsPresentation.js.map

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicySettingsFormData, PolicySettingsPresentationProps } from './PolicySettingsTypes'\nimport styles from './PolicySettings.module.scss'\nimport { Flex, ActionsLayout, NumberInputField, SwitchField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n}: PolicySettingsPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Button } = useComponentContext()\n\n  const formMethods = useForm<PolicySettingsFormData>({\n    defaultValues: {\n      accrualMaximumEnabled: false,\n      balanceMaximumEnabled: false,\n      carryOverLimitEnabled: false,\n      waitingPeriodEnabled: false,\n      paidOutOnTermination: false,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMaximumEnabled = useWatch({ control, name: 'accrualMaximumEnabled' })\n  const balanceMaximumEnabled = useWatch({ control, name: 'balanceMaximumEnabled' })\n  const carryOverLimitEnabled = useWatch({ control, name: 'carryOverLimitEnabled' })\n  const waitingPeriodEnabled = useWatch({ control, name: 'waitingPeriodEnabled' })\n\n  const isHoursWorked = accrualMethod === 'hours_worked'\n\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\">{t('policySettings.title')}</Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {isHoursWorked && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={classNames(\n                        styles.settingField,\n                        !accrualMaximumEnabled && styles.disabledField,\n                      )}\n                      name=\"accrualMaximum\"\n                      label={t('policySettings.accrualMaximumLabel')}\n                      description={t('policySettings.accrualMaximumHint')}\n                      adornmentEnd={t('policySettings.hoursUnit')}\n                      placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                      isDisabled={!accrualMaximumEnabled}\n                      min={0}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"accrualMaximumEnabled\"\n                        label={t('policySettings.accrualMaximumLabel')}\n                        shouldVisuallyHideLabel\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={classNames(\n                    styles.settingField,\n                    !balanceMaximumEnabled && styles.disabledField,\n                  )}\n                  name=\"balanceMaximum\"\n                  label={t('policySettings.balanceMaximumLabel')}\n                  description={t('policySettings.balanceMaximumHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!balanceMaximumEnabled}\n                  min={0}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"balanceMaximumEnabled\"\n                    label={t('policySettings.balanceMaximumLabel')}\n                    shouldVisuallyHideLabel\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={classNames(\n                    styles.settingField,\n                    !carryOverLimitEnabled && styles.disabledField,\n                  )}\n                  name=\"carryOverLimit\"\n                  label={t('policySettings.carryOverLimitLabel')}\n                  description={t('policySettings.carryOverLimitHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!carryOverLimitEnabled}\n                  min={0}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"carryOverLimitEnabled\"\n                    label={t('policySettings.carryOverLimitLabel')}\n                    shouldVisuallyHideLabel\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {isHoursWorked && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={classNames(\n                        styles.settingField,\n                        !waitingPeriodEnabled && styles.disabledField,\n                      )}\n                      name=\"waitingPeriod\"\n                      label={t('policySettings.waitingPeriodLabel')}\n                      description={t('policySettings.waitingPeriodHint')}\n                      adornmentEnd={t('policySettings.daysUnit')}\n                      placeholder={t('policySettings.numberOfDaysPlaceholder')}\n                      isDisabled={!waitingPeriodEnabled}\n                      min={0}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"waitingPeriodEnabled\"\n                        label={t('policySettings.waitingPeriodLabel')}\n                        shouldVisuallyHideLabel\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <SwitchField\n                name=\"paidOutOnTermination\"\n                label={t('policySettings.paidOutOnTerminationLabel')}\n                description={t('policySettings.paidOutOnTerminationHint')}\n              />\n\n              <hr className={styles.divider} />\n\n              <ActionsLayout>\n                <Button variant=\"secondary\" onClick={onBack}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\">\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","useI18n","t","useTranslation","Heading","Button","useComponentContext","formMethods","useForm","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","classNames","SwitchField","ActionsLayout"],"mappings":"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"}

package/dist/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelector.js

@@ -1,29 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { PolicyTypeSelectorPresentation as c } from "./PolicyTypeSelectorPresentation.js";
-import { BaseComponent as i } from "../../Base/Base.js";
-import { useBase as l } from "../../Base/useBase.js";
-import { componentEvents as t } from "../../../shared/constants.js";
-function d(n) {
-  return /* @__PURE__ */ o(i, { ...n, children: /* @__PURE__ */ o(m, { ...n }) });
-}
-function m({ defaultPolicyType: n }) {
-  const { onEvent: e } = l();
-  return /* @__PURE__ */ o(
-    c,
-    {
-      onContinue: (r) => {
-        e(t.TIME_OFF_POLICY_TYPE_SELECTED, {
-          policyType: r
-        });
-      },
-      onCancel: () => {
-        e(t.CANCEL);
-      },
-      defaultPolicyType: n
-    }
-  );
-}
-export {
-  d as PolicyTypeSelector
-};
-//# sourceMappingURL=PolicyTypeSelector.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PolicyTypeSelector.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelector.tsx"],"sourcesContent":["import { PolicyTypeSelectorPresentation } from './PolicyTypeSelectorPresentation'\nimport type { PolicyType } from './PolicyTypeSelectorTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {\n  companyId: string\n  defaultPolicyType?: PolicyType\n}\n\nexport function PolicyTypeSelector(props: PolicyTypeSelectorProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ defaultPolicyType }: PolicyTypeSelectorProps) {\n  const { onEvent } = useBase()\n\n  const handleContinue = (policyType: PolicyType) => {\n    onEvent(componentEvents.TIME_OFF_POLICY_TYPE_SELECTED, {\n      policyType,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <PolicyTypeSelectorPresentation\n      onContinue={handleContinue}\n      onCancel={handleCancel}\n      defaultPolicyType={defaultPolicyType}\n    />\n  )\n}\n"],"names":["PolicyTypeSelector","props","jsx","BaseComponent","Root","defaultPolicyType","onEvent","useBase","PolicyTypeSelectorPresentation","policyType","componentEvents"],"mappings":";;;;;AAWO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,mBAAAC,KAA8C;AAC5D,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAYpB,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAZmB,CAACC,MAA2B;AACjD,QAAAH,EAAQI,EAAgB,+BAA+B;AAAA,UACrD,YAAAD;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MASI,UAPiB,MAAM;AACzB,QAAAH,EAAQI,EAAgB,MAAM;AAAA,MAChC;AAAA,MAMI,mBAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,66 +0,0 @@
-import { jsx as i, jsxs as o } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { useForm as f, FormProvider as h } from "react-hook-form";
-import { useTranslation as T } from "react-i18next";
-import { Flex as r } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as b } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as v } from "../../Common/Form/Form.js";
-import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as C } from "../../../i18n/I18n.js";
-import { RadioGroupField as L } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function R({
-  onContinue: l,
-  onCancel: a,
-  defaultPolicyType: c
-}) {
-  C("Company.TimeOff.SelectPolicyType");
-  const { t: e } = T("Company.TimeOff.SelectPolicyType"), { Heading: p, Text: m, Button: t } = x(), n = f({
-    defaultValues: {
-      policyType: c
-    }
-  }), s = u(
-    () => [
-      {
-        value: "holiday",
-        label: e("holidayLabel"),
-        description: e("holidayHint")
-      },
-      {
-        value: "vacation",
-        label: e("timeOffLabel"),
-        description: e("timeOffHint")
-      },
-      {
-        value: "sick",
-        label: e("sickLeaveLabel"),
-        description: e("sickLeaveHint")
-      }
-    ],
-    [e]
-  ), y = (d) => {
-    l(d.policyType);
-  };
-  return /* @__PURE__ */ i(h, { ...n, children: /* @__PURE__ */ i(v, { onSubmit: n.handleSubmit(y), children: /* @__PURE__ */ o(r, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ o(r, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ i(p, { as: "h2", children: e("title") }),
-      /* @__PURE__ */ i(m, { variant: "supporting", children: e("policyTypeHint") })
-    ] }),
-    /* @__PURE__ */ i(
-      L,
-      {
-        name: "policyType",
-        label: e("policyTypeLabel"),
-        options: s,
-        isRequired: !0
-      }
-    ),
-    /* @__PURE__ */ o(b, { children: [
-      /* @__PURE__ */ i(t, { variant: "secondary", onClick: a, children: e("cancelCta") }),
-      /* @__PURE__ */ i(t, { variant: "primary", type: "submit", children: e("continueCta") })
-    ] })
-  ] }) }) });
-}
-export {
-  R as PolicyTypeSelectorPresentation
-};
-//# sourceMappingURL=PolicyTypeSelectorPresentation.js.map