@gusto/embedded-react-sdk 0.40.0 → 0.41.0

package/dist/components/Payroll/usePreparedPayrollData.js

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

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

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

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

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

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

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

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

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

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  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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"}
+{"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/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

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

@@ -1 +1 @@
-{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/UNSTABLE_TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { ViewPolicyDetails } from '../ViewPolicyDetails/ViewPolicyDetails'\nimport { ViewPolicyEmployees } from '../ViewPolicyEmployees/ViewPolicyEmployees'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TimeOffFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport type TimeOffPolicyType = 'sick' | 'vacation' | 'holiday'\n\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  policyType?: TimeOffPolicyType\n  policyId?: string\n  alerts?: TimeOffFlowAlert[]\n}\n\nexport function PolicyListContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={policyType}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={ensureRequired(policyType) as 'sick' | 'vacation'}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesToPolicy onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function ViewPolicyDetailsContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewPolicyDetails onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function ViewPolicyEmployeesContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewPolicyEmployees onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","PolicyConfigurationForm","PolicySettingsContextual","policyId","PolicySettings","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","ViewPolicyDetailsContextual","ViewPolicyDetails","ViewPolicyEmployeesContextual","ViewPolicyEmployees","HolidaySelectionFormContextual","HolidaySelectionForm","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":";;;;;;;;;;;;;;;;AAqCO,SAASA,IAAuB;AACrC,QAAM,EAAE,SAAAC,GAAS,WAAAC,GAAW,QAAAC,EAAA,IAAWC,EAAA,GACjC,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAElB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAL,GAAQ,IAAI,CAACM,GAAOC,wBAClBL,GAAA,EAAkB,QAAQI,EAAM,MAAM,OAAOA,EAAM,OACjD,UAAAA,EAAM,QAAA,GADGC,CAEZ,CACD;AAAA,sBACAC,GAAA,EAAW,SAAAV,GAAkB,WAAWW,EAAeV,CAAS,EAAA,CAAG;AAAA,EAAA,GACtE;AAEJ;AAEO,SAASW,IAA6B;AAC3C,QAAM,EAAE,SAAAZ,GAAS,WAAAC,GAAW,YAAAY,GAAY,QAAAX,EAAA,IAAWC,EAAA,GAC7C,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAElB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAL,GAAQ,IAAI,CAACM,GAAOC,wBAClBL,GAAA,EAAkB,QAAQI,EAAM,MAAM,OAAOA,EAAM,OACjD,UAAAA,EAAM,QAAA,GADGC,CAEZ,CACD;AAAA,IACD,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAf;AAAA,QACA,WAAWW,EAAeV,CAAS;AAAA,QACnC,mBAAmBY;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACF;AAEJ;AAEO,SAASG,IAA8B;AAC5C,QAAM,EAAE,SAAAhB,GAAS,WAAAC,GAAW,YAAAY,GAAY,QAAAX,EAAA,IAAWC,EAAA,GAC7C,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAElB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAL,GAAQ,IAAI,CAACM,GAAOC,wBAClBL,GAAA,EAAkB,QAAQI,EAAM,MAAM,OAAOA,EAAM,OACjD,UAAAA,EAAM,QAAA,GADGC,CAEZ,CACD;AAAA,IACD,gBAAAK;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAAjB;AAAA,QACA,WAAWW,EAAeV,CAAS;AAAA,QACnC,YAAYU,EAAeE,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;AAEO,SAASK,IAA2B;AACzC,QAAM,EAAE,SAAAlB,GAAS,UAAAmB,GAAU,QAAAjB,EAAA,IAAWC,EAAA,GAChC,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAElB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAL,GAAQ,IAAI,CAACM,GAAOC,wBAClBL,GAAA,EAAkB,QAAQI,EAAM,MAAM,OAAOA,EAAM,OACjD,UAAAA,EAAM,QAAA,GADGC,CAEZ,CACD;AAAA,sBACAW,GAAA,EAAe,SAAApB,GAAkB,UAAUW,EAAeQ,CAAQ,EAAA,CAAG;AAAA,EAAA,GACxE;AAEJ;AAEO,SAASE,IAAiC;AAC/C,QAAM,EAAE,SAAArB,GAAS,UAAAmB,EAAA,IAAahB,EAAA;AAC9B,2BAAQmB,GAAA,EAAqB,SAAAtB,GAAkB,UAAUW,EAAeQ,CAAQ,GAAG;AACrF;AAEO,SAASI,IAA8B;AAC5C,QAAM,EAAE,SAAAvB,GAAS,UAAAmB,EAAA,IAAahB,EAAA;AAC9B,2BAAQqB,GAAA,EAAkB,SAAAxB,GAAkB,UAAUW,EAAeQ,CAAQ,GAAG;AAClF;AAEO,SAASM,IAAgC;AAC9C,QAAM,EAAE,SAAAzB,GAAS,UAAAmB,EAAA,IAAahB,EAAA;AAC9B,2BAAQuB,GAAA,EAAoB,SAAA1B,GAAkB,UAAUW,EAAeQ,CAAQ,GAAG;AACpF;AAEO,SAASQ,IAAiC;AAC/C,QAAM,EAAE,SAAA3B,GAAS,WAAAC,GAAW,QAAAC,EAAA,IAAWC,EAAA,GACjC,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAElB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAL,GAAQ,IAAI,CAACM,GAAOC,wBAClBL,GAAA,EAAkB,QAAQI,EAAM,MAAM,OAAOA,EAAM,OACjD,UAAAA,EAAM,QAAA,GADGC,CAEZ,CACD;AAAA,sBACAmB,GAAA,EAAqB,SAAA5B,GAAkB,WAAWW,EAAeV,CAAS,EAAA,CAAG;AAAA,EAAA,GAChF;AAEJ;AAEO,SAAS4B,IAAgC;AAC9C,QAAM,EAAE,SAAA7B,GAAS,WAAAC,EAAA,IAAcE,EAAA;AAC/B,2BAAQ2B,GAAA,EAAoB,SAAA9B,GAAkB,WAAWW,EAAeV,CAAS,GAAG;AACtF;AAEO,SAAS8B,IAAiC;AAC/C,QAAM,EAAE,SAAA/B,GAAS,WAAAC,EAAA,IAAcE,EAAA;AAC/B,2BAAQ6B,GAAA,EAAqB,SAAAhC,GAAkB,WAAWW,EAAeV,CAAS,GAAG;AACvF;AAEO,SAASgC,IAAgC;AAC9C,QAAM,EAAE,SAAAjC,GAAS,WAAAC,EAAA,IAAcE,EAAA;AAC/B,2BAAQ+B,GAAA,EAAoB,SAAAlC,GAAkB,WAAWW,EAAeV,CAAS,GAAG;AACtF;"}
+{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/UNSTABLE_TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { ViewPolicyDetails } from '../ViewPolicyDetails/ViewPolicyDetails'\nimport { ViewPolicyEmployees } from '../ViewPolicyEmployees/ViewPolicyEmployees'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TimeOffFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport type TimeOffPolicyType = 'sick' | 'vacation' | 'holiday'\n\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  policyType?: TimeOffPolicyType\n  policyId?: string\n  alerts?: TimeOffFlowAlert[]\n}\n\nexport function PolicyListContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={policyType}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={ensureRequired(policyType) as 'sick' | 'vacation'}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesToPolicy onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function ViewPolicyDetailsContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewPolicyDetails onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function ViewPolicyEmployeesContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewPolicyEmployees onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","PolicyConfigurationForm","PolicySettingsContextual","policyId","PolicySettings","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","ViewPolicyDetailsContextual","ViewPolicyDetails","ViewPolicyEmployeesContextual","ViewPolicyEmployees","HolidaySelectionFormContextual","HolidaySelectionForm","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":"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"}

package/dist/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.js

@@ -4,6 +4,7 @@ import { useForm as I, useWatch as v, FormProvider as S } from "react-hook-form"
 import { useTranslation as q } from "react-i18next";
 import l from "./PolicyConfigurationForm.module.scss.js";
 import { Flex as r } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { ActionsLayout as w } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as Y } from "../../../Common/Form/Form.js";
 import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -18,7 +19,7 @@ const j = Array.from({ length: 31 }, (d, t) => ({
   value: t + 1,
   label: String(t + 1)
 }));
