@workos-inc/widgets 1.5.0 → 1.6.0

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

@@ -1 +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 { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { useMe } from \"./api/endpoint.js\";\nimport { ApiProvider, AuthToken } 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 isHydrated = useIsHydrated();\n  const meQuery = useMe();\n\n  if (\n    // render loading state on the server to prevent FOUC or hydration mismatch\n    !isHydrated ||\n    meQuery.isLoading\n  ) {\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":";AA2BM;AAxBN;AAAA,EACE;AAAA,EACA;AAAA,EACA,eAAe;AAAA,OACV;AACP,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,mBAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAMvB,MAAM,cAA0C,CAAC,EAAE,UAAU,MAAM;AACxE,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,8BAAC,sBAAmB;AAAA;AAAA,EACtB;AAEJ;AAIA,MAAM,qBAAqB,MAAM;AAC/B,QAAM,aAAa,cAAc;AACjC,QAAM,UAAU,MAAM;AAEtB;AAAA;AAAA,IAEE,CAAC,cACD,QAAQ;AAAA,IACR;AACA,WAAO,oBAAC,sBAAmB;AAAA,EAC7B;AAEA,MAAI,QAAQ,SAAS;AACnB,WAAO,oBAAC,oBAAiB,OAAO,QAAQ,OAAO;AAAA,EACjD;AAEA,QAAM,OAAO,QAAQ;AAErB,SACE,oBAAC,iBAAc,mBAAmB,kBAChC,8BAAC,6BAA0B,UAAU,MAAM,GAC7C;AAEJ;","names":[]}
+{"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 type {\n  UserProfileErrorProps,\n  UserProfileLoadingProps,\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\";\nimport type { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface UserProfileProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst UserProfile: React.FC<UserProfileProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserProfileError {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"user-profile\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserProfileImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst UserProfileImpl = (props: WidgetRootDomProps) => {\n  const isApiReady = useApiReady();\n  const meQuery = useMe();\n\n  if (!isApiReady || meQuery.isLoading) {\n    return <UserProfileLoading {...props} />;\n  }\n\n  if (meQuery.isError) {\n    return <UserProfileError error={meQuery.error} {...props} />;\n  }\n\n  const user = meQuery.data!;\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserProfileError error={error} {...props} />\n      )}\n    >\n      <UserProfilePresentational userData={user} {...props} />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UserProfileProps,\n  UserProfileLoadingProps,\n  UserProfileErrorProps,\n};\nexport { UserProfile, UserProfileLoading, UserProfileError };\n"],"mappings":";AA+BQ;AA5BR;AAAA,EACE;AAAA,EACA;AAAA,EACA,eAAe;AAAA,OACV;AAKP,SAAS,aAAa;AACtB,SAAS,aAAwB,mBAAmB;AACpD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAO9B,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,oBAAkB,GAAG,UAAU,OAAc;AAAA,MAGhD;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,8BAAC,mBAAiB,GAAG,UAAU;AAAA;AAAA,MACjC;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,kBAAkB,CAAC,UAA8B;AACrD,QAAM,aAAa,YAAY;AAC/B,QAAM,UAAU,MAAM;AAEtB,MAAI,CAAC,cAAc,QAAQ,WAAW;AACpC,WAAO,oBAAC,sBAAoB,GAAG,OAAO;AAAA,EACxC;AAEA,MAAI,QAAQ,SAAS;AACnB,WAAO,oBAAC,oBAAiB,OAAO,QAAQ,OAAQ,GAAG,OAAO;AAAA,EAC5D;AAEA,QAAM,OAAO,QAAQ;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,oBAAiB,OAAe,GAAG,OAAO;AAAA,MAG7C,8BAAC,6BAA0B,UAAU,MAAO,GAAG,OAAO;AAAA;AAAA,EACxD;AAEJ;","names":[]}

package/dist/esm/user-security.client.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
 import { AuthToken } from './api/api-provider.js';
-export { UserSecurityLoading } from './lib/user-security.js';
+export { UserSecurityError, UserSecurityErrorProps, UserSecurityLoading, UserSecurityLoadingProps } from './lib/user-security.js';
+import { WidgetRootDomProps } from './lib/utils.js';
 import 'react/jsx-runtime';
 import './api/endpoint.js';
 import '@tanstack/react-query';
 import './api/widgets-api-client.js';
 
