@gusto/embedded-react-sdk 0.55.6 → 0.55.8

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js

@@ -1,12 +1,12 @@
-import { jsx as o, jsxs as L } from "react/jsx-runtime";
+import { jsx as o, jsxs as W } from "react/jsx-runtime";
 import { useMemo as P } from "react";
 import { useTranslation as O } from "react-i18next";
 import T from "./TimeOffPolicyDetail.module.scss.js";
-import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as p } from "../../../i18n/I18n.js";
-import { PolicyDetailLayout as w } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
-const A = "details";
-function U({
+import { PolicyDetailLayout as A } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
+const k = "details";
+function j({
   title: a,
   subtitle: e,
   onBack: c,
@@ -21,20 +21,21 @@ function U({
   onAddEmployee: l,
   removeDialog: f,
   successAlert: t,
-  onDismissAlert: M
+  onDismissAlert: M,
+  className: b
 }) {
   p("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: h } = O("Company.TimeOff.TimeOffPolicyDetails"), x = i.accrualMethod === "unlimited", b = P(
+  const { t: h } = O("Company.TimeOff.TimeOffPolicyDetails"), x = i.accrualMethod === "unlimited", C = P(
     () => x ? [] : [
       {
         key: "balance",
         title: h("employeeTable.balance"),
-        render: (v) => v.balance ?? "-"
+        render: (L) => L.balance ?? "-"
       }
     ],
     [h, x]
-  ), C = /* @__PURE__ */ o(
-    k,
+  ), v = /* @__PURE__ */ o(
+    y,
     {
       policyDetails: i,
       policySettings: m,
@@ -42,7 +43,7 @@ function U({
     }
   );
   return /* @__PURE__ */ o(
-    w,
+    A,
     {
       title: a,
       subtitle: e,
@@ -50,30 +51,31 @@ function U({
       backLabel: r,
       actions: u,
       firstTab: {
-        id: A,
+        id: k,
         label: h("tabs.policyDetails"),
-        content: C
+        content: v
       },
       selectedTabId: d,
       onTabChange: H,
       employees: {
         ...n,
-        additionalColumns: b
+        additionalColumns: C
       },
       onAddEmployee: l,
       removeDialog: f,
       successAlert: t,
-      onDismissAlert: M
+      onDismissAlert: M,
+      className: b
     }
   );
 }
-function k({
+function y({
   policyDetails: a,
   policySettings: e,
   onChangeSettings: c
 }) {
   p("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: r } = O("Company.TimeOff.TimeOffPolicyDetails"), { Box: u, BoxHeader: i, DescriptionList: m, Button: s } = W(), d = a.accrualMethod === "unlimited", n = a.accrualMethod === "perHourWorked" || a.accrualMethod === "perHourWorkedNoOvertime" || a.accrualMethod === "perHourPaid" || a.accrualMethod === "perHourPaidNoOvertime" || a.accrualMethod === "perPayPeriod", l = P(() => {
+  const { t: r } = O("Company.TimeOff.TimeOffPolicyDetails"), { Box: u, BoxHeader: i, DescriptionList: m, Button: s } = w(), d = a.accrualMethod === "unlimited", n = a.accrualMethod === "perHourWorked" || a.accrualMethod === "perHourWorkedNoOvertime" || a.accrualMethod === "perHourPaid" || a.accrualMethod === "perHourPaidNoOvertime" || a.accrualMethod === "perPayPeriod", l = P(() => {
     const t = [
       {
         term: r("accrualMethod.label"),
@@ -117,7 +119,7 @@ function k({
       description: e.paidOutOnTermination ? r("paidOutOnTermination.yes") : r("paidOutOnTermination.no")
     }), t;
   }, [e, r, n]);
-  return /* @__PURE__ */ o("div", { className: T.cardsContainer, children: /* @__PURE__ */ L("div", { className: T.cards, children: [
+  return /* @__PURE__ */ o("div", { className: T.cardsContainer, children: /* @__PURE__ */ W("div", { className: T.cards, children: [
     /* @__PURE__ */ o(u, { header: /* @__PURE__ */ o(i, { title: r("details") }), withPadding: !0, children: /* @__PURE__ */ o(m, { items: l, showSeparators: !1, layout: "stacked" }) }),
     !d && e && /* @__PURE__ */ o(
       u,
@@ -136,6 +138,6 @@ function k({
   ] }) });
 }
 export {
-  U as TimeOffPolicyDetailPresentation
+  j as TimeOffPolicyDetailPresentation
 };
 //# sourceMappingURL=TimeOffPolicyDetailPresentation.js.map

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeOffPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type {\n  TimeOffPolicyDetailPresentationProps,\n  TimeOffPolicyDetailEmployee,\n  PolicyDetails,\n  PolicySettingsDisplay,\n} from './TimeOffPolicyDetailTypes'\nimport styles from './TimeOffPolicyDetail.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\n/**\n * Presentational detail view for sick and vacation time-off policies.\n *\n * @remarks\n * Displays policy configuration and accrual settings in a tabbed interface alongside the\n * list of enrolled employees. Provides actions for editing the policy, changing settings,\n * adding employees, removing employees, and editing individual employee balances. This\n * component is fully controlled — pass in the data, selected tab, and dialog state and wire\n * up the callbacks. The corresponding container component is {@link TimeOffPolicyDetail}.\n *\n * @param input - See {@link TimeOffPolicyDetailPresentationProps}.\n * @returns The rendered detail view.\n * @public\n */\nexport function TimeOffPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: TimeOffPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n  const balanceColumn = useMemo(\n    () =>\n      isUnlimited\n        ? []\n        : [\n            {\n              key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n              title: t('employeeTable.balance'),\n              render: (item: TimeOffPolicyDetailEmployee) => item.balance ?? '-',\n            },\n          ],\n    [t, isUnlimited],\n  )\n\n  const detailsTabContent = (\n    <DetailsTab\n      policyDetails={policyDetails}\n      policySettings={policySettings}\n      onChangeSettings={onChangeSettings}\n    />\n  )\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: DETAILS_TAB_ID,\n        label: t('tabs.policyDetails'),\n        content: detailsTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={{\n        ...employees,\n        additionalColumns: balanceColumn,\n      }}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction DetailsTab({\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n}: {\n  policyDetails: PolicyDetails\n  policySettings?: PolicySettingsDisplay\n  onChangeSettings?: () => void\n}) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n  const isHoursWorked =\n    policyDetails.accrualMethod === 'perHourWorked' ||\n    policyDetails.accrualMethod === 'perHourWorkedNoOvertime' ||\n    policyDetails.accrualMethod === 'perHourPaid' ||\n    policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n  const showAccrualMaxAndWaiting = isHoursWorked || policyDetails.accrualMethod === 'perPayPeriod'\n\n  const detailItems = useMemo(() => {\n    const items: { term: string; description: string }[] = [\n      {\n        term: t('accrualMethod.label'),\n        description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n      },\n    ]\n\n    if (policyDetails.accrualMethod !== 'unlimited') {\n      items.push({\n        term: t('accrualRate.label'),\n        description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n          accrualRate: policyDetails.accrualRate,\n          accrualRateUnit: policyDetails.accrualRateUnit,\n        }),\n      })\n\n      if (policyDetails.resetDate) {\n        items.push({\n          term: t('resetDate'),\n          description: policyDetails.resetDate,\n        })\n      }\n    }\n\n    return items\n  }, [policyDetails, t])\n\n  const settingsItems = useMemo(() => {\n    if (!policySettings) return []\n\n    const items: { term: string; description: string }[] = []\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('maxAccrualHoursPerYear.label'),\n        description:\n          policySettings.maxAccrualHoursPerYear != null\n            ? t('maxAccrualHoursPerYear.withMaximum', {\n                count: policySettings.maxAccrualHoursPerYear,\n              })\n            : t('maxAccrualHoursPerYear.noMaximum'),\n      })\n    }\n\n    items.push(\n      {\n        term: t('maxHours.label'),\n        description:\n          policySettings.maxHours != null\n            ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n            : t('maxHours.noMaximum'),\n      },\n      {\n        term: t('carryoverLimitHours.label'),\n        description:\n          policySettings.carryoverLimitHours != null\n            ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n            : t('carryoverLimitHours.noLimit'),\n      },\n    )\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('accrualWaitingPeriodDays.label'),\n        description:\n          policySettings.accrualWaitingPeriodDays != null\n            ? t('accrualWaitingPeriodDays.withPeriod', {\n                count: policySettings.accrualWaitingPeriodDays,\n              })\n            : t('accrualWaitingPeriodDays.noPeriod'),\n      })\n    }\n\n    items.push({\n      term: t('paidOutOnTermination.label'),\n      description: policySettings.paidOutOnTermination\n        ? t('paidOutOnTermination.yes')\n        : t('paidOutOnTermination.no'),\n    })\n\n    return items\n  }, [policySettings, t, showAccrualMaxAndWaiting])\n\n  return (\n    <div className={styles.cardsContainer}>\n      <div className={styles.cards}>\n        <Box header={<BoxHeader title={t('details')} />} withPadding>\n          <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n        </Box>\n\n        {!isUnlimited && policySettings && (\n          <Box\n            header={\n              <BoxHeader\n                title={t('policySettingsTitle')}\n                action={\n                  onChangeSettings && (\n                    <Button variant=\"secondary\" onClick={onChangeSettings}>\n                      {t('changeSettingsCta')}\n                    </Button>\n                  )\n                }\n              />\n            }\n            withPadding\n          >\n            <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n          </Box>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","isUnlimited","balanceColumn","useMemo","item","detailsTabContent","jsx","DetailsTab","PolicyDetailLayout","Box","BoxHeader","DescriptionList","Button","useComponentContext","showAccrualMaxAndWaiting","detailItems","items","settingsItems","styles","jsxs"],"mappings":";;;;;;;AAaA,MAAMA,IAAiB;AAgBhB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,sCAAsC;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sCAAsC,GAE7DC,IAAcb,EAAc,kBAAkB,aAE9Cc,IAAgBC;AAAA,IACpB,MACEF,IACI,CAAA,IACA;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAOF,EAAE,uBAAuB;AAAA,QAChC,QAAQ,CAACK,MAAsCA,EAAK,WAAW;AAAA,MAAA;AAAA,IACjE;AAAA,IAER,CAACL,GAAGE,CAAW;AAAA,EAAA,GAGXI,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAAnB;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,EAAA;AAIJ,SACE,gBAAAgB;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAzB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOkB,EAAE,oBAAoB;AAAA,QAC7B,SAASM;AAAA,MAAA;AAAA,MAEX,eAAAd;AAAA,MACA,aAAAC;AAAA,MACA,WAAW;AAAA,QACT,GAAGC;AAAA,QACH,mBAAmBS;AAAA,MAAA;AAAA,MAErB,eAAAR;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASU,EAAW;AAAA,EAClB,eAAAnB;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AACF,GAIG;AACD,EAAAQ,EAAQ,sCAAsC;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sCAAsC,GAC7D,EAAE,KAAAS,GAAK,WAAAC,GAAW,iBAAAC,GAAiB,QAAAC,EAAA,IAAWC,EAAA,GAE9CZ,IAAcb,EAAc,kBAAkB,aAM9C0B,IAJJ1B,EAAc,kBAAkB,mBAChCA,EAAc,kBAAkB,6BAChCA,EAAc,kBAAkB,iBAChCA,EAAc,kBAAkB,2BACgBA,EAAc,kBAAkB,gBAE5E2B,IAAcZ,EAAQ,MAAM;AAChC,UAAMa,IAAiD;AAAA,MACrD;AAAA,QACE,MAAMjB,EAAE,qBAAqB;AAAA,QAC7B,aAAaA,EAAE,iBAAiBX,EAAc,aAAa,EAAE;AAAA,MAAA;AAAA,IAC/D;AAGF,WAAIA,EAAc,kBAAkB,gBAClC4B,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,mBAAmB;AAAA,MAC3B,aAAaA,EAAE,eAAeX,EAAc,aAAa,IAAI;AAAA,QAC3D,aAAaA,EAAc;AAAA,QAC3B,iBAAiBA,EAAc;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEGA,EAAc,aAChB4B,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,WAAW;AAAA,MACnB,aAAaX,EAAc;AAAA,IAAA,CAC5B,IAIE4B;AAAA,EACT,GAAG,CAAC5B,GAAeW,CAAC,CAAC,GAEfkB,IAAgBd,EAAQ,MAAM;AAClC,QAAI,CAACd,EAAgB,QAAO,CAAA;AAE5B,UAAM2B,IAAiD,CAAA;AAEvD,WAAIF,KACFE,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,8BAA8B;AAAA,MACtC,aACEV,EAAe,0BAA0B,OACrCU,EAAE,sCAAsC;AAAA,QACtC,OAAOV,EAAe;AAAA,MAAA,CACvB,IACDU,EAAE,kCAAkC;AAAA,IAAA,CAC3C,GAGHiB,EAAM;AAAA,MACJ;AAAA,QACE,MAAMjB,EAAE,gBAAgB;AAAA,QACxB,aACEV,EAAe,YAAY,OACvBU,EAAE,wBAAwB,EAAE,OAAOV,EAAe,UAAU,IAC5DU,EAAE,oBAAoB;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,MAAMA,EAAE,2BAA2B;AAAA,QACnC,aACEV,EAAe,uBAAuB,OAClCU,EAAE,iCAAiC,EAAE,OAAOV,EAAe,qBAAqB,IAChFU,EAAE,6BAA6B;AAAA,MAAA;AAAA,IACvC,GAGEe,KACFE,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,gCAAgC;AAAA,MACxC,aACEV,EAAe,4BAA4B,OACvCU,EAAE,uCAAuC;AAAA,QACvC,OAAOV,EAAe;AAAA,MAAA,CACvB,IACDU,EAAE,mCAAmC;AAAA,IAAA,CAC5C,GAGHiB,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,4BAA4B;AAAA,MACpC,aAAaV,EAAe,uBACxBU,EAAE,0BAA0B,IAC5BA,EAAE,yBAAyB;AAAA,IAAA,CAChC,GAEMiB;AAAA,EACT,GAAG,CAAC3B,GAAgBU,GAAGe,CAAwB,CAAC;AAEhD,SACE,gBAAAR,EAAC,SAAI,WAAWY,EAAO,gBACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,OACrB,UAAA;AAAA,IAAA,gBAAAZ,EAACG,KAAI,QAAQ,gBAAAH,EAACI,KAAU,OAAOX,EAAE,SAAS,EAAA,CAAG,GAAI,aAAW,IAC1D,UAAA,gBAAAO,EAACK,KAAgB,OAAOI,GAAa,gBAAgB,IAAO,QAAO,WAAU,EAAA,CAC/E;AAAA,IAEC,CAACd,KAAeZ,KACf,gBAAAiB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QACE,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAOX,EAAE,qBAAqB;AAAA,YAC9B,QACET,KACE,gBAAAgB,EAACM,GAAA,EAAO,SAAQ,aAAY,SAAStB,GAClC,UAAAS,EAAE,mBAAmB,EAAA,CACxB;AAAA,UAAA;AAAA,QAAA;AAAA,QAKR,aAAW;AAAA,QAEX,4BAACY,GAAA,EAAgB,OAAOM,GAAe,gBAAgB,IAAO,QAAO,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACjF,EAAA,CAEJ,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"TimeOffPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type {\n  TimeOffPolicyDetailPresentationProps,\n  TimeOffPolicyDetailEmployee,\n  PolicyDetails,\n  PolicySettingsDisplay,\n} from './TimeOffPolicyDetailTypes'\nimport styles from './TimeOffPolicyDetail.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\n/**\n * Presentational detail view for sick and vacation time-off policies.\n *\n * @remarks\n * Displays policy configuration and accrual settings in a tabbed interface alongside the\n * list of enrolled employees. Provides actions for editing the policy, changing settings,\n * adding employees, removing employees, and editing individual employee balances. This\n * component is fully controlled — pass in the data, selected tab, and dialog state and wire\n * up the callbacks. The corresponding container component is {@link TimeOffPolicyDetail}.\n *\n * @param input - See {@link TimeOffPolicyDetailPresentationProps}.\n * @returns The rendered detail view.\n * @public\n */\nexport function TimeOffPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n  className,\n}: TimeOffPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n  const balanceColumn = useMemo(\n    () =>\n      isUnlimited\n        ? []\n        : [\n            {\n              key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n              title: t('employeeTable.balance'),\n              render: (item: TimeOffPolicyDetailEmployee) => item.balance ?? '-',\n            },\n          ],\n    [t, isUnlimited],\n  )\n\n  const detailsTabContent = (\n    <DetailsTab\n      policyDetails={policyDetails}\n      policySettings={policySettings}\n      onChangeSettings={onChangeSettings}\n    />\n  )\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: DETAILS_TAB_ID,\n        label: t('tabs.policyDetails'),\n        content: detailsTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={{\n        ...employees,\n        additionalColumns: balanceColumn,\n      }}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n      className={className}\n    />\n  )\n}\n\nfunction DetailsTab({\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n}: {\n  policyDetails: PolicyDetails\n  policySettings?: PolicySettingsDisplay\n  onChangeSettings?: () => void\n}) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n  const isHoursWorked =\n    policyDetails.accrualMethod === 'perHourWorked' ||\n    policyDetails.accrualMethod === 'perHourWorkedNoOvertime' ||\n    policyDetails.accrualMethod === 'perHourPaid' ||\n    policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n  const showAccrualMaxAndWaiting = isHoursWorked || policyDetails.accrualMethod === 'perPayPeriod'\n\n  const detailItems = useMemo(() => {\n    const items: { term: string; description: string }[] = [\n      {\n        term: t('accrualMethod.label'),\n        description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n      },\n    ]\n\n    if (policyDetails.accrualMethod !== 'unlimited') {\n      items.push({\n        term: t('accrualRate.label'),\n        description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n          accrualRate: policyDetails.accrualRate,\n          accrualRateUnit: policyDetails.accrualRateUnit,\n        }),\n      })\n\n      if (policyDetails.resetDate) {\n        items.push({\n          term: t('resetDate'),\n          description: policyDetails.resetDate,\n        })\n      }\n    }\n\n    return items\n  }, [policyDetails, t])\n\n  const settingsItems = useMemo(() => {\n    if (!policySettings) return []\n\n    const items: { term: string; description: string }[] = []\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('maxAccrualHoursPerYear.label'),\n        description:\n          policySettings.maxAccrualHoursPerYear != null\n            ? t('maxAccrualHoursPerYear.withMaximum', {\n                count: policySettings.maxAccrualHoursPerYear,\n              })\n            : t('maxAccrualHoursPerYear.noMaximum'),\n      })\n    }\n\n    items.push(\n      {\n        term: t('maxHours.label'),\n        description:\n          policySettings.maxHours != null\n            ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n            : t('maxHours.noMaximum'),\n      },\n      {\n        term: t('carryoverLimitHours.label'),\n        description:\n          policySettings.carryoverLimitHours != null\n            ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n            : t('carryoverLimitHours.noLimit'),\n      },\n    )\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('accrualWaitingPeriodDays.label'),\n        description:\n          policySettings.accrualWaitingPeriodDays != null\n            ? t('accrualWaitingPeriodDays.withPeriod', {\n                count: policySettings.accrualWaitingPeriodDays,\n              })\n            : t('accrualWaitingPeriodDays.noPeriod'),\n      })\n    }\n\n    items.push({\n      term: t('paidOutOnTermination.label'),\n      description: policySettings.paidOutOnTermination\n        ? t('paidOutOnTermination.yes')\n        : t('paidOutOnTermination.no'),\n    })\n\n    return items\n  }, [policySettings, t, showAccrualMaxAndWaiting])\n\n  return (\n    <div className={styles.cardsContainer}>\n      <div className={styles.cards}>\n        <Box header={<BoxHeader title={t('details')} />} withPadding>\n          <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n        </Box>\n\n        {!isUnlimited && policySettings && (\n          <Box\n            header={\n              <BoxHeader\n                title={t('policySettingsTitle')}\n                action={\n                  onChangeSettings && (\n                    <Button variant=\"secondary\" onClick={onChangeSettings}>\n                      {t('changeSettingsCta')}\n                    </Button>\n                  )\n                }\n              />\n            }\n            withPadding\n          >\n            <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n          </Box>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","className","useI18n","t","useTranslation","isUnlimited","balanceColumn","useMemo","item","detailsTabContent","jsx","DetailsTab","PolicyDetailLayout","Box","BoxHeader","DescriptionList","Button","useComponentContext","showAccrualMaxAndWaiting","detailItems","items","settingsItems","styles","jsxs"],"mappings":"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"}

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

@@ -1,13 +1,13 @@
-import { jsx as i, jsxs as P, Fragment as b } from "react/jsx-runtime";
-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 { 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 N({
+import { jsx as i, jsxs as b, Fragment as S } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { EmployeeTable as L } from "../EmployeeTable/EmployeeTable.js";
+import { EmptyData as O } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as x } from "../../../../i18n/I18n.js";
+import A from "../../../../assets/icons/plus-circle.svg.js";
+import { DetailViewLayout as v } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
+const F = "employees";
+function _({
   title: r,
   subtitle: c,
   onBack: m,
@@ -20,28 +20,29 @@ function N({
   onAddEmployee: n,
   removeDialog: o,
   successAlert: l,
-  onDismissAlert: u
+  onDismissAlert: u,
+  className: y
 }) {
-  T("Company.TimeOff.PolicyDetail");
-  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,
+  x("Company.TimeOff.PolicyDetail");
+  const { t } = D("Company.TimeOff.PolicyDetail"), { Alert: C, Dialog: f, Button: E } = T(), g = e.emptyState ?? (n ? () => /* @__PURE__ */ i(O, { title: t("emptyEmployees.title"), children: /* @__PURE__ */ i(
+    E,
     {
       variant: "secondary",
-      icon: /* @__PURE__ */ i(x, { "aria-hidden": !0 }),
+      icon: /* @__PURE__ */ i(A, { "aria-hidden": !0 }),
       onClick: n,
       children: t("emptyEmployees.addEmployeeCta")
     }
-  ) }) : void 0), g = [
+  ) }) : void 0), P = [
     {
       id: a.id,
       label: a.label,
       content: a.content
     },
     {
-      id: v,
+      id: F,
       label: t("tabs.employees"),
       content: /* @__PURE__ */ i(
-        D,
+        L,
         {
           data: e.data,
           searchValue: e.searchValue,
@@ -51,30 +52,31 @@ function N({
           itemMenu: e.itemMenu,
           pagination: e.pagination,
           isFetching: e.isFetching,
-          emptyState: E,
+          emptyState: g,
           additionalColumns: e.additionalColumns,
           hideJobTitle: e.hideJobTitle
         }
       )
     }
   ];
-  return /* @__PURE__ */ P(b, { children: [
-    l && /* @__PURE__ */ i(y, { status: "success", label: l, onDismiss: u }),
+  return /* @__PURE__ */ b(S, { children: [
+    l && /* @__PURE__ */ i(C, { status: "success", label: l, onDismiss: u }),
     /* @__PURE__ */ i(
-      A,
+      v,
       {
         title: r,
         subtitle: c,
         onBack: m,
         backLabel: s,
         actions: p,
-        tabs: g,
+        tabs: P,
         selectedTabId: d,
-        onTabChange: h
+        onTabChange: h,
+        className: y
       }
     ),
     /* @__PURE__ */ i(
-      C,
+      f,
       {
         isOpen: o.isOpen,
         onClose: o.onClose,
@@ -90,6 +92,6 @@ function N({
   ] });
 }
 export {
-  N as PolicyDetailLayout
+  _ 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","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;"}
+{"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  className,\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        className={className}\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","className","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;AAAA,EACA,WAAAC;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,IACJZ,EAAU,eACTC,IACG,wBACGY,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,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,OAAO,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAwB;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,QACA,WAAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAS;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,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/contexts/ApiProvider/apiVersion.js

@@ -1,6 +1,8 @@
-const e = "2026-06-15", o = `@gusto/embedded-api-v-${e}`;
+import { name as o, version as e } from "../../package.json.js";
+const t = "2026-06-15", s = `${o} ${e}`, E = `@gusto/embedded-api-v-${t}`;
 export {
-  o as API_QUERY_NAMESPACE,
-  e as API_VERSION
+  E as API_QUERY_NAMESPACE,
+  t as API_VERSION,
+  s as SDK_VERSION
 };
 //# sourceMappingURL=apiVersion.js.map

package/dist/contexts/ApiProvider/apiVersion.js.map

@@ -1 +1 @@
-{"version":3,"file":"apiVersion.js","sources":["../../../src/contexts/ApiProvider/apiVersion.ts"],"sourcesContent":["/**\n * Single source of truth for the pinned Gusto Embedded API version.\n *\n * @remarks\n * Bumping the API version is a two-line change: update {@link API_VERSION} here and\n * repoint the `@gusto/embedded-api` alias target in `package.json`. Everything else —\n * the `X-Gusto-API-Version` request header and every hand-written TanStack Query key —\n * derives from this constant, so no per-file edits are required.\n *\n * @internal\n */\nexport const API_VERSION = '2026-06-15'\n\n/**\n * TanStack Query namespace the embedded-api client prefixes onto every generated\n * query and mutation key (segment 1 of every key it emits).\n *\n * @remarks\n * Must equal the resolved package name so hand-written keys used for targeted\n * invalidation match the library-generated ones. Derived from {@link API_VERSION}.\n *\n * @internal\n */\nexport const API_QUERY_NAMESPACE = `@gusto/embedded-api-v-${API_VERSION}` as const\n"],"names":["API_VERSION","API_QUERY_NAMESPACE"],"mappings":"AAWO,MAAMA,IAAc,cAYdC,IAAsB,yBAAyBD,CAAW;"}
+{"version":3,"file":"apiVersion.js","sources":["../../../src/contexts/ApiProvider/apiVersion.ts"],"sourcesContent":["import { name, version } from '../../../package.json'\n\n/**\n * Single source of truth for the pinned Gusto Embedded API version.\n *\n * @remarks\n * Bumping the API version is a two-line change: update {@link API_VERSION} here and\n * repoint the `@gusto/embedded-api` alias target in `package.json`. Everything else —\n * the `X-Gusto-API-Version` request header and every hand-written TanStack Query key —\n * derives from this constant, so no per-file edits are required.\n *\n * @internal\n */\nexport const API_VERSION = '2026-06-15'\n\n/**\n * SDK package name and version, sent on every request via the `X-Gusto-SDK-Version`\n * header so backend traffic can be attributed to a specific SDK release.\n *\n * @remarks\n * Read directly from `package.json` so it always matches the published package —\n * no manual bump required.\n *\n * @internal\n */\nexport const SDK_VERSION = `${name} ${version}`\n\n/**\n * TanStack Query namespace the embedded-api client prefixes onto every generated\n * query and mutation key (segment 1 of every key it emits).\n *\n * @remarks\n * Must equal the resolved package name so hand-written keys used for targeted\n * invalidation match the library-generated ones. Derived from {@link API_VERSION}.\n *\n * @internal\n */\nexport const API_QUERY_NAMESPACE = `@gusto/embedded-api-v-${API_VERSION}` as const\n"],"names":["API_VERSION","SDK_VERSION","name","version","API_QUERY_NAMESPACE"],"mappings":";AAaO,MAAMA,IAAc,cAYdC,IAAc,GAAGC,CAAI,IAAIC,CAAO,IAYhCC,IAAsB,yBAAyBJ,CAAW;"}

package/dist/contexts/ApiProvider/apiVersionHook.js

@@ -1,8 +1,8 @@
-import { API_VERSION as e } from "./apiVersion.js";
-const s = {
-  beforeRequest: (r, o) => (o.headers.set("X-Gusto-API-Version", e), o)
+import { API_VERSION as e, SDK_VERSION as r } from "./apiVersion.js";
+const n = {
+  beforeRequest: (s, o) => (o.headers.set("X-Gusto-API-Version", e), o.headers.set("X-Gusto-SDK-Version", r), o)
 };
 export {
-  s as apiVersionHook
+  n as apiVersionHook
 };
 //# sourceMappingURL=apiVersionHook.js.map

package/dist/contexts/ApiProvider/apiVersionHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"apiVersionHook.js","sources":["../../../src/contexts/ApiProvider/apiVersionHook.ts"],"sourcesContent":["import { API_VERSION } from './apiVersion'\nimport type { BeforeRequestHook } from '@/types/hooks'\n\n/** @internal */\nexport const apiVersionHook: BeforeRequestHook = {\n  beforeRequest: (_context, request) => {\n    request.headers.set('X-Gusto-API-Version', API_VERSION)\n    return request\n  },\n}\n"],"names":["apiVersionHook","_context","request","API_VERSION"],"mappings":";AAIO,MAAMA,IAAoC;AAAA,EAC/C,eAAe,CAACC,GAAUC,OACxBA,EAAQ,QAAQ,IAAI,uBAAuBC,CAAW,GAC/CD;AAEX;"}
+{"version":3,"file":"apiVersionHook.js","sources":["../../../src/contexts/ApiProvider/apiVersionHook.ts"],"sourcesContent":["import { API_VERSION, SDK_VERSION } from './apiVersion'\nimport type { BeforeRequestHook } from '@/types/hooks'\n\n/** @internal */\nexport const apiVersionHook: BeforeRequestHook = {\n  beforeRequest: (_context, request) => {\n    request.headers.set('X-Gusto-API-Version', API_VERSION)\n    request.headers.set('X-Gusto-SDK-Version', SDK_VERSION)\n    return request\n  },\n}\n"],"names":["apiVersionHook","_context","request","API_VERSION","SDK_VERSION"],"mappings":";AAIO,MAAMA,IAAoC;AAAA,EAC/C,eAAe,CAACC,GAAUC,OACxBA,EAAQ,QAAQ,IAAI,uBAAuBC,CAAW,GACtDD,EAAQ,QAAQ,IAAI,uBAAuBE,CAAW,GAC/CF;AAEX;"}

package/dist/contexts/ComponentAdapter/useComponentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FunctionComponent } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { DateRangePickerProps } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs/BreadcrumbsTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { ModalProps } from '@/components/Common/UI/Modal/ModalTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { FormBoxHeaderProps } from '@/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport type { PayrollLoadingProps } from '@/components/Common/PayrollLoading/PayrollLoadingTypes'\n\n/**\n * Full map of UI components used by the SDK. Every property is a React component that the\n * SDK renders internally — override any of them to substitute your own design system.\n *\n * Pass a `Partial<ComponentsContextType>` to {@link GustoProvider} via the `components` prop to\n * replace specific components while keeping SDK defaults for the rest.\n *\n * To take full control of every UI component (and eliminate the React Aria dependency),\n * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.\n * All properties are then required except `PaginationControl` and `PayrollLoading`,\n * which fall back to built-in SDK implementations when omitted.\n *\n * @public\n * @group Component adapter\n *\n * @example Partial override with GustoProvider\n * ```tsx\n * import { GustoProvider } from '@gusto/embedded-react-sdk'\n *\n * function App() {\n *   return (\n *     <GustoProvider\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={{\n *         Button: MyButton,\n *         TextInput: MyTextInput,\n *       }}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProvider>\n *   )\n * }\n * ```\n *\n * @example Full replacement with GustoProviderCustomUIAdapter\n * ```tsx\n * import { GustoProviderCustomUIAdapter, type ComponentsContextType } from '@gusto/embedded-react-sdk'\n *\n * const myComponents: ComponentsContextType = {\n *   Alert: props => <MyAlert {...props} />,\n *   Button: props => <MyButton {...props} />,\n *   // ... all required components\n * }\n *\n * function App() {\n *   return (\n *     <GustoProviderCustomUIAdapter\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={myComponents}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProviderCustomUIAdapter>\n *   )\n * }\n * ```\n */\nexport interface ComponentsContextType {\n  /** Status message with an optional dismiss action; used for errors, warnings, success, and info. */\n  Alert: FunctionComponent<AlertProps>\n  /** Small inline label for status, counts, or tags; optionally dismissible. */\n  Badge: FunctionComponent<BadgeProps>\n  /** Full-width notification banner for prominent warnings and errors. */\n  Banner: FunctionComponent<BannerProps>\n  /** HTML `<button>` with primary, secondary, tertiary, and error variants. */\n  Button: FunctionComponent<ButtonProps>\n  /** Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. */\n  ButtonIcon: FunctionComponent<ButtonIconProps>\n  /** Sectioned layout container with distinct header, body, and footer areas. */\n  Box: FunctionComponent<BoxProps>\n  /** Header section of a Box with a title, optional description, and optional inline action. */\n  BoxHeader: FunctionComponent<BoxHeaderProps>\n  /** Bordered container for grouping related form fields, with an optional header slot. */\n  FormBox: FunctionComponent<FormBoxProps>\n  /** Header section of a FormBox with a title, optional description, and optional inline action. */\n  FormBoxHeader: FunctionComponent<FormBoxHeaderProps>\n  /** Read-only calendar for visualizing a date range with optional highlighted dates. */\n  CalendarPreview: FunctionComponent<CalendarPreviewProps>\n  /** Content container with an optional overflow menu and a leading action slot. */\n  Card: FunctionComponent<CardProps>\n  /** Form field wrapping a single `<input type=\"checkbox\" />`. */\n  Checkbox: FunctionComponent<CheckboxProps>\n  /** Form field grouping `<input type=\"checkbox\" />` elements for multi-option selection. */\n  CheckboxGroup: FunctionComponent<CheckboxGroupProps>\n  /** Form field wrapping a typeahead `<input />` for single-option selection. */\n  ComboBox: FunctionComponent<ComboBoxProps>\n  /** Form field wrapping an `<input type=\"date\" />` with a calendar picker popover. */\n  DatePicker: FunctionComponent<DatePickerProps>\n  /** Form field wrapping paired `<input type=\"date\" />` elements for a date range. */\n  DateRangePicker: FunctionComponent<DateRangePickerProps>\n  /** HTML `<dl>` of term/description pairs in stacked or horizontal layout. */\n  DescriptionList: FunctionComponent<DescriptionListProps>\n  /** Modal confirmation dialog with a primary action and a cancel action. */\n  Dialog: FunctionComponent<DialogProps>\n  /** Form field wrapping an `<input type=\"file\" />`. */\n  FileInput: FunctionComponent<FileInputProps>\n  /** HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. */\n  Heading: FunctionComponent<HeadingProps>\n  /** HTML `<a>` for inline navigation. */\n  Link: FunctionComponent<LinkProps>\n  /** Spinner shown while data or an action is pending. */\n  LoadingSpinner: FunctionComponent<LoadingSpinnerProps>\n  /** Popover menu of actions anchored to a trigger element. */\n  Menu: FunctionComponent<MenuProps>\n  /** Overlay modal with customizable body content and footer. */\n  Modal: FunctionComponent<ModalProps>\n  /** Form field wrapping a typeahead `<input />` for multi-option selection. */\n  MultiSelectComboBox: FunctionComponent<MultiSelectComboBoxProps>\n  /** Form field wrapping a numeric `<input />` for currency, decimal, or percent values. */\n  NumberInput: FunctionComponent<NumberInputProps>\n  /** HTML `<ol>` for a numbered list of items. */\n  OrderedList: FunctionComponent<OrderedListProps>\n  /** Step-based progress indicator for multi-step flows. */\n  ProgressBar: FunctionComponent<ProgressBarProps>\n  /** Navigation breadcrumb trail showing the user's position in a multi-step flow. */\n  Breadcrumbs: FunctionComponent<BreadcrumbsProps>\n  /** Form field wrapping a single `<input type=\"radio\" />`. */\n  Radio: FunctionComponent<RadioProps>\n  /** Form field grouping `<input type=\"radio\" />` elements for single-option selection. */\n  RadioGroup: FunctionComponent<RadioGroupProps>\n  /** Form field wrapping a single-select dropdown. */\n  Select: FunctionComponent<SelectProps>\n  /** Form field wrapping an `<input type=\"checkbox\" />` styled as a toggle. */\n  Switch: FunctionComponent<SwitchProps>\n  /** Tabbed navigation with associated content panels. */\n  Tabs: FunctionComponent<TabsProps>\n  /** Tabular data display with headers, rows, optional footer, and empty state. */\n  Table: FunctionComponent<TableProps>\n  /** Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. */\n  Text: FunctionComponent<TextProps>\n  /** Form field wrapping an `<input />`. */\n  TextInput: FunctionComponent<TextInputProps>\n  /** Form field wrapping a `<textarea>`. */\n  TextArea: FunctionComponent<TextAreaProps>\n  /** HTML `<ul>` for an unordered list of items. */\n  UnorderedList: FunctionComponent<UnorderedListProps>\n\n  /** Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. */\n  PaginationControl?: FunctionComponent<PaginationControlProps>\n  /** Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. */\n  PayrollLoading?: FunctionComponent<PayrollLoadingProps>\n}\n\n/** @internal */\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\n/** @internal */\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AAyLO,MAAMA,IAAoBC,EAA4C,IAAI,GAGpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}
+{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FunctionComponent } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { DateRangePickerProps } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs/BreadcrumbsTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { ModalProps } from '@/components/Common/UI/Modal/ModalTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { FormBoxHeaderProps } from '@/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport type { PayrollLoadingProps } from '@/components/Common/PayrollLoading/PayrollLoadingTypes'\nimport type { FieldCaptionProps } from '@/components/Common/FieldCaption/FieldCaptionTypes'\n\n/**\n * Full map of UI components used by the SDK. Every property is a React component that the\n * SDK renders internally — override any of them to substitute your own design system.\n *\n * Pass a `Partial<ComponentsContextType>` to {@link GustoProvider} via the `components` prop to\n * replace specific components while keeping SDK defaults for the rest.\n *\n * To take full control of every UI component (and eliminate the React Aria dependency),\n * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.\n * All properties are then required except `PaginationControl`, `PayrollLoading`, and `FieldCaption`,\n * which fall back to built-in SDK implementations when omitted.\n *\n * @public\n * @group Component adapter\n *\n * @example Partial override with GustoProvider\n * ```tsx\n * import { GustoProvider } from '@gusto/embedded-react-sdk'\n *\n * function App() {\n *   return (\n *     <GustoProvider\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={{\n *         Button: MyButton,\n *         TextInput: MyTextInput,\n *       }}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProvider>\n *   )\n * }\n * ```\n *\n * @example Full replacement with GustoProviderCustomUIAdapter\n * ```tsx\n * import { GustoProviderCustomUIAdapter, type ComponentsContextType } from '@gusto/embedded-react-sdk'\n *\n * const myComponents: ComponentsContextType = {\n *   Alert: props => <MyAlert {...props} />,\n *   Button: props => <MyButton {...props} />,\n *   // ... all required components\n * }\n *\n * function App() {\n *   return (\n *     <GustoProviderCustomUIAdapter\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={myComponents}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProviderCustomUIAdapter>\n *   )\n * }\n * ```\n */\nexport interface ComponentsContextType {\n  /** Status message with an optional dismiss action; used for errors, warnings, success, and info. */\n  Alert: FunctionComponent<AlertProps>\n  /** Small inline label for status, counts, or tags; optionally dismissible. */\n  Badge: FunctionComponent<BadgeProps>\n  /** Full-width notification banner for prominent warnings and errors. */\n  Banner: FunctionComponent<BannerProps>\n  /** HTML `<button>` with primary, secondary, tertiary, and error variants. */\n  Button: FunctionComponent<ButtonProps>\n  /** Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. */\n  ButtonIcon: FunctionComponent<ButtonIconProps>\n  /** Sectioned layout container with distinct header, body, and footer areas. */\n  Box: FunctionComponent<BoxProps>\n  /** Header section of a Box with a title, optional description, and optional inline action. */\n  BoxHeader: FunctionComponent<BoxHeaderProps>\n  /** Bordered container for grouping related form fields, with an optional header slot. */\n  FormBox: FunctionComponent<FormBoxProps>\n  /** Header section of a FormBox with a title, optional description, and optional inline action. */\n  FormBoxHeader: FunctionComponent<FormBoxHeaderProps>\n  /** Read-only calendar for visualizing a date range with optional highlighted dates. */\n  CalendarPreview: FunctionComponent<CalendarPreviewProps>\n  /** Content container with an optional overflow menu and a leading action slot. */\n  Card: FunctionComponent<CardProps>\n  /** Form field wrapping a single `<input type=\"checkbox\" />`. */\n  Checkbox: FunctionComponent<CheckboxProps>\n  /** Form field grouping `<input type=\"checkbox\" />` elements for multi-option selection. */\n  CheckboxGroup: FunctionComponent<CheckboxGroupProps>\n  /** Form field wrapping a typeahead `<input />` for single-option selection. */\n  ComboBox: FunctionComponent<ComboBoxProps>\n  /** Form field wrapping an `<input type=\"date\" />` with a calendar picker popover. */\n  DatePicker: FunctionComponent<DatePickerProps>\n  /** Form field wrapping paired `<input type=\"date\" />` elements for a date range. */\n  DateRangePicker: FunctionComponent<DateRangePickerProps>\n  /** HTML `<dl>` of term/description pairs in stacked or horizontal layout. */\n  DescriptionList: FunctionComponent<DescriptionListProps>\n  /** Modal confirmation dialog with a primary action and a cancel action. */\n  Dialog: FunctionComponent<DialogProps>\n  /** Form field wrapping an `<input type=\"file\" />`. */\n  FileInput: FunctionComponent<FileInputProps>\n  /** HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. */\n  Heading: FunctionComponent<HeadingProps>\n  /** HTML `<a>` for inline navigation. */\n  Link: FunctionComponent<LinkProps>\n  /** Spinner shown while data or an action is pending. */\n  LoadingSpinner: FunctionComponent<LoadingSpinnerProps>\n  /** Popover menu of actions anchored to a trigger element. */\n  Menu: FunctionComponent<MenuProps>\n  /** Overlay modal with customizable body content and footer. */\n  Modal: FunctionComponent<ModalProps>\n  /** Form field wrapping a typeahead `<input />` for multi-option selection. */\n  MultiSelectComboBox: FunctionComponent<MultiSelectComboBoxProps>\n  /** Form field wrapping a numeric `<input />` for currency, decimal, or percent values. */\n  NumberInput: FunctionComponent<NumberInputProps>\n  /** HTML `<ol>` for a numbered list of items. */\n  OrderedList: FunctionComponent<OrderedListProps>\n  /** Step-based progress indicator for multi-step flows. */\n  ProgressBar: FunctionComponent<ProgressBarProps>\n  /** Navigation breadcrumb trail showing the user's position in a multi-step flow. */\n  Breadcrumbs: FunctionComponent<BreadcrumbsProps>\n  /** Form field wrapping a single `<input type=\"radio\" />`. */\n  Radio: FunctionComponent<RadioProps>\n  /** Form field grouping `<input type=\"radio\" />` elements for single-option selection. */\n  RadioGroup: FunctionComponent<RadioGroupProps>\n  /** Form field wrapping a single-select dropdown. */\n  Select: FunctionComponent<SelectProps>\n  /** Form field wrapping an `<input type=\"checkbox\" />` styled as a toggle. */\n  Switch: FunctionComponent<SwitchProps>\n  /** Tabbed navigation with associated content panels. */\n  Tabs: FunctionComponent<TabsProps>\n  /** Tabular data display with headers, rows, optional footer, and empty state. */\n  Table: FunctionComponent<TableProps>\n  /** Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. */\n  Text: FunctionComponent<TextProps>\n  /** Form field wrapping an `<input />`. */\n  TextInput: FunctionComponent<TextInputProps>\n  /** Form field wrapping a `<textarea>`. */\n  TextArea: FunctionComponent<TextAreaProps>\n  /** HTML `<ul>` for an unordered list of items. */\n  UnorderedList: FunctionComponent<UnorderedListProps>\n\n  /** Label or legend caption for form controls, including the optional/required indicator. Defaults to the SDK's built-in caption UI when omitted. */\n  FieldCaption?: FunctionComponent<FieldCaptionProps>\n  /** Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. */\n  PaginationControl?: FunctionComponent<PaginationControlProps>\n  /** Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. */\n  PayrollLoading?: FunctionComponent<PayrollLoadingProps>\n}\n\n/** @internal */\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\n/** @internal */\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AA4LO,MAAMA,IAAoBC,EAA4C,IAAI,GAGpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}

package/dist/contexts/UnstableFeaturesProvider/useUnstableFeature.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUnstableFeature.js","sources":["../../../src/contexts/UnstableFeaturesProvider/useUnstableFeature.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\n/**\n * Opt-in flags for SDK functionality that is still in active development.\n *\n * @remarks\n * Pass to {@link GustoProvider} via the `unstableFeatures` prop to enable a feature ahead of its\n * public release. Every flag defaults to disabled when omitted. When a feature graduates to\n * public release, its flag is deleted from this interface along with the conditional checks that\n * read it — there is no deprecation step. This interface may have no flags at all at any given\n * time — e.g. immediately after the last active flag graduates and before the next one is added —\n * the opt-in mechanism itself is permanent even when nothing is currently gated behind it.\n *\n * @alpha\n */\nexport interface UnstableFeatures {\n  /** Enables recording past payments to contractors within the `ContractorManagement` flows. */\n  historicalPayments?: boolean\n  /** Enables the in-development regular-rate-of-pay experience for editing an employee's payroll. */\n  payrollRegularRateOfPay?: boolean\n}\n\n/**\n * React context backing {@link useUnstableFeature}.\n *\n * @internal\n */\nexport const UnstableFeaturesContext = createContext<UnstableFeatures>({})\n\n/**\n * Reads whether `feature` is enabled via {@link GustoProvider}'s `unstableFeatures` prop.\n *\n * @remarks\n * With `throwIfDisabled: true`, call unconditionally at the top of an alpha component's body —\n * not inside {@link WithUnstableFeature} — so mounting the component without opting in fails\n * loudly and immediately. This throws in every environment, including production: using an alpha\n * component without its flag is an integration mistake, not a runtime state, the same as\n * {@link useComponentContext} throwing when called outside a `ComponentsProvider`.\n *\n * @param feature - The {@link UnstableFeatures} flag to read.\n * @param options - Set `throwIfDisabled` to throw instead of returning `false` when `feature` is disabled.\n * @throws When `options.throwIfDisabled` is set and `feature` is not enabled.\n * @internal\n */\nexport const useUnstableFeature = (\n  feature: keyof UnstableFeatures,\n  options: { throwIfDisabled?: boolean } = { throwIfDisabled: false },\n): boolean => {\n  const features = useContext(UnstableFeaturesContext)\n  const isEnabled = !!features[feature]\n\n  if (options.throwIfDisabled && !isEnabled) {\n    throw new Error(\n      `This component requires the unstable feature flag \"${feature}\" to be enabled via GustoProvider's \\`unstableFeatures\\` prop.`,\n    )\n  }\n\n  return isEnabled\n}\n"],"names":["UnstableFeaturesContext","createContext","useUnstableFeature","feature","options","isEnabled","useContext"],"mappings":";AA2BO,MAAMA,IAA0BC,EAAgC,CAAA,CAAE,GAiB5DC,IAAqB,CAChCC,GACAC,IAAyC,EAAE,iBAAiB,SAChD;AAEZ,QAAMC,IAAY,CAAC,CADFC,EAAWN,CAAuB,EACtBG,CAAO;AAEpC,MAAIC,EAAQ,mBAAmB,CAACC;AAC9B,UAAM,IAAI;AAAA,MACR,sDAAsDF,CAAO;AAAA,IAAA;AAIjE,SAAOE;AACT;"}
+{"version":3,"file":"useUnstableFeature.js","sources":["../../../src/contexts/UnstableFeaturesProvider/useUnstableFeature.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\n/**\n * Opt-in flags for SDK functionality that is still in active development.\n *\n * @remarks\n * Pass to {@link GustoProvider} via the `unstableFeatures` prop to enable a feature ahead of its\n * public release. Every flag defaults to disabled when omitted. When a feature graduates to\n * public release, its flag is deleted from this interface along with the conditional checks that\n * read it — there is no deprecation step. This interface may have no flags at all at any given\n * time — e.g. immediately after the last active flag graduates and before the next one is added —\n * the opt-in mechanism itself is permanent even when nothing is currently gated behind it.\n *\n * @alpha\n */\nexport interface UnstableFeatures {\n  /** Enables recording past payments to contractors within the `ContractorManagement` flows. */\n  historicalPayments?: boolean\n  /**\n   * Enables the in-development regular-rate-of-pay experience: the payroll editing flow, and the\n   * workweek start day field on `PaySchedule` that RRoP's overtime calculations depend on.\n   */\n  payrollRegularRateOfPay?: boolean\n}\n\n/**\n * React context backing {@link useUnstableFeature}.\n *\n * @internal\n */\nexport const UnstableFeaturesContext = createContext<UnstableFeatures>({})\n\n/**\n * Reads whether `feature` is enabled via {@link GustoProvider}'s `unstableFeatures` prop.\n *\n * @remarks\n * With `throwIfDisabled: true`, call unconditionally at the top of an alpha component's body —\n * not inside {@link WithUnstableFeature} — so mounting the component without opting in fails\n * loudly and immediately. This throws in every environment, including production: using an alpha\n * component without its flag is an integration mistake, not a runtime state, the same as\n * {@link useComponentContext} throwing when called outside a `ComponentsProvider`.\n *\n * @param feature - The {@link UnstableFeatures} flag to read.\n * @param options - Set `throwIfDisabled` to throw instead of returning `false` when `feature` is disabled.\n * @throws When `options.throwIfDisabled` is set and `feature` is not enabled.\n * @internal\n */\nexport const useUnstableFeature = (\n  feature: keyof UnstableFeatures,\n  options: { throwIfDisabled?: boolean } = { throwIfDisabled: false },\n): boolean => {\n  const features = useContext(UnstableFeaturesContext)\n  const isEnabled = !!features[feature]\n\n  if (options.throwIfDisabled && !isEnabled) {\n    throw new Error(\n      `This component requires the unstable feature flag \"${feature}\" to be enabled via GustoProvider's \\`unstableFeatures\\` prop.`,\n    )\n  }\n\n  return isEnabled\n}\n"],"names":["UnstableFeaturesContext","createContext","useUnstableFeature","feature","options","isEnabled","useContext"],"mappings":";AA8BO,MAAMA,IAA0BC,EAAgC,CAAA,CAAE,GAiB5DC,IAAqB,CAChCC,GACAC,IAAyC,EAAE,iBAAiB,SAChD;AAEZ,QAAMC,IAAY,CAAC,CADFC,EAAWN,CAAuB,EACtBG,CAAO;AAEpC,MAAIC,EAAQ,mBAAmB,CAACC;AAC9B,UAAM,IAAI;AAAA,MACR,sDAAsDF,CAAO;AAAA,IAAA;AAIjE,SAAOE;AACT;"}

package/dist/helpers/dateFormatting.js

@@ -64,10 +64,10 @@ const s = (t) => {
     year: "numeric"
   });
   return { startDate: a, endDate: i };
-}, $ = (t, e, n, r) => {
+}, F = (t, e, n, r) => {
   const o = s(t), a = s(e);
   if (!o || !a) return "";
-  const i = r?.useShortMonth ? "short" : "long", u = o.toLocaleDateString(n, {
+  const i = r?.useShortMonth ? "short" : "long", m = o.toLocaleDateString(n, {
     month: i,
     day: "numeric"
   }), D = a.toLocaleDateString(n, {
@@ -75,69 +75,73 @@ const s = (t) => {
     day: "numeric",
     year: "numeric"
   });
-  return `${u}–${D}`;
-}, L = (t) => {
+  return `${m}–${D}`;
+}, $ = (t) => {
   if (isNaN(t.getTime()))
     return null;
   const e = String(t.getFullYear()).padStart(4, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
   return `${e}-${n}-${r}`;
-}, F = (t) => {
+}, L = (t) => {
   if (!t) return "";
   const e = s(t);
   if (!e) return "";
   const n = e.getFullYear(), r = String(e.getMonth() + 1).padStart(2, "0"), o = String(e.getDate()).padStart(2, "0");
   return `${n}-${r}-${o}`;
-}, W = (t) => !t || isNaN(t.getTime()) ? null : new Date(t.getFullYear(), t.getMonth(), t.getDate()), m = 1e3 * 60 * 60, d = m * 24, Y = (t) => {
+}, Y = (t) => !t || isNaN(t.getTime()) ? null : new Date(t.getFullYear(), t.getMonth(), t.getDate()), u = 1e3 * 60 * 60, d = u * 24, W = (t) => {
   const e = s(t);
   if (!e) return null;
   const n = /* @__PURE__ */ new Date();
-  return (e.getTime() - n.getTime()) / m;
+  return (e.getTime() - n.getTime()) / u;
 }, k = (t) => {
   const e = s(t);
   if (!e) return null;
   const n = /* @__PURE__ */ new Date();
   return (e.getTime() - n.getTime()) / d;
-}, g = (t) => {
+}, l = (t) => {
   const e = t.getDay();
   return e === 0 || e === 6;
-}, l = (t, e) => {
+}, g = (t, e) => {
   const n = new Date(t);
   return n.setDate(n.getDate() + e), n;
 }, p = (t, e) => {
+  const n = new Date(t);
+  return n.setFullYear(n.getFullYear() + e), n;
+}, P = (t, e) => {
   let n = new Date(t);
   n.setHours(0, 0, 0, 0);
   let r = 0;
   for (; r < e; )
-    n = l(n, 1), g(n) || r++;
+    n = g(n, 1), l(n) || r++;
   return n;
 };
-function P(t, e) {
+function R(t, e) {
   if (!(t == null || e == null))
     return `${String(t).padStart(2, "0")}-${String(e).padStart(2, "0")}`;
 }
-function R(t) {
+function _(t) {
   return new Date(2023, t, 0).getDate();
 }
 export {
-  m as MS_PER_HOUR,
-  p as addBusinessDays,
-  l as addDays,
+  u as MS_PER_HOUR,
+  P as addBusinessDays,
+  g as addDays,
+  p as addYears,
   N as formatDateLong,
   w as formatDateLongWithYear,
   y as formatDateShort,
   h as formatDateShortWithWeekday,
   f as formatDateShortWithWeekdayAndYear,
   S as formatDateShortWithYear,
-  L as formatDateToStringDate,
+  $ as formatDateToStringDate,
   T as formatDateWithTime,
-  P as formatMonthDay,
+  R as formatMonthDay,
   M as formatPayPeriod,
-  $ as formatPayPeriodRange,
-  R as getDaysInMonth,
+  F as formatPayPeriodRange,
+  _ as getDaysInMonth,
   k as getDaysUntil,
-  Y as getHoursUntil,
-  W as normalizeDateToLocal,
+  W as getHoursUntil,
+  Y as normalizeDateToLocal,
   s as normalizeToDate,
-  F as normalizeToISOString
+  L as normalizeToISOString
 };
 //# sourceMappingURL=dateFormatting.js.map