@workos-inc/widgets 1.4.1 → 1.4.2

package/dist/cjs/lib/users-management-state.js

@@ -0,0 +1,143 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUsersManagementState = useUsersManagementState;
+const React = __importStar(require("react"));
+const utils_js_1 = require("./utils.js");
+function useUsersManagementState(initialState) {
+    const [[state, effects], dispatch] = React.useReducer(reducer, [
+        initialState,
+        [],
+    ]);
+    React.useEffect(() => {
+        if (window !== window.top) {
+            // do not use query params if widget is rendered in an iframe
+            return;
+        }
+        const params = new URLSearchParams(window.location.search);
+        dispatch({ type: "INIT", params });
+    }, []);
+    React.useEffect(() => {
+        for (const effect of effects) {
+            effect();
+        }
+    }, [effects]);
+    return [state, dispatch];
+}
+function reducer(current, action) {
+    const effects = [];
+    const exec = (fn) => {
+        const effect = () => {
+            if (!effect.disposed) {
+                effect.disposed = true;
+                fn();
+            }
+        };
+        effect.disposed = false;
+        effects.push(effect);
+    };
+    const [currentState] = current;
+    switch (action.type) {
+        case "INIT": {
+            const { params } = action;
+            let role, searchQuery;
+            if ((role = params.get("ak_role"))) {
+                return [{ ...currentState, searchQuery: null, role }, effects];
+            }
+            if ((searchQuery = params.get("ak_q"))) {
+                return [{ ...currentState, searchQuery, role: null }, effects];
+            }
+            return current;
+        }
+        case "SET_PAGINATION": {
+            const { pagination } = action;
+            if ((pagination.after &&
+                pagination.after === currentState.pagination?.after) ||
+                (pagination.before &&
+                    pagination.before === currentState.pagination?.before)) {
+                return current;
+            }
+            return [{ ...currentState, pagination }, effects];
+        }
+        case "FILTER_BY_ROLE": {
+            if (action.role === currentState.role) {
+                return current;
+            }
+            const { role } = action;
+            exec(() => updateQueryParams({ ak_role: role, ak_q: null }, { replaceState: true }));
+            return [
+                { ...currentState, pagination: null, role, searchQuery: null },
+                effects,
+            ];
+        }
+        case "FILTER_BY_SEARCH": {
+            if (action.searchQuery === currentState.searchQuery) {
+                return current;
+            }
+            const { searchQuery } = action;
+            exec(() => updateQueryParams({ ak_role: null, ak_q: searchQuery }, { replaceState: true }));
+            return [
+                { ...currentState, pagination: null, role: null, searchQuery },
+                effects,
+            ];
+            //
+            break;
+        }
+        default:
+            return current;
+    }
+}
+function updateQueryParams(newParams, args = {}) {
+    if (!utils_js_1.canUseDOM) {
+        throw new Error("Cannot update query params on the server");
+    }
+    if (window !== window.top) {
+        // do not update query params if widget is rendered in an iframe
+        return;
+    }
+    const initialSearch = window.location.search;
+    const params = new URLSearchParams(initialSearch);
+    Object.entries(newParams).forEach(([key, value]) => {
+        if (value != null && value !== "") {
+            params.set(key, String(value));
+        }
+        else {
+            params.delete(key);
+        }
+    });
+    if (initialSearch === `?${params.toString()}`) {
+        return;
+    }
+    const newUrl = params.toString()
+        ? `${window.location.pathname}?${params}`
+        : window.location.pathname;
+    if (args.replaceState) {
+        window.history.replaceState({}, "", newUrl);
+    }
+    else {
+        window.history.pushState({}, "", newUrl);
+    }
+}
+//# sourceMappingURL=users-management-state.js.map