-interface UserSecurityProps {
+interface UserSecurityProps extends WidgetRootDomProps {
     authToken: AuthToken;
 }
 declare const UserSecurity: React.FC<UserSecurityProps>;

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

@@ -1,46 +1,63 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { ApiProvider } from "./api/api-provider.js";
+import { ApiProvider, useApiReady } from "./api/api-provider.js";
 import { useAuthenticationInformation } from "./api/endpoint.js";
 import {
   UserSecurityError,
   UserSecurityLoading,
   UserSecurity as UserSecurityPresentational
 } from "./lib/user-security.js";
-import { useIsHydrated } from "./lib/use-is-hydrated.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
-const UserSecurity = ({ authToken }) => {
+const UserSecurity = ({
+  authToken,
+  ...domProps
+}) => {
   const baseUrl = useWorkOsApiUrl();
   return /* @__PURE__ */ jsx(
-    ApiProvider,
+    ErrorBoundary,
     {
-      widgetType: "user-security",
-      authToken,
-      baseUrl,
-      children: /* @__PURE__ */ jsx(UserSecurityContent, {})
+      fallbackRender: ({ error }) => /* @__PURE__ */ jsx(UserSecurityError, { error, ...domProps }),
+      children: /* @__PURE__ */ jsx(
+        ApiProvider,
+        {
+          widgetType: "user-security",
+          authToken,
+          baseUrl,
+          children: /* @__PURE__ */ jsx(UserSecurityImpl, { ...domProps })
+        }
+      )
     }
   );
 };
-const UserSecurityContent = () => {
-  const isHydrated = useIsHydrated();
+const UserSecurityImpl = (props) => {
+  const isApiReady = useApiReady();
   const {
     data: settings,
     isLoading,
     isError,
     isSuccess,
     error
-  } = useAuthenticationInformation();
-  if (!isHydrated || isLoading) {
-    return /* @__PURE__ */ jsx(UserSecurityLoading, {});
+  } = useAuthenticationInformation({
+    query: { enabled: isApiReady }
+  });
+  if (!isApiReady || isLoading) {
+    return /* @__PURE__ */ jsx(UserSecurityLoading, { ...props });
   }
   if (isError || !isSuccess) {
-    return /* @__PURE__ */ jsx(UserSecurityError, { error });
+    return /* @__PURE__ */ jsx(UserSecurityError, { error, ...props });
   }
-  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: UserSecurityError, children: /* @__PURE__ */ jsx(UserSecurityPresentational, { settings: settings.data }) });
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      fallbackRender: ({ error: error2 }) => /* @__PURE__ */ jsx(UserSecurityError, { error: error2, ...props }),
+      children: /* @__PURE__ */ jsx(UserSecurityPresentational, { settings: settings.data, ...props })
+    }
+  );
 };
 export {
   UserSecurity,
+  UserSecurityError,
   UserSecurityLoading
 };
 //# sourceMappingURL=user-security.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/user-security.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ApiProvider, AuthToken } 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 { useIsHydrated } from \"./lib/use-is-hydrated.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 isHydrated = useIsHydrated();\n  const {\n    data: settings,\n    isLoading,\n    isError,\n    isSuccess,\n    error,\n  } = useAuthenticationInformation();\n\n  if (!isHydrated || 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":";AA2BM;AAxBN,SAAS,mBAA8B;AACvC,SAAS,oCAAoC;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,OACX;AACP,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAMvB,MAAM,eAA4C,CAAC,EAAE,UAAU,MAAM;AAC1E,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,8BAAC,uBAAoB;AAAA;AAAA,EACvB;AAEJ;AAIA,MAAM,sBAAsB,MAAM;AAChC,QAAM,aAAa,cAAc;AACjC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,6BAA6B;AAEjC,MAAI,CAAC,cAAc,WAAW;AAC5B,WAAO,oBAAC,uBAAoB;AAAA,EAC9B;AAEA,MAAI,WAAW,CAAC,WAAW;AACzB,WAAO,oBAAC,qBAAkB,OAAc;AAAA,EAC1C;AAEA,SACE,oBAAC,iBAAc,mBAAmB,mBAChC,8BAAC,8BAA2B,UAAU,SAAS,MAAM,GACvD;AAEJ;","names":[]}
