@gusto/embedded-react-sdk 0.39.0 → 0.41.0

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

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

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

@@ -1 +1 @@
-{"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}: 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        isDestructive\n        title={t('deletePolicyDialog.title', {\n          name: deletePolicyDialogState.policy?.name ?? '',\n        })}\n        primaryActionLabel={t('deletePolicyDialog.confirmCta')}\n        closeActionLabel={t('deletePolicyDialog.cancelCta')}\n      >\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","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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"}
+{"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":";;;;;;;;;;;;;AAeO,SAASA,EAAuB;AAAA,EACrC,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,GAAgC;AAC9B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAA,IAAWC,EAAA;AACjD,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GAExD,CAACC,GAAyBC,CAA0B,IAAIC,EAG3D;AAAA,IACD,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,CACT,GAEKC,IAAyB,CAACC,MAA2B;AACzD,IAAAH,EAA2B,EAAE,QAAQ,IAAM,QAAAG,EAAA,CAAQ;AAAA,EACrD,GAEMC,IAA0B,MAAM;AACpC,IAAAJ,EAA2B,EAAE,QAAQ,IAAO,QAAQ,MAAM;AAAA,EAC5D,GAEMK,IAAsB,MAAM;AAChC,IAAIN,EAAwB,WAC1Bd,EAAec,EAAwB,MAAM,GAC7CK,EAAA;AAAA,EAEJ,GAEM,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAM1B;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOgB,EAAE,mBAAmB;AAAA,QAC5B,QAAQ,CAACM,MAA2B,gBAAAK,EAAChB,KAAK,QAAO,UAAU,YAAO,KAAA,CAAK;AAAA,MAAA;AAAA,MAEzE;AAAA,QACE,OAAOK,EAAE,uBAAuB;AAAA,QAChC,QAAQ,CAACM,MACP,gBAAAK,EAAChB,KAAK,SAAQ,cAAc,YAAO,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAEvD;AAAA,IAEF,UAAU,CAACW,MAA2B;AACpC,YAAMM,IAAarB,MAAuBe,EAAO;AAEjD,aACE,gBAAAO,EAAC,OAAA,EAAI,WAAWC,EAAO,aACpB,UAAA;AAAA,QAAA,CAACR,EAAO,cACP,gBAAAK;AAAA,UAAClB;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,cAAAN,EAAcmB,CAAM;AAAA,YACtB;AAAA,YAEC,YAAE,gBAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvB,gBAAAK;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWH;AAAA,YACX,WAAWZ,EAAE,YAAY;AAAA,YACzB,OAAO;AAAA,cACL;AAAA,gBACE,OAAOA,EAAE,oBAAoB;AAAA,gBAC7B,SAAS,MAAM;AACb,kBAAAd,EAAaoB,CAAM;AAAA,gBACrB;AAAA,cAAA;AAAA,cAEF;AAAA,gBACE,OAAON,EAAE,sBAAsB;AAAA,gBAC/B,SAAS,MAAM;AACb,kBAAAK,EAAuBC,CAAM;AAAA,gBAC/B;AAAA,cAAA;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,MACF,GACF;AAAA,IAEJ;AAAA,IACA,YAAY,MACV,gBAAAK,EAACK,GAAA,EAAU,OAAOhB,EAAE,oBAAoB,GAAG,aAAaA,EAAE,iBAAiB,GACzE,UAAA,gBAAAW,EAACM,KAAc,gBAAe,UAC5B,UAAA,gBAAAN,EAAClB,GAAA,EAAO,SAAQ,aAAY,SAASR,GAClC,UAAAe,EAAE,iBAAiB,EAAA,CACtB,EAAA,CACF,EAAA,CACF;AAAA,EAAA,CAEH;AAED,SACE,gBAAAa,EAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAA7B,uBACEO,GAAA,EAAM,QAAO,WAAU,OAAOP,GAAoB,WAAWC,GAAsB;AAAA,IAGtF,gBAAAuB;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,eAAe,EAAE,MAAM,UAAU,QAAQ,MAAA;AAAA,QACzC,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,KAAK,EAAE,MAAM,IAAI,QAAQ,GAAA;AAAA,QAEzB,UAAA;AAAA,UAAA,gBAAAP,EAACjB,GAAA,EAAQ,IAAG,MAAM,UAAAM,EAAE,WAAW,GAAE;AAAA,UAChChB,EAAS,SAAS,KACjB,gBAAA2B,EAAClB,GAAA,EAAO,SAAQ,WAAU,SAASR,GAChC,UAAAe,EAAE,iBAAiB,EAAA,CACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAIHmB,GAAA,EAAS,OAAOnB,EAAE,YAAY,GAAI,GAAGS,GAAe;AAAA,IAErD,gBAAAE;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,QAAQK,EAAwB;AAAA,QAChC,SAASK;AAAA,QACT,sBAAsBC;AAAA,QACtB,wBAAwBhB;AAAA,QACxB,eAAa;AAAA,QACb,OACEU,EAAwB,QAAQ,YAC5BF,EAAE,2BAA2B,IAC7BA,EAAE,4BAA4B;AAAA,UAC5B,MAAME,EAAwB,QAAQ,QAAQ;AAAA,QAAA,CAC/C;AAAA,QAEP,oBAAoBF,EAAE,+BAA+B;AAAA,QACrD,kBAAkBA,EAAE,8BAA8B;AAAA,QAEjD,YAAwB,QAAQ,YAC7BA,EAAE,iCAAiC,IACnCA,EAAE,kCAAkC;AAAA,UAClC,MAAME,EAAwB,QAAQ,QAAQ;AAAA,QAAA,CAC/C;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/dist/components/UNSTABLE_TimeOff/PolicyList/PolicyListTypes.d.ts

@@ -4,6 +4,7 @@ export interface PolicyListItem {
     policyType: string;
     isComplete: boolean;
     enrolledDisplay: string;
+    isHoliday?: boolean;
 }
 export interface PolicyListPresentationProps {
     policies: PolicyListItem[];
@@ -14,4 +15,5 @@ export interface PolicyListPresentationProps {
     deleteSuccessAlert?: string | null;
     onDismissDeleteAlert?: () => void;
     isDeletingPolicyId?: string | null;
+    isPending?: boolean;
 }

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

@@ -0,0 +1,18 @@
+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/PolicySettings.module.scss.js.map

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

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.d.ts

@@ -0,0 +1,2 @@
+import { PolicySettingsPresentationProps } from './PolicySettingsTypes';
+export declare function PolicySettingsPresentation({ accrualMethod, onContinue, onBack, defaultValues, }: PolicySettingsPresentationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,166 @@
+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

@@ -0,0 +1 @@
+{"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/PolicySettings/PolicySettingsTypes.d.ts

@@ -0,0 +1,18 @@
+export type PolicySettingsAccrualMethod = 'hours_worked' | 'fixed';
+export interface PolicySettingsFormData {
+    accrualMaximumEnabled: boolean;
+    accrualMaximum?: number;
+    balanceMaximumEnabled: boolean;
+    balanceMaximum?: number;
+    carryOverLimitEnabled: boolean;
+    carryOverLimit?: number;
+    waitingPeriodEnabled: boolean;
+    waitingPeriod?: number;
+    paidOutOnTermination: boolean;
+}
+export interface PolicySettingsPresentationProps {
+    accrualMethod: PolicySettingsAccrualMethod;
+    onContinue: (data: PolicySettingsFormData) => void;
+    onBack: () => void;
+    defaultValues?: Partial<PolicySettingsFormData>;
+}

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

@@ -3,12 +3,13 @@ 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 "classnames";
 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({
+function q({
   onContinue: l,
   onCancel: a,
   defaultPolicyType: c
@@ -61,6 +62,6 @@ function R({
   ] }) }) });
 }
 export {
-  R as PolicyTypeSelectorPresentation
+  q as PolicyTypeSelectorPresentation
 };
 //# sourceMappingURL=PolicyTypeSelectorPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyTypeSelectorPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyType, PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes'\nimport { Flex, ActionsLayout, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PolicyTypeSelectorFormData {\n  policyType: PolicyType\n}\n\nexport function PolicyTypeSelectorPresentation({\n  onContinue,\n  onCancel,\n  defaultPolicyType,\n}: PolicyTypeSelectorPresentationProps) {\n  useI18n('Company.TimeOff.SelectPolicyType')\n  const { t } = useTranslation('Company.TimeOff.SelectPolicyType')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const formMethods = useForm<PolicyTypeSelectorFormData>({\n    defaultValues: {\n      policyType: defaultPolicyType as PolicyType,\n    },\n  })\n\n  const policyTypeOptions = useMemo(\n    () => [\n      {\n        value: 'holiday' as PolicyType,\n        label: t('holidayLabel'),\n        description: t('holidayHint'),\n      },\n      {\n        value: 'vacation' as PolicyType,\n        label: t('timeOffLabel'),\n        description: t('timeOffHint'),\n      },\n      {\n        value: 'sick' as PolicyType,\n        label: t('sickLeaveLabel'),\n        description: t('sickLeaveHint'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyTypeSelectorFormData) => {\n    onContinue(data.policyType)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('title')}</Heading>\n            <Text variant=\"supporting\">{t('policyTypeHint')}</Text>\n          </Flex>\n\n          <RadioGroupField<PolicyType>\n            name=\"policyType\"\n            label={t('policyTypeLabel')}\n            options={policyTypeOptions}\n            isRequired\n          />\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Button>\n            <Button variant=\"primary\" type=\"submit\">\n              {t('continueCta')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyTypeSelectorPresentation","onContinue","onCancel","defaultPolicyType","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","formMethods","useForm","policyTypeOptions","useMemo","handleSubmit","data","FormProvider","jsx","HtmlForm","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;AAaO,SAASA,EAA+B;AAAA,EAC7C,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AACF,GAAwC;AACtC,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IAAcC,EAAoC;AAAA,IACtD,eAAe;AAAA,MACb,YAAYT;AAAA,IAAA;AAAA,EACd,CACD,GAEKU,IAAoBC;AAAA,IACxB,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOT,EAAE,cAAc;AAAA,QACvB,aAAaA,EAAE,aAAa;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,cAAc;AAAA,QACvB,aAAaA,EAAE,aAAa;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,eAAe;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEU,IAAe,CAACC,MAAqC;AACzD,IAAAf,EAAWe,EAAK,UAAU;AAAA,EAC5B;AAEA,2BACGC,GAAA,EAAc,GAAGN,GAChB,UAAA,gBAAAO,EAACC,KAAS,UAAUR,EAAY,aAAaI,CAAY,GACvD,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,wBAC5BG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,gBAAgB,EAAA,CAAE;AAAA,IAAA,GAClD;AAAA,IAEA,gBAAAa;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,iBAAiB;AAAA,QAC1B,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGXU,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACT,KAAO,SAAQ,aAAY,SAASP,GAClC,UAAAG,EAAE,WAAW,GAChB;AAAA,MACA,gBAAAa,EAACT,KAAO,SAAQ,WAAU,MAAK,UAC5B,UAAAJ,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"PolicyTypeSelectorPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyType, PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes'\nimport { Flex, ActionsLayout, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PolicyTypeSelectorFormData {\n  policyType: PolicyType\n}\n\nexport function PolicyTypeSelectorPresentation({\n  onContinue,\n  onCancel,\n  defaultPolicyType,\n}: PolicyTypeSelectorPresentationProps) {\n  useI18n('Company.TimeOff.SelectPolicyType')\n  const { t } = useTranslation('Company.TimeOff.SelectPolicyType')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const formMethods = useForm<PolicyTypeSelectorFormData>({\n    defaultValues: {\n      policyType: defaultPolicyType as PolicyType,\n    },\n  })\n\n  const policyTypeOptions = useMemo(\n    () => [\n      {\n        value: 'holiday' as PolicyType,\n        label: t('holidayLabel'),\n        description: t('holidayHint'),\n      },\n      {\n        value: 'vacation' as PolicyType,\n        label: t('timeOffLabel'),\n        description: t('timeOffHint'),\n      },\n      {\n        value: 'sick' as PolicyType,\n        label: t('sickLeaveLabel'),\n        description: t('sickLeaveHint'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyTypeSelectorFormData) => {\n    onContinue(data.policyType)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('title')}</Heading>\n            <Text variant=\"supporting\">{t('policyTypeHint')}</Text>\n          </Flex>\n\n          <RadioGroupField<PolicyType>\n            name=\"policyType\"\n            label={t('policyTypeLabel')}\n            options={policyTypeOptions}\n            isRequired\n          />\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Button>\n            <Button variant=\"primary\" type=\"submit\">\n              {t('continueCta')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyTypeSelectorPresentation","onContinue","onCancel","defaultPolicyType","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","formMethods","useForm","policyTypeOptions","useMemo","handleSubmit","data","FormProvider","jsx","HtmlForm","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;;AAaO,SAASA,EAA+B;AAAA,EAC7C,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AACF,GAAwC;AACtC,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IAAcC,EAAoC;AAAA,IACtD,eAAe;AAAA,MACb,YAAYT;AAAA,IAAA;AAAA,EACd,CACD,GAEKU,IAAoBC;AAAA,IACxB,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOT,EAAE,cAAc;AAAA,QACvB,aAAaA,EAAE,aAAa;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,cAAc;AAAA,QACvB,aAAaA,EAAE,aAAa;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,eAAe;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEU,IAAe,CAACC,MAAqC;AACzD,IAAAf,EAAWe,EAAK,UAAU;AAAA,EAC5B;AAEA,2BACGC,GAAA,EAAc,GAAGN,GAChB,UAAA,gBAAAO,EAACC,KAAS,UAAUR,EAAY,aAAaI,CAAY,GACvD,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,wBAC5BG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,gBAAgB,EAAA,CAAE;AAAA,IAAA,GAClD;AAAA,IAEA,gBAAAa;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,iBAAiB;AAAA,QAC1B,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGXU,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACT,KAAO,SAAQ,aAAY,SAASP,GAClC,UAAAG,EAAE,WAAW,GAChB;AAAA,MACA,gBAAAa,EAACT,KAAO,SAAQ,WAAU,MAAK,UAC5B,UAAAJ,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -11,17 +11,19 @@ import { ViewHolidayEmployees as h } from "../ViewHolidayEmployees/ViewHolidayEm
 import { ViewHolidaySchedule as v } from "../ViewHolidaySchedule/ViewHolidaySchedule.js";
 import { useFlow as c } from "../../Flow/useFlow.js";
 import { Flex as y } from "../../Common/Flex/Flex.js";
+import "react-i18next";
+import "classnames";
 import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
 import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { PolicyConfigurationForm as w } from "../TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
-function G() {
+function K() {
   const { onEvent: o, companyId: t, alerts: r } = c(), { Alert: p } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     r?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
     /* @__PURE__ */ n(s, { onEvent: o, companyId: l(t) })
   ] });
 }