package/dist/cjs/lib/users-management-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-management-state.js","sourceRoot":"","sources":["../../../src/lib/users-management-state.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,0DAsBC;AA1BD,6CAA+B;AAC/B,yCAAuC;AAGvC,SAAgB,uBAAuB,CAAC,YAAkC;IACxE,MAAM,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE;QAC7D,YAAY;QACZ,EAAE;KACH,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,KAAK,MAAM,CAAC,GAAG,EAAE,CAAC;YAC1B,6DAA6D;YAC7D,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AACpC,CAAC;AAED,SAAS,OAAO,CACd,OAA+C,EAC/C,MAA6B;IAE7B,MAAM,OAAO,GAAe,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,CAAC,EAAc,EAAE,EAAE;QAC9B,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACrB,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACvB,EAAE,EAAE,CAAC;YACP,CAAC;QACH,CAAC,CAAC;QACF,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC;IAC/B,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;YAC1B,IAAI,IAAI,EAAE,WAAW,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;gBACnC,OAAO,CAAC,EAAE,GAAG,YAAY,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC;YACjE,CAAC;YACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;gBACvC,OAAO,CAAC,EAAE,GAAG,YAAY,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC;YACjE,CAAC;YACD,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,KAAK,gBAAgB,CAAC,CAAC,CAAC;YACtB,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;YAC9B,IACE,CAAC,UAAU,CAAC,KAAK;gBACf,UAAU,CAAC,KAAK,KAAK,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC;gBACtD,CAAC,UAAU,CAAC,MAAM;oBAChB,UAAU,CAAC,MAAM,KAAK,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,EACxD,CAAC;gBACD,OAAO,OAAO,CAAC;YACjB,CAAC;YAED,OAAO,CAAC,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,EAAE,OAAO,CAAC,CAAC;QACpD,CAAC;QACD,KAAK,gBAAgB,CAAC,CAAC,CAAC;YACtB,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,EAAE,CAAC;gBACtC,OAAO,OAAO,CAAC;YACjB,CAAC;YACD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;YACxB,IAAI,CAAC,GAAG,EAAE,CACR,iBAAiB,CACf,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAC7B,EAAE,YAAY,EAAE,IAAI,EAAE,CACvB,CACF,CAAC;YACF,OAAO;gBACL,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE;gBAC9D,OAAO;aACR,CAAC;QACJ,CAAC;QACD,KAAK,kBAAkB,CAAC,CAAC,CAAC;YACxB,IAAI,MAAM,CAAC,WAAW,KAAK,YAAY,CAAC,WAAW,EAAE,CAAC;gBACpD,OAAO,OAAO,CAAC;YACjB,CAAC;YACD,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;YAC/B,IAAI,CAAC,GAAG,EAAE,CACR,iBAAiB,CACf,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,EACpC,EAAE,YAAY,EAAE,IAAI,EAAE,CACvB,CACF,CAAC;YACF,OAAO;gBACL,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE;gBAC9D,OAAO;aACR,CAAC;YACF,EAAE;YACF,MAAM;QACR,CAAC;QACD;YACE,OAAO,OAAO,CAAC;IACnB,CAAC;AACH,CAAC;AAqBD,SAAS,iBAAiB,CACxB,SAA2D,EAC3D,OAAmC,EAAE;IAErC,IAAI,CAAC,oBAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;IAED,IAAI,MAAM,KAAK,MAAM,CAAC,GAAG,EAAE,CAAC;QAC1B,gEAAgE;QAChE,OAAO;IACT,CAAC;IAED,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC7C,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACjD,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YAClC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,aAAa,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC;QAC9C,OAAO;IACT,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE;QAC9B,CAAC,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,MAAM,EAAE;QACzC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAE7B,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;IAC9C,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;AACH,CAAC"}

