@gusto/embedded-react-sdk 0.42.0 → 0.44.0

package/dist/components/TimeOff/index.js

@@ -0,0 +1,27 @@
+import { PolicyList as r } from "./PolicyList/PolicyList.js";
+import { PolicyTypeSelector as t } from "./PolicyTypeSelector/PolicyTypeSelector.js";
+import { PolicySettingsPresentation as m } from "./PolicySettings/PolicySettingsPresentation.js";
+import { AddEmployeesToPolicy as y } from "./AddEmployeesToPolicy/AddEmployeesToPolicy.js";
+import { HolidaySelectionForm as x } from "./HolidaySelectionForm/HolidaySelectionForm.js";
+import { AddEmployeesHoliday as c } from "./AddEmployeesHoliday/AddEmployeesHoliday.js";
+import { ViewHolidayEmployees as s } from "./ViewHolidayEmployees/ViewHolidayEmployees.js";
+import { ViewHolidayPolicyDetails as n } from "./ViewHolidayPolicyDetails/ViewHolidayPolicyDetails.js";
+import { ViewHolidaySchedule as S } from "./ViewHolidaySchedule/ViewHolidaySchedule.js";
+import { TimeOffFlow as T } from "./TimeOffFlow/TimeOffFlow.js";
+import { PolicyConfigurationForm as E } from "./TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
+import { TimeOffPolicyDetailPresentation as V } from "./TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js";
+export {
+  c as AddEmployeesHoliday,
+  y as AddEmployeesToPolicy,
+  x as HolidaySelectionForm,
+  E as PolicyConfigurationForm,
+  r as PolicyList,
+  m as PolicySettings,
+  t as PolicyTypeSelector,
+  T as TimeOffFlow,
+  V as TimeOffPolicyDetailPresentation,
+  s as ViewHolidayEmployees,
+  n as ViewHolidayPolicyDetails,
+  S as ViewHolidaySchedule
+};
+//# sourceMappingURL=index.js.map

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/index.js.map

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

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.d.ts