+{"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 type {\n  UserSecurityErrorProps,\n  UserSecurityLoadingProps,\n} from \"./lib/user-security.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport type { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface UserSecurityProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst UserSecurity: React.FC<UserSecurityProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSecurityError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"user-security\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserSecurityImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst UserSecurityImpl = (props: WidgetRootDomProps) => {\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 {...props} />;\n  }\n\n  if (isError || !isSuccess) {\n    return <UserSecurityError error={error} {...props} />;\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSecurityError error={error} {...props} />\n      )}\n    >\n      <UserSecurityPresentational settings={settings.data} {...props} />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UserSecurityProps,\n  UserSecurityLoadingProps,\n  UserSecurityErrorProps,\n};\nexport { UserSecurity, UserSecurityLoading, UserSecurityError };\n"],"mappings":";AA+BQ;AA5BR,SAAS,aAAwB,mBAAmB;AACpD,SAAS,oCAAoC;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,OACX;AAKP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAO9B,MAAM,eAA4C,CAAC;AAAA,EACjD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,qBAAkB,OAAe,GAAG,UAAU;AAAA,MAGjD;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,8BAAC,oBAAkB,GAAG,UAAU;AAAA;AAAA,MAClC;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,mBAAmB,CAAC,UAA8B;AACtD,QAAM,aAAa,YAAY;AAC/B,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,6BAA6B;AAAA,IAC/B,OAAO,EAAE,SAAS,WAAW;AAAA,EAC/B,CAAC;AAED,MAAI,CAAC,cAAc,WAAW;AAC5B,WAAO,oBAAC,uBAAqB,GAAG,OAAO;AAAA,EACzC;AAEA,MAAI,WAAW,CAAC,WAAW;AACzB,WAAO,oBAAC,qBAAkB,OAAe,GAAG,OAAO;AAAA,EACrD;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,OAAAA,OAAM,MACvB,oBAAC,qBAAkB,OAAOA,QAAQ,GAAG,OAAO;AAAA,MAG9C,8BAAC,8BAA2B,UAAU,SAAS,MAAO,GAAG,OAAO;AAAA;AAAA,EAClE;AAEJ;","names":["error"]}

package/dist/esm/user-sessions.client.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export { UserSessionsLoading } from './lib/user-sessions.js';
+export { UserSessionsError, UserSessionsErrorProps, UserSessionsLoading, UserSessionsLoadingProps } from './lib/user-sessions.js';
+import { WidgetRootDomProps } from './lib/utils.js';
 import 'react/jsx-runtime';
 import './api/endpoint.js';
 import '@tanstack/react-query';
@@ -7,12 +8,13 @@ import './api/widgets-api-client.js';
 
 type UserSessionsWithoutCurrentSessionIdProps = {
     authToken: () => Promise<string>;
+    currentSessionId?: never;
 };
 type UserSessionsWithCurrentSessionIdProps = {
     authToken: string;
     currentSessionId: string;
 };
-type UserSessionsProps = UserSessionsWithoutCurrentSessionIdProps | UserSessionsWithCurrentSessionIdProps;
+type UserSessionsProps = WidgetRootDomProps & (UserSessionsWithoutCurrentSessionIdProps | UserSessionsWithCurrentSessionIdProps);
 declare const UserSessions: React.FC<UserSessionsProps>;
 
 export { UserSessions, type UserSessionsProps };

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

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

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