package/dist/cjs/lib/users-management.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { MemberRole, MembersQueryResult } from "../api/endpoint.js";
+interface UsersManagementProps {
+    rolesData: {
+        roles: MemberRole[];
+        multipleRolesEnabled: boolean;
+    };
+    userData: MembersQueryResult;
+    disableRolesFilter?: boolean;
+    isPending: boolean;
+}
+export declare const UsersManagement: ({ userData, rolesData, isPending, disableRolesFilter, }: UsersManagementProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const UsersManagementLoading: React.FC;
+export declare function UsersManagementError({ error }: {
+    error: unknown;
+}): import("react/jsx-runtime.js").JSX.Element;
+export {};
+//# sourceMappingURL=users-management.d.ts.map

package/dist/cjs/lib/users-management.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-management.d.ts","sourceRoot":"","sources":["../../../src/lib/users-management.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B,OAAO,EAAU,UAAU,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG5E,UAAU,oBAAoB;IAC5B,SAAS,EAAE;QAAE,KAAK,EAAE,UAAU,EAAE,CAAC;QAAC,oBAAoB,EAAE,OAAO,CAAA;KAAE,CAAC;IAClE,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,4DAKzB,oBAAoB,+CA+MtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAsF1C,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,8CAWjE"}

package/dist/cjs/lib/users-management.js

@@ -0,0 +1,209 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UsersManagementLoading = exports.UsersManagement = void 0;
+exports.UsersManagementError = UsersManagementError;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const themes_1 = require("@radix-ui/themes");
+const elements_js_1 = require("./elements.js");
+const invite_user_dialog_js_1 = require("./invite-user-dialog.js");
+const search_provider_js_1 = require("./search-provider.js");
+const use_is_hydrated_js_1 = require("./use-is-hydrated.js");
+const user_actions_dropdown_js_1 = require("./user-actions-dropdown.js");
+const users_filter_js_1 = require("./users-filter.js");
+const users_search_js_1 = require("./users-search.js");
+const utils_js_1 = require("./utils.js");
+const constants_js_1 = require("./constants.js");
+const users_management_context_js_1 = require("./users-management-context.js");
+const clsx_1 = __importDefault(require("clsx"));
+const generic_error_js_1 = require("./generic-error.js");
+const UsersManagement = ({ userData, rolesData, isPending, disableRolesFilter, }) => {
+    const users = userData?.data ?? [];
+    const usersCount = users?.length ?? 0;
+    const isHydrated = (0, use_is_hydrated_js_1.useIsHydrated)();
+    const { listMetadata: pagination = {} } = userData;
+    const { dispatch } = (0, users_management_context_js_1.useUsersManagementContext)();
+    const isMultipleRolesEnabled = rolesData.multipleRolesEnabled;
+    // we only want to show the loading indicator for some buttons if the request
+    // is still pending after 500ms. If the request is fast enough the indicator
+    // is a bit jarring.
+    const [deferredLoading, setDeferredLoading] = React.useState(false);
+    React.useEffect(() => {
+        if (isPending) {
+            const timeoutId = window.setTimeout(() => {
+                setDeferredLoading(true);
+            }, 500);
+            return () => {
+                window.clearTimeout(timeoutId);
+            };
+        }
+        else {
+            setDeferredLoading(false);
+        }
+    }, [isPending]);
+    const showPagination = !!(pagination.before || pagination.after);
+    return ((0, jsx_runtime_1.jsx)(search_provider_js_1.SearchProvider, { children: (0, jsx_runtime_1.jsxs)(UsersManagementRoot, { children: [(0, jsx_runtime_1.jsxs)(themes_1.Grid, { columns: "1fr auto", gap: "2", children: [(0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "2", align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.Box, { flexBasis: "380px", flexGrow: "0", flexShrink: "1", children: (0, jsx_runtime_1.jsx)(users_search_js_1.UsersSearch, {}) }), (0, jsx_runtime_1.jsx)(themes_1.Box, { flexGrow: "0", flexShrink: "0", children: (0, jsx_runtime_1.jsx)(users_filter_js_1.UsersFilter, { roles: rolesData.roles, disabled: disableRolesFilter }) })] }), (0, jsx_runtime_1.jsx)(themes_1.Box, { flexGrow: "0", flexShrink: "0", style: { placeSelf: "flex-end" }, children: (0, jsx_runtime_1.jsx)(invite_user_dialog_js_1.InviteUserDialog, { children: (0, jsx_runtime_1.jsx)(elements_js_1.PrimaryButton, { children: "Invite user" }) }) })] }), (0, jsx_runtime_1.jsxs)(themes_1.Table.Root, { variant: "ghost", size: "1", children: [(0, jsx_runtime_1.jsx)(themes_1.Table.Header, { children: (0, jsx_runtime_1.jsxs)(themes_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, { width: "260px", children: "User" }), (0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, { width: "100px", children: `Role${isMultipleRolesEnabled ? "s" : ""}` }), (0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, { width: "140px", children: "Last active" }), (0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, { width: "28px" })] }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.Body, { style: {
+                                transition: `opacity 0.2s ease-out ${isPending ? "0.2s" : "0s"}`,
+                                opacity: isPending && usersCount > 0 ? 0.5 : 1,
+                            }, children: users.length > 0 ? (users.map((user) => {
+                                const userDisplayName = (0, utils_js_1.getBestName)(user);
+                                const dimText = user.status === "InviteRevoked" ||
+                                    user.status === "InviteExpired";
+                                return ((0, jsx_runtime_1.jsxs)(themes_1.Table.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.Table.RowHeaderCell, { children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { align: "center", gap: "3", overflow: "hidden", height: "var(--space-7)", children: [(0, jsx_runtime_1.jsx)(elements_js_1.Avatar, { size: "2", fallback: (0, jsx_runtime_1.jsx)(FallbackUserIcon, {}), src: user.profilePictureUrl ?? undefined, dim: dimText }), userDisplayName ? ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", align: "start", height: "var(--space-7)", justify: "center", overflow: "hidden", children: [(0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "2", align: "center", minWidth: "0", children: [(0, jsx_runtime_1.jsx)(TableCellText, { dim: dimText, children: userDisplayName }), (0, jsx_runtime_1.jsx)(UserBadge, { user: user })] }), (0, jsx_runtime_1.jsx)(TableCellText, { level: "secondary", title: user.email, dim: dimText, children: user.email })] })) : ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "2", align: "center", minWidth: "0", children: [(0, jsx_runtime_1.jsx)(TableCellText, { dim: dimText, title: user.email, children: user.email }), (0, jsx_runtime_1.jsx)(UserBadge, { user: user })] }))] }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.Cell, { children: (0, jsx_runtime_1.jsx)(UserRolesCellContent, { user: user, isMultipleRolesEnabled: isMultipleRolesEnabled, dimText: dimText }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.Cell, { children: (0, jsx_runtime_1.jsx)(LastActive, { user: user, isHydrated: isHydrated }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.Cell, { justify: "end", children: (0, jsx_runtime_1.jsx)(user_actions_dropdown_js_1.UserActionsDropdown, { user: user, children: (0, jsx_runtime_1.jsxs)(elements_js_1.IconButton, { title: "User actions", children: [(0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: "User actions" }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "16", height: "16", strokeWidth: 1.5, stroke: "currentColor", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" }) })] }) }) })] }, user.id));
+                            })) : ((0, jsx_runtime_1.jsx)(themes_1.Table.Row, { align: "center", children: (0, jsx_runtime_1.jsx)(themes_1.Table.Cell, { colSpan: 4, children: (0, jsx_runtime_1.jsx)(UsersManagementEmptyState, { isPending: isPending }) }) })) })] }), showPagination ? ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "2", justify: "end", children: [(0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { size: "1", disabled: !pagination.after || isPending || undefined, loading: deferredLoading, onClick: () => {
+                                if (pagination.after) {
+                                    dispatch({
+                                        type: "SET_PAGINATION",
+                                        pagination: { after: pagination.after },
+                                    });
+                                }
+                            }, children: "Previous" }), (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { size: "1", disabled: !pagination.before || isPending || undefined, loading: deferredLoading, onClick: () => {
+                                if (pagination.before) {
+                                    dispatch({
+                                        type: "SET_PAGINATION",
+                                        pagination: { before: pagination.before },
+                                    });
+                                }
+                            }, children: "Next" })] })) : null] }) }));
+};
+exports.UsersManagement = UsersManagement;
+const UsersManagementLoading = () => {
+    return ((0, jsx_runtime_1.jsxs)(UsersManagementRoot, { children: [(0, jsx_runtime_1.jsxs)(themes_1.Grid, { columns: "1fr auto", gap: "2", children: [(0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "2", align: "center", children: [(0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { loading: true, children: (0, jsx_runtime_1.jsx)(themes_1.Box, { flexBasis: "380px", flexGrow: "0", flexShrink: "1", children: (0, jsx_runtime_1.jsx)(elements_js_1.TextField, {}) }) }), (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { loading: true, children: (0, jsx_runtime_1.jsx)(themes_1.Box, { flexGrow: "0", flexShrink: "0", children: (0, jsx_runtime_1.jsxs)(themes_1.Select.Root, { value: "all", onValueChange: () => void 0, children: [(0, jsx_runtime_1.jsx)(elements_js_1.SelectTrigger, { children: "All" }), (0, jsx_runtime_1.jsx)(elements_js_1.SelectContent, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SelectItem, { value: "all", children: "All" }) })] }) }) })] }), (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { loading: true, children: (0, jsx_runtime_1.jsx)(themes_1.Box, { flexGrow: "0", flexShrink: "0", style: { placeSelf: "flex-end" }, children: (0, jsx_runtime_1.jsx)(elements_js_1.PrimaryButton, { children: "Invite user" }) }) })] }), (0, jsx_runtime_1.jsxs)(themes_1.Table.Root, { variant: "ghost", size: "1", children: [(0, jsx_runtime_1.jsx)(themes_1.Table.Header, { children: (0, jsx_runtime_1.jsxs)(themes_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, { width: "260px", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { loading: true, children: "User" }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, { width: "100px", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "Role" }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, { width: "140px", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "Last active" }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, { width: "28px" })] }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.Body, { children: Array.from({ length: constants_js_1.USER_ROW_LIMIT }, (_, index) => ((0, jsx_runtime_1.jsxs)(themes_1.Table.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.Table.RowHeaderCell, { children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { align: "center", gap: "3", children: [(0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: (0, jsx_runtime_1.jsx)(elements_js_1.Avatar, { size: "2", fallback: "F" }) }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", height: "var(--space-7)", justify: "center", children: [(0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { width: "180px", height: "var(--space-4)" }), (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { width: "90px", height: "var(--space-3)", mt: "1" })] })] }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.Cell, { children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { wrap: "wrap", gap: "1", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { width: "75px", height: "var(--space-4)" }) }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.Cell, { children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { width: "120px", height: "var(--space-4)" }) }), (0, jsx_runtime_1.jsx)(themes_1.Table.Cell, { justify: "end" })] }, index))) })] }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "2", justify: "end", children: [(0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { loading: true, children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { size: "1", children: "Previous" }) }), (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { loading: true, children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { size: "1", children: "Next" }) })] })] }));
+};
+exports.UsersManagementLoading = UsersManagementLoading;
+function UsersManagementError({ error }) {
+    return ((0, jsx_runtime_1.jsx)(UsersManagementRoot, { direction: "row", justify: "center", align: "center", minHeight: "676px", children: (0, jsx_runtime_1.jsx)(generic_error_js_1.GenericError, { error: error }) }));
+}
+function UsersManagementRoot({ className, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Flex, { className: (0, clsx_1.default)("woswidgets-widget", className), "data-woswidgets-widget-id": "users-management", direction: "column", gap: "3", ...props, children: children }));
+}
+function UserBadge({ user }) {
+    // TODO: This is not yet available in the data. Update here after API is updated.
+    if (user.isLoggedInUser) {
+        return ((0, jsx_runtime_1.jsx)(elements_js_1.Badge, { color: "gray", style: { userSelect: "none" }, children: "You" }));
+    }
+    if (user.status === "Invited") {
+        return ((0, jsx_runtime_1.jsxs)(elements_js_1.Badge, { color: "amber", style: { userSelect: "none" }, children: [(0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: "Status: " }), "Invited"] }));
+    }
+    if (user.status === "InviteExpired") {
+        return ((0, jsx_runtime_1.jsxs)(elements_js_1.Badge, { color: "red", style: { userSelect: "none" }, children: [(0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: "Status: Invite " }), "Expired"] }));
+    }
+    if (user.status === "InviteRevoked") {
+        return ((0, jsx_runtime_1.jsxs)(elements_js_1.Badge, { color: "red", style: { userSelect: "none" }, children: [(0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: "Status: Invite " }), "Revoked"] }));
+    }
+    return null;
+}
+function LastActive(props) {
+    if (!props.user.lastActivityAt) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: props.user.status === "Active" ? "Never" : "Not active" }), (0, jsx_runtime_1.jsx)(themes_1.Separator, {})] }));
+    }
+    return (0, jsx_runtime_1.jsx)(LastActiveImpl, { ...props, date: props.user.lastActivityAt });
+}
+function LastActiveImpl({ date, isHydrated, dim, }) {
+    const { lastActiveDateTime, lastActiveDisplay } = React.useMemo(() => {
+        const defaultTimeZone = "America/Los_Angeles";
+        const lastActiveDate = new Date(date);
+        const lastActiveDateTime = lastActiveDate.toLocaleTimeString("en-US", {
+            // hard-coded timezone before hydration to prevent server/client mismatch
+            timeZone: isHydrated ? undefined : defaultTimeZone,
+            month: "long",
+            day: "numeric",
+            year: "numeric",
+            hour: "numeric",
+            minute: "numeric",
+        });
+        // Server and client may produce a different 'now' date, so only
+        // show comparative date if the component is hydrated to prevent a
+        // server/client mismatch
+        const lastActiveDisplay = isHydrated
+            ? (0, utils_js_1.getComparativeReadableDate)(new Date(), lastActiveDate)
+            : lastActiveDate.toLocaleDateString("en-US", {
+                // hard-coded timezone to prevent server/client mismatch
+                timeZone: defaultTimeZone,
+                month: "long",
+                day: "numeric",
+                year: "numeric",
+            });
+        return { lastActiveDateTime, lastActiveDisplay };
+    }, [isHydrated, date]);
+    // handle cases where the DB might return an invalid date string
+    if (lastActiveDisplay === "Invalid Date") {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: "Unknown" }), (0, jsx_runtime_1.jsx)(themes_1.Separator, {})] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(TableCellText, { asChild: true, dim: dim, children: (0, jsx_runtime_1.jsx)("time", { dateTime: date, title: lastActiveDateTime, children: lastActiveDisplay }) }));
+}
+const TableCellText = React.forwardRef(function TableCellText({ children, dim, level = "primary", ...props }, forwardedRef) {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Text, { ref: forwardedRef, color: level === "secondary" ? "gray" : undefined, weight: level === "secondary" ? "regular" : "medium", size: level === "secondary" ? "1" : "2", truncate: true, ...props, style: dim
+            ? {
+                // TODO: use CSS var instead of hard-coded value for opacity
+                opacity: 0.6,
+                ...props.style,
+            }
+            : props.style, children: children }));
+});
+const FallbackUserIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", viewBox: "0 0 256 256", children: [(0, jsx_runtime_1.jsx)("title", { children: "User icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M229.19,213c-15.81-27.32-40.63-46.49-69.47-54.62a70,70,0,1,0-63.44,0C67.44,166.5,42.62,185.67,26.81,213a6,6,0,1,0,10.38,6C56.4,185.81,90.34,166,128,166s71.6,19.81,90.81,53a6,6,0,1,0,10.38-6ZM70,96a58,58,0,1,1,58,58A58.07,58.07,0,0,1,70,96Z" })] }));
+const UsersManagementEmptyState = ({ isPending }) => {
+    const { clearSearch } = (0, search_provider_js_1.useSearchContext)();
+    const { state: { searchQuery }, } = (0, users_management_context_js_1.useUsersManagementContext)();
+    // When the search query is cleared, the users query is re-fetched which sends
+    // us into a pending state. When this happens we want to keep a snapshot of
+    // the previous search query while the query is revalidated. We can use this
+    // to keep the 'No users found for query' UI in place until re-fetching is
+    // complete, otherwise the view flips to 'No users found' very quickly before
+    // the full table is shown again.
+    const [{ isClearing, lastSearchQuery }, setClearing] = React.useState({
+        isClearing: false,
+        lastSearchQuery: null,
+    });
+    const [wasPending, setWasPending] = React.useState(isPending);
+    if (wasPending !== isPending) {
+        setWasPending(isPending);
+        if (!isPending) {
+            setClearing((prev) => prev.isClearing ? { isClearing: false, lastSearchQuery: null } : prev);
+        }
+    }
+    if (searchQuery || isClearing) {
+        return ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { align: "center", justify: "center", py: "8", direction: "column", gap: "2", children: [(0, jsx_runtime_1.jsxs)(themes_1.Text, { size: "2", children: ["No users found for query", " ", (0, jsx_runtime_1.jsxs)(themes_1.Text, { weight: "medium", children: ["\u201C", isClearing ? lastSearchQuery : searchQuery, "\u201D"] })] }), (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { size: "1", onClick: () => {
+                        setClearing({ isClearing: true, lastSearchQuery: searchQuery });
+                        clearSearch();
+                    }, loading: isPending, children: "Clear search" })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(themes_1.Flex, { align: "center", justify: "center", py: "8", gap: "2", children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", children: "No users found" }) }));
+};
+function UserRolesCellContent({ user, isMultipleRolesEnabled, dimText, }) {
+    if (!user.roles || user.roles.length === 0) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: "No roles assigned" }), (0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, style: { userSelect: "none" }, children: "\u2013" })] }));
+    }
+    if (isMultipleRolesEnabled && user.roles.length > 1) {
+        return ((0, jsx_runtime_1.jsx)(themes_1.Tooltip, { content: user.roles?.map((role) => role.name).join(", "), maxWidth: "250px", children: (0, jsx_runtime_1.jsx)(TableCellText, { dim: dimText, children: (0, utils_js_1.pluralize)("role", user.roles.length) }) }));
+    }
+    return (0, jsx_runtime_1.jsx)(TableCellText, { dim: dimText, children: user.roles?.[0]?.name });
+}
+//# sourceMappingURL=users-management.js.map