@@ -0,0 +1,2 @@
+import { EmployeeTableItem, EmployeeTableProps } from './EmployeeTableTypes';
+export declare function EmployeeTable<T extends EmployeeTableItem>({ data, label, additionalColumns, hideJobTitle, searchValue, onSearchChange, onSearchClear, searchPlaceholder, selectionMode, onSelect, onSelectAll, getIsItemSelected, itemMenu, pagination, isFetching, emptyState, emptySearchState, footer, }: EmployeeTableProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,95 @@
+import { jsx as r, jsxs as R } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { useTranslation as V } from "react-i18next";
+import y from "./EmployeeTable.module.scss.js";
+import "../../../../shared/constants.js";
+import "classnames";
+import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as I } from "../../../../i18n/I18n.js";
+import { firstLastName as O } from "../../../../helpers/formattedStrings.js";
+import P from "../../../../assets/icons/search-lg.svg.js";
+import { useDataView as _ } from "../../../Common/DataView/useDataView.js";
+import { DataView as F } from "../../../Common/DataView/DataView.js";
+function Z({
+  data: o,
+  label: n,
+  additionalColumns: i = [],
+  hideJobTitle: c,
+  searchValue: p,
+  onSearchChange: T,
+  onSearchClear: x,
+  searchPlaceholder: g,
+  selectionMode: C,
+  onSelect: u,
+  onSelectAll: E,
+  getIsItemSelected: S,
+  itemMenu: f,
+  pagination: N,
+  isFetching: j,
+  emptyState: h,
+  emptySearchState: s,
+  footer: v
+}) {
+  I("Company.TimeOff.EmployeeTable");
+  const { t } = V("Company.TimeOff.EmployeeTable"), a = b(), m = p.length > 0 && o.length === 0, L = (e) => {
+    T(e), e || x();
+  }, d = l(() => {
+    const e = t("noSearchResults");
+    return function() {
+      return /* @__PURE__ */ r(H, { message: e });
+    };
+  }, [t]), k = l(() => m && s ? s : m ? d : h, [m, s, h, d]), w = l(
+    () => [
+      {
+        key: "name",
+        title: t("name"),
+        render: (e) => /* @__PURE__ */ r(a.Text, { as: "span", id: `employee-name-${e.uuid}`, children: O({
+          first_name: e.firstName,
+          last_name: e.lastName
+        }) })
+      },
+      ...c ? [] : [
+        {
+          key: "jobTitle",
+          title: t("jobTitle"),
+          render: (e) => /* @__PURE__ */ r(a.Text, { as: "span", children: e.jobTitle ?? "" })
+        }
+      ],
+      ...i
+    ],
+    [t, i, c, a]
+  ), D = _({
+    data: o,
+    columns: w,
+    itemMenu: f,
+    pagination: N,
+    isFetching: j,
+    emptyState: k,
+    footer: v,
+    ...u && { selectionMode: C, onSelect: u, onSelectAll: E, getIsItemSelected: S }
+  });
+  return /* @__PURE__ */ R("div", { className: y.root, "data-has-menu": f ? !0 : void 0, children: [
+    /* @__PURE__ */ r("div", { className: y.searchContainer, children: /* @__PURE__ */ r(
+      a.TextInput,
+      {
+        name: "employee-search",
+        type: "search",
+        label: t("searchLabel"),
+        shouldVisuallyHideLabel: !0,
+        placeholder: g ?? t("searchPlaceholder"),
+        value: p,
+        onChange: L,
+        adornmentStart: /* @__PURE__ */ r(P, { "aria-hidden": !0 })
+      }
+    ) }),
+    /* @__PURE__ */ r(F, { label: n ?? t("tableLabel"), ...D })
+  ] });
+}
+function H({ message: o }) {
+  const { Text: n } = b();
+  return /* @__PURE__ */ r(n, { children: o });
+}
+export {
+  Z as EmployeeTable
+};
+//# sourceMappingURL=EmployeeTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeTable.js","sources":["../../../../../src/components/TimeOff/shared/EmployeeTable/EmployeeTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem, EmployeeTableProps } from './EmployeeTableTypes'\nimport styles from './EmployeeTable.module.scss'\nimport { DataView, useDataView } from '@/components/Common'\nimport type { useDataViewProp } from '@/components/Common/DataView/useDataView'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n/I18n'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport SearchIcon from '@/assets/icons/search-lg.svg?react'\n\nexport function EmployeeTable<T extends EmployeeTableItem>({\n  data,\n  label,\n  additionalColumns = [],\n  hideJobTitle,\n  searchValue,\n  onSearchChange,\n  onSearchClear,\n  searchPlaceholder,\n  selectionMode,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  itemMenu,\n  pagination,\n  isFetching,\n  emptyState,\n  emptySearchState,\n  footer,\n}: EmployeeTableProps<T>) {\n  useI18n('Company.TimeOff.EmployeeTable')\n  const { t } = useTranslation('Company.TimeOff.EmployeeTable')\n  const Components = useComponentContext()\n\n  const isSearchWithNoResults = searchValue.length > 0 && data.length === 0\n\n  const handleSearchChange = (value: string) => {\n    onSearchChange(value)\n    if (!value) onSearchClear()\n  }\n\n  const defaultEmptySearch = useMemo(() => {\n    const noSearchResults = t('noSearchResults')\n    return function EmptySearchFallback() {\n      return <DefaultEmptySearchState message={noSearchResults} />\n    }\n  }, [t])\n\n  const resolvedEmptyState = useMemo(() => {\n    if (isSearchWithNoResults && emptySearchState) {\n      return emptySearchState\n    }\n    if (isSearchWithNoResults) {\n      return defaultEmptySearch\n    }\n    return emptyState\n  }, [isSearchWithNoResults, emptySearchState, emptyState, defaultEmptySearch])\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name',\n        title: t('name'),\n        render: (item: T) => (\n          <Components.Text as=\"span\" id={`employee-name-${item.uuid}`}>\n            {firstLastName({\n              first_name: item.firstName,\n              last_name: item.lastName,\n            })}\n          </Components.Text>\n        ),\n      },\n      ...(hideJobTitle\n        ? []\n        : [\n            {\n              key: 'jobTitle' as keyof T,\n              title: t('jobTitle'),\n              render: (item: T) => (\n                <Components.Text as=\"span\">{item.jobTitle ?? ''}</Components.Text>\n              ),\n            },\n          ]),\n      ...additionalColumns,\n    ],\n    [t, additionalColumns, hideJobTitle, Components],\n  )\n\n  const dataViewProps = useDataView<T>({\n    data,\n    columns,\n    itemMenu,\n    pagination,\n    isFetching,\n    emptyState: resolvedEmptyState,\n    footer,\n    ...(onSelect && { selectionMode, onSelect, onSelectAll, getIsItemSelected }),\n  } as useDataViewProp<T>)\n\n  return (\n    <div className={styles.root} data-has-menu={itemMenu ? true : undefined}>\n      <div className={styles.searchContainer}>\n        <Components.TextInput\n          name=\"employee-search\"\n          type=\"search\"\n          label={t('searchLabel')}\n          shouldVisuallyHideLabel\n          placeholder={searchPlaceholder ?? t('searchPlaceholder')}\n          value={searchValue}\n          onChange={handleSearchChange}\n          adornmentStart={<SearchIcon aria-hidden />}\n        />\n      </div>\n      <DataView label={label ?? t('tableLabel')} {...dataViewProps} />\n    </div>\n  )\n}\n\nfunction DefaultEmptySearchState({ message }: { message: string }) {\n  const { Text } = useComponentContext()\n  return <Text>{message}</Text>\n}\n"],"names":["EmployeeTable","data","label","additionalColumns","hideJobTitle","searchValue","onSearchChange","onSearchClear","searchPlaceholder","selectionMode","onSelect","onSelectAll","getIsItemSelected","itemMenu","pagination","isFetching","emptyState","emptySearchState","footer","useI18n","useTranslation","Components","useComponentContext","isSearchWithNoResults","handleSearchChange","value","defaultEmptySearch","useMemo","noSearchResults","jsx","DefaultEmptySearchState","resolvedEmptyState","columns","item","firstLastName","dataViewProps","useDataView","jsxs","styles","SearchIcon","DataView","message","Text"],"mappings":"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"}

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.module.scss.js

@@ -0,0 +1,10 @@
+const o = "_root_kciql_1", t = "_searchContainer_kciql_11", r = {
+  root: o,
+  searchContainer: t
+};
+export {
+  r as default,
+  o as root,
+  t as searchContainer
+};
+//# sourceMappingURL=EmployeeTable.module.scss.js.map

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.module.scss.js.map

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

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/shared/EmployeeTable/EmployeeTableTypes.d.ts

