@workos-inc/widgets 1.4.2 → 1.5.1

package/dist/esm/user-sessions.client.js

@@ -1,46 +1,73 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { UserSessionsError, UserSessionsLoading, UserSessions as UserSessionsPresentational, } from "./lib/user-sessions.js";
-import { useIsHydrated } from "./lib/use-is-hydrated.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  UserSessionsError,
+  UserSessionsLoading,
+  UserSessions as UserSessionsPresentational
+} from "./lib/user-sessions.js";
 import { useSessions } from "./api/endpoint.js";
-import { ApiProvider, useApi } from "./api/api-provider.js";
+import { ApiProvider, useApi, useApiReady } from "./api/api-provider.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
-import { useQuery } from "@tanstack/react-query";
-export const UserSessions = (props) => {
-    const baseUrl = useWorkOsApiUrl();
-    return (_jsx(ApiProvider, { widgetType: "user-sessions", authToken: props.authToken, baseUrl: baseUrl, children: _jsx(UserSessionsContent, { currentSessionId: "currentSessionId" in props ? props.currentSessionId : undefined }) }));
-};
-export { UserSessionsLoading };
-const UserSessionsContent = ({ currentSessionId, }) => {
-    const isHydrated = useIsHydrated();
-    const sessionsQuery = useSessions();
-    const currentSessionIdQuery = useCurrentSessionIdQuery(currentSessionId);
-    if (!isHydrated ||
-        sessionsQuery.isLoading ||
-        currentSessionIdQuery.isLoading) {
-        return _jsx(UserSessionsLoading, {});
+import { useQuery, skipToken } from "@tanstack/react-query";
+import { getClaims } from "./api/utils.js";
+const UserSessions = (props) => {
+  const baseUrl = useWorkOsApiUrl();
+  return /* @__PURE__ */ jsx(
+    ApiProvider,
+    {
+      widgetType: "user-sessions",
+      authToken: props.authToken,
+      baseUrl,
+      children: /* @__PURE__ */ jsx(
+        UserSessionsContent,
+        {
+          currentSessionId: "currentSessionId" in props ? props.currentSessionId : void 0
+        }
+      )
     }
-    if (sessionsQuery.isError || currentSessionIdQuery.isError) {
-        return (_jsx(UserSessionsError, { error: sessionsQuery.error || currentSessionIdQuery.error }));
+  );
+};
+const UserSessionsContent = ({
+  currentSessionId
+}) => {
+  const isApiReady = useApiReady();
+  const sessionsQuery = useSessions();
+  const currentSessionIdQuery = useCurrentSessionIdQuery(currentSessionId);
+  if (!isApiReady || sessionsQuery.isLoading || currentSessionIdQuery.isLoading) {
+    return /* @__PURE__ */ jsx(UserSessionsLoading, {});
+  }
+  if (sessionsQuery.isError || currentSessionIdQuery.isError) {
+    return /* @__PURE__ */ jsx(
+      UserSessionsError,
+      {
+        error: sessionsQuery.error || currentSessionIdQuery.error
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: UserSessionsError, children: /* @__PURE__ */ jsx(
+    UserSessionsPresentational,
+    {
+      sessionsData: sessionsQuery.data?.data || [],
+      currentSessionId: currentSessionIdQuery.data ?? ""
     }
-    return (_jsx(ErrorBoundary, { FallbackComponent: UserSessionsError, children: _jsx(UserSessionsPresentational, { sessionsData: sessionsQuery.data?.data || [], currentSessionId: currentSessionIdQuery.data ?? "" }) }));
+  ) });
 };
 function useCurrentSessionIdQuery(currentSessionId) {
-    const { authToken } = useApi();
-    return useQuery({
-        queryKey: ["authToken"],
-        queryFn: async () => {
-            if (currentSessionId) {
-                return currentSessionId;
-            }
-            const res = await Promise.resolve(authToken);
-            const claims = getClaims(res);
-            return claims.sid;
-        },
-    });
-}
-function getClaims(accessToken) {
-    return JSON.parse(atob(accessToken.split(".")[1]));
+  const { authToken } = useApi();
+  return useQuery({
+    queryKey: ["authToken", authToken],
+    queryFn: authToken ? async () => {
+      if (currentSessionId) {
+        return currentSessionId;
+      }
+      const { sid } = getClaims(authToken);
+      return sid;
+    } : skipToken
+  });
 }
+export {
+  UserSessions,
+  UserSessionsLoading
+};
 //# sourceMappingURL=user-sessions.client.js.map

package/dist/esm/user-sessions.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-sessions.client.js","sourceRoot":"","sources":["../../src/user-sessions.client.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,IAAI,0BAA0B,GAC3C,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAejD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAC,eAAe,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,OAAO,YAEhB,KAAC,mBAAmB,IAClB,gBAAgB,EACd,kBAAkB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,GAElE,GACU,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,MAAM,mBAAmB,GAAG,CAAC,EAC3B,gBAAgB,GAGjB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IACpC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAEzE,IACE,CAAC,UAAU;QACX,aAAa,CAAC,SAAS;QACvB,qBAAqB,CAAC,SAAS,EAC/B,CAAC;QACD,OAAO,KAAC,mBAAmB,KAAG,CAAC;IACjC,CAAC;IAED,IAAI,aAAa,CAAC,OAAO,IAAI,qBAAqB,CAAC,OAAO,EAAE,CAAC;QAC3D,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAE,aAAa,CAAC,KAAK,IAAI,qBAAqB,CAAC,KAAK,GACzD,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IAAC,iBAAiB,EAAE,iBAAiB,YACjD,KAAC,0BAA0B,IACzB,YAAY,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,EAC5C,gBAAgB,EAAE,qBAAqB,CAAC,IAAI,IAAI,EAAE,GAClD,GACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,wBAAwB,CAAC,gBAAyB;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,CAAC;IAE/B,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,WAAW,CAAC;QACvB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,gBAAgB,EAAE,CAAC;gBACrB,OAAO,gBAAgB,CAAC;YAC1B,CAAC;YAED,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC7C,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;YAC9B,OAAO,MAAM,CAAC,GAAG,CAAC;QACpB,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,WAAmB;IACpC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAoB,CAAC;AACxE,CAAC"}
+{"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":";AAqCM;AAlCN;AAAA,EACE;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,OACX;AACP,SAAS,mBAAmB;AAC5B,SAAS,aAAa,QAAQ,mBAAmB;AACjD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,UAAU,iBAAiB;AACpC,SAAS,iBAAiB;AAenB,MAAM,eAA4C,CAAC,UAAU;AAClE,QAAM,UAAU,gBAAgB;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,aAAa,YAAY;AAC/B,QAAM,gBAAgB,YAAY;AAClC,QAAM,wBAAwB,yBAAyB,gBAAgB;AAEvE,MACE,CAAC,cACD,cAAc,aACd,sBAAsB,WACtB;AACA,WAAO,oBAAC,uBAAoB;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,oBAAC,iBAAc,mBAAmB,mBAChC;AAAA,IAAC;AAAA;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,IAAI,OAAO;AAE7B,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,aAAa,SAAS;AAAA,IACjC,SAAS,YACL,YAAY;AACV,UAAI,kBAAkB;AACpB,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,IAAI,IAAI,UAAU,SAAS;AACnC,aAAO;AAAA,IACT,IACA;AAAA,EACN,CAAC;AACH;","names":[]}

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

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

package/dist/esm/users-management.client.js

@@ -1,42 +1,61 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useRolesAndConfig } from "./api/endpoint.js";
-import { ApiProvider, useApi } from "./api/api-provider.js";
+import { ApiProvider, useApiReady } from "./api/api-provider.js";
 import { useUsers } from "./lib/api/user.js";
-import { useIsHydrated } from "./lib/use-is-hydrated.js";
-import { UsersManagementError, UsersManagementLoading, UsersManagement as UsersManagementPresentational, } from "./lib/users-management.js";
+import {
+  UsersManagementError,
+  UsersManagementLoading,
+  UsersManagement as UsersManagementPresentational
+} from "./lib/users-management.js";
 import { UsersManagementContextProvider } from "./lib/users-management-context.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
 import { usePermissions } from "./lib/use-permissions.js";
-export const UsersManagement = ({ authToken, }) => {
-    const baseUrl = useWorkOsApiUrl();
-    return (_jsx(ErrorBoundary, { FallbackComponent: UsersManagementError, children: _jsx(ApiProvider, { widgetType: "user-management", authToken: authToken, baseUrl: baseUrl, children: _jsx(UsersManagementContextProvider, { children: _jsx(UsersManagementContent, {}) }) }) }));
+const UsersManagement = ({
+  authToken
+}) => {
+  const baseUrl = useWorkOsApiUrl();
+  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: UsersManagementError, children: /* @__PURE__ */ jsx(
+    ApiProvider,
+    {
+      widgetType: "user-management",
+      authToken,
+      baseUrl,
+      children: /* @__PURE__ */ jsx(UsersManagementContextProvider, { children: /* @__PURE__ */ jsx(UsersManagementContent, {}) })
+    }
+  ) });
 };
-export { UsersManagementLoading };
 const UsersManagementContent = () => {
-    const isHydrated = useIsHydrated();
-    const rolesAndConfigQuery = useRolesAndConfig({
-        query: { initialData: { roles: [], multipleRolesEnabled: false } },
-    });
-    const usersQuery = useUsers();
-    const context = useApi();
-    const permissionsQuery = usePermissions("widgets:users-table:manage", context.authToken);
-    if (permissionsQuery.isLoading ||
-        usersQuery.isLoading ||
-        rolesAndConfigQuery.isLoading ||
-        usersQuery.isPending ||
-        // render loading state on the server to prevent FOUC or hydration mismatch
-        !isHydrated) {
-        return _jsx(UsersManagementLoading, {});
-    }
-    if (permissionsQuery.isError ||
-        usersQuery.isError ||
-        rolesAndConfigQuery.isError) {
-        return (_jsx(UsersManagementError, { error: permissionsQuery.error ||
-                usersQuery.error ||
-                rolesAndConfigQuery.error }));
+  const isApiReady = useApiReady();
+  const rolesAndConfigQuery = useRolesAndConfig({
+    query: { initialData: { roles: [], multipleRolesEnabled: false } }
+  });
+  const usersQuery = useUsers();
+  const permissionsQuery = usePermissions("widgets:users-table:manage");
+  if (permissionsQuery.isLoading || usersQuery.isLoading || rolesAndConfigQuery.isLoading || usersQuery.isPending || !isApiReady) {
+    return /* @__PURE__ */ jsx(UsersManagementLoading, {});
+  }
+  if (permissionsQuery.isError || usersQuery.isError || rolesAndConfigQuery.isError) {
+    return /* @__PURE__ */ jsx(
+      UsersManagementError,
+      {
+        error: permissionsQuery.error || usersQuery.error || rolesAndConfigQuery.error
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: UsersManagementError, children: /* @__PURE__ */ jsx(
+    UsersManagementPresentational,
+    {
+      userData: usersQuery.data,
+      rolesData: rolesAndConfigQuery.data,
+      isPending: usersQuery.isFetching,
+      disableRolesFilter: rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching
     }
-    return (_jsx(ErrorBoundary, { FallbackComponent: UsersManagementError, children: _jsx(UsersManagementPresentational, { userData: usersQuery.data, rolesData: rolesAndConfigQuery.data, isPending: usersQuery.isFetching, disableRolesFilter: rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching }) }));
+  ) });
+};
+export {
+  UsersManagement,
+  UsersManagementLoading
 };
 //# sourceMappingURL=users-management.client.js.map

package/dist/esm/users-management.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"users-management.client.js","sourceRoot":"","sources":["../../src/users-management.client.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAa,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,IAAI,6BAA6B,GACjD,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM1D,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,SAAS,GACV,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,aAAa,IAAC,iBAAiB,EAAE,oBAAoB,YACpD,KAAC,WAAW,IACV,UAAU,EAAC,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,YAEhB,KAAC,8BAA8B,cAC7B,KAAC,sBAAsB,KAAG,GACK,GACrB,GACA,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;QAC5C,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE;KACnE,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;IACzB,MAAM,gBAAgB,GAAG,cAAc,CACrC,4BAA4B,EAC5B,OAAO,CAAC,SAAS,CAClB,CAAC;IAEF,IACE,gBAAgB,CAAC,SAAS;QAC1B,UAAU,CAAC,SAAS;QACpB,mBAAmB,CAAC,SAAS;QAC7B,UAAU,CAAC,SAAS;QACpB,2EAA2E;QAC3E,CAAC,UAAU,EACX,CAAC;QACD,OAAO,KAAC,sBAAsB,KAAG,CAAC;IACpC,CAAC;IAED,IACE,gBAAgB,CAAC,OAAO;QACxB,UAAU,CAAC,OAAO;QAClB,mBAAmB,CAAC,OAAO,EAC3B,CAAC;QACD,OAAO,CACL,KAAC,oBAAoB,IACnB,KAAK,EACH,gBAAgB,CAAC,KAAK;gBACtB,UAAU,CAAC,KAAK;gBAChB,mBAAmB,CAAC,KAAK,GAE3B,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IAAC,iBAAiB,EAAE,oBAAoB,YACpD,KAAC,6BAA6B,IAC5B,QAAQ,EAAE,UAAU,CAAC,IAAI,EACzB,SAAS,EAAE,mBAAmB,CAAC,IAAI,EACnC,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,kBAAkB,EAChB,mBAAmB,CAAC,SAAS,IAAI,mBAAmB,CAAC,UAAU,GAEjE,GACY,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"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":";AAiCU;AA/BV,SAAS,yBAAyB;AAClC,SAAS,aAAwB,mBAAmB;AAEpD,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,OACd;AACP,SAAS,sCAAsC;AAC/C,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAMxB,MAAM,kBAAkD,CAAC;AAAA,EAC9D;AACF,MAAM;AACJ,QAAM,UAAU,gBAAgB;AAEhC,SACE,oBAAC,iBAAc,mBAAmB,sBAChC;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,8BAAC,kCACC,8BAAC,0BAAuB,GAC1B;AAAA;AAAA,EACF,GACF;AAEJ;AAIA,MAAM,yBAAyB,MAAM;AACnC,QAAM,aAAa,YAAY;AAC/B,QAAM,sBAAsB,kBAAkB;AAAA,IAC5C,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,GAAG,sBAAsB,MAAM,EAAE;AAAA,EACnE,CAAC;AACD,QAAM,aAAa,SAAS;AAC5B,QAAM,mBAAmB,eAAe,4BAA4B;AAEpE,MACE,iBAAiB,aACjB,WAAW,aACX,oBAAoB,aACpB,WAAW,aACX,CAAC,YACD;AACA,WAAO,oBAAC,0BAAuB;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,oBAAC,iBAAc,mBAAmB,sBAChC;AAAA,IAAC;AAAA;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":[]}

package/dist/esm/workos-widgets.client.d.ts

@@ -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.js';
+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/esm/workos-widgets.client.js

@@ -1,50 +1,76 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { Theme as RadixThemes } from "@radix-ui/themes";
-import { QueryClient, QueryClientProvider, useQueryClient, } from "@tanstack/react-query";
+import {
+  QueryClient,
+  QueryClientProvider,
+  useQueryClient
+} from "@tanstack/react-query";
 import cx from "clsx";
 import * as React from "react";
 import { namespaceClassNames } from "./lib/utils.js";
 import { DEFAULT_API_HOSTNAME } from "./lib/api/config.js";
 import { WidgetsContext } from "./lib/widgets-context.js";
 let queryClientInternal;
-export const WorkOsWidgets = ({ elements = {}, className, theme: { fontFamily, ...radixThemesProps } = {}, style = {}, children, apiHostname = 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://${DEFAULT_API_HOSTNAME}`;
-        }
-    }, [apiHostname, https, port]);
-    return (_jsx(QueryClientProviderImpl, { client: queryClient, children: _jsx(RadixThemes, { ...radixThemesProps, style: customStyle, className: cx(namespaceClassNames("root"), className), children: _jsx(WidgetsContext.Provider, { value: { elements, apiBaseUrl }, children: children }) }) }));
-};
-const QueryClientProviderImpl = ({ client: providedClient, children, }) => {
-    let queryClient;
-    if (providedClient) {
-        queryClient = providedClient;
-    }
-    else if (queryClientInternal) {
-        queryClient = queryClientInternal;
-    }
-    else {
-        queryClientInternal = new QueryClient();
-        queryClient = queryClientInternal;
+const WorkOsWidgets = ({
+  elements = {},
+  className,
+  theme: { fontFamily, ...radixThemesProps } = {},
+  style = {},
+  children,
+  apiHostname = 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://${DEFAULT_API_HOSTNAME}`;
     }
-    const client = useQueryClient(queryClient);
-    if (Object.is(client, providedClient)) {
-        // No need for a new context provider if the user provided the client to
-        // their own provider, which has already mounted the client.
-        return _jsx(_Fragment, { children: children });
+  }, [apiHostname, https, port]);
+  return /* @__PURE__ */ jsx(QueryClientProviderImpl, { client: queryClient, children: /* @__PURE__ */ jsx(
+    RadixThemes,
+    {
+      ...radixThemesProps,
+      style: customStyle,
+      className: cx(namespaceClassNames("root"), className),
+      children: /* @__PURE__ */ jsx(WidgetsContext.Provider, { value: { elements, apiBaseUrl }, children })
     }
-    return _jsx(QueryClientProvider, { client: client, children: children });
+  ) });
+};
+const QueryClientProviderImpl = ({
+  client: providedClient,
+  children
+}) => {
+  let queryClient;
+  if (providedClient) {
+    queryClient = providedClient;
+  } else if (queryClientInternal) {
+    queryClient = queryClientInternal;
+  } else {
+    queryClientInternal = new QueryClient();
+    queryClient = queryClientInternal;
+  }
+  const client = useQueryClient(queryClient);
+  if (Object.is(client, providedClient)) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client, children });
+};
+export {
+  WorkOsWidgets
 };
 //# sourceMappingURL=workos-widgets.client.js.map

package/dist/esm/workos-widgets.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"workos-widgets.client.js","sourceRoot":"","sources":["../../src/workos-widgets.client.tsx"],"names":[],"mappings":"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"}
+{"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":";AA4EQ,SA6BG,UA7BH;AA1ER,SAAS,SAAS,mBAAmB;AAErC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,QAAQ;AACf,YAAY,WAAW;AACvB,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAErC,SAAS,sBAAsB;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,oBAAoB;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,IAAI,CAAC;AAE7B,SACE,oBAAC,2BAAwB,QAAQ,aAC/B;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,MACP,WAAW,GAAG,oBAAoB,MAAM,GAAG,SAAS;AAAA,MAEpD,8BAAC,eAAe,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,YAAY;AACtC,kBAAc;AAAA,EAChB;AAEA,QAAM,SAAS,eAAe,WAAW;AACzC,MAAI,OAAO,GAAG,QAAQ,cAAc,GAAG;AAGrC,WAAO,gCAAG,UAAS;AAAA,EACrB;AAEA,SAAO,oBAAC,uBAAoB,QAAiB,UAAS;AACxD;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workos-inc/widgets",
-  "version": "1.4.2",
+  "version": "1.5.1",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -10,8 +10,8 @@
         "default": "./dist/esm/index.js"
       },
       "require": {
-        "types": "./dist/cjs/index.d.ts",
-        "default": "./dist/cjs/index.js"
+        "types": "./dist/cjs/index.d.cts",
+        "default": "./dist/cjs/index.cjs"
       }
     },
     "./*": {
@@ -20,8 +20,8 @@
         "default": "./dist/esm/*.client.js"
       },
       "require": {
-        "types": "./dist/cjs/*.client.d.ts",
-        "default": "./dist/cjs/*.client.js"
+        "types": "./dist/cjs/*.client.d.cts",
+        "default": "./dist/cjs/*.client.cjs"
       }
     },
     "./*.css": "./dist/css/*.css"