package/dist/cjs/lib/users-management.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-management.js","sourceRoot":"","sources":["../../../src/lib/users-management.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/lib/users-search.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare const UsersSearch: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/text-field.js").RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=users-search.d.ts.map

package/dist/cjs/lib/users-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-search.d.ts","sourceRoot":"","sources":["../../../src/lib/users-search.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,WAAW,sMAyDvB,CAAC"}

package/dist/cjs/lib/users-search.js

@@ -0,0 +1,63 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UsersSearch = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
+const react_icons_1 = require("@radix-ui/react-icons");
+const themes_1 = require("@radix-ui/themes");
+const clsx_1 = __importDefault(require("clsx"));
+const React = __importStar(require("react"));
+const use_debounce_1 = require("use-debounce");
+const elements_js_1 = require("./elements.js");
+const search_provider_js_1 = require("./search-provider.js");
+const users_management_context_js_1 = require("./users-management-context.js");
+const utils_js_1 = require("./utils.js");
+exports.UsersSearch = React.forwardRef(({ className, ...props }, ref) => {
+    const { inputRef, clearSearch, searchValue, setSearchValue } = (0, search_provider_js_1.useSearchContext)();
+    const { dispatch } = (0, users_management_context_js_1.useUsersManagementContext)();
+    const filter = (0, use_debounce_1.useDebouncedCallback)((value) => {
+        dispatch({ type: "FILTER_BY_SEARCH", searchQuery: value });
+    }, 200);
+    const resetSearch = () => {
+        clearSearch();
+        filter.cancel();
+    };
+    return ((0, jsx_runtime_1.jsxs)(elements_js_1.TextField, { ref: (0, react_compose_refs_1.useComposedRefs)(inputRef, ref), className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("users-search"), className), autoComplete: "off", placeholder: "Search by name or e-mail", value: searchValue, onChange: (event) => {
+            const value = event.target.value;
+            setSearchValue(value);
+            filter(value);
+        }, onKeyDown: (event) => {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                resetSearch();
+            }
+        }, ...props, children: [(0, jsx_runtime_1.jsx)(elements_js_1.TextFieldSlot, { side: "left", children: (0, jsx_runtime_1.jsx)(react_icons_1.MagnifyingGlassIcon, { "aria-hidden": "true", height: "16", width: "16" }) }), (0, jsx_runtime_1.jsx)(elements_js_1.TextFieldSlot, { side: "right", children: searchValue && ((0, jsx_runtime_1.jsx)(themes_1.IconButton, { size: "1", color: "gray", variant: "ghost", radius: "full", onClick: resetSearch, "aria-label": "Clear search", title: "Clear search", children: (0, jsx_runtime_1.jsx)(react_icons_1.Cross2Icon, { "aria-hidden": "true" }) })) })] }));
+});
+//# sourceMappingURL=users-search.js.map

