@workos-inc/widgets 1.4.2 → 1.5.1

package/dist/cjs/user-profile.client.cjs

@@ -0,0 +1,61 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var user_profile_client_exports = {};
+__export(user_profile_client_exports, {
+  UserProfile: () => UserProfile,
+  UserProfileLoading: () => import_user_profile.UserProfileLoading
+});
+module.exports = __toCommonJS(user_profile_client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_user_profile = require("./lib/user-profile.js");
+var import_endpoint = require("./api/endpoint.js");
+var import_api_provider = require("./api/api-provider.js");
+var import_widgets_context = require("./lib/widgets-context.js");
+var import_error_boundary = require("./lib/error-boundary.js");
+const UserProfile = ({ authToken }) => {
+  const baseUrl = (0, import_widgets_context.useWorkOsApiUrl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_api_provider.ApiProvider,
+    {
+      widgetType: "user-profile",
+      authToken,
+      baseUrl,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserProfileContent, {})
+    }
+  );
+};
+const UserProfileContent = () => {
+  const isApiReady = (0, import_api_provider.useApiReady)();
+  const meQuery = (0, import_endpoint.useMe)();
+  if (!isApiReady || meQuery.isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_profile.UserProfileLoading, {});
+  }
+  if (meQuery.isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_profile.UserProfileError, { error: meQuery.error });
+  }
+  const user = meQuery.data;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { FallbackComponent: import_user_profile.UserProfileError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_profile.UserProfile, { userData: user }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UserProfile,
+  UserProfileLoading
+});
+//# sourceMappingURL=user-profile.client.cjs.map

package/dist/cjs/user-profile.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/user-profile.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  UserProfileError,\n  UserProfileLoading,\n  UserProfile as UserProfilePresentational,\n} from \"./lib/user-profile.js\";\nimport { useMe } from \"./api/endpoint.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\n\nexport interface UserProfileProps {\n  authToken: AuthToken;\n}\n\nexport const UserProfile: React.FC<UserProfileProps> = ({ authToken }) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ApiProvider\n      widgetType=\"user-profile\"\n      authToken={authToken}\n      baseUrl={baseUrl}\n    >\n      <UserProfileContent />\n    </ApiProvider>\n  );\n};\n\nexport { UserProfileLoading };\n\nconst UserProfileContent = () => {\n  const isApiReady = useApiReady();\n  const meQuery = useMe();\n\n  if (!isApiReady || meQuery.isLoading) {\n    return <UserProfileLoading />;\n  }\n\n  if (meQuery.isError) {\n    return <UserProfileError error={meQuery.error} />;\n  }\n\n  const user = meQuery.data!;\n\n  return (\n    <ErrorBoundary FallbackComponent={UserProfileError}>\n      <UserProfilePresentational userData={user} />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BM;AAvBN,0BAIO;AACP,sBAAsB;AACtB,0BAAoD;AACpD,6BAAgC;AAChC,4BAA8B;AAMvB,MAAM,cAA0C,CAAC,EAAE,UAAU,MAAM;AACxE,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,sDAAC,sBAAmB;AAAA;AAAA,EACtB;AAEJ;AAIA,MAAM,qBAAqB,MAAM;AAC/B,QAAM,iBAAa,iCAAY;AAC/B,QAAM,cAAU,uBAAM;AAEtB,MAAI,CAAC,cAAc,QAAQ,WAAW;AACpC,WAAO,4CAAC,0CAAmB;AAAA,EAC7B;AAEA,MAAI,QAAQ,SAAS;AACnB,WAAO,4CAAC,wCAAiB,OAAO,QAAQ,OAAO;AAAA,EACjD;AAEA,QAAM,OAAO,QAAQ;AAErB,SACE,4CAAC,uCAAc,mBAAmB,sCAChC,sDAAC,oBAAAA,aAAA,EAA0B,UAAU,MAAM,GAC7C;AAEJ;","names":["UserProfilePresentational"]}

package/dist/cjs/user-profile.client.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export { UserProfileLoading } from './lib/user-profile.cjs';
+import { AuthToken } from './api/api-provider.cjs';
+import 'react/jsx-runtime';
+import './api/endpoint.cjs';
+import '@tanstack/react-query';
+import './api/widgets-api-client.cjs';
+
+interface UserProfileProps {
+    authToken: AuthToken;
+}
+declare const UserProfile: React.FC<UserProfileProps>;
+
+export { UserProfile, type UserProfileProps };