@@ -54,16 +54,18 @@
   },
   "devDependencies": {
     "@radix-ui/themes": "^3.2.1",
-    "@tanstack/react-query": "^5.59.20",
-    "@types/node": "^20.16.6",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@tanstack/react-query": "^5.89.0",
+    "@types/node": "^22",
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9",
     "execa": "^9.6.0",
     "fast-glob": "^3.3.3",
-    "orval": "^7.5.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.6.2",
+    "orval": "^7.11.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2",
+    "@repo/eslint-config": "0.0.0",
     "@repo/typescript-config": "0.0.0"
   },
   "typesVersions": {
@@ -75,15 +77,17 @@
   },
   "scripts": {
     "build": "pnpm build:js && pnpm build:css",
-    "build:js": "pnpm clean:dist && tsc -b ./tsconfig.cjs.json ./tsconfig.esm.json",
+    "build:js": "pnpm clean:dist && tsup",
     "build:css": "node ./scripts/build-css.js",
     "build:ci": "pnpm build:css && tsc --noEmit",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf .turbo && rm -rf node_modules && pnpm clean:dist",
     "clean:dist": "rm -rf dist",
+    "lint": "eslint --max-warnings 0 .",
+    "lint:fix": "eslint --max-warnings 0 --fix .",
     "generate-api": "orval --config ./orval.config.ts"
   },