package/dist/cjs/lib/users-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-search.js","sourceRoot":"","sources":["../../../src/lib/users-search.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qEAA+D;AAC/D,uDAAwE;AACxE,6CAA8C;AAC9C,gDAAsB;AACtB,6CAA+B;AAC/B,+CAAoD;AACpD,+CAAyD;AACzD,6DAAwD;AACxD,+EAA0E;AAC1E,yCAAiD;AAIpC,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,GAC1D,IAAA,qCAAgB,GAAE,CAAC;IACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,uDAAyB,GAAE,CAAC;IAEjD,MAAM,MAAM,GAAG,IAAA,mCAAoB,EAAC,CAAC,KAAK,EAAE,EAAE;QAC5C,QAAQ,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,EAAE,CAAC;QACd,MAAM,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,uBAAS,IACR,GAAG,EAAE,IAAA,oCAAe,EAAC,QAAQ,EAAE,GAAG,CAAC,EACnC,SAAS,EAAE,IAAA,cAAE,EAAC,IAAA,8BAAmB,EAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EAC7D,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,0BAA0B,EACtC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACjC,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,MAAM,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC,EACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,WAAW,EAAE,CAAC;YAChB,CAAC;QACH,CAAC,KACG,KAAK,aAET,uBAAC,2BAAa,IAAC,IAAI,EAAC,MAAM,YACxB,uBAAC,iCAAmB,mBAAa,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,GACnD,EAEhB,uBAAC,2BAAa,IAAC,IAAI,EAAC,OAAO,YACxB,WAAW,IAAI,CACd,uBAAC,mBAAU,IACT,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,OAAO,EAAE,WAAW,gBACT,cAAc,EACzB,KAAK,EAAC,cAAc,YAEpB,uBAAC,wBAAU,mBAAa,MAAM,GAAG,GACtB,CACd,GACa,IACN,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/cjs/lib/utils.d.ts