@@ -11,12 +11,14 @@ export interface EmployeeTableProps<T extends EmployeeTableItem> {
     data: T[];
     label?: string;
     additionalColumns?: useDataViewProp<T>['columns'];
+    hideJobTitle?: boolean;
     searchValue: string;
     onSearchChange: (value: string) => void;
     onSearchClear: () => void;
     searchPlaceholder?: string;
     selectionMode?: SelectionMode;
     onSelect?: (item: T, checked: boolean) => void;
+    onSelectAll?: (checked: boolean, visibleItems: T[]) => void;
     getIsItemSelected?: (item: T) => boolean;
     itemMenu?: (item: T) => ReactNode;
     pagination?: PaginationControlProps;

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.d.ts

@@ -0,0 +1,3 @@
+import { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes';
+import { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes';
+export declare function PolicyDetailLayout<T extends EmployeeTableItem>({ title, subtitle, onBack, backLabel, actions, firstTab, selectedTabId, onTabChange, employees, removeDialog, successAlert, onDismissAlert, }: PolicyDetailLayoutProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,86 @@
+import { jsx as n, jsxs as g, Fragment as P } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import { EmployeeTable as E } from "../EmployeeTable/EmployeeTable.js";
+import "../../../../shared/constants.js";
+import "classnames";
+import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as S } from "../../../../i18n/I18n.js";
+import { DetailViewLayout as L } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
+const x = "employees";
+function B({
+  title: l,
+  subtitle: r,
+  onBack: c,
+  backLabel: m,
+  actions: s,
+  firstTab: o,
+  selectedTabId: d,
+  onTabChange: h,
+  employees: e,
+  removeDialog: i,
+  successAlert: a,
+  onDismissAlert: p
+}) {
+  S("Company.TimeOff.PolicyDetail");
+  const { t } = b("Company.TimeOff.PolicyDetail"), { Alert: u, Dialog: C, Box: f } = D(), y = [
+    {
+      id: o.id,
+      label: o.label,
+      content: o.content
+    },
+    {
+      id: x,
+      label: t("tabs.employees"),
+      content: /* @__PURE__ */ n(f, { withPadding: !1, children: /* @__PURE__ */ n(
+        E,
+        {
+          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.emptyState,
+          additionalColumns: e.additionalColumns,
+          hideJobTitle: e.hideJobTitle
+        }
+      ) })
+    }
+  ];
+  return /* @__PURE__ */ g(P, { children: [
+    a && /* @__PURE__ */ n(u, { status: "success", label: a, onDismiss: p }),
+    /* @__PURE__ */ n(
+      L,
+      {
+        title: l,
+        subtitle: r,
+        onBack: c,
+        backLabel: m,
+        actions: s,
+        tabs: y,
+        selectedTabId: d,
+        onTabChange: h
+      }
+    ),
+    /* @__PURE__ */ n(
+      C,
+      {
+        isOpen: i.isOpen,
+        onClose: i.onClose,
+        onPrimaryActionClick: i.onConfirm,
+        isPrimaryActionLoading: i.isPending,
+        isDestructive: !0,
+        title: t("removeEmployeeDialog.title", { name: i.employeeName }),
+        primaryActionLabel: t("removeEmployeeDialog.confirmCta"),
+        closeActionLabel: t("removeEmployeeDialog.cancelCta"),
+        children: t("removeEmployeeDialog.description", { name: i.employeeName })
+      }
+    )
+  ] });
+}
+export {
+  B as PolicyDetailLayout
+};
+//# sourceMappingURL=PolicyDetailLayout.js.map

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

@@ -0,0 +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 } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\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  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Box } = useComponentContext()\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        <Box withPadding={false}>\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={employees.emptyState}\n            additionalColumns={employees.additionalColumns}\n            hideJobTitle={employees.hideJobTitle}\n          />\n        </Box>\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","removeDialog","successAlert","onDismissAlert","useI18n","useTranslation","Alert","Dialog","Box","useComponentContext","tabs","jsx","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;AAQA,MAAMA,IAAmB;AAElB,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,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,KAAAC,EAAA,IAAQC,EAAA,GAEzBC,IAAO;AAAA,IACX;AAAA,MACE,IAAIb,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAO,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAqB,EAACH,GAAA,EAAI,aAAa,IAChB,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAMZ,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,YAAYA,EAAU;AAAA,UACtB,mBAAmBA,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA,EAC1B,CACF;AAAA,IAAA;AAAA,EAEJ;AAGF,SACE,gBAAAa,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAZ,uBAAiBI,GAAA,EAAM,QAAO,WAAU,OAAOJ,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAAvB;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAc;AAAA,QACA,eAAAZ;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAY;AAAA,MAACJ;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/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayoutTypes.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { EmployeeTableItem, EmployeeTableProps } from '../EmployeeTable/EmployeeTableTypes';
+export interface RemoveDialogState {
+    isOpen: boolean;
+    employeeName: string;
+    onConfirm: () => void;
+    onClose: () => void;
+    isPending: boolean;
+}
+export interface PolicyDetailLayoutProps<T extends EmployeeTableItem> {
+    title: string;
+    subtitle?: string;
+    onBack: () => void;
+    backLabel: string;
+    actions?: ReactNode[];
+    firstTab: {
+        id: string;
+        label: string;
+        content: ReactNode;
+    };
+    selectedTabId: string;
+    onTabChange: (id: string) => void;
+    employees: Pick<EmployeeTableProps<T>, 'data' | 'searchValue' | 'onSearchChange' | 'onSearchClear' | 'searchPlaceholder' | 'itemMenu' | 'pagination' | 'isFetching' | 'emptyState' | 'additionalColumns' | 'hideJobTitle'>;
+    removeDialog: RemoveDialogState;
+    successAlert?: string;
+    onDismissAlert?: () => void;
+}

package/dist/components/TimeOff/shared/PolicyDetailLayout/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { PolicyDetailLayout } from './PolicyDetailLayout';
+export type { PolicyDetailLayoutProps, RemoveDialogState } from './PolicyDetailLayoutTypes';

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/shared/holidayHelpers.d.ts

@@ -21,7 +21,7 @@ interface FederalHolidayDef {
 export declare const FEDERAL_HOLIDAYS: FederalHolidayDef[];
 export declare const FEDERAL_HOLIDAY_KEYS: string[];
 export declare function getNextObservationDate(holidayKey: string, referenceDate?: Date): Date;
-export declare function getDefaultHolidayItems(t: TFunction<'Company.TimeOff.HolidayPolicy'>, referenceDate?: Date): HolidayItem[];
+export declare function getDefaultHolidayItems(t: TFunction<'Company.TimeOff.HolidayPolicy'>, referenceDate?: Date, locale?: string): HolidayItem[];
 interface FederalHolidaySelection {
     selected: boolean;
 }

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/shared/holidayHelpers.js

@@ -41,8 +41,8 @@ function l(e, a = /* @__PURE__ */ new Date()) {
   );
   return s >= y ? s : D(t.dateRule, n + 1);
 }
-function r(e) {
-  return e.toLocaleDateString("en-US", {
+function r(e, a) {
+  return e.toLocaleDateString(a, {
     month: "long",
     day: "numeric",
     year: "numeric"
@@ -73,12 +73,12 @@ const m = {
   thanksgiving: "holidays.thanksgiving.observedDate",
   christmasDay: "holidays.christmasDay.observedDate"
 };
-function c(e, a) {
-  return o.map((t) => ({
-    uuid: t.key,
-    name: e(m[t.key]),
-    observedDate: e(k[t.key]),
-    nextObservation: r(l(t.key, a))
+function c(e, a, t) {
+  return o.map((n) => ({
+    uuid: n.key,
+    name: e(m[n.key]),
+    observedDate: e(k[n.key]),
+    nextObservation: r(l(n.key, a), t)
   }));
 }
 function p(e) {

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

@@ -0,0 +1 @@
+{"version":3,"file":"holidayHelpers.js","sources":["../../../../src/components/TimeOff/shared/holidayHelpers.ts"],"sourcesContent":["import type { TFunction } from 'i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\n\ntype HolidayDateRule =\n  | { type: 'fixed'; month: number; day: number }\n  | { type: 'nthWeekday'; month: number; weekday: number; nth: number }\n  | { type: 'lastWeekday'; month: number; weekday: number }\n\ninterface FederalHolidayDef {\n  key: string\n  dateRule: HolidayDateRule\n}\n\nconst MONDAY = 1\nconst THURSDAY = 4\n\nexport const FEDERAL_HOLIDAYS: FederalHolidayDef[] = [\n  { key: 'newYearsDay', dateRule: { type: 'fixed', month: 0, day: 1 } },\n  { key: 'mlkDay', dateRule: { type: 'nthWeekday', month: 0, weekday: MONDAY, nth: 3 } },\n  { key: 'presidentsDay', dateRule: { type: 'nthWeekday', month: 1, weekday: MONDAY, nth: 3 } },\n  { key: 'memorialDay', dateRule: { type: 'lastWeekday', month: 4, weekday: MONDAY } },\n  { key: 'juneteenth', dateRule: { type: 'fixed', month: 5, day: 19 } },\n  { key: 'independenceDay', dateRule: { type: 'fixed', month: 6, day: 4 } },\n  { key: 'laborDay', dateRule: { type: 'nthWeekday', month: 8, weekday: MONDAY, nth: 1 } },\n  { key: 'columbusDay', dateRule: { type: 'nthWeekday', month: 9, weekday: MONDAY, nth: 2 } },\n  { key: 'veteransDay', dateRule: { type: 'fixed', month: 10, day: 11 } },\n  { key: 'thanksgiving', dateRule: { type: 'nthWeekday', month: 10, weekday: THURSDAY, nth: 4 } },\n  { key: 'christmasDay', dateRule: { type: 'fixed', month: 11, day: 25 } },\n]\n\nexport const FEDERAL_HOLIDAY_KEYS = FEDERAL_HOLIDAYS.map(h => h.key)\n\nfunction getNthWeekdayOfMonth(year: number, month: number, weekday: number, nth: number): Date {\n  const first = new Date(year, month, 1)\n  const firstWeekday = first.getDay()\n  let day = 1 + ((weekday - firstWeekday + 7) % 7)\n  day += (nth - 1) * 7\n  return new Date(year, month, day)\n}\n\nfunction getLastWeekdayOfMonth(year: number, month: number, weekday: number): Date {\n  const lastDay = new Date(year, month + 1, 0)\n  const lastDayWeekday = lastDay.getDay()\n  const diff = (lastDayWeekday - weekday + 7) % 7\n  return new Date(year, month, lastDay.getDate() - diff)\n}\n\nfunction computeDate(rule: HolidayDateRule, year: number): Date {\n  switch (rule.type) {\n    case 'fixed':\n      return new Date(year, rule.month, rule.day)\n    case 'nthWeekday':\n      return getNthWeekdayOfMonth(year, rule.month, rule.weekday, rule.nth)\n    case 'lastWeekday':\n      return getLastWeekdayOfMonth(year, rule.month, rule.weekday)\n  }\n}\n\nexport function getNextObservationDate(holidayKey: string, referenceDate: Date = new Date()): Date {\n  const holiday = FEDERAL_HOLIDAYS.find(h => h.key === holidayKey)\n  if (!holiday) {\n    throw new Error(`Unknown holiday key: ${holidayKey}`)\n  }\n\n  const year = referenceDate.getFullYear()\n  const thisYear = computeDate(holiday.dateRule, year)\n\n  const refDateOnly = new Date(\n    referenceDate.getFullYear(),\n    referenceDate.getMonth(),\n    referenceDate.getDate(),\n  )\n\n  if (thisYear >= refDateOnly) {\n    return thisYear\n  }\n  return computeDate(holiday.dateRule, year + 1)\n}\n\nfunction formatDate(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  })\n}\n\nconst HOLIDAY_NAME_KEYS = {\n  newYearsDay: 'holidays.newYearsDay.name',\n  mlkDay: 'holidays.mlkDay.name',\n  presidentsDay: 'holidays.presidentsDay.name',\n  memorialDay: 'holidays.memorialDay.name',\n  juneteenth: 'holidays.juneteenth.name',\n  independenceDay: 'holidays.independenceDay.name',\n  laborDay: 'holidays.laborDay.name',\n  columbusDay: 'holidays.columbusDay.name',\n  veteransDay: 'holidays.veteransDay.name',\n  thanksgiving: 'holidays.thanksgiving.name',\n  christmasDay: 'holidays.christmasDay.name',\n} as const\n\nconst HOLIDAY_DATE_KEYS = {\n  newYearsDay: 'holidays.newYearsDay.observedDate',\n  mlkDay: 'holidays.mlkDay.observedDate',\n  presidentsDay: 'holidays.presidentsDay.observedDate',\n  memorialDay: 'holidays.memorialDay.observedDate',\n  juneteenth: 'holidays.juneteenth.observedDate',\n  independenceDay: 'holidays.independenceDay.observedDate',\n  laborDay: 'holidays.laborDay.observedDate',\n  columbusDay: 'holidays.columbusDay.observedDate',\n  veteransDay: 'holidays.veteransDay.observedDate',\n  thanksgiving: 'holidays.thanksgiving.observedDate',\n  christmasDay: 'holidays.christmasDay.observedDate',\n} as const\n\nexport function getDefaultHolidayItems(\n  t: TFunction<'Company.TimeOff.HolidayPolicy'>,\n  referenceDate?: Date,\n  locale?: string,\n): HolidayItem[] {\n  return FEDERAL_HOLIDAYS.map(holiday => ({\n    uuid: holiday.key,\n    name: t(HOLIDAY_NAME_KEYS[holiday.key as keyof typeof HOLIDAY_NAME_KEYS]),\n    observedDate: t(HOLIDAY_DATE_KEYS[holiday.key as keyof typeof HOLIDAY_DATE_KEYS]),\n    nextObservation: formatDate(getNextObservationDate(holiday.key, referenceDate), locale),\n  }))\n}\n\ninterface FederalHolidaySelection {\n  selected: boolean\n}\n\ntype FederalHolidaysPayload = Record<string, FederalHolidaySelection>\n\nexport function buildFederalHolidaysPayload(selectedKeys: Set<string>): FederalHolidaysPayload {\n  const payload: FederalHolidaysPayload = {}\n  for (const holiday of FEDERAL_HOLIDAYS) {\n    payload[holiday.key] = { selected: selectedKeys.has(holiday.key) }\n  }\n  return payload\n}\n"],"names":["FEDERAL_HOLIDAYS","FEDERAL_HOLIDAY_KEYS","h","getNthWeekdayOfMonth","year","month","weekday","nth","firstWeekday","day","getLastWeekdayOfMonth","lastDay","diff","computeDate","rule","getNextObservationDate","holidayKey","referenceDate","holiday","thisYear","refDateOnly","formatDate","date","locale","HOLIDAY_NAME_KEYS","HOLIDAY_DATE_KEYS","getDefaultHolidayItems","t","buildFederalHolidaysPayload","selectedKeys","payload"],"mappings":"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"}

package/dist/components/TimeOff/shared/holidayHelpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/index.d.ts

@@ -7,7 +7,7 @@ export * as Contractor from './Contractor';
 export * as Employee from './Employee';
 export * as InformationRequests from './InformationRequests';
 export * as Payroll from './Payroll';
-export * as UNSTABLE_TimeOff from './UNSTABLE_TimeOff';
+export * as TimeOff from './TimeOff';
 export * as EmployeeOnboarding from './Employee/exports/employeeOnboarding';
 export * as EmployeeManagement from './Employee/exports/employeeManagement';
 export * as CompanyOnboarding from './Company/exports/companyOnboarding';

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

@@ -19,6 +19,7 @@ export interface GustoProviderProps {
     locale?: string;
     currency?: string;
     theme?: GustoSDKTheme;
+    portalContainer?: HTMLElement;
     queryClient?: QueryClient;
     components: ComponentsContextType;
     LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator'];

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -1,34 +1,37 @@
 import { jsx as o } from "react/jsx-runtime";
-import { ErrorBoundary as E } from "react-error-boundary";
-import { I18nextProvider as g } from "react-i18next";
-import { useEffect as P, useMemo as k } from "react";
+import { ErrorBoundary as g } from "react-error-boundary";
+import { I18nextProvider as P } from "react-i18next";
+import { useEffect as k, useMemo as C } from "react";
 import { ComponentsProvider as S } from "../ComponentAdapter/ComponentsProvider.js";
-import { ApiProvider as C } from "../ApiProvider/ApiProvider.js";
-import { LoadingIndicatorProvider as I } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
-import { sanitizeError as L } from "../ObservabilityProvider/sanitization.js";
+import { ApiProvider as I } from "../ApiProvider/ApiProvider.js";
+import { LoadingIndicatorProvider as L } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
+import { sanitizeError as x } from "../ObservabilityProvider/sanitization.js";
 import { SDKI18next as m } from "./SDKI18next.js";
-import { InternalError as x } from "../../components/Common/InternalError/InternalError.js";
-import { LocaleProvider as z } from "../LocaleProvider/LocaleProvider.js";
+import "../../shared/constants.js";
+import "classnames";
+import { InternalError as z } from "../../components/Common/InternalError/InternalError.js";
+import { LocaleProvider as D } from "../LocaleProvider/LocaleProvider.js";
 import "../LocaleProvider/useLocale.js";
-import { ThemeProvider as D } from "../ThemeProvider/ThemeProvider.js";
-import { normalizeToSDKError as U } from "../../types/sdkError.js";
-import { ObservabilityProvider as T } from "../ObservabilityProvider/ObservabilityProvider.js";
-const V = (s) => {
+import { ThemeProvider as U } from "../ThemeProvider/ThemeProvider.js";
+import { normalizeToSDKError as T } from "../../types/sdkError.js";
+import { ObservabilityProvider as w } from "../ObservabilityProvider/ObservabilityProvider.js";
+const Y = (s) => {
   const {
     children: l,
     config: r,
     dictionary: i,
-    lng: n = "en",
+    lng: t = "en",
     locale: c = "en-US",
     currency: d = "USD",
     theme: p,
-    components: v,
-    LoaderComponent: f,
-    queryClient: b
+    portalContainer: v,
+    components: f,
+    LoaderComponent: b,
+    queryClient: u
   } = s;
   if (i)
-    for (const t in i) {
-      const e = t;
+    for (const n in i) {
+      const e = n;
       for (const a in i[e])
         m.addResourceBundle(
           e,
@@ -38,33 +41,33 @@ const V = (s) => {
           !0
         );
     }
-  P(() => {
-    (async () => await m.changeLanguage(n))();
-  }, [n]);
-  const u = k(() => {
+  k(() => {
+    (async () => await m.changeLanguage(t))();
+  }, [t]);
+  const h = C(() => {
     if (r.observability?.onError)
-      return (t, e) => {
+      return (n, e) => {
         if (!r.observability?.onError) return;
-        const h = {
-          ...U(t),
+        const y = {
+          ...T(n),
           timestamp: Date.now(),
           componentStack: e.componentStack ?? void 0
-        }, y = L(h, r.observability.sanitization);
-        r.observability.onError(y);
+        }, E = x(y, r.observability.sanitization);
+        r.observability.onError(E);
       };
   }, [r.observability]);
-  return /* @__PURE__ */ o(S, { value: v, children: /* @__PURE__ */ o(I, { value: f, children: /* @__PURE__ */ o(T, { observability: r.observability, children: /* @__PURE__ */ o(E, { FallbackComponent: x, onError: u, children: /* @__PURE__ */ o(D, { theme: p, children: /* @__PURE__ */ o(z, { locale: c, currency: d, children: /* @__PURE__ */ o(g, { i18n: m, children: /* @__PURE__ */ o(
-    C,
+  return /* @__PURE__ */ o(S, { value: f, children: /* @__PURE__ */ o(L, { value: b, children: /* @__PURE__ */ o(w, { observability: r.observability, children: /* @__PURE__ */ o(g, { FallbackComponent: z, onError: h, children: /* @__PURE__ */ o(U, { theme: p, portalContainer: v, children: /* @__PURE__ */ o(D, { locale: c, currency: d, children: /* @__PURE__ */ o(P, { i18n: m, children: /* @__PURE__ */ o(
+    I,
     {
       url: r.baseUrl,
       headers: r.headers,
       hooks: r.hooks,
-      queryClient: b,
+      queryClient: u,
       children: l
     }
-  ) }, n) }) }) }) }) }) });
+  ) }, t) }) }) }) }) }) });
 };
 export {
-  V as GustoProviderCustomUIAdapter
+  Y as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport type { ErrorInfo } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { ObservabilityProvider } from '../ObservabilityProvider'\nimport { sanitizeError } from '../ObservabilityProvider/sanitization'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\nimport type { ObservabilityHook } from '@/types/observability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n  observability?: ObservabilityHook\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n    queryClient,\n  } = props\n\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  const handleTopLevelError = useMemo(() => {\n    if (!config.observability?.onError) return undefined\n\n    return (error: unknown, errorInfo: ErrorInfo) => {\n      if (!config.observability?.onError) return\n\n      const sdkError = normalizeToSDKError(error)\n\n      const observabilityError = {\n        ...sdkError,\n        timestamp: Date.now(),\n        componentStack: errorInfo.componentStack ?? undefined,\n      }\n\n      const sanitizedError = sanitizeError(observabilityError, config.observability.sanitization)\n\n      config.observability.onError(sanitizedError)\n    }\n  }, [config.observability])\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ObservabilityProvider observability={config.observability}>\n          <ErrorBoundary FallbackComponent={InternalError} onError={handleTopLevelError}>\n            <ThemeProvider theme={theme}>\n              <LocaleProvider locale={locale} currency={currency}>\n                <I18nextProvider i18n={SDKI18next} key={lng}>\n                  <ApiProvider\n                    url={config.baseUrl}\n                    headers={config.headers}\n                    hooks={config.hooks}\n                    queryClient={queryClient}\n                  >\n                    {children}\n                  </ApiProvider>\n                </I18nextProvider>\n              </LocaleProvider>\n            </ThemeProvider>\n          </ErrorBoundary>\n        </ObservabilityProvider>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","queryClient","language","lang","ns","SDKI18next","useEffect","handleTopLevelError","useMemo","error","errorInfo","observabilityError","normalizeToSDKError","sanitizedError","sanitizeError","jsx","ComponentsProvider","LoadingIndicatorProvider","ObservabilityProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;;AAiDA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEV;AAEJ,MAAIG;AACF,eAAWQ,KAAYR,GAAY;AACjC,YAAMS,IAAOD;AACb,iBAAWE,KAAMV,EAAWS,CAAI;AAC9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCV,EAAWS,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAGF,EAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeV,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC;AAER,QAAMY,IAAsBC,EAAQ,MAAM;AACxC,QAAKf,EAAO,eAAe;AAE3B,aAAO,CAACgB,GAAgBC,MAAyB;AAC/C,YAAI,CAACjB,EAAO,eAAe,QAAS;AAIpC,cAAMkB,IAAqB;AAAA,UACzB,GAHeC,EAAoBH,CAAK;AAAA,UAIxC,WAAW,KAAK,IAAA;AAAA,UAChB,gBAAgBC,EAAU,kBAAkB;AAAA,QAAA,GAGxCG,IAAiBC,EAAcH,GAAoBlB,EAAO,cAAc,YAAY;AAE1F,QAAAA,EAAO,cAAc,QAAQoB,CAAc;AAAA,MAC7C;AAAA,EACF,GAAG,CAACpB,EAAO,aAAa,CAAC;AACzB,SACE,gBAAAsB,EAACC,GAAA,EAAmB,OAAOjB,GACzB,UAAA,gBAAAgB,EAACE,GAAA,EAAyB,OAAOjB,GAC/B,UAAA,gBAAAe,EAACG,GAAA,EAAsB,eAAezB,EAAO,eAC3C,UAAA,gBAAAsB,EAACI,GAAA,EAAc,mBAAmBC,GAAe,SAASb,GACxD,UAAA,gBAAAQ,EAACM,GAAA,EAAc,OAAAvB,GACb,UAAA,gBAAAiB,EAACO,GAAA,EAAe,QAAA1B,GAAgB,UAAAC,GAC9B,UAAA,gBAAAkB,EAACQ,GAAA,EAAgB,MAAMlB,GACrB,UAAA,gBAAAU;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAK/B,EAAO;AAAA,MACZ,SAASA,EAAO;AAAA,MAChB,OAAOA,EAAO;AAAA,MACd,aAAAQ;AAAA,MAEC,UAAAT;AAAA,IAAA;AAAA,EAAA,KAPmCG,CASxC,GACF,GACF,EAAA,CACF,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport type { ErrorInfo } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { ObservabilityProvider } from '../ObservabilityProvider'\nimport { sanitizeError } from '../ObservabilityProvider/sanitization'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\nimport type { ObservabilityHook } from '@/types/observability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n  observability?: ObservabilityHook\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  portalContainer?: HTMLElement\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    portalContainer,\n    components,\n    LoaderComponent,\n    queryClient,\n  } = props\n\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  const handleTopLevelError = useMemo(() => {\n    if (!config.observability?.onError) return undefined\n\n    return (error: unknown, errorInfo: ErrorInfo) => {\n      if (!config.observability?.onError) return\n\n      const sdkError = normalizeToSDKError(error)\n\n      const observabilityError = {\n        ...sdkError,\n        timestamp: Date.now(),\n        componentStack: errorInfo.componentStack ?? undefined,\n      }\n\n      const sanitizedError = sanitizeError(observabilityError, config.observability.sanitization)\n\n      config.observability.onError(sanitizedError)\n    }\n  }, [config.observability])\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ObservabilityProvider observability={config.observability}>\n          <ErrorBoundary FallbackComponent={InternalError} onError={handleTopLevelError}>\n            <ThemeProvider theme={theme} portalContainer={portalContainer}>\n              <LocaleProvider locale={locale} currency={currency}>\n                <I18nextProvider i18n={SDKI18next} key={lng}>\n                  <ApiProvider\n                    url={config.baseUrl}\n                    headers={config.headers}\n                    hooks={config.hooks}\n                    queryClient={queryClient}\n                  >\n                    {children}\n                  </ApiProvider>\n                </I18nextProvider>\n              </LocaleProvider>\n            </ThemeProvider>\n          </ErrorBoundary>\n        </ObservabilityProvider>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","portalContainer","components","LoaderComponent","queryClient","language","lang","ns","SDKI18next","useEffect","handleTopLevelError","useMemo","error","errorInfo","observabilityError","normalizeToSDKError","sanitizedError","sanitizeError","jsx","ComponentsProvider","LoadingIndicatorProvider","ObservabilityProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;;;;AAkDA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEX;AAEJ,MAAIG;AACF,eAAWS,KAAYT,GAAY;AACjC,YAAMU,IAAOD;AACb,iBAAWE,KAAMX,EAAWU,CAAI;AAC9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCX,EAAWU,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAGF,EAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeX,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC;AAER,QAAMa,IAAsBC,EAAQ,MAAM;AACxC,QAAKhB,EAAO,eAAe;AAE3B,aAAO,CAACiB,GAAgBC,MAAyB;AAC/C,YAAI,CAAClB,EAAO,eAAe,QAAS;AAIpC,cAAMmB,IAAqB;AAAA,UACzB,GAHeC,EAAoBH,CAAK;AAAA,UAIxC,WAAW,KAAK,IAAA;AAAA,UAChB,gBAAgBC,EAAU,kBAAkB;AAAA,QAAA,GAGxCG,IAAiBC,EAAcH,GAAoBnB,EAAO,cAAc,YAAY;AAE1F,QAAAA,EAAO,cAAc,QAAQqB,CAAc;AAAA,MAC7C;AAAA,EACF,GAAG,CAACrB,EAAO,aAAa,CAAC;AACzB,SACE,gBAAAuB,EAACC,GAAA,EAAmB,OAAOjB,GACzB,UAAA,gBAAAgB,EAACE,GAAA,EAAyB,OAAOjB,GAC/B,UAAA,gBAAAe,EAACG,GAAA,EAAsB,eAAe1B,EAAO,eAC3C,UAAA,gBAAAuB,EAACI,GAAA,EAAc,mBAAmBC,GAAe,SAASb,GACxD,UAAA,gBAAAQ,EAACM,GAAA,EAAc,OAAAxB,GAAc,iBAAAC,GAC3B,UAAA,gBAAAiB,EAACO,GAAA,EAAe,QAAA3B,GAAgB,UAAAC,GAC9B,UAAA,gBAAAmB,EAACQ,GAAA,EAAgB,MAAMlB,GACrB,UAAA,gBAAAU;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAKhC,EAAO;AAAA,MACZ,SAASA,EAAO;AAAA,MAChB,OAAOA,EAAO;AAAA,MACd,aAAAS;AAAA,MAEC,UAAAV;AAAA,IAAA;AAAA,EAAA,KAPmCG,CASxC,GACF,GACF,EAAA,CACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/contexts/ThemeProvider/ThemeProvider.d.ts

@@ -2,6 +2,14 @@ import { default as React } from 'react';
 import { GustoSDKTheme } from './theme';
 export interface ThemeProviderProps {
     theme?: GustoSDKTheme;
+    /**
+     * Element to use as the portal container for all SDK overlays (Select, ComboBox,
+     * DatePicker, Menu, etc.). Defaults to the SDK's root article element.
+     *
+     * Pass `document.body` (or another stable element outside the SDK's container)
+     * when your app's scroll or clipping context interferes with overlay positioning.
+     */
+    portalContainer?: HTMLElement;
     children?: React.ReactNode;
 }
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;

package/dist/contexts/ThemeProvider/ThemeProvider.js

@@ -1,33 +1,38 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useRef as m, useMemo as u, useEffect as i } from "react";
-import { ThemeContext as l } from "./useTheme.js";
-import { mergePartnerTheme as d } from "./theme.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useRef as u, useCallback as f, useMemo as a, useEffect as h } from "react";
+import { ThemeContext as p } from "./useTheme.js";
+import { mergePartnerTheme as C } from "./theme.js";
 /* empty css                    */
-const C = ({
+const D = ({
   theme: n = {},
-  children: r
+  portalContainer: t,
+  children: o
 }) => {
-  const e = m(null), t = m(null), o = u(
-    () => d(n),
+  const e = u(null), r = u(null), i = f(
+    (d) => {
+      r.current = t ?? d;
+    },
+    [t]
+  ), s = a(
+    () => C(n),
     [n]
-  ), s = u(
+  ), c = a(
     () => `.GSDK{
-${a(o).join(`
+${l(s).join(`
 `)}
 }`,
-    [o]
+    [s]
   );
-  return i(() => {
-    e.current || (e.current = document.createElement("style"), e.current.setAttribute("data-testid", "GSDK"), document.head.appendChild(e.current)), e.current.textContent = s;
-  }, [s]), // @ts-expect-error HACK fix mismatch where containerRef allows null
-  /* @__PURE__ */ c(l.Provider, { value: { container: t }, children: /* @__PURE__ */ c("article", { className: "GSDK", "data-testid": "GSDK", ref: t, children: r }) });
-}, a = (n, r) => {
-  const e = [];
-  for (const [t, o] of Object.entries(n))
-    typeof o == "object" ? e.push(...a(o, r ? r + "-" + t : t)) : e.push(`--g-${r ? r + "-" + t : t}: ${o};`);
-  return e;
+  return h(() => {
+    e.current || (e.current = document.createElement("style"), e.current.setAttribute("data-testid", "GSDK"), document.head.appendChild(e.current)), e.current.textContent = c;
+  }, [c]), /* @__PURE__ */ m(p.Provider, { value: { container: r }, children: /* @__PURE__ */ m("article", { className: "GSDK", "data-testid": "GSDK", ref: i, children: o }) });
+}, l = (n, t) => {
+  const o = [];
+  for (const [e, r] of Object.entries(n))
+    typeof r == "object" ? o.push(...l(r, t ? t + "-" + e : e)) : o.push(`--g-${t ? t + "-" + e : e}: ${r};`);
+  return o;
 };
 export {
-  C as ThemeProvider
+  D as ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map