@workos-inc/widgets 1.3.1 → 1.4.1

package/dist/esm/lib/users-management-context.js

@@ -1,42 +1,48 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { useUsersManagementState, } from "./users-management-state.js";
-const UsersManagementContext = React.createContext(undefined);
+import {
+  useUsersManagementState
+} from "./users-management-state.js";
+const UsersManagementContext = React.createContext(void 0);
 UsersManagementContext.displayName = "UsersManagementContext";
 const initialState = {
-    pagination: null,
-    role: null,
-    searchQuery: null,
+  pagination: null,
+  role: null,
+  searchQuery: null
 };
-export const UsersManagementContextProvider = ({ children }) => {
-    const [state, dispatch] = useUsersManagementState(initialState);
-    const context = React.useMemo(() => ({
-        state,
-        dispatch,
-    }), [state, dispatch]);
-    return (_jsx(UsersManagementContext.Provider, { value: context, children: children }));
+const UsersManagementContextProvider = ({ children }) => {
+  const [state, dispatch] = useUsersManagementState(initialState);
+  const context = React.useMemo(
+    () => ({
+      state,
+      dispatch
+    }),
+    [state, dispatch]
+  );
+  return /* @__PURE__ */ jsx(UsersManagementContext.Provider, { value: context, children });
 };
 const NOOP = () => void 0;
 const EMPTY_PAGINATION = {};
-/**
- * The context may be provided if it is instantiated in the tree above the user.
- */
-export function useUsersManagementContext(initialContext) {
-    const context = React.useContext(UsersManagementContext);
-    if (context) {
-        return context;
+function useUsersManagementContext(initialContext) {
+  const context = React.useContext(UsersManagementContext);
+  if (context) {
+    return context;
+  }
+  if (initialContext) {
+    return initialContext;
+  }
+  return {
+    dispatch: NOOP,
+    state: {
+      pagination: EMPTY_PAGINATION,
+      role: null,
+      searchQuery: null
     }
-    if (initialContext) {
-        return initialContext;
-    }
-    return {
-        dispatch: NOOP,
-        state: {
-            pagination: EMPTY_PAGINATION,
-            role: null,
-            searchQuery: null,
-        },
-    };
+  };
 }
+export {
+  UsersManagementContextProvider,
+  useUsersManagementContext
+};
 //# sourceMappingURL=users-management-context.js.map

package/dist/esm/lib/users-management-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"users-management-context.js","sourceRoot":"","sources":["../../../src/lib/users-management-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAQrC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAEhD,SAAS,CAAC,CAAC;AACb,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE9D,MAAM,YAAY,GAAyB;IACzC,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,IAAI;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAEtC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,uBAAuB,CAAC,YAAY,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAC5C,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAC1B,MAAM,gBAAgB,GAAiB,EAAE,CAAC;AAE1C;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,cAAkD;IAElD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAEzD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,OAAO;QACL,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE;YACL,UAAU,EAAE,gBAAgB;YAC5B,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,IAAI;SAClB;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/lib/users-management-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  UsersManagementAction,\n  UsersManagementState,\n  useUsersManagementState,\n} from \"./users-management-state.js\";\nimport { ListMetadata } from \"../api/endpoint.js\";\n\nexport interface UsersManagementContextType {\n  state: UsersManagementState;\n  dispatch: React.Dispatch<UsersManagementAction>;\n}\n\nconst UsersManagementContext = React.createContext<\n  UsersManagementContextType | undefined\n>(undefined);\nUsersManagementContext.displayName = \"UsersManagementContext\";\n\nconst initialState: UsersManagementState = {\n  pagination: null,\n  role: null,\n  searchQuery: null,\n};\n\nexport const UsersManagementContextProvider: React.FC<{\n  children?: React.ReactNode;\n}> = ({ children }) => {\n  const [state, dispatch] = useUsersManagementState(initialState);\n\n  const context = React.useMemo<UsersManagementContextType>(\n    () => ({\n      state,\n      dispatch,\n    }),\n    [state, dispatch],\n  );\n\n  return (\n    <UsersManagementContext.Provider value={context}>\n      {children}\n    </UsersManagementContext.Provider>\n  );\n};\n\nconst NOOP = () => void 0;\nconst EMPTY_PAGINATION: ListMetadata = {};\n\n/**\n * The context may be provided if it is instantiated in the tree above the user.\n */\nexport function useUsersManagementContext(\n  initialContext?: UsersManagementContextType | null,\n): UsersManagementContextType {\n  const context = React.useContext(UsersManagementContext);\n\n  if (context) {\n    return context;\n  }\n\n  if (initialContext) {\n    return initialContext;\n  }\n\n  return {\n    dispatch: NOOP,\n    state: {\n      pagination: EMPTY_PAGINATION,\n      role: null,\n      searchQuery: null,\n    },\n  };\n}\n"],"mappings":";AAwCI;AAtCJ,YAAY,WAAW;AACvB;AAAA,EAGE;AAAA,OACK;AAQP,MAAM,yBAAyB,MAAM,cAEnC,MAAS;AACX,uBAAuB,cAAc;AAErC,MAAM,eAAqC;AAAA,EACzC,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,aAAa;AACf;AAEO,MAAM,iCAER,CAAC,EAAE,SAAS,MAAM;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,wBAAwB,YAAY;AAE9D,QAAM,UAAU,MAAM;AAAA,IACpB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,SACrC,UACH;AAEJ;AAEA,MAAM,OAAO,MAAM;AACnB,MAAM,mBAAiC,CAAC;AAKjC,SAAS,0BACd,gBAC4B;AAC5B,QAAM,UAAU,MAAM,WAAW,sBAAsB;AAEvD,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB;AAClB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,EACF;AACF;","names":[]}

package/dist/esm/lib/users-management-state.d.ts

@@ -1,12 +1,15 @@
-import * as React from "react";
-import { ListMetadata } from "../api/endpoint.js";
-export declare function useUsersManagementState(initialState: UsersManagementState): readonly [UsersManagementState, React.Dispatch<UsersManagementAction>];
-export interface UsersManagementState {
+import * as React from 'react';
+import { ListMetadata } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
+declare function useUsersManagementState(initialState: UsersManagementState): readonly [UsersManagementState, React.ActionDispatch<[action: UsersManagementAction]>];
+interface UsersManagementState {
     searchQuery: string | null;
     role: string | null;
     pagination: ListMetadata | null;
 }
-export type UsersManagementAction = {
+type UsersManagementAction = {
     type: "INIT";
     params: URLSearchParams;
 } | {
@@ -19,4 +22,5 @@ export type UsersManagementAction = {
     type: "SET_PAGINATION";
     pagination: ListMetadata;
 };
-//# sourceMappingURL=users-management-state.d.ts.map
+
+export { type UsersManagementAction, type UsersManagementState, useUsersManagementState };

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

@@ -1,117 +1,120 @@
 import * as React from "react";
 import { canUseDOM } from "./utils.js";
-export 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 useUsersManagementState(initialState) {
+  const [[state, effects], dispatch] = React.useReducer(reducer, [
+    initialState,
+    []
+  ]);
+  React.useEffect(() => {
+    if (window !== window.top) {
+      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 effects = [];
+  const exec = (fn) => {
+    const effect = () => {
+      if (!effect.disposed) {
+        effect.disposed = true;
+        fn();
+      }
     };
-    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;
+    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;
     }
-}
-function updateQueryParams(newParams, args = {}) {
-    if (!canUseDOM) {
-        throw new Error("Cannot update query params on the server");
+    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];
     }
-    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;
+    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
+      ];
     }
-    const newUrl = params.toString()
-        ? `${window.location.pathname}?${params}`
-        : window.location.pathname;
-    if (args.replaceState) {
-        window.history.replaceState({}, "", newUrl);
+    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;
     }
-    else {
-        window.history.pushState({}, "", newUrl);
+    default:
+      return current;
+  }
+}
+function updateQueryParams(newParams, args = {}) {
+  if (!canUseDOM) {
+    throw new Error("Cannot update query params on the server");
+  }
+  if (window !== window.top) {
+    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);
+  }
 }
+export {
+  useUsersManagementState
+};
 //# sourceMappingURL=users-management-state.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"users-management-state.js","sourceRoot":"","sources":["../../../src/lib/users-management-state.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/users-management-state.ts"],"sourcesContent":["import * as React from \"react\";\nimport { canUseDOM } from \"./utils.js\";\nimport { ListMetadata } from \"../api/endpoint.js\";\n\nexport function useUsersManagementState(initialState: UsersManagementState) {\n  const [[state, effects], dispatch] = React.useReducer(reducer, [\n    initialState,\n    [],\n  ]);\n\n  React.useEffect(() => {\n    if (window !== window.top) {\n      // do not use query params if widget is rendered in an iframe\n      return;\n    }\n    const params = new URLSearchParams(window.location.search);\n    dispatch({ type: \"INIT\", params });\n  }, []);\n\n  React.useEffect(() => {\n    for (const effect of effects) {\n      effect();\n    }\n  }, [effects]);\n\n  return [state, dispatch] as const;\n}\n\nfunction reducer(\n  current: StateWithEffects<UsersManagementState>,\n  action: UsersManagementAction,\n): StateWithEffects<UsersManagementState> {\n  const effects: EffectFn[] = [];\n  const exec = (fn: () => void) => {\n    const effect = () => {\n      if (!effect.disposed) {\n        effect.disposed = true;\n        fn();\n      }\n    };\n    effect.disposed = false;\n    effects.push(effect);\n  };\n\n  const [currentState] = current;\n  switch (action.type) {\n    case \"INIT\": {\n      const { params } = action;\n      let role, searchQuery;\n      if ((role = params.get(\"ak_role\"))) {\n        return [{ ...currentState, searchQuery: null, role }, effects];\n      }\n      if ((searchQuery = params.get(\"ak_q\"))) {\n        return [{ ...currentState, searchQuery, role: null }, effects];\n      }\n      return current;\n    }\n    case \"SET_PAGINATION\": {\n      const { pagination } = action;\n      if (\n        (pagination.after &&\n          pagination.after === currentState.pagination?.after) ||\n        (pagination.before &&\n          pagination.before === currentState.pagination?.before)\n      ) {\n        return current;\n      }\n\n      return [{ ...currentState, pagination }, effects];\n    }\n    case \"FILTER_BY_ROLE\": {\n      if (action.role === currentState.role) {\n        return current;\n      }\n      const { role } = action;\n      exec(() =>\n        updateQueryParams(\n          { ak_role: role, ak_q: null },\n          { replaceState: true },\n        ),\n      );\n      return [\n        { ...currentState, pagination: null, role, searchQuery: null },\n        effects,\n      ];\n    }\n    case \"FILTER_BY_SEARCH\": {\n      if (action.searchQuery === currentState.searchQuery) {\n        return current;\n      }\n      const { searchQuery } = action;\n      exec(() =>\n        updateQueryParams(\n          { ak_role: null, ak_q: searchQuery },\n          { replaceState: true },\n        ),\n      );\n      return [\n        { ...currentState, pagination: null, role: null, searchQuery },\n        effects,\n      ];\n      //\n      break;\n    }\n    default:\n      return current;\n  }\n}\n\nexport interface UsersManagementState {\n  searchQuery: string | null;\n  role: string | null;\n  pagination: ListMetadata | null;\n}\n\nexport type UsersManagementAction =\n  | { type: \"INIT\"; params: URLSearchParams }\n  | { type: \"FILTER_BY_SEARCH\"; searchQuery: string | null }\n  | { type: \"FILTER_BY_ROLE\"; role: string | null }\n  | { type: \"SET_PAGINATION\"; pagination: ListMetadata };\n\ntype EffectFn = {\n  (): void;\n  disposed: boolean;\n};\n\ntype StateWithEffects<State> = [State, EffectFn[]];\n\nfunction updateQueryParams(\n  newParams: { [key: string]: { toString(): string } | null },\n  args: { replaceState?: boolean } = {},\n) {\n  if (!canUseDOM) {\n    throw new Error(\"Cannot update query params on the server\");\n  }\n\n  if (window !== window.top) {\n    // do not update query params if widget is rendered in an iframe\n    return;\n  }\n\n  const initialSearch = window.location.search;\n  const params = new URLSearchParams(initialSearch);\n  Object.entries(newParams).forEach(([key, value]) => {\n    if (value != null && value !== \"\") {\n      params.set(key, String(value));\n    } else {\n      params.delete(key);\n    }\n  });\n\n  if (initialSearch === `?${params.toString()}`) {\n    return;\n  }\n\n  const newUrl = params.toString()\n    ? `${window.location.pathname}?${params}`\n    : window.location.pathname;\n\n  if (args.replaceState) {\n    window.history.replaceState({}, \"\", newUrl);\n  } else {\n    window.history.pushState({}, \"\", newUrl);\n  }\n}\n"],"mappings":"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","names":[]}

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

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