-function J() {
+function M() {
   const { onEvent: o, companyId: t, policyType: r, alerts: p } = c(), { Alert: e } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     p?.map((i, d) => /* @__PURE__ */ n(e, { status: i.type, label: i.title, children: i.content }, d)),
@@ -35,7 +37,7 @@ function J() {
     )
   ] });
 }
-function K() {
+function N() {
   const { onEvent: o, companyId: t, policyType: r, alerts: p } = c(), { Alert: e } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     p?.map((i, d) => /* @__PURE__ */ n(e, { status: i.type, label: i.title, children: i.content }, d)),
@@ -49,55 +51,55 @@ function K() {
     )
   ] });
 }
-function M() {
+function O() {
   const { onEvent: o, policyId: t, alerts: r } = c(), { Alert: p } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     r?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
     /* @__PURE__ */ n(f, { onEvent: o, policyId: l(t) })
   ] });
 }
-function N() {
+function Q() {
   const { onEvent: o, policyId: t } = c();
   return /* @__PURE__ */ n(I, { onEvent: o, policyId: l(t) });
 }
-function O() {
+function U() {
   const { onEvent: o, policyId: t } = c();
   return /* @__PURE__ */ n(x, { onEvent: o, policyId: l(t) });
 }
-function Q() {
+function W() {
   const { onEvent: o, policyId: t } = c();
   return /* @__PURE__ */ n(E, { onEvent: o, policyId: l(t) });
 }
-function U() {
+function X() {
   const { onEvent: o, companyId: t, alerts: r } = c(), { Alert: p } = a();
   return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     r?.map((e, i) => /* @__PURE__ */ n(p, { status: e.type, label: e.title, children: e.content }, i)),
     /* @__PURE__ */ n(P, { onEvent: o, companyId: l(t) })
   ] });
 }
-function W() {
+function Y() {
   const { onEvent: o, companyId: t } = c();
   return /* @__PURE__ */ n(C, { onEvent: o, companyId: l(t) });
 }
-function X() {
+function Z() {
   const { onEvent: o, companyId: t } = c();
   return /* @__PURE__ */ n(h, { onEvent: o, companyId: l(t) });
 }
-function Y() {
+function _() {
   const { onEvent: o, companyId: t } = c();
   return /* @__PURE__ */ n(v, { onEvent: o, companyId: l(t) });
 }
 export {
-  W as AddEmployeesHolidayContextual,
-  N as AddEmployeesToPolicyContextual,
-  U as HolidaySelectionFormContextual,
-  K as PolicyDetailsFormContextual,
-  G as PolicyListContextual,
-  M as PolicySettingsContextual,
-  J as SelectPolicyTypeContextual,
-  X as ViewHolidayEmployeesContextual,
-  Y as ViewHolidayScheduleContextual,
-  O as ViewPolicyDetailsContextual,
-  Q as ViewPolicyEmployeesContextual
+  Y as AddEmployeesHolidayContextual,
+  Q as AddEmployeesToPolicyContextual,
+  X as HolidaySelectionFormContextual,
+  N as PolicyDetailsFormContextual,
+  K as PolicyListContextual,
+  O as PolicySettingsContextual,
+  M as SelectPolicyTypeContextual,
+  Z as ViewHolidayEmployeesContextual,
+  _ as ViewHolidayScheduleContextual,
+  U as ViewPolicyDetailsContextual,
+  W as ViewPolicyEmployeesContextual
 };
 //# sourceMappingURL=TimeOffFlowComponents.js.map