package/dist/cjs/user-security.client.cjs

@@ -0,0 +1,68 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var user_security_client_exports = {};
+__export(user_security_client_exports, {
+  UserSecurity: () => UserSecurity,
+  UserSecurityLoading: () => import_user_security.UserSecurityLoading
+});
+module.exports = __toCommonJS(user_security_client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_api_provider = require("./api/api-provider.js");
+var import_endpoint = require("./api/endpoint.js");
+var import_user_security = require("./lib/user-security.js");
+var import_widgets_context = require("./lib/widgets-context.js");
+var import_error_boundary = require("./lib/error-boundary.js");
+const UserSecurity = ({ authToken }) => {
+  const baseUrl = (0, import_widgets_context.useWorkOsApiUrl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_api_provider.ApiProvider,
+    {
+      widgetType: "user-security",
+      authToken,
+      baseUrl,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserSecurityContent, {})
+    }
+  );
+};
+const UserSecurityContent = () => {
+  const isApiReady = (0, import_api_provider.useApiReady)();
+  const {
+    data: settings,
+    isLoading,
+    isError,
+    isSuccess,
+    error
+  } = (0, import_endpoint.useAuthenticationInformation)({
+    query: { enabled: isApiReady }
+  });
+  if (!isApiReady || isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_security.UserSecurityLoading, {});
+  }
+  if (isError || !isSuccess) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_security.UserSecurityError, { error });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { FallbackComponent: import_user_security.UserSecurityError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_security.UserSecurity, { settings: settings.data }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UserSecurity,
+  UserSecurityLoading
+});
+//# sourceMappingURL=user-security.client.cjs.map

package/dist/cjs/user-security.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/user-security.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport { useAuthenticationInformation } from \"./api/endpoint.js\";\nimport {\n  UserSecurityError,\n  UserSecurityLoading,\n  UserSecurity as UserSecurityPresentational,\n} from \"./lib/user-security.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\n\nexport interface UserSecurityProps {\n  authToken: AuthToken;\n}\n\nexport const UserSecurity: React.FC<UserSecurityProps> = ({ authToken }) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ApiProvider\n      widgetType=\"user-security\"\n      authToken={authToken}\n      baseUrl={baseUrl}\n    >\n      <UserSecurityContent />\n    </ApiProvider>\n  );\n};\n\nexport { UserSecurityLoading };\n\nconst UserSecurityContent = () => {\n  const isApiReady = useApiReady();\n  const {\n    data: settings,\n    isLoading,\n    isError,\n    isSuccess,\n    error,\n  } = useAuthenticationInformation({\n    query: { enabled: isApiReady },\n  });\n\n  if (!isApiReady || isLoading) {\n    return <UserSecurityLoading />;\n  }\n\n  if (isError || !isSuccess) {\n    return <UserSecurityError error={error} />;\n  }\n\n  return (\n    <ErrorBoundary FallbackComponent={UserSecurityError}>\n      <UserSecurityPresentational settings={settings.data} />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BM;AAvBN,0BAAoD;AACpD,sBAA6C;AAC7C,2BAIO;AACP,6BAAgC;AAChC,4BAA8B;AAMvB,MAAM,eAA4C,CAAC,EAAE,UAAU,MAAM;AAC1E,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,sDAAC,uBAAoB;AAAA;AAAA,EACvB;AAEJ;AAIA,MAAM,sBAAsB,MAAM;AAChC,QAAM,iBAAa,iCAAY;AAC/B,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,8CAA6B;AAAA,IAC/B,OAAO,EAAE,SAAS,WAAW;AAAA,EAC/B,CAAC;AAED,MAAI,CAAC,cAAc,WAAW;AAC5B,WAAO,4CAAC,4CAAoB;AAAA,EAC9B;AAEA,MAAI,WAAW,CAAC,WAAW;AACzB,WAAO,4CAAC,0CAAkB,OAAc;AAAA,EAC1C;AAEA,SACE,4CAAC,uCAAc,mBAAmB,wCAChC,sDAAC,qBAAAA,cAAA,EAA2B,UAAU,SAAS,MAAM,GACvD;AAEJ;","names":["UserSecurityPresentational"]}