@@ -1 +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 { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { useSessions } from \"./api/endpoint.js\";\nimport { ApiProvider, useApi } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { useQuery } from \"@tanstack/react-query\";\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 isHydrated = useIsHydrated();\n  const sessionsQuery = useSessions();\n  const currentSessionIdQuery = useCurrentSessionIdQuery(currentSessionId);\n\n  if (\n    !isHydrated ||\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\"],\n    queryFn: async () => {\n      if (currentSessionId) {\n        return currentSessionId;\n      }\n\n      const res = await Promise.resolve(authToken);\n      const claims = getClaims(res);\n      return claims.sid;\n    },\n  });\n}\n\nfunction getClaims(accessToken: string) {\n  return JSON.parse(atob(accessToken.split(\".\")[1])) as { sid: string };\n}\n"],"mappings":";AAqCM;AAlCN;AAAA,EACE;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,OACX;AACP,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,aAAa,cAAc;AACpC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AAelB,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,cAAc;AACjC,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,WAAW;AAAA,IACtB,SAAS,YAAY;AACnB,UAAI,kBAAkB;AACpB,eAAO;AAAA,MACT;AAEA,YAAM,MAAM,MAAM,QAAQ,QAAQ,SAAS;AAC3C,YAAM,SAAS,UAAU,GAAG;AAC5B,aAAO,OAAO;AAAA,IAChB;AAAA,EACF,CAAC;AACH;AAEA,SAAS,UAAU,aAAqB;AACtC,SAAO,KAAK,MAAM,KAAK,YAAY,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;AACnD;","names":[]}
+{"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 type {\n  UserSessionsErrorProps,\n  UserSessionsLoadingProps,\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\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ntype UserSessionsWithoutCurrentSessionIdProps = {\n  authToken: () => Promise<string>;\n  currentSessionId?: never;\n};\n\ntype UserSessionsWithCurrentSessionIdProps = {\n  authToken: string;\n  currentSessionId: string;\n};\n\ntype UserSessionsProps = WidgetRootDomProps &\n  (\n    | UserSessionsWithoutCurrentSessionIdProps\n    | UserSessionsWithCurrentSessionIdProps\n  );\n\nconst UserSessions: React.FC<UserSessionsProps> = ({\n  authToken,\n  ...passthroughProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => {\n        const { currentSessionId, ...domProps } = passthroughProps;\n        return <UserSessionsError error={error} {...domProps} />;\n      }}\n    >\n      <ApiProvider\n        widgetType=\"user-sessions\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserSessionsImpl {...passthroughProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface UserSessionsImplProps extends WidgetRootDomProps {\n  currentSessionId?: string;\n}\n\nconst UserSessionsImpl: React.FC<UserSessionsImplProps> = ({\n  currentSessionId,\n  ...domProps\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 {...domProps} />;\n  }\n\n  if (sessionsQuery.isError || currentSessionIdQuery.isError) {\n    return (\n      <UserSessionsError\n        error={sessionsQuery.error || currentSessionIdQuery.error}\n        {...domProps}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSessionsError error={error} {...domProps} />\n      )}\n    >\n      <UserSessionsPresentational\n        sessionsData={sessionsQuery.data?.data || []}\n        currentSessionId={currentSessionIdQuery.data ?? \"\"}\n        {...domProps}\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\nexport type {\n  UserSessionsProps,\n  UserSessionsLoadingProps,\n  UserSessionsErrorProps,\n};\nexport { UserSessions, UserSessionsLoading, UserSessionsError };\n"],"mappings":";AA6Ce;AA1Cf;AAAA,EACE;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,OACX;AAKP,SAAS,mBAAmB;AAC5B,SAAS,aAAa,QAAQ,mBAAmB;AACjD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,UAAU,iBAAiB;AACpC,SAAS,iBAAiB;AAmB1B,MAAM,eAA4C,CAAC;AAAA,EACjD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,gBAAgB;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MAAM;AAC7B,cAAM,EAAE,kBAAkB,GAAG,SAAS,IAAI;AAC1C,eAAO,oBAAC,qBAAkB,OAAe,GAAG,UAAU;AAAA,MACxD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,8BAAC,oBAAkB,GAAG,kBAAkB;AAAA;AAAA,MAC1C;AAAA;AAAA,EACF;AAEJ;AAMA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA,GAAG;AACL,MAAM;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,uBAAqB,GAAG,UAAU;AAAA,EAC5C;AAEA,MAAI,cAAc,WAAW,sBAAsB,SAAS;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,cAAc,SAAS,sBAAsB;AAAA,QACnD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,qBAAkB,OAAe,GAAG,UAAU;AAAA,MAGjD;AAAA,QAAC;AAAA;AAAA,UACC,cAAc,cAAc,MAAM,QAAQ,CAAC;AAAA,UAC3C,kBAAkB,sBAAsB,QAAQ;AAAA,UAC/C,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;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,12 +1,13 @@
 import { AuthToken } from './api/api-provider.js';
 import * as React from 'react';
-export { UsersManagementLoading } from './lib/users-management.js';
+export { UsersManagementError, UsersManagementErrorProps, UsersManagementLoading, UsersManagementLoadingProps } from './lib/users-management.js';
+import { WidgetRootDomProps } from './lib/utils.js';
 import 'react/jsx-runtime';
 import './api/endpoint.js';
 import '@tanstack/react-query';
 import './api/widgets-api-client.js';
 
-interface UsersManagementProps {
+interface UsersManagementProps extends WidgetRootDomProps {
     authToken: AuthToken;
 }
 declare const UsersManagement: React.FC<UsersManagementProps>;

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

@@ -1,9 +1,8 @@
 "use client";
 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,
@@ -14,54 +13,65 @@ import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
 import { usePermissions } from "./lib/use-permissions.js";
 const UsersManagement = ({
-  authToken
+  authToken,
+  ...domProps
 }) => {
   const baseUrl = useWorkOsApiUrl();
-  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: UsersManagementError, children: /* @__PURE__ */ jsx(
-    ApiProvider,
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
     {
-      widgetType: "user-management",
-      authToken,
-      baseUrl,
-      children: /* @__PURE__ */ jsx(UsersManagementContextProvider, { children: /* @__PURE__ */ jsx(UsersManagementContent, {}) })
+      fallbackRender: ({ error }) => /* @__PURE__ */ jsx(UsersManagementError, { error, ...domProps }),
+      children: /* @__PURE__ */ jsx(
+        ApiProvider,
+        {
+          widgetType: "user-management",
+          authToken,
+          baseUrl,
+          children: /* @__PURE__ */ jsx(UsersManagementContextProvider, { children: /* @__PURE__ */ jsx(UsersManagementImpl, { ...domProps }) })
+        }
+      )
     }
-  ) });
+  );
 };