@@ -0,0 +1,27 @@
+import { Member } from "../api/endpoint.js";
+export declare const canUseDOM: boolean;
+export declare function getBestName({ firstName, lastName, }: Pick<Member, "firstName" | "lastName">): string | null;
+export declare function getComparativeReadableDate(now: Date, then: Date, options?: {
+    timeZone?: string;
+}): string;
+export declare function isObjectLike(value: unknown): value is Record<string, unknown>;
+export declare function isErrorLike(value: unknown): value is Record<string, unknown> & {
+    message: string;
+};
+export declare function parseErrorResponse(response: Response): Promise<{
+    message: string;
+    status: number;
+}>;
+export declare function namespaceClassNames(className: string): string;
+export declare function namespaceClassNames(...classNames: string[]): string;
+export declare function parseUserAgent(userAgent?: string | null): {
+    pretty: string;
+    isMobile: boolean;
+};
+export declare function getUserLocation(location?: {
+    cityName: string;
+    countryISOCode: string;
+} | null, ipAddress?: string | null): string;
+export declare function unreachable(value: never): never;
+export declare function pluralize(word?: string, amount?: number, showAmount?: boolean): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/cjs/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAI5C,eAAO,MAAM,SAAS,SAIrB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,GACT,EAAE,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,UAAU,CAAC,iBAExC;AAED,wBAAgB,0BAA0B,CACxC,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,IAAI,EACV,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9B,MAAM,CAwCR;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAE7E;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAExD;AAED,wBAAsB,kBAAkB,CACtC,QAAQ,EAAE,QAAQ,GACjB,OAAO,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAoB9C;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;AAC/D,wBAAgB,mBAAmB,CAAC,GAAG,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;AAOrE,wBAAgB,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;;;EAOvD;AAED,wBAAgB,eAAe,CAC7B,QAAQ,CAAC,EAAE;IACT,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;CACxB,GAAG,IAAI,EACR,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,UAc1B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAE/C;AAED,wBAAgB,SAAS,CAAC,IAAI,SAAK,EAAE,MAAM,SAAI,EAAE,UAAU,UAAO,GAAG,MAAM,CAE1E"}