package/dist/cjs/user-security.client.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { AuthToken } from './api/api-provider.cjs';
+export { UserSecurityLoading } from './lib/user-security.cjs';
+import 'react/jsx-runtime';
+import './api/endpoint.cjs';
+import '@tanstack/react-query';
+import './api/widgets-api-client.cjs';
+
+interface UserSecurityProps {
+    authToken: AuthToken;
+}
+declare const UserSecurity: React.FC<UserSecurityProps>;
+
+export { UserSecurity, type UserSecurityProps };

package/dist/cjs/user-sessions.client.cjs

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var user_sessions_client_exports = {};
+__export(user_sessions_client_exports, {
+  UserSessions: () => UserSessions,
+  UserSessionsLoading: () => import_user_sessions.UserSessionsLoading
+});
+module.exports = __toCommonJS(user_sessions_client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_user_sessions = require("./lib/user-sessions.js");
+var import_endpoint = require("./api/endpoint.js");
+var import_api_provider = require("./api/api-provider.js");
+var import_widgets_context = require("./lib/widgets-context.js");
+var import_error_boundary = require("./lib/error-boundary.js");
+var import_react_query = require("@tanstack/react-query");
+var import_utils = require("./api/utils.js");
+const UserSessions = (props) => {
+  const baseUrl = (0, import_widgets_context.useWorkOsApiUrl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_api_provider.ApiProvider,
+    {
+      widgetType: "user-sessions",
+      authToken: props.authToken,
+      baseUrl,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        UserSessionsContent,
+        {
+          currentSessionId: "currentSessionId" in props ? props.currentSessionId : void 0
+        }
+      )
+    }
+  );
+};
+const UserSessionsContent = ({
+  currentSessionId
+}) => {
+  const isApiReady = (0, import_api_provider.useApiReady)();
+  const sessionsQuery = (0, import_endpoint.useSessions)();
+  const currentSessionIdQuery = useCurrentSessionIdQuery(currentSessionId);
+  if (!isApiReady || sessionsQuery.isLoading || currentSessionIdQuery.isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_sessions.UserSessionsLoading, {});
+  }
+  if (sessionsQuery.isError || currentSessionIdQuery.isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_user_sessions.UserSessionsError,
+      {
+        error: sessionsQuery.error || currentSessionIdQuery.error
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { FallbackComponent: import_user_sessions.UserSessionsError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_user_sessions.UserSessions,
+    {
+      sessionsData: sessionsQuery.data?.data || [],
+      currentSessionId: currentSessionIdQuery.data ?? ""
+    }
+  ) });
+};
+function useCurrentSessionIdQuery(currentSessionId) {
+  const { authToken } = (0, import_api_provider.useApi)();
+  return (0, import_react_query.useQuery)({
+    queryKey: ["authToken", authToken],
+    queryFn: authToken ? async () => {
+      if (currentSessionId) {
+        return currentSessionId;
+      }
+      const { sid } = (0, import_utils.getClaims)(authToken);
+      return sid;
+    } : import_react_query.skipToken
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UserSessions,
+  UserSessionsLoading
+});
+//# sourceMappingURL=user-sessions.client.cjs.map

package/dist/cjs/user-sessions.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/user-sessions.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  UserSessionsError,\n  UserSessionsLoading,\n  UserSessions as UserSessionsPresentational,\n} from \"./lib/user-sessions.js\";\nimport { useSessions } from \"./api/endpoint.js\";\nimport { ApiProvider, useApi, useApiReady } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { useQuery, skipToken } from \"@tanstack/react-query\";\nimport { getClaims } from \"./api/utils.js\";\n\ntype UserSessionsWithoutCurrentSessionIdProps = {\n  authToken: () => Promise<string>;\n};\n\ntype UserSessionsWithCurrentSessionIdProps = {\n  authToken: string;\n  currentSessionId: string;\n};\n\nexport type UserSessionsProps =\n  | UserSessionsWithoutCurrentSessionIdProps\n  | UserSessionsWithCurrentSessionIdProps;\n\nexport const UserSessions: React.FC<UserSessionsProps> = (props) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ApiProvider\n      widgetType=\"user-sessions\"\n      authToken={props.authToken}\n      baseUrl={baseUrl}\n    >\n      <UserSessionsContent\n        currentSessionId={\n          \"currentSessionId\" in props ? props.currentSessionId : undefined\n        }\n      />\n    </ApiProvider>\n  );\n};\n\nexport { UserSessionsLoading };\n\nconst UserSessionsContent = ({\n  currentSessionId,\n}: {\n  currentSessionId?: string;\n}) => {\n  const isApiReady = useApiReady();\n  const sessionsQuery = useSessions();\n  const currentSessionIdQuery = useCurrentSessionIdQuery(currentSessionId);\n\n  if (\n    !isApiReady ||\n    sessionsQuery.isLoading ||\n    currentSessionIdQuery.isLoading\n  ) {\n    return <UserSessionsLoading />;\n  }\n\n  if (sessionsQuery.isError || currentSessionIdQuery.isError) {\n    return (\n      <UserSessionsError\n        error={sessionsQuery.error || currentSessionIdQuery.error}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary FallbackComponent={UserSessionsError}>\n      <UserSessionsPresentational\n        sessionsData={sessionsQuery.data?.data || []}\n        currentSessionId={currentSessionIdQuery.data ?? \"\"}\n      />\n    </ErrorBoundary>\n  );\n};\n\nfunction useCurrentSessionIdQuery(currentSessionId?: string) {\n  const { authToken } = useApi();\n\n  return useQuery({\n    queryKey: [\"authToken\", authToken],\n    queryFn: authToken\n      ? async () => {\n          if (currentSessionId) {\n            return currentSessionId;\n          }\n\n          const { sid } = getClaims(authToken);\n          return sid;\n        }\n      : skipToken,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCM;AAlCN,2BAIO;AACP,sBAA4B;AAC5B,0BAAiD;AACjD,6BAAgC;AAChC,4BAA8B;AAC9B,yBAAoC;AACpC,mBAA0B;AAenB,MAAM,eAA4C,CAAC,UAAU;AAClE,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAW,MAAM;AAAA,MACjB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,kBACE,sBAAsB,QAAQ,MAAM,mBAAmB;AAAA;AAAA,MAE3D;AAAA;AAAA,EACF;AAEJ;AAIA,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AACF,MAEM;AACJ,QAAM,iBAAa,iCAAY;AAC/B,QAAM,oBAAgB,6BAAY;AAClC,QAAM,wBAAwB,yBAAyB,gBAAgB;AAEvE,MACE,CAAC,cACD,cAAc,aACd,sBAAsB,WACtB;AACA,WAAO,4CAAC,4CAAoB;AAAA,EAC9B;AAEA,MAAI,cAAc,WAAW,sBAAsB,SAAS;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,cAAc,SAAS,sBAAsB;AAAA;AAAA,IACtD;AAAA,EAEJ;AAEA,SACE,4CAAC,uCAAc,mBAAmB,wCAChC;AAAA,IAAC,qBAAAA;AAAA,IAAA;AAAA,MACC,cAAc,cAAc,MAAM,QAAQ,CAAC;AAAA,MAC3C,kBAAkB,sBAAsB,QAAQ;AAAA;AAAA,EAClD,GACF;AAEJ;AAEA,SAAS,yBAAyB,kBAA2B;AAC3D,QAAM,EAAE,UAAU,QAAI,4BAAO;AAE7B,aAAO,6BAAS;AAAA,IACd,UAAU,CAAC,aAAa,SAAS;AAAA,IACjC,SAAS,YACL,YAAY;AACV,UAAI,kBAAkB;AACpB,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,IAAI,QAAI,wBAAU,SAAS;AACnC,aAAO;AAAA,IACT,IACA;AAAA,EACN,CAAC;AACH;","names":["UserSessionsPresentational"]}

