@gusto/embedded-react-sdk 0.52.1 → 0.53.0

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

@@ -7,8 +7,8 @@ import { zodResolver as _ } from "@hookform/resolvers/zod";
 import a from "./PolicySettings.module.scss.js";
 import { Flex as L } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as j } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as A } from "../../Common/Form/Form.js";
+import { Form as z } from "../../Common/Form/Form.js";
+import { useComponentContext as A } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as B } from "../../../i18n/I18n.js";
 import { NumberInputField as c } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { SwitchField as r } from "../../Common/Fields/SwitchField/SwitchField.js";
@@ -33,7 +33,7 @@ function re({
   isPending: b = !1
 }) {
   B("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = W("Company.TimeOff.CreateTimeOffPolicy"), { Heading: N, Button: p } = z(), g = t(), y = t(), h = t(), f = t(), x = t(), m = k({
+  const { t: e } = W("Company.TimeOff.CreateTimeOffPolicy"), { Heading: N, Button: p } = A(), g = t(), y = t(), h = t(), f = t(), x = t(), m = k({
     resolver: _(q),
     defaultValues: {
       accrualMaximumEnabled: !1,
@@ -46,7 +46,7 @@ function re({
   }), { control: o } = m, H = s({ control: o, name: "accrualMaximumEnabled" }), C = s({ control: o, name: "balanceMaximumEnabled" }), F = s({ control: o, name: "carryOverLimitEnabled" }), I = s({ control: o, name: "waitingPeriodEnabled" }), S = d === "hours_worked", v = d === "fixed_per_pay_period", T = S || v, D = S || v, R = (V) => {
     M(V);
   };
-  return /* @__PURE__ */ i(U, { ...m, children: /* @__PURE__ */ i(A, { "aria-labelledby": g, onSubmit: m.handleSubmit(R), children: /* @__PURE__ */ i("div", { className: a.policySettings, children: /* @__PURE__ */ l(L, { flexDirection: "column", gap: 32, children: [
+  return /* @__PURE__ */ i(U, { ...m, children: /* @__PURE__ */ i(z, { "aria-labelledby": g, onSubmit: m.handleSubmit(R), children: /* @__PURE__ */ i("div", { className: a.policySettings, children: /* @__PURE__ */ l(L, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ i(N, { as: "h2", id: g, children: w === "edit" && u ? e("policySettings.editTitle", { name: u }) : e("policySettings.createTitle") }),
     /* @__PURE__ */ l(L, { flexDirection: "column", gap: 20, children: [
       T && /* @__PURE__ */ l(O, { children: [

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

@@ -4,8 +4,8 @@ import { useForm as v, useWatch as x, FormProvider as C } from "react-hook-form"
 import { useTranslation as L } from "react-i18next";
 import { Flex as c } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as g } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as F } from "../../Common/Form/Form.js";
+import { Form as S } from "../../Common/Form/Form.js";
+import { useComponentContext as F } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as H } from "../../../i18n/I18n.js";
 import { RadioGroupField as O } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 function G({
@@ -15,7 +15,7 @@ function G({
   holidayPolicyExists: r = !1
 }) {
   H("Company.TimeOff.SelectPolicyType");
-  const { t: e } = L("Company.TimeOff.SelectPolicyType"), { Heading: d, Text: y, Button: l } = S(), a = T(), t = v({
+  const { t: e } = L("Company.TimeOff.SelectPolicyType"), { Heading: d, Text: y, Button: l } = F(), a = T(), t = v({
     defaultValues: {
       policyType: m
     }
@@ -40,7 +40,7 @@ function G({
   }, [e, r]), h = (o) => {
     p(o.policyType);
   };
-  return /* @__PURE__ */ i(C, { ...t, children: /* @__PURE__ */ i(F, { "aria-labelledby": a, onSubmit: t.handleSubmit(h), children: /* @__PURE__ */ n(c, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ i(C, { ...t, children: /* @__PURE__ */ i(S, { "aria-labelledby": a, onSubmit: t.handleSubmit(h), children: /* @__PURE__ */ n(c, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ n(c, { flexDirection: "column", gap: 4, children: [
       /* @__PURE__ */ i(d, { as: "h2", id: a, children: e("title") }),
       /* @__PURE__ */ i(y, { variant: "supporting", children: e("policyTypeHint") })

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

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import { PolicyList as E } from "../PolicyList/PolicyList.js";
 import { PolicyTypeSelector as h } from "../PolicyTypeSelector/PolicyTypeSelector.js";
 import { PolicySettings as u } from "../PolicySettings/PolicySettings.js";
@@ -10,22 +10,20 @@ import { ViewHolidayEmployees as v } from "../ViewHolidayEmployees/ViewHolidayEm
 import { ViewHolidaySchedule as g } from "../ViewHolidaySchedule/ViewHolidaySchedule.js";
 import { assertCreatablePolicyType as I } from "./timeOffPolicyTypes.js";
 import { useFlow as p } from "../../Flow/useFlow.js";
-import { Flex as y } from "../../Common/Flex/Flex.js";
-import "react-i18next";
-import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
+import { Flex as m } from "../../Common/Flex/Flex.js";
 import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
+import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { PolicyConfigurationForm as A } from "../TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
-function M() {
+function J() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(E, { onEvent: t, companyId: l(e) })
   ] });
 }
-function N() {
+function K() {
   const { onEvent: t, companyId: e, policyType: i, alerts: c } = p(), { Alert: o } = a(), r = i === "sick" || i === "vacation" || i === "holiday" ? i : void 0;
-  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
     c?.map((d, s) => /* @__PURE__ */ n(o, { status: d.type, label: d.title, children: d.content }, s)),
     /* @__PURE__ */ n(
       h,
@@ -37,9 +35,9 @@ function N() {
     )
   ] });
 }
-function Q() {
+function M() {
   const { onEvent: t, companyId: e, policyType: i, policyId: c, alerts: o } = p(), { Alert: r } = a(), d = l(i);
-  return I(d), /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
+  return I(d), /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
     o?.map((s, x) => /* @__PURE__ */ n(r, { status: s.type, label: s.title, children: s.content }, x)),
     /* @__PURE__ */ n(
       A,
@@ -52,21 +50,21 @@ function Q() {
     )
   ] });
 }
-function U() {
+function N() {
   const { onEvent: t, policyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(u, { onEvent: t, policyId: l(e), mode: "create" })
   ] });
 }
-function W() {
+function Q() {
   const { onEvent: t, policyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(u, { onEvent: t, policyId: l(e), mode: "edit" })
   ] });
 }
-function X() {
+function U() {
   const { onEvent: t, companyId: e, policyId: i, policyType: c } = p(), o = l(c);
   return I(o), /* @__PURE__ */ n(
     P,
@@ -78,48 +76,48 @@ function X() {
     }
   );
 }
-function Y() {
+function W() {
   const { onEvent: t, policyId: e } = p();
   return /* @__PURE__ */ n(C, { onEvent: t, policyId: l(e) });
 }
-function Z() {
+function X() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(f, { onEvent: t, companyId: l(e), mode: "create" })
   ] });
 }
-function _() {
+function Y() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(f, { onEvent: t, companyId: l(e), mode: "edit" })
   ] });
 }
-function $() {
+function Z() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(T, { onEvent: t, companyId: l(e) });
 }
-function oo() {
+function _() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(v, { onEvent: t, companyId: l(e) });
 }
-function to() {
+function $() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(g, { onEvent: t, companyId: l(e) });
 }
 export {
-  $ as AddEmployeesHolidayContextual,
-  X as AddEmployeesToPolicyContextual,
-  _ as EditHolidaySelectionFormContextual,
-  W as EditPolicySettingsContextual,
-  Z as HolidaySelectionFormContextual,
-  Q as PolicyDetailsFormContextual,
-  M as PolicyListContextual,
-  U as PolicySettingsContextual,
-  N as SelectPolicyTypeContextual,
-  Y as TimeOffPolicyDetailContextual,
-  oo as ViewHolidayEmployeesContextual,
-  to as ViewHolidayScheduleContextual
+  Z as AddEmployeesHolidayContextual,
+  U as AddEmployeesToPolicyContextual,
+  Y as EditHolidaySelectionFormContextual,
+  Q as EditPolicySettingsContextual,
+  X as HolidaySelectionFormContextual,
+  M as PolicyDetailsFormContextual,
+  J as PolicyListContextual,
+  N as PolicySettingsContextual,
+  K as SelectPolicyTypeContextual,
+  W as TimeOffPolicyDetailContextual,
+  _ as ViewHolidayEmployeesContextual,
+  $ as ViewHolidayScheduleContextual
 };
 //# sourceMappingURL=TimeOffFlowComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { TimeOffPolicyDetail } from '../TimeOffPolicyDetail/TimeOffPolicyDetail'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { assertCreatablePolicyType, type TimeOffPolicyType } from './timeOffPolicyTypes'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link TimeOffFlow}.\n *\n * @public\n */\nexport interface TimeOffFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/** @internal */\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\n/** @internal */\nexport type AddEmployeesSource =\n  'policySettings' | 'policyDetailsForm' | 'viewTimeOffPolicyDetail' | 'viewHolidayEmployees'\n\n/** @internal */\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** The currently selected policy type, if any. */\n  policyType?: TimeOffPolicyType\n  /** The currently selected policy identifier, if any. */\n  policyId?: string\n  /** Alerts to render at the top of the current step. */\n  alerts?: TimeOffFlowAlert[]\n  /** Which step launched the add-employees screen, used to route the back transition. */\n  addEmployeesSource?: AddEmployeesSource\n}\n\n/** @internal */\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\n/** @internal */\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  const selectorDefault =\n    policyType === 'sick' || policyType === 'vacation' || policyType === 'holiday'\n      ? policyType\n      : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={selectorDefault}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, policyId, alerts } =\n    useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={requiredPolicyType}\n        policyId={policyId}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function EditPolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, companyId, policyId, policyType } = useFlow<TimeOffFlowContextInterface>()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n  return (\n    <AddEmployeesToPolicy\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      policyId={ensureRequired(policyId)}\n      policyType={requiredPolicyType}\n    />\n  )\n}\n\n/** @internal */\nexport function TimeOffPolicyDetailContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <TimeOffPolicyDetail onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\n/** @internal */\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function EditHolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","selectorDefault","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","policyId","requiredPolicyType","assertCreatablePolicyType","PolicyConfigurationForm","PolicySettingsContextual","PolicySettings","EditPolicySettingsContextual","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","TimeOffPolicyDetailContextual","TimeOffPolicyDetail","HolidaySelectionFormContextual","HolidaySelectionForm","EditHolidaySelectionFormContextual","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":"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"}
+{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { TimeOffPolicyDetail } from '../TimeOffPolicyDetail/TimeOffPolicyDetail'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { assertCreatablePolicyType, type TimeOffPolicyType } from './timeOffPolicyTypes'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link TimeOffFlow}.\n *\n * @public\n */\nexport interface TimeOffFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/** @internal */\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\n/** @internal */\nexport type AddEmployeesSource =\n  'policySettings' | 'policyDetailsForm' | 'viewTimeOffPolicyDetail' | 'viewHolidayEmployees'\n\n/** @internal */\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** The currently selected policy type, if any. */\n  policyType?: TimeOffPolicyType\n  /** The currently selected policy identifier, if any. */\n  policyId?: string\n  /** Alerts to render at the top of the current step. */\n  alerts?: TimeOffFlowAlert[]\n  /** Which step launched the add-employees screen, used to route the back transition. */\n  addEmployeesSource?: AddEmployeesSource\n}\n\n/** @internal */\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\n/** @internal */\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  const selectorDefault =\n    policyType === 'sick' || policyType === 'vacation' || policyType === 'holiday'\n      ? policyType\n      : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={selectorDefault}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, policyId, alerts } =\n    useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={requiredPolicyType}\n        policyId={policyId}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function EditPolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, companyId, policyId, policyType } = useFlow<TimeOffFlowContextInterface>()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n  return (\n    <AddEmployeesToPolicy\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      policyId={ensureRequired(policyId)}\n      policyType={requiredPolicyType}\n    />\n  )\n}\n\n/** @internal */\nexport function TimeOffPolicyDetailContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <TimeOffPolicyDetail onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\n/** @internal */\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function EditHolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","selectorDefault","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","policyId","requiredPolicyType","assertCreatablePolicyType","PolicyConfigurationForm","PolicySettingsContextual","PolicySettings","EditPolicySettingsContextual","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","TimeOffPolicyDetailContextual","TimeOffPolicyDetail","HolidaySelectionFormContextual","HolidaySelectionForm","EditHolidaySelectionFormContextual","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":"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"}

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

@@ -5,8 +5,8 @@ import { useTranslation as Z } from "react-i18next";
 import o from "./PolicyConfigurationForm.module.scss.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as $ } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as ee } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as ae } from "../../../Common/Form/Form.js";
+import { Form as ee } from "../../../Common/Form/Form.js";
+import { useComponentContext as ae } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useLocale as ie } from "../../../../contexts/LocaleProvider/useLocale.js";
 import { useI18n as le } from "../../../../i18n/I18n.js";
 import { getDaysInMonth as C } from "../../../../helpers/dateFormatting.js";
@@ -24,7 +24,7 @@ function ge({
   lockedAccrualCategory: y
 }) {
   le("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = Z("Company.TimeOff.CreateTimeOffPolicy"), { Heading: A, Text: h, Button: L } = ee(), { locale: R } = ie(), F = J(), S = c(() => {
+  const { t: e } = Z("Company.TimeOff.CreateTimeOffPolicy"), { Heading: A, Text: h, Button: L } = ae(), { locale: R } = ie(), F = J(), S = c(() => {
     const i = new Intl.DateTimeFormat(R, { month: "long" });
     return Array.from({ length: 12 }, (r, s) => ({
       value: s + 1,
@@ -103,7 +103,7 @@ function ge({
   ), B = (i) => {
     N(i);
   }, f = n === "per_hour_paid", H = n === "per_calendar_year", G = f || H, z = E === "per_calendar_year";
-  return /* @__PURE__ */ a(X, { ...D, children: /* @__PURE__ */ a(ae, { "aria-labelledby": F, onSubmit: D.handleSubmit(B), children: /* @__PURE__ */ t(d, { flexDirection: "column", gap: 32, children: [
+  return /* @__PURE__ */ a(X, { ...D, children: /* @__PURE__ */ a(ee, { "aria-labelledby": F, onSubmit: D.handleSubmit(B), children: /* @__PURE__ */ t(d, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ a(A, { as: "h2", id: F, children: g ? e("policyDetails.editTitle", { name: g }) : e("policyDetails.createTitle") }),
     /* @__PURE__ */ t(d, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ a(

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js

@@ -3,34 +3,33 @@ import { useTranslation as S } from "react-i18next";
 import { EmployeeTable as D } from "../EmployeeTable/EmployeeTable.js";
 import { EmptyData as L } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { useI18n as T } from "../../../../i18n/I18n.js";
 import x from "../../../../assets/icons/plus-circle.svg.js";
 import { DetailViewLayout as A } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
 const v = "employees";
-function _({
+function N({
   title: r,
-  subtitle: m,
-  onBack: c,
+  subtitle: c,
+  onBack: m,
   backLabel: s,
   actions: p,
   firstTab: a,
   selectedTabId: d,
   onTabChange: h,
-  employees: t,
+  employees: e,
   onAddEmployee: n,
   removeDialog: o,
   successAlert: l,
   onDismissAlert: u
 }) {
   T("Company.TimeOff.PolicyDetail");
-  const { t: e } = S("Company.TimeOff.PolicyDetail"), { Alert: y, Dialog: C, Button: f } = O(), E = t.emptyState ?? (n ? () => /* @__PURE__ */ i(L, { title: e("emptyEmployees.title"), children: /* @__PURE__ */ i(
+  const { t } = S("Company.TimeOff.PolicyDetail"), { Alert: y, Dialog: C, Button: f } = O(), E = e.emptyState ?? (n ? () => /* @__PURE__ */ i(L, { title: t("emptyEmployees.title"), children: /* @__PURE__ */ i(
     f,
     {
       variant: "secondary",
       icon: /* @__PURE__ */ i(x, { "aria-hidden": !0 }),
       onClick: n,
-      children: e("emptyEmployees.addEmployeeCta")
+      children: t("emptyEmployees.addEmployeeCta")
     }
   ) }) : void 0), g = [
     {
@@ -40,21 +39,21 @@ function _({
     },
     {
       id: v,
-      label: e("tabs.employees"),
+      label: t("tabs.employees"),
       content: /* @__PURE__ */ i(
         D,
         {
-          data: t.data,
-          searchValue: t.searchValue,
-          onSearchChange: t.onSearchChange,
-          onSearchClear: t.onSearchClear,
-          searchPlaceholder: t.searchPlaceholder,
-          itemMenu: t.itemMenu,
-          pagination: t.pagination,
-          isFetching: t.isFetching,
+          data: e.data,
+          searchValue: e.searchValue,
+          onSearchChange: e.onSearchChange,
+          onSearchClear: e.onSearchClear,
+          searchPlaceholder: e.searchPlaceholder,
+          itemMenu: e.itemMenu,
+          pagination: e.pagination,
+          isFetching: e.isFetching,
           emptyState: E,
-          additionalColumns: t.additionalColumns,
-          hideJobTitle: t.hideJobTitle
+          additionalColumns: e.additionalColumns,
+          hideJobTitle: e.hideJobTitle
         }
       )
     }
@@ -65,8 +64,8 @@ function _({
       A,
       {
         title: r,
-        subtitle: m,
-        onBack: c,
+        subtitle: c,
+        onBack: m,
         backLabel: s,
         actions: p,
         tabs: g,
@@ -82,15 +81,15 @@ function _({
         onPrimaryActionClick: o.onConfirm,
         isPrimaryActionLoading: o.isPending,
         isDestructive: !0,
-        title: e("removeEmployeeDialog.title", { name: o.employeeName }),
-        primaryActionLabel: e("removeEmployeeDialog.confirmCta"),
-        closeActionLabel: e("removeEmployeeDialog.cancelCta"),
-        children: e("removeEmployeeDialog.description", { name: o.employeeName })
+        title: t("removeEmployeeDialog.title", { name: o.employeeName }),
+        primaryActionLabel: t("removeEmployeeDialog.confirmCta"),
+        closeActionLabel: t("removeEmployeeDialog.cancelCta"),
+        children: t("removeEmployeeDialog.description", { name: o.employeeName })
       }
     )
   ] });
 }
 export {
-  _ as PolicyDetailLayout
+  N as PolicyDetailLayout
 };
 //# sourceMappingURL=PolicyDetailLayout.js.map

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\n/** @internal */\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  firstTab,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Button } = useComponentContext()\n\n  const emptyEmployeesState =\n    employees.emptyState ??\n    (onAddEmployee\n      ? () => (\n          <EmptyData title={t('emptyEmployees.title')}>\n            <Button\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              onClick={onAddEmployee}\n            >\n              {t('emptyEmployees.addEmployeeCta')}\n            </Button>\n          </EmptyData>\n        )\n      : undefined)\n\n  const tabs = [\n    {\n      id: firstTab.id,\n      label: firstTab.label,\n      content: firstTab.content,\n    },\n    {\n      id: EMPLOYEES_TAB_ID,\n      label: t('tabs.employees'),\n      content: (\n        <EmployeeTable<T>\n          data={employees.data}\n          searchValue={employees.searchValue}\n          onSearchChange={employees.onSearchChange}\n          onSearchClear={employees.onSearchClear}\n          searchPlaceholder={employees.searchPlaceholder}\n          itemMenu={employees.itemMenu}\n          pagination={employees.pagination}\n          isFetching={employees.isFetching}\n          emptyState={emptyEmployeesState}\n          additionalColumns={employees.additionalColumns}\n          hideJobTitle={employees.hideJobTitle}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <>\n      {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n      <DetailViewLayout\n        title={title}\n        subtitle={subtitle}\n        onBack={onBack}\n        backLabel={backLabel}\n        actions={actions}\n        tabs={tabs}\n        selectedTabId={selectedTabId}\n        onTabChange={onTabChange}\n      />\n\n      <Dialog\n        isOpen={removeDialog.isOpen}\n        onClose={removeDialog.onClose}\n        onPrimaryActionClick={removeDialog.onConfirm}\n        isPrimaryActionLoading={removeDialog.isPending}\n        isDestructive\n        title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n        primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n        closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n      >\n        {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n      </Dialog>\n    </>\n  )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;;AASA,MAAMA,IAAmB;AAGlB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IACJZ,EAAU,eACTC,IACG,wBACGY,GAAA,EAAU,OAAOP,EAAE,sBAAsB,GACxC,UAAA,gBAAAQ;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,SAASd;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,SAEAe,IAAO;AAAA,IACX;AAAA,MACE,IAAInB,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAOgB,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAQ;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMjB,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYY;AAAA,UACZ,mBAAmBZ,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,gBAAAkB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAhB,uBAAiBK,GAAA,EAAM,QAAO,WAAU,OAAOL,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAU;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAA5B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAoB;AAAA,QACA,eAAAlB;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAe;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQP,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAOI,EAAE,8BAA8B,EAAE,MAAMJ,EAAa,cAAc;AAAA,QAC1E,oBAAoBI,EAAE,iCAAiC;AAAA,QACvD,kBAAkBA,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMJ,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}
+{"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\n/** @internal */\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  firstTab,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Button } = useComponentContext()\n\n  const emptyEmployeesState =\n    employees.emptyState ??\n    (onAddEmployee\n      ? () => (\n          <EmptyData title={t('emptyEmployees.title')}>\n            <Button\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              onClick={onAddEmployee}\n            >\n              {t('emptyEmployees.addEmployeeCta')}\n            </Button>\n          </EmptyData>\n        )\n      : undefined)\n\n  const tabs = [\n    {\n      id: firstTab.id,\n      label: firstTab.label,\n      content: firstTab.content,\n    },\n    {\n      id: EMPLOYEES_TAB_ID,\n      label: t('tabs.employees'),\n      content: (\n        <EmployeeTable<T>\n          data={employees.data}\n          searchValue={employees.searchValue}\n          onSearchChange={employees.onSearchChange}\n          onSearchClear={employees.onSearchClear}\n          searchPlaceholder={employees.searchPlaceholder}\n          itemMenu={employees.itemMenu}\n          pagination={employees.pagination}\n          isFetching={employees.isFetching}\n          emptyState={emptyEmployeesState}\n          additionalColumns={employees.additionalColumns}\n          hideJobTitle={employees.hideJobTitle}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <>\n      {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n      <DetailViewLayout\n        title={title}\n        subtitle={subtitle}\n        onBack={onBack}\n        backLabel={backLabel}\n        actions={actions}\n        tabs={tabs}\n        selectedTabId={selectedTabId}\n        onTabChange={onTabChange}\n      />\n\n      <Dialog\n        isOpen={removeDialog.isOpen}\n        onClose={removeDialog.onClose}\n        onPrimaryActionClick={removeDialog.onConfirm}\n        isPrimaryActionLoading={removeDialog.isPending}\n        isDestructive\n        title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n        primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n        closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n      >\n        {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n      </Dialog>\n    </>\n  )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;AASA,MAAMA,IAAmB;AAGlB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IACJX,EAAU,eACTC,IACG,wBACGW,GAAA,EAAU,OAAO,EAAE,sBAAsB,GACxC,UAAA,gBAAAC;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,SAASb;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,SAEAc,IAAO;AAAA,IACX;AAAA,MACE,IAAIlB,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAO,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAuB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMhB,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYW;AAAA,UACZ,mBAAmBX,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,gBAAAiB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAf,uBAAiBI,GAAA,EAAM,QAAO,WAAU,OAAOJ,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAS;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAA3B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAmB;AAAA,QACA,eAAAjB;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAc;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQN,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAO,EAAE,8BAA8B,EAAE,MAAMA,EAAa,cAAc;AAAA,QAC1E,oBAAoB,EAAE,iCAAiC;AAAA,QACvD,kBAAkB,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMA,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}

package/dist/components/index.d.ts

@@ -1,48 +1,88 @@
 /**
  * Flows and blocks for viewing and responding to information requests from Gusto.
  *
+ * @remarks
+ * ```ts
+ * import { InformationRequests } from '@gusto/embedded-react-sdk'
+ * ```
+ *
  * @group Component namespaces
  */
 export * as InformationRequests from './InformationRequests';
 /**
  * Flows and blocks for running and managing payroll across a company's pay schedules.
  *
+ * @remarks
+ * ```ts
+ * import { Payroll } from '@gusto/embedded-react-sdk'
+ * ```
+ *
  * @group Component namespaces
  */
 export * as Payroll from './Payroll';
 /**
  * Flows and blocks for creating and managing time-off policies — sick, vacation, and holiday.
  *
+ * @remarks
+ * ```ts
+ * import { TimeOff } from '@gusto/embedded-react-sdk'
+ * ```
+ *
  * @group Component namespaces
  */
 export * as TimeOff from './TimeOff';
 /**
  * Flows and blocks for onboarding employees.
  *
+ * @remarks
+ * ```ts
+ * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'
+ * ```
+ *
  * @group Component namespaces
  */
 export * as EmployeeOnboarding from './Employee/exports/employeeOnboarding';
 /**
  * Flows and blocks for managing an employee after onboarding.
  *
+ * @remarks
+ * ```ts
+ * import { EmployeeManagement } from '@gusto/embedded-react-sdk'
+ * ```
+ *
  * @group Component namespaces
  */
 export * as EmployeeManagement from './Employee/exports/employeeManagement';
 /**
  * Flows and blocks for onboarding a company.
  *
+ * @remarks
+ * ```ts
+ * import { CompanyOnboarding } from '@gusto/embedded-react-sdk'
+ * ```
+ *
  * @group Component namespaces
  */
 export * as CompanyOnboarding from './Company/exports/companyOnboarding';
 /**
  * Flows and blocks for onboarding contractors.
  *
+ * @remarks
+ * ```ts
+ * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'
+ * ```
+ *
  * @group Component namespaces
  */
 export * as ContractorOnboarding from './Contractor/exports/contractorOnboarding';
 /**
  * Flows and blocks for managing contractors after onboarding — payments, payment methods, and profile details.
  *
+ * @remarks
+ * ```ts
+ * import { ContractorManagement } from '@gusto/embedded-react-sdk'
+ * ```
+ *
  * @group Component namespaces
  */
 export * as ContractorManagement from './Contractor/exports/contractorManagement';

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.d.ts

@@ -38,6 +38,12 @@ export interface GustoBaseProviderProps {
     currency?: string;
     /** Theme overrides applied to SDK components. See {@link GustoSDKTheme}. */
     theme?: Partial<GustoSDKTheme>;
+    /**
+     * CSP nonce to apply to runtime-injected `<style>` elements (theming, PDF download window).
+     * Pass the same per-request nonce your app uses in its `style-src 'nonce-…'` directive.
+     * Also exposed to custom UI components via `useNonce`.
+     */
+    nonce?: string;
     /** Element to use as the portal container for SDK popovers and dropdowns. Useful when rendering inside a modal or shadow root. */
     portalContainer?: HTMLElement;
     /** Optional TanStack Query `QueryClient`. When omitted, the SDK creates its own client configured for Gusto's API. */