-function ne({
+function ce({
   onContinue: d,
   onCancel: t,
   defaultValues: F
@@ -201,6 +202,6 @@ function ne({
   ] }) }) });
 }
 export {
-  ne as PolicyConfigurationFormPresentation
+  ce as PolicyConfigurationFormPresentation
 };
 //# sourceMappingURL=PolicyConfigurationFormPresentation.js.map

package/dist/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyConfigurationFormPresentation.js","sources":["../../../../../src/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  AccrualMethod,\n  AccrualMethodFixed,\n  PolicyConfigurationFormData,\n  PolicyConfigurationFormPresentationProps,\n  ResetDateType,\n} from './PolicyConfigurationFormTypes'\nimport styles from './PolicyConfigurationForm.module.scss'\nimport {\n  Flex,\n  ActionsLayout,\n  RadioGroupField,\n  NumberInputField,\n  CheckboxField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useI18n } from '@/i18n'\n\nconst DAY_OPTIONS = Array.from({ length: 31 }, (_, i) => ({\n  value: i + 1,\n  label: String(i + 1),\n}))\n\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n}: PolicyConfigurationFormPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n  const { locale } = useLocale()\n\n  const monthOptions = useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { month: 'long' })\n    return Array.from({ length: 12 }, (_, i) => ({\n      value: i + 1,\n      label: formatter.format(new Date(2024, i)),\n    }))\n  }, [locale])\n\n  const formMethods = useForm<PolicyConfigurationFormData>({\n    defaultValues: {\n      name: '',\n      resetMonth: 1,\n      resetDay: 1,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n\n  const accrualMethodOptions = useMemo(\n    () => [\n      {\n        value: 'per_hour_paid' as AccrualMethod,\n        label: t('policyDetails.perHourPaidLabel'),\n        description: t('policyDetails.perHourPaidHint'),\n      },\n      {\n        value: 'per_calendar_year' as AccrualMethod,\n        label: t('policyDetails.perYearLabel'),\n        description: t('policyDetails.perYearHint'),\n      },\n      {\n        value: 'unlimited' as AccrualMethod,\n        label: t('policyDetails.unlimitedLabel'),\n        description: t('policyDetails.unlimitedHint'),\n      },\n    ],\n    [t],\n  )\n\n  const accrualMethodFixedOptions = useMemo(\n    () => [\n      {\n        value: 'per_pay_period' as AccrualMethodFixed,\n        label: t('policyDetails.perPayPeriodLabel'),\n        description: t('policyDetails.perPayPeriodHint'),\n      },\n      {\n        value: 'all_at_once' as AccrualMethodFixed,\n        label: t('policyDetails.allAtOnceLabel'),\n        description: t('policyDetails.allAtOnceHint'),\n      },\n    ],\n    [t],\n  )\n\n  const resetDateTypeOptions = useMemo(\n    () => [\n      {\n        value: 'per_anniversary_year' as ResetDateType,\n        label: t('policyDetails.perAnniversaryYearLabel'),\n      },\n      {\n        value: 'per_calendar_year' as ResetDateType,\n        label: t('policyDetails.perCalendarYearLabel'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyConfigurationFormData) => {\n    onContinue(data)\n  }\n\n  const isHourlyMethod = accrualMethod === 'per_hour_paid'\n  const isFixedMethod = accrualMethod === 'per_calendar_year'\n  const showResetDate = isHourlyMethod || isFixedMethod\n  const showCustomDateFields = resetDateType === 'per_calendar_year'\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\">{t('policyDetails.title')}</Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField name=\"name\" label={t('policyDetails.policyNameLabel')} isRequired />\n\n            <RadioGroupField<AccrualMethod>\n              name=\"accrualMethod\"\n              label={t('policyDetails.accrualMethodLabel')}\n              description={t('policyDetails.accrualMethodHint')}\n              options={accrualMethodOptions}\n              isRequired\n            />\n\n            {isHourlyMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.employeesWillAccrueLabel')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  min={0}\n                />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRateUnit\"\n                  label={t('policyDetails.forEveryLabel')}\n                  adornmentEnd={t('policyDetails.hoursWorkedUnit')}\n                  isRequired\n                  min={1}\n                />\n\n                <Flex flexDirection=\"column\" gap={8}>\n                  <Text>{t('policyDetails.additionalOptionsLabel')}</Text>\n                  <CheckboxField\n                    name=\"includeOvertime\"\n                    label={t('policyDetails.includeOvertimeLabel')}\n                  />\n                  <CheckboxField name=\"allPaidHours\" label={t('policyDetails.allPaidHoursLabel')} />\n                </Flex>\n              </>\n            )}\n\n            {isFixedMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.fixedAccrualRateLabel')}\n                  description={t('policyDetails.fixedAccrualRateHint')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  min={0}\n                />\n\n                <RadioGroupField<AccrualMethodFixed>\n                  name=\"accrualMethodFixed\"\n                  label={t('policyDetails.accrualMethodFixed')}\n                  description={t('policyDetails.accrualMethodFixedHint')}\n                  options={accrualMethodFixedOptions}\n                  isRequired\n                />\n              </>\n            )}\n\n            {showResetDate && (\n              <>\n                <hr className={styles.divider} />\n\n                <RadioGroupField<ResetDateType>\n                  name=\"resetDateType\"\n                  label={t('policyDetails.policyResetDateType')}\n                  description={t('policyDetails.policyResetDateTypeHint')}\n                  options={resetDateTypeOptions}\n                  isRequired\n                />\n\n                {showCustomDateFields && (\n                  <Flex gap={8}>\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetMonth\"\n                      label={t('policyDetails.monthLabel')}\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      options={DAY_OPTIONS}\n                    />\n                  </Flex>\n                )}\n              </>\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        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["DAY_OPTIONS","_","i","PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","monthOptions","useMemo","formatter","formMethods","useForm","control","accrualMethod","useWatch","resetDateType","accrualMethodOptions","accrualMethodFixedOptions","resetDateTypeOptions","handleSubmit","data","isHourlyMethod","isFixedMethod","showResetDate","showCustomDateFields","FormProvider","jsx","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PolicyConfigurationFormPresentation.js","sources":["../../../../../src/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  AccrualMethod,\n  AccrualMethodFixed,\n  PolicyConfigurationFormData,\n  PolicyConfigurationFormPresentationProps,\n  ResetDateType,\n} from './PolicyConfigurationFormTypes'\nimport styles from './PolicyConfigurationForm.module.scss'\nimport {\n  Flex,\n  ActionsLayout,\n  RadioGroupField,\n  NumberInputField,\n  CheckboxField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useI18n } from '@/i18n'\n\nconst DAY_OPTIONS = Array.from({ length: 31 }, (_, i) => ({\n  value: i + 1,\n  label: String(i + 1),\n}))\n\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n}: PolicyConfigurationFormPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n  const { locale } = useLocale()\n\n  const monthOptions = useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { month: 'long' })\n    return Array.from({ length: 12 }, (_, i) => ({\n      value: i + 1,\n      label: formatter.format(new Date(2024, i)),\n    }))\n  }, [locale])\n\n  const formMethods = useForm<PolicyConfigurationFormData>({\n    defaultValues: {\n      name: '',\n      resetMonth: 1,\n      resetDay: 1,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n\n  const accrualMethodOptions = useMemo(\n    () => [\n      {\n        value: 'per_hour_paid' as AccrualMethod,\n        label: t('policyDetails.perHourPaidLabel'),\n        description: t('policyDetails.perHourPaidHint'),\n      },\n      {\n        value: 'per_calendar_year' as AccrualMethod,\n        label: t('policyDetails.perYearLabel'),\n        description: t('policyDetails.perYearHint'),\n      },\n      {\n        value: 'unlimited' as AccrualMethod,\n        label: t('policyDetails.unlimitedLabel'),\n        description: t('policyDetails.unlimitedHint'),\n      },\n    ],\n    [t],\n  )\n\n  const accrualMethodFixedOptions = useMemo(\n    () => [\n      {\n        value: 'per_pay_period' as AccrualMethodFixed,\n        label: t('policyDetails.perPayPeriodLabel'),\n        description: t('policyDetails.perPayPeriodHint'),\n      },\n      {\n        value: 'all_at_once' as AccrualMethodFixed,\n        label: t('policyDetails.allAtOnceLabel'),\n        description: t('policyDetails.allAtOnceHint'),\n      },\n    ],\n    [t],\n  )\n\n  const resetDateTypeOptions = useMemo(\n    () => [\n      {\n        value: 'per_anniversary_year' as ResetDateType,\n        label: t('policyDetails.perAnniversaryYearLabel'),\n      },\n      {\n        value: 'per_calendar_year' as ResetDateType,\n        label: t('policyDetails.perCalendarYearLabel'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyConfigurationFormData) => {\n    onContinue(data)\n  }\n\n  const isHourlyMethod = accrualMethod === 'per_hour_paid'\n  const isFixedMethod = accrualMethod === 'per_calendar_year'\n  const showResetDate = isHourlyMethod || isFixedMethod\n  const showCustomDateFields = resetDateType === 'per_calendar_year'\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\">{t('policyDetails.title')}</Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField name=\"name\" label={t('policyDetails.policyNameLabel')} isRequired />\n\n            <RadioGroupField<AccrualMethod>\n              name=\"accrualMethod\"\n              label={t('policyDetails.accrualMethodLabel')}\n              description={t('policyDetails.accrualMethodHint')}\n              options={accrualMethodOptions}\n              isRequired\n            />\n\n            {isHourlyMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.employeesWillAccrueLabel')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  min={0}\n                />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRateUnit\"\n                  label={t('policyDetails.forEveryLabel')}\n                  adornmentEnd={t('policyDetails.hoursWorkedUnit')}\n                  isRequired\n                  min={1}\n                />\n\n                <Flex flexDirection=\"column\" gap={8}>\n                  <Text>{t('policyDetails.additionalOptionsLabel')}</Text>\n                  <CheckboxField\n                    name=\"includeOvertime\"\n                    label={t('policyDetails.includeOvertimeLabel')}\n                  />\n                  <CheckboxField name=\"allPaidHours\" label={t('policyDetails.allPaidHoursLabel')} />\n                </Flex>\n              </>\n            )}\n\n            {isFixedMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.fixedAccrualRateLabel')}\n                  description={t('policyDetails.fixedAccrualRateHint')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  min={0}\n                />\n\n                <RadioGroupField<AccrualMethodFixed>\n                  name=\"accrualMethodFixed\"\n                  label={t('policyDetails.accrualMethodFixed')}\n                  description={t('policyDetails.accrualMethodFixedHint')}\n                  options={accrualMethodFixedOptions}\n                  isRequired\n                />\n              </>\n            )}\n\n            {showResetDate && (\n              <>\n                <hr className={styles.divider} />\n\n                <RadioGroupField<ResetDateType>\n                  name=\"resetDateType\"\n                  label={t('policyDetails.policyResetDateType')}\n                  description={t('policyDetails.policyResetDateTypeHint')}\n                  options={resetDateTypeOptions}\n                  isRequired\n                />\n\n                {showCustomDateFields && (\n                  <Flex gap={8}>\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetMonth\"\n                      label={t('policyDetails.monthLabel')}\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      options={DAY_OPTIONS}\n                    />\n                  </Flex>\n                )}\n              </>\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        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["DAY_OPTIONS","_","i","PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","monthOptions","useMemo","formatter","formMethods","useForm","control","accrualMethod","useWatch","resetDateType","accrualMethodOptions","accrualMethodFixedOptions","resetDateTypeOptions","handleSubmit","data","isHourlyMethod","isFixedMethod","showResetDate","showCustomDateFields","FormProvider","jsx","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":"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"}

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -7,18 +7,20 @@ import { ApiProvider as C } from "../ApiProvider/ApiProvider.js";
 import { LoadingIndicatorProvider as I } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
 import { sanitizeError as L } from "../ObservabilityProvider/sanitization.js";
 import { SDKI18next as m } from "./SDKI18next.js";
+import "../../shared/constants.js";
+import "classnames";
 import { InternalError as x } from "../../components/Common/InternalError/InternalError.js";
 import { LocaleProvider as z } from "../LocaleProvider/LocaleProvider.js";
 import "../LocaleProvider/useLocale.js";
 import { ThemeProvider as D } from "../ThemeProvider/ThemeProvider.js";
 import { normalizeToSDKError as U } from "../../types/sdkError.js";
 import { ObservabilityProvider as T } from "../ObservabilityProvider/ObservabilityProvider.js";
-const V = (s) => {
+const X = (s) => {
   const {
     children: l,
     config: r,
     dictionary: i,
-    lng: n = "en",
+    lng: t = "en",
     locale: c = "en-US",
     currency: d = "USD",
     theme: p,
@@ -27,8 +29,8 @@ const V = (s) => {
     queryClient: b
   } = s;
   if (i)
-    for (const t in i) {
-      const e = t;
+    for (const n in i) {
+      const e = n;
       for (const a in i[e])
         m.addResourceBundle(
           e,
@@ -39,14 +41,14 @@ const V = (s) => {
         );
     }
   P(() => {
-    (async () => await m.changeLanguage(n))();
-  }, [n]);
+    (async () => await m.changeLanguage(t))();
+  }, [t]);
   const u = k(() => {
     if (r.observability?.onError)
-      return (t, e) => {
+      return (n, e) => {
         if (!r.observability?.onError) return;
         const h = {
-          ...U(t),
+          ...U(n),
           timestamp: Date.now(),
           componentStack: e.componentStack ?? void 0
         }, y = L(h, r.observability.sanitization);
@@ -62,9 +64,9 @@ const V = (s) => {
       queryClient: b,
       children: l
     }
-  ) }, n) }) }) }) }) }) });
+  ) }, t) }) }) }) }) }) });
 };
 export {
-  V as GustoProviderCustomUIAdapter
+  X as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map