package/dist/cjs/user-sessions.client.d.cts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export { UserSessionsLoading } from './lib/user-sessions.cjs';
+import 'react/jsx-runtime';
+import './api/endpoint.cjs';
+import '@tanstack/react-query';
+import './api/widgets-api-client.cjs';
+
+type UserSessionsWithoutCurrentSessionIdProps = {
+    authToken: () => Promise<string>;
+};
+type UserSessionsWithCurrentSessionIdProps = {
+    authToken: string;
+    currentSessionId: string;
+};
+type UserSessionsProps = UserSessionsWithoutCurrentSessionIdProps | UserSessionsWithCurrentSessionIdProps;
+declare const UserSessions: React.FC<UserSessionsProps>;
+
+export { UserSessions, type UserSessionsProps };

package/dist/cjs/users-management.client.cjs

@@ -0,0 +1,82 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var users_management_client_exports = {};
+__export(users_management_client_exports, {
+  UsersManagement: () => UsersManagement,
+  UsersManagementLoading: () => import_users_management.UsersManagementLoading
+});
+module.exports = __toCommonJS(users_management_client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_endpoint = require("./api/endpoint.js");
+var import_api_provider = require("./api/api-provider.js");
+var import_user = require("./lib/api/user.js");
+var import_users_management = require("./lib/users-management.js");
+var import_users_management_context = require("./lib/users-management-context.js");
+var import_widgets_context = require("./lib/widgets-context.js");
+var import_error_boundary = require("./lib/error-boundary.js");
+var import_use_permissions = require("./lib/use-permissions.js");
+const UsersManagement = ({
+  authToken
+}) => {
+  const baseUrl = (0, import_widgets_context.useWorkOsApiUrl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { FallbackComponent: import_users_management.UsersManagementError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_api_provider.ApiProvider,
+    {
+      widgetType: "user-management",
+      authToken,
+      baseUrl,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_users_management_context.UsersManagementContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsersManagementContent, {}) })
+    }
+  ) });
+};
+const UsersManagementContent = () => {
+  const isApiReady = (0, import_api_provider.useApiReady)();
+  const rolesAndConfigQuery = (0, import_endpoint.useRolesAndConfig)({
+    query: { initialData: { roles: [], multipleRolesEnabled: false } }
+  });
+  const usersQuery = (0, import_user.useUsers)();
+  const permissionsQuery = (0, import_use_permissions.usePermissions)("widgets:users-table:manage");
+  if (permissionsQuery.isLoading || usersQuery.isLoading || rolesAndConfigQuery.isLoading || usersQuery.isPending || !isApiReady) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_users_management.UsersManagementLoading, {});
+  }
+  if (permissionsQuery.isError || usersQuery.isError || rolesAndConfigQuery.isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_users_management.UsersManagementError,
+      {
+        error: permissionsQuery.error || usersQuery.error || rolesAndConfigQuery.error
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { FallbackComponent: import_users_management.UsersManagementError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_users_management.UsersManagement,
+    {
+      userData: usersQuery.data,
+      rolesData: rolesAndConfigQuery.data,
+      isPending: usersQuery.isFetching,
+      disableRolesFilter: rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching
+    }
+  ) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UsersManagement,
+  UsersManagementLoading
+});
+//# sourceMappingURL=users-management.client.cjs.map