-const UsersManagementContent = () => {
-  const isHydrated = useIsHydrated();
+const UsersManagementImpl = (props) => {
+  const isApiReady = useApiReady();
   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 /* @__PURE__ */ jsx(UsersManagementLoading, {});
+  const permissionsQuery = usePermissions("widgets:users-table:manage");
+  if (permissionsQuery.isLoading || usersQuery.isLoading || rolesAndConfigQuery.isLoading || usersQuery.isPending || !isApiReady) {
+    return /* @__PURE__ */ jsx(UsersManagementLoading, { ...props });
   }
   if (permissionsQuery.isError || usersQuery.isError || rolesAndConfigQuery.isError) {
     return /* @__PURE__ */ jsx(
       UsersManagementError,
       {
-        error: permissionsQuery.error || usersQuery.error || rolesAndConfigQuery.error
+        error: permissionsQuery.error || usersQuery.error || rolesAndConfigQuery.error,
+        ...props
       }
     );
   }
-  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: UsersManagementError, children: /* @__PURE__ */ jsx(
-    UsersManagementPresentational,
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
     {
-      userData: usersQuery.data,
-      rolesData: rolesAndConfigQuery.data,
-      isPending: usersQuery.isFetching,
-      disableRolesFilter: rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching
+      fallbackRender: ({ error }) => /* @__PURE__ */ jsx(UsersManagementError, { error, ...props }),
+      children: /* @__PURE__ */ jsx(
+        UsersManagementPresentational,
+        {
+          userData: usersQuery.data,
+          rolesData: rolesAndConfigQuery.data,
+          isPending: usersQuery.isFetching,
+          disableRolesFilter: rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching,
+          ...props
+        }
+      )
     }
-  ) });
+  );
 };
 export {
   UsersManagement,
+  UsersManagementError,
   UsersManagementLoading
 };
 //# sourceMappingURL=users-management.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/users-management.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRolesAndConfig } from \"./api/endpoint.js\";\nimport { ApiProvider, AuthToken, useApi } from \"./api/api-provider.js\";\nimport * as React from \"react\";\nimport { useUsers } from \"./lib/api/user.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.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 isHydrated = useIsHydrated();\n  const rolesAndConfigQuery = useRolesAndConfig({\n    query: { initialData: { roles: [], multipleRolesEnabled: false } },\n  });\n  const usersQuery = useUsers();\n  const context = useApi();\n  const permissionsQuery = usePermissions(\n    \"widgets:users-table:manage\",\n    context.authToken,\n  );\n\n  if (\n    permissionsQuery.isLoading ||\n    usersQuery.isLoading ||\n    rolesAndConfigQuery.isLoading ||\n    usersQuery.isPending ||\n    // render loading state on the server to prevent FOUC or hydration mismatch\n    !isHydrated\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":";AAkCU;AAhCV,SAAS,yBAAyB;AAClC,SAAS,aAAwB,cAAc;AAE/C,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B;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,cAAc;AACjC,QAAM,sBAAsB,kBAAkB;AAAA,IAC5C,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,GAAG,sBAAsB,MAAM,EAAE;AAAA,EACnE,CAAC;AACD,QAAM,aAAa,SAAS;AAC5B,QAAM,UAAU,OAAO;AACvB,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA,QAAQ;AAAA,EACV;AAEA,MACE,iBAAiB,aACjB,WAAW,aACX,oBAAoB,aACpB,WAAW;AAAA,EAEX,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":[]}