-  "main": "./dist/cjs/index.js",
+  "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
   "types": "./dist/esm/index.d.ts"
 }

package/dist/cjs/admin-portal-domain-verification.client.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { AdminPortalDomainVerificationLoading } from "./lib/admin-portal-domain-verification.js";
-import { AuthToken } from "./api/api-provider.js";
-export interface AdminPortalDomainVerificationProps {
-    authToken: AuthToken;
-}
-export declare const AdminPortalDomainVerification: React.FC<AdminPortalDomainVerificationProps>;
-export { AdminPortalDomainVerificationLoading };
-//# sourceMappingURL=admin-portal-domain-verification.client.d.ts.map

package/dist/cjs/admin-portal-domain-verification.client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-portal-domain-verification.client.d.ts","sourceRoot":"","sources":["../../src/admin-portal-domain-verification.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,oCAAoC,EAErC,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAe,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAY/D,MAAM,WAAW,kCAAkC;IACjD,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAClD,kCAAkC,CAanC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}

package/dist/cjs/admin-portal-domain-verification.client.js

@@ -1,70 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdminPortalDomainVerificationLoading = exports.AdminPortalDomainVerification = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const admin_portal_domain_verification_js_1 = require("./lib/admin-portal-domain-verification.js");
-Object.defineProperty(exports, "AdminPortalDomainVerificationLoading", { enumerable: true, get: function () { return admin_portal_domain_verification_js_1.AdminPortalDomainVerificationLoading; } });
-const use_is_hydrated_js_1 = require("./lib/use-is-hydrated.js");
-const api_provider_js_1 = require("./api/api-provider.js");
-const endpoint_js_1 = require("./api/endpoint.js");
-const widgets_context_js_1 = require("./lib/widgets-context.js");
-const error_boundary_js_1 = require("./lib/error-boundary.js");
-const react_query_1 = require("@tanstack/react-query");
-const AdminPortalDomainVerification = ({ authToken }) => {
-    const baseUrl = (0, widgets_context_js_1.useWorkOsApiUrl)();
-    return ((0, jsx_runtime_1.jsx)(api_provider_js_1.ApiProvider, { widgetType: "admin-portal-domain-verification", authToken: authToken, baseUrl: baseUrl, children: (0, jsx_runtime_1.jsx)(AdminPortalDomainVerificationContent, {}) }));
-};
-exports.AdminPortalDomainVerification = AdminPortalDomainVerification;
-const AdminPortalDomainVerificationContent = () => {
-    const isHydrated = (0, use_is_hydrated_js_1.useIsHydrated)();
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const { data: organizationDomains, isLoading, error, } = (0, endpoint_js_1.useListOrganizationDomains)();
-    const { mutate: generateAdminPortalLink, isPending } = (0, endpoint_js_1.useGenerateAdminPortalLink)({
-        mutation: {
-            onSuccess: (data) => {
-                window.open(data.link, "_blank", "noopener,noreferrer");
-            },
-        },
-    });
-    const { mutate: deleteDomain } = (0, endpoint_js_1.useDeleteOrganizationDomain)({
-        mutation: {
-            onSuccess: () => {
-                queryClient.invalidateQueries({
-                    queryKey: (0, endpoint_js_1.getListOrganizationDomainsQueryKey)(),
-                });
-            },
-        },
-    });
-    const { mutate: reverifyDomain } = (0, endpoint_js_1.useReverifyOrganizationDomain)({
-        mutation: {
-            onSuccess: () => {
-                queryClient.invalidateQueries({
-                    queryKey: (0, endpoint_js_1.getListOrganizationDomainsQueryKey)(),
-                });
-            },
-        },
-    });
-    const handleAddDomain = () => {
-        generateAdminPortalLink({
-            params: {
-                intent: "domain_verification",
-            },
-        });
-    };
-    const handleDeleteDomain = (domainId) => {
-        deleteDomain({ domainId });
-    };
-    const handleReverifyDomain = (domainId) => {
-        reverifyDomain({ domainId });
-    };
-    if (!isHydrated || isLoading) {
-        return (0, jsx_runtime_1.jsx)(admin_portal_domain_verification_js_1.AdminPortalDomainVerificationLoading, {});
-    }
-    if (error) {
-        return (0, jsx_runtime_1.jsx)(admin_portal_domain_verification_js_1.AdminPortalDomainVerificationError, { error: error });
-    }
-    const domains = organizationDomains?.data || [];
-    return ((0, jsx_runtime_1.jsx)(error_boundary_js_1.ErrorBoundary, { FallbackComponent: admin_portal_domain_verification_js_1.AdminPortalDomainVerificationError, children: (0, jsx_runtime_1.jsx)(admin_portal_domain_verification_js_1.AdminPortalDomainVerification, { organizationDomains: domains, onAddDomain: handleAddDomain, onDeleteDomain: handleDeleteDomain, onReverifyDomain: handleReverifyDomain, isPending: isPending }) }));
-};
-//# sourceMappingURL=admin-portal-domain-verification.client.js.map

package/dist/cjs/admin-portal-domain-verification.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-portal-domain-verification.client.js","sourceRoot":"","sources":["../../src/admin-portal-domain-verification.client.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/admin-portal-sso-connection-client.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { AdminPortalSsoConnectionLoading } from "./lib/admin-portal-sso-connection.js";
-import { AuthToken } from "./api/api-provider.js";
-export interface AdminPortalSsoConnectionProps {
-    authToken: AuthToken;
-}
-export declare const AdminPortalSsoConnection: React.FC<AdminPortalSsoConnectionProps>;
-export { AdminPortalSsoConnectionLoading };
-//# sourceMappingURL=admin-portal-sso-connection-client.d.ts.map