package/dist/cjs/users-management.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/users-management.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRolesAndConfig } from \"./api/endpoint.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport * as React from \"react\";\nimport { useUsers } from \"./lib/api/user.js\";\nimport {\n  UsersManagementError,\n  UsersManagementLoading,\n  UsersManagement as UsersManagementPresentational,\n} from \"./lib/users-management.js\";\nimport { UsersManagementContextProvider } from \"./lib/users-management-context.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { usePermissions } from \"./lib/use-permissions.js\";\n\nexport interface UsersManagementProps {\n  authToken: AuthToken;\n}\n\nexport const UsersManagement: React.FC<UsersManagementProps> = ({\n  authToken,\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary FallbackComponent={UsersManagementError}>\n      <ApiProvider\n        widgetType=\"user-management\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UsersManagementContextProvider>\n          <UsersManagementContent />\n        </UsersManagementContextProvider>\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nexport { UsersManagementLoading };\n\nconst UsersManagementContent = () => {\n  const isApiReady = useApiReady();\n  const rolesAndConfigQuery = useRolesAndConfig({\n    query: { initialData: { roles: [], multipleRolesEnabled: false } },\n  });\n  const usersQuery = useUsers();\n  const permissionsQuery = usePermissions(\"widgets:users-table:manage\");\n\n  if (\n    permissionsQuery.isLoading ||\n    usersQuery.isLoading ||\n    rolesAndConfigQuery.isLoading ||\n    usersQuery.isPending ||\n    !isApiReady\n  ) {\n    return <UsersManagementLoading />;\n  }\n\n  if (\n    permissionsQuery.isError ||\n    usersQuery.isError ||\n    rolesAndConfigQuery.isError\n  ) {\n    return (\n      <UsersManagementError\n        error={\n          permissionsQuery.error ||\n          usersQuery.error ||\n          rolesAndConfigQuery.error\n        }\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary FallbackComponent={UsersManagementError}>\n      <UsersManagementPresentational\n        userData={usersQuery.data}\n        rolesData={rolesAndConfigQuery.data}\n        isPending={usersQuery.isFetching}\n        disableRolesFilter={\n          rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching\n        }\n      />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCU;AA/BV,sBAAkC;AAClC,0BAAoD;AAEpD,kBAAyB;AACzB,8BAIO;AACP,sCAA+C;AAC/C,6BAAgC;AAChC,4BAA8B;AAC9B,6BAA+B;AAMxB,MAAM,kBAAkD,CAAC;AAAA,EAC9D;AACF,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE,4CAAC,uCAAc,mBAAmB,8CAChC;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,sDAAC,kEACC,sDAAC,0BAAuB,GAC1B;AAAA;AAAA,EACF,GACF;AAEJ;AAIA,MAAM,yBAAyB,MAAM;AACnC,QAAM,iBAAa,iCAAY;AAC/B,QAAM,0BAAsB,mCAAkB;AAAA,IAC5C,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,GAAG,sBAAsB,MAAM,EAAE;AAAA,EACnE,CAAC;AACD,QAAM,iBAAa,sBAAS;AAC5B,QAAM,uBAAmB,uCAAe,4BAA4B;AAEpE,MACE,iBAAiB,aACjB,WAAW,aACX,oBAAoB,aACpB,WAAW,aACX,CAAC,YACD;AACA,WAAO,4CAAC,kDAAuB;AAAA,EACjC;AAEA,MACE,iBAAiB,WACjB,WAAW,WACX,oBAAoB,SACpB;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OACE,iBAAiB,SACjB,WAAW,SACX,oBAAoB;AAAA;AAAA,IAExB;AAAA,EAEJ;AAEA,SACE,4CAAC,uCAAc,mBAAmB,8CAChC;AAAA,IAAC,wBAAAA;AAAA,IAAA;AAAA,MACC,UAAU,WAAW;AAAA,MACrB,WAAW,oBAAoB;AAAA,MAC/B,WAAW,WAAW;AAAA,MACtB,oBACE,oBAAoB,aAAa,oBAAoB;AAAA;AAAA,EAEzD,GACF;AAEJ;","names":["UsersManagementPresentational"]}