+{"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 type {\n  UsersManagementErrorProps,\n  UsersManagementLoadingProps,\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\";\nimport type { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface UsersManagementProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst UsersManagement: React.FC<UsersManagementProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UsersManagementError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"user-management\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UsersManagementContextProvider>\n          <UsersManagementImpl {...domProps} />\n        </UsersManagementContextProvider>\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst UsersManagementImpl = (props: WidgetRootDomProps) => {\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 {...props} />;\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        {...props}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UsersManagementError error={error} {...props} />\n      )}\n    >\n      <UsersManagementPresentational\n        userData={usersQuery.data}\n        rolesData={rolesAndConfigQuery.data}\n        isPending={usersQuery.isFetching}\n        disableRolesFilter={\n          rolesAndConfigQuery.isPending || rolesAndConfigQuery.isFetching\n        }\n        {...props}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UsersManagementProps,\n  UsersManagementLoadingProps,\n  UsersManagementErrorProps,\n};\nexport { UsersManagement, UsersManagementLoading, UsersManagementError };\n"],"mappings":";AAkCQ;AAhCR,SAAS,yBAAyB;AAClC,SAAS,aAAwB,mBAAmB;AAEpD,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,OACd;AAKP,SAAS,sCAAsC;AAC/C,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAO/B,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,wBAAqB,OAAe,GAAG,UAAU;AAAA,MAGpD;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA,8BAAC,kCACC,8BAAC,uBAAqB,GAAG,UAAU,GACrC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,sBAAsB,CAAC,UAA8B;AACzD,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,0BAAwB,GAAG,OAAO;AAAA,EAC5C;AAEA,MACE,iBAAiB,WACjB,WAAW,WACX,oBAAoB,SACpB;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OACE,iBAAiB,SACjB,WAAW,SACX,oBAAoB;AAAA,QAErB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,oBAAC,wBAAqB,OAAe,GAAG,OAAO;AAAA,MAGjD;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,WAAW;AAAA,UACrB,WAAW,oBAAoB;AAAA,UAC/B,WAAW,WAAW;AAAA,UACtB,oBACE,oBAAoB,aAAa,oBAAoB;AAAA,UAEtD,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -11,17 +11,17 @@ 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;
+import { WIDGETS_DATA_ATTRIBUTE_NAMESPACE } from "./lib/constants.js";
 const WorkOsWidgets = ({
   elements = {},
-  className,
   theme: { fontFamily, ...radixThemesProps } = {},
   style = {},
   children,
   apiHostname = DEFAULT_API_HOSTNAME,
   port = null,
   https = true,
-  queryClient
+  queryClient,
+  className
 }) => {
   const customStyle = fontFamily ? {
     "--default-font-family": fontFamily,
@@ -45,6 +45,7 @@ const WorkOsWidgets = ({
     RadixThemes,
     {
       ...radixThemesProps,
+      ...{ [`data-${WIDGETS_DATA_ATTRIBUTE_NAMESPACE}-root`]: true },
       style: customStyle,
       className: cx(namespaceClassNames("root"), className),
       children: /* @__PURE__ */ jsx(WidgetsContext.Provider, { value: { elements, apiBaseUrl }, children })
@@ -55,15 +56,9 @@ const QueryClientProviderImpl = ({
   client: providedClient,
   children
 }) => {
-  let queryClient;
-  if (providedClient) {
-    queryClient = providedClient;
-  } else if (queryClientInternal) {
-    queryClient = queryClientInternal;
-  } else {
-    queryClientInternal = new QueryClient();
-    queryClient = queryClientInternal;
-  }
+  const [queryClient] = React.useState(
+    () => providedClient ?? new QueryClient()
+  );
   const client = useQueryClient(queryClient);
   if (Object.is(client, providedClient)) {
     return /* @__PURE__ */ jsx(Fragment, { children });

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

@@ -1 +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":";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":[]}
+{"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\";\nimport { WIDGETS_DATA_ATTRIBUTE_NAMESPACE } from \"./lib/constants.js\";\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  theme: { fontFamily, ...radixThemesProps } = {},\n  style = {},\n  children,\n  apiHostname = DEFAULT_API_HOSTNAME,\n  port = null,\n  https = true,\n  queryClient,\n  className,\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        {...{ [`data-${WIDGETS_DATA_ATTRIBUTE_NAMESPACE}-root`]: true }}\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  const [queryClient] = React.useState(\n    () => providedClient ?? new QueryClient(),\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,SAuBG,UAvBH;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;AAC/B,SAAS,wCAAwC;AAoB1C,MAAM,gBAA8C,CAAC;AAAA,EAC1D,WAAW,CAAC;AAAA,EACZ,OAAO,EAAE,YAAY,GAAG,iBAAiB,IAAI,CAAC;AAAA,EAC9C,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;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,MACH,GAAG,EAAE,CAAC,QAAQ,gCAAgC,OAAO,GAAG,KAAK;AAAA,MAC9D,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,QAAM,CAAC,WAAW,IAAI,MAAM;AAAA,IAC1B,MAAM,kBAAkB,IAAI,YAAY;AAAA,EAC1C;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.5.0",
+  "version": "1.6.0",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -53,18 +53,26 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
+    "@radix-ui/react-compose-refs": "^1.1.2",
+    "@radix-ui/react-form": "^0.1.8",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@radix-ui/themes": "^3.2.1",
-    "@tanstack/react-query": "^5.89.0",
-    "@types/node": "^22",
-    "@types/react": "^19.1.13",
-    "@types/react-dom": "^19.1.9",
+    "@tanstack/react-query": "^5.90.10",
+    "@types/node": "^24",
+    "@types/react": "^19.2.6",
+    "@types/react-dom": "^19.2.3",
+    "clsx": "^2.1.1",
     "execa": "^9.6.0",
     "fast-glob": "^3.3.3",
-    "orval": "^7.11.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.2",
+    "orval": "^7.16.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "use-debounce": "^10.0.6",
+    "@repo/eslint-config": "0.0.0",
     "@repo/typescript-config": "0.0.0"
   },
   "typesVersions": {
@@ -82,6 +90,8 @@
     "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.cjs",

package/dist/cjs/admin-portal-sso-connection-client.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/admin-portal-sso-connection-client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AdminPortalOpenButton,\n  AdminPortalSsoConnectionError,\n  AdminPortalSsoConnectionLoading,\n  AdminPortalSsoConnection as AdminPortalSsoConnectionPresentational,\n  type AdminPortalSsoConnectionStatusProps,\n} from \"./lib/admin-portal-sso-connection.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport {\n  type SsoConnection,\n  useGenerateAdminPortalLink,\n  useListSsoConnections,\n} from \"./api/endpoint.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { unreachable } from \"./lib/utils.js\";\nimport { IdentityProvider } from \"./lib/identity-providers.js\";\n\nexport interface AdminPortalSsoConnectionProps {\n  authToken: AuthToken;\n}\n\nexport const AdminPortalSsoConnection: React.FC<\n  AdminPortalSsoConnectionProps\n> = ({ authToken }) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ApiProvider\n      widgetType=\"admin-portal-sso-connection\"\n      authToken={authToken}\n      baseUrl={baseUrl}\n    >\n      <SingleSignOnContent />\n    </ApiProvider>\n  );\n};\n\nexport { AdminPortalSsoConnectionLoading };\n\nconst SingleSignOnContent = () => {\n  const isHydrated = useIsHydrated();\n  const [currentDate, setCurrentDate] = React.useState<Date | null>(() =>\n    isHydrated ? new Date() : null,\n  );\n  if (isHydrated && currentDate === null) {\n    setCurrentDate(new Date());\n  }\n\n  const { mutate: generateAdminPortalLink, ...mutation } =\n    useGenerateAdminPortalLink({\n      mutation: {\n        onSuccess: (data) => {\n          window.open(data.link, \"_blank\", \"noopener,noreferrer\");\n        },\n      },\n    });\n\n  const adminPortalLink = mutation.data?.link ?? null;\n\n  const query = useListSsoConnections();\n\n  const initConfig = () => {\n    generateAdminPortalLink({\n      params: {\n        intent: \"sso\",\n      },\n    });\n  };\n\n  if (query.isLoading) {\n    return <AdminPortalSsoConnectionLoading />;\n  }\n\n  if (query.isError) {\n    return <AdminPortalSsoConnectionError error={query.error} />;\n  }\n\n  if (query.data) {\n    const connection = query.data[0];\n    if (!connection) {\n      return (\n        <AdminPortalSsoConnectionPresentational\n          connectionStatus=\"NotConfigured\"\n          currentDate={currentDate}\n          lastSession={null}\n          adminPortalOpenButton={\n            <AdminPortalOpenButton\n              isPending={mutation.isPending}\n              href={adminPortalLink}\n              initConfig={initConfig}\n            />\n          }\n        />\n      );\n    }\n\n    const connectionState = getConnectionState(connection, currentDate);\n    const props: AdminPortalSsoConnectionStatusProps = (() => {\n      const connectionStatus = connectionState.status;\n      if (!connection || connectionStatus === \"NotConfigured\") {\n        return {\n          connectionStatus: \"NotConfigured\",\n        } satisfies AdminPortalSsoConnectionStatusProps;\n      }\n\n      const identityProvider = getIdentityProvider(connection);\n      switch (connectionStatus) {\n        case \"Active\":\n          return {\n            connectionStatus,\n            identityProvider,\n          } satisfies AdminPortalSsoConnectionStatusProps;\n        case \"Inactive\":\n          return {\n            connectionStatus,\n            identityProvider,\n          } satisfies AdminPortalSsoConnectionStatusProps;\n        case \"Expired\":\n        case \"Expiring\":\n          return {\n            connectionStatus,\n            expiryDate: connectionState.expiryDate,\n            identityProvider,\n          } satisfies AdminPortalSsoConnectionStatusProps;\n        default:\n          return unreachable(connectionState);\n      }\n    })();\n\n    const lastSession = connection.lastSession\n      ? new Date(connection.lastSession.createdAt)\n      : null;\n\n    return (\n      <ErrorBoundary FallbackComponent={AdminPortalSsoConnectionError}>\n        <AdminPortalSsoConnectionPresentational\n          {...props}\n          currentDate={currentDate}\n          lastSession={lastSession}\n          adminPortalOpenButton={\n            <AdminPortalOpenButton\n              isPending={mutation.isPending}\n              href={adminPortalLink}\n              initConfig={initConfig}\n            />\n          }\n        />\n      </ErrorBoundary>\n    );\n  }\n};\n\ntype ConnectionState =\n  | { status: \"NotConfigured\" }\n  | { status: \"Active\" }\n  | { status: \"Inactive\" }\n  | {\n      status: \"Expiring\";\n      daysUntilExpiry: number | null;\n      expiryDate: Date | null;\n    }\n  | { status: \"Expired\"; expiryDate: Date | null };\n\nfunction getConnectionState(\n  connection: SsoConnection,\n  currentDate: Date | null,\n): ConnectionState {\n  switch (connection.state) {\n    case \"Active\":\n    case \"Validating\":\n    case \"Deleting\": {\n      const activeStatus = { status: \"Active\" } satisfies ConnectionState;\n      if (connection.providerTag !== \"Saml\") {\n        return activeStatus;\n      }\n\n      if (connection.latestExpiredCertificate) {\n        return {\n          status: \"Expired\",\n          expiryDate: connection.latestExpiredCertificate.notAfter\n            ? new Date(connection.latestExpiredCertificate.notAfter)\n            : null,\n        };\n      }\n\n      const expiryTime = connection.latestExpiringCertificate?.notAfter;\n      if (currentDate == null || expiryTime == null) {\n        return activeStatus;\n      }\n\n      const expiryDate = new Date(expiryTime);\n      const daysUntilExpiry = (() => {\n        const diff = expiryDate.getTime() - currentDate.getTime();\n        if (diff < 0) {\n          return -1;\n        }\n\n        return diff / (1000 * 60 * 60 * 24);\n      })();\n\n      if (daysUntilExpiry !== -1 && daysUntilExpiry <= 30) {\n        return { status: \"Expiring\", daysUntilExpiry, expiryDate };\n      }\n\n      return activeStatus;\n    }\n    case \"Inactive\": {\n      return { status: \"Inactive\" };\n    }\n    default:\n      return unreachable(connection);\n  }\n}\n\nfunction getIdentityProvider(connection: SsoConnection): IdentityProvider {\n  switch (connection.type) {\n    case \"AdfsSaml\":\n    case \"EntraIdOidc\":\n      return \"microsoft\";\n    case \"Auth0Migration\":\n    case \"Auth0Saml\":\n      return \"auth0\";\n    case \"AzureSaml\":\n      return \"azure\";\n    case \"CasSaml\":\n      return \"cas\";\n    case \"ClassLinkSaml\":\n      return \"classlink\";\n    case \"CloudflareSaml\":\n      return \"cloudflare\";\n    case \"CyberArkSaml\":\n      return \"cyberark\";\n    case \"DuoSaml\":\n      return \"duo\";\n    case \"GenericSaml\":\n      return \"generic-saml\";\n    case \"GoogleSaml\":\n    case \"GoogleOidc\":\n      return \"google\";\n    case \"JumpCloudSaml\":\n      return \"jumpcloud\";\n    case \"KeycloakSaml\":\n      return \"keycloak\";\n    case \"LastPassSaml\":\n      return \"lastpass\";\n    case \"MiniOrangeSaml\":\n      return \"miniorange\";\n    case \"NetIqSaml\":\n      return \"net-iq\";\n    case \"OktaOidc\":\n    case \"OktaSaml\":\n      return \"okta\";\n    case \"OneLoginSaml\":\n      return \"onelogin\";\n    case \"OracleSaml\":\n      return \"oracle\";\n    case \"PingFederateSaml\":\n    case \"PingOneSaml\":\n      return \"ping-identity\";\n    case \"RipplingSaml\":\n      return \"rippling\";\n    case \"SalesforceSaml\":\n      return \"salesforce\";\n    case \"ShibbolethGenericSaml\":\n    case \"ShibbolethSaml\":\n      return \"shibboleth\";\n    case \"SimpleSamlPhpSaml\":\n      return \"simple-saml-php\";\n    case \"TestIdp\":\n      return \"test-idp\";\n    case \"VmWareSaml\":\n      return \"vmware\";\n    case \"AdpOidc\":\n      return \"adp\";\n    case \"GenericOidc\":\n      return \"generic-oidc\";\n    case \"LoginGovOidc\":\n      return \"login-gov\";\n    default:\n      return unreachable(connection);\n  }\n}\n"],"mappings":"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","names":["AdminPortalSsoConnectionPresentational"]}

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export { AdminPortalSsoConnectionLoading } from './lib/admin-portal-sso-connection.cjs';
-import { AuthToken } from './api/api-provider.cjs';
-import 'react/jsx-runtime';
-import './lib/identity-providers.cjs';
-
-interface AdminPortalSsoConnectionProps {
-    authToken: AuthToken;
-}
-declare const AdminPortalSsoConnection: React.FC<AdminPortalSsoConnectionProps>;
-
-export { AdminPortalSsoConnection, type AdminPortalSsoConnectionProps };