package/dist/cjs/users-management.client.d.cts

@@ -0,0 +1,14 @@
+import { AuthToken } from './api/api-provider.cjs';
+import * as React from 'react';
+export { UsersManagementLoading } from './lib/users-management.cjs';
+import 'react/jsx-runtime';
+import './api/endpoint.cjs';
+import '@tanstack/react-query';
+import './api/widgets-api-client.cjs';
+
+interface UsersManagementProps {
+    authToken: AuthToken;
+}
+declare const UsersManagement: React.FC<UsersManagementProps>;
+
+export { UsersManagement, type UsersManagementProps };

package/dist/cjs/workos-widgets.client.cjs

@@ -0,0 +1,106 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var workos_widgets_client_exports = {};
+__export(workos_widgets_client_exports, {
+  WorkOsWidgets: () => WorkOsWidgets
+});
+module.exports = __toCommonJS(workos_widgets_client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_themes = require("@radix-ui/themes");
+var import_react_query = require("@tanstack/react-query");
+var import_clsx = __toESM(require("clsx"), 1);
+var React = __toESM(require("react"), 1);
+var import_utils = require("./lib/utils.js");
+var import_config = require("./lib/api/config.js");
+var import_widgets_context = require("./lib/widgets-context.js");
+let queryClientInternal;
+const WorkOsWidgets = ({
+  elements = {},
+  className,
+  theme: { fontFamily, ...radixThemesProps } = {},
+  style = {},
+  children,
+  apiHostname = import_config.DEFAULT_API_HOSTNAME,
+  port = null,
+  https = true,
+  queryClient
+}) => {
+  const customStyle = fontFamily ? {
+    "--default-font-family": fontFamily,
+    ...style
+  } : style;
+  const apiBaseUrl = React.useMemo(() => {
+    try {
+      const url = new URL(
+        "/",
+        `${https ? "https" : "http"}://${apiHostname}${port ? `:${port}` : ""}`
+      );
+      return url.toString().slice(0, -1);
+    } catch {
+      console.error(
+        "Failed to validate the WorkOS API URL. Check to ensure that valid `apiHostname` and `port` props are passed to WorkOsWidgets"
+      );
+      return `https://${import_config.DEFAULT_API_HOSTNAME}`;
+    }
+  }, [apiHostname, https, port]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientProviderImpl, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_themes.Theme,
+    {
+      ...radixThemesProps,
+      style: customStyle,
+      className: (0, import_clsx.default)((0, import_utils.namespaceClassNames)("root"), className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_widgets_context.WidgetsContext.Provider, { value: { elements, apiBaseUrl }, children })
+    }
+  ) });
+};
+const QueryClientProviderImpl = ({
+  client: providedClient,
+  children
+}) => {
+  let queryClient;
+  if (providedClient) {
+    queryClient = providedClient;
+  } else if (queryClientInternal) {
+    queryClient = queryClientInternal;
+  } else {
+    queryClientInternal = new import_react_query.QueryClient();
+    queryClient = queryClientInternal;
+  }
+  const client = (0, import_react_query.useQueryClient)(queryClient);
+  if (Object.is(client, providedClient)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query.QueryClientProvider, { client, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WorkOsWidgets
+});
+//# sourceMappingURL=workos-widgets.client.cjs.map

package/dist/cjs/workos-widgets.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/workos-widgets.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Theme as RadixThemes } from \"@radix-ui/themes\";\nimport type { GetPropDefTypes, themePropDefs } from \"@radix-ui/themes/props\";\nimport {\n  QueryClient,\n  QueryClientProvider,\n  useQueryClient,\n} from \"@tanstack/react-query\";\nimport cx from \"clsx\";\nimport * as React from \"react\";\nimport { namespaceClassNames } from \"./lib/utils.js\";\nimport { DEFAULT_API_HOSTNAME } from \"./lib/api/config.js\";\nimport type { Elements } from \"./lib/elements.js\";\nimport { WidgetsContext } from \"./lib/widgets-context.js\";\n\nlet queryClientInternal: QueryClient | undefined;\n\nexport interface WorkOsWidgetsProps {\n  elements?: Elements;\n  theme?: Omit<GetPropDefTypes<typeof themePropDefs>, \"asChild\"> & {\n    fontFamily?: string;\n  };\n  style?: React.CSSProperties;\n  className?: string;\n  children: React.ReactNode;\n  apiHostname?: string;\n  port?: number | null;\n  https?: boolean;\n  /**\n   * Optional query client for users who are already using Tanstack Query. If\n   * not provided, a new query client will be created and mounted internally.\n   */\n  queryClient?: QueryClient;\n}\n\nexport const WorkOsWidgets: React.FC<WorkOsWidgetsProps> = ({\n  elements = {},\n  className,\n  theme: { fontFamily, ...radixThemesProps } = {},\n  style = {},\n  children,\n  apiHostname = DEFAULT_API_HOSTNAME,\n  port = null,\n  https = true,\n  queryClient,\n}) => {\n  const customStyle: React.CSSProperties = fontFamily\n    ? {\n        \"--default-font-family\": fontFamily,\n        ...style,\n      }\n    : style;\n\n  const apiBaseUrl = React.useMemo(() => {\n    try {\n      const url = new URL(\n        \"/\",\n        `${https ? \"https\" : \"http\"}://${apiHostname}${port ? `:${port}` : \"\"}`,\n      );\n      return url.toString().slice(0, -1);\n    } catch {\n      console.error(\n        \"Failed to validate the WorkOS API URL. Check to ensure that valid `apiHostname` and `port` props are passed to WorkOsWidgets\",\n      );\n      return `https://${DEFAULT_API_HOSTNAME}`;\n    }\n  }, [apiHostname, https, port]);\n\n  return (\n    <QueryClientProviderImpl client={queryClient}>\n      <RadixThemes\n        {...radixThemesProps}\n        style={customStyle}\n        className={cx(namespaceClassNames(\"root\"), className)}\n      >\n        <WidgetsContext.Provider value={{ elements, apiBaseUrl }}>\n          {children}\n        </WidgetsContext.Provider>\n      </RadixThemes>\n    </QueryClientProviderImpl>\n  );\n};\n\nconst QueryClientProviderImpl = ({\n  client: providedClient,\n  children,\n}: {\n  client: QueryClient | undefined;\n  children: React.ReactNode;\n}) => {\n  let queryClient: QueryClient;\n  if (providedClient) {\n    queryClient = providedClient;\n  } else if (queryClientInternal) {\n    queryClient = queryClientInternal;\n  } else {\n    queryClientInternal = new QueryClient();\n    queryClient = queryClientInternal;\n  }\n\n  const client = useQueryClient(queryClient);\n  if (Object.is(client, providedClient)) {\n    // No need for a new context provider if the user provided the client to\n    // their own provider, which has already mounted the client.\n    return <>{children}</>;\n  }\n\n  return <QueryClientProvider client={client}>{children}</QueryClientProvider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4EQ;AA1ER,oBAAqC;AAErC,yBAIO;AACP,kBAAe;AACf,YAAuB;AACvB,mBAAoC;AACpC,oBAAqC;AAErC,6BAA+B;AAE/B,IAAI;AAoBG,MAAM,gBAA8C,CAAC;AAAA,EAC1D,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,OAAO,EAAE,YAAY,GAAG,iBAAiB,IAAI,CAAC;AAAA,EAC9C,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,MAAM;AACJ,QAAM,cAAmC,aACrC;AAAA,IACE,yBAAyB;AAAA,IACzB,GAAG;AAAA,EACL,IACA;AAEJ,QAAM,aAAa,MAAM,QAAQ,MAAM;AACrC,QAAI;AACF,YAAM,MAAM,IAAI;AAAA,QACd;AAAA,QACA,GAAG,QAAQ,UAAU,MAAM,MAAM,WAAW,GAAG,OAAO,IAAI,IAAI,KAAK,EAAE;AAAA,MACvE;AACA,aAAO,IAAI,SAAS,EAAE,MAAM,GAAG,EAAE;AAAA,IACnC,QAAQ;AACN,cAAQ;AAAA,QACN;AAAA,MACF;AACA,aAAO,WAAW,kCAAoB;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,IAAI,CAAC;AAE7B,SACE,4CAAC,2BAAwB,QAAQ,aAC/B;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,MACP,eAAW,YAAAC,aAAG,kCAAoB,MAAM,GAAG,SAAS;AAAA,MAEpD,sDAAC,sCAAe,UAAf,EAAwB,OAAO,EAAE,UAAU,WAAW,GACpD,UACH;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ;AAAA,EACR;AACF,MAGM;AACJ,MAAI;AACJ,MAAI,gBAAgB;AAClB,kBAAc;AAAA,EAChB,WAAW,qBAAqB;AAC9B,kBAAc;AAAA,EAChB,OAAO;AACL,0BAAsB,IAAI,+BAAY;AACtC,kBAAc;AAAA,EAChB;AAEA,QAAM,aAAS,mCAAe,WAAW;AACzC,MAAI,OAAO,GAAG,QAAQ,cAAc,GAAG;AAGrC,WAAO,2EAAG,UAAS;AAAA,EACrB;AAEA,SAAO,4CAAC,0CAAoB,QAAiB,UAAS;AACxD;","names":["RadixThemes","cx"]}

package/dist/cjs/{workos-widgets.client.d.ts → workos-widgets.client.d.cts}

@@ -1,8 +1,10 @@
-import type { GetPropDefTypes, themePropDefs } from "@radix-ui/themes/props";
-import { QueryClient } from "@tanstack/react-query";
-import * as React from "react";
-import type { Elements } from "./lib/elements.js";
-export interface WorkOsWidgetsProps {
+import { GetPropDefTypes, themePropDefs } from '@radix-ui/themes/props';
+import { QueryClient } from '@tanstack/react-query';
+import * as React from 'react';
+import { Elements } from './lib/elements.cjs';
+import '@radix-ui/themes';
+
+interface WorkOsWidgetsProps {
     elements?: Elements;
     theme?: Omit<GetPropDefTypes<typeof themePropDefs>, "asChild"> & {
         fontFamily?: string;
@@ -19,5 +21,6 @@ export interface WorkOsWidgetsProps {
      */
     queryClient?: QueryClient;
 }
-export declare const WorkOsWidgets: React.FC<WorkOsWidgetsProps>;
-//# sourceMappingURL=workos-widgets.client.d.ts.map
+declare const WorkOsWidgets: React.FC<WorkOsWidgetsProps>;
+
+export { WorkOsWidgets, type WorkOsWidgetsProps };

package/dist/css/lib/api-keys/api-keys.css

@@ -0,0 +1,3 @@
+.woswidgets-api-key-details-permission:not(:last-child) {
+  border-bottom: 1px solid var(--gray-6);
+}