@descope/nextjs-sdk 0.0.6 → 0.0.9

package/README.md

@@ -322,15 +322,71 @@ The widget lets you:
 
 ```js
 import { AccessKeyManagement } from '@descope/nextjs-sdk';
+{
+	/* admin view: manage all tenant users' access keys */
+}
+<AccessKeyManagement
+	widgetId="access-key-management-widget"
+	tenant="tenant-id"
+/>;
+
+{
+	/* user view: mange access key for the logged-in tenant's user */
+}
+<AccessKeyManagement
+	widgetId="user-access-key-management-widget"
+	tenant="tenant-id"
+/>;
+```
+
+Example:
+[Manage Access Keys](./examples/app-router/app/manage-access-keys/page.tsx)
+
+#### Audit Management
+
+The `AuditManagement` widget will let you embed an audit table in your site.
+
+###### Usage
+
+```js
+import { AuditManagement } from '@descope/nextjs-sdk';
 ...
-  <AccessKeyManagement
-    widgetId="access-key-management-widget"
+  <AuditManagement
+    widgetId="audit-management-widget"
     tenant="tenant-id"
   />
 ```
 
 Example:
-[Manage Access Keys](./examples/app-router/app/manage-access-keys/page.tsx)
+[Manage Audit](./examples/app-router/app/manage-audit/page.tsx)
+
+#### User Profile
+
+The `UserProfile` widget lets you embed a user profile component in your app and let the logged in user update his profile.
+
+The widget lets you:
+
+- Update user profile picture
+- Update user personal information
+- Update authentication methods
+- Logout
+
+###### Usage
+
+```js
+import { UserProfile } from '@descope/nextjs-sdk';
+...
+  <UserProfile
+    widgetId="user-profile-widget"
+    onLogout={() => {
+      // add here you own logout callback
+      window.location.href = '/login';
+    }}
+  />
+```
+
+Example:
+[User Profile](./examples/app-router/app/my-user-profile/page.tsx)
 
 ## Code Example
 

package/dist/client/dts/src/client/index.d.ts

@@ -1 +1 @@
-export { useDescope, useSession, useUser, getSessionToken, getRefreshToken, getJwtPermissions, getJwtRoles, refresh } from '@descope/react-sdk';
+export { useDescope, useSession, useUser, getSessionToken, getRefreshToken, isSessionTokenExpired, isRefreshTokenExpired, getJwtPermissions, getJwtRoles, refresh } from '@descope/react-sdk';

package/dist/client/dts/src/shared/DescopeWidgets.d.ts

@@ -20,3 +20,19 @@ export declare const AccessKeyManagement: ComponentType<{
     theme?: import("@descope/web-component").ThemeOptions;
     debug?: boolean;
 } & import("react").RefAttributes<HTMLElement>>;
+export declare const AuditManagement: ComponentType<{
+    logger?: import("@descope/web-component").ILogger;
+    tenant: string;
+    widgetId: string;
+    theme?: import("@descope/web-component").ThemeOptions;
+    debug?: boolean;
+} & import("react").RefAttributes<HTMLElement>>;
+export declare const UserProfile: ComponentType<Omit<{
+    logger?: import("@descope/web-component").ILogger;
+    tenant: string;
+    widgetId: string;
+    theme?: import("@descope/web-component").ThemeOptions;
+    debug?: boolean;
+}, "tenant"> & {
+    onLogout?: (e: CustomEvent<any>) => void;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/client/index.d.ts

@@ -1 +1 @@
-export { getJwtPermissions, getJwtRoles, getRefreshToken, getSessionToken, refresh, useDescope, useSession, useUser } from '@descope/react-sdk';
+export { getJwtPermissions, getJwtRoles, getRefreshToken, getSessionToken, isRefreshTokenExpired, isSessionTokenExpired, refresh, useDescope, useSession, useUser } from '@descope/react-sdk';

package/dist/client/index.js

@@ -1,3 +1,3 @@
 "use client";
-export { getJwtPermissions, getJwtRoles, getRefreshToken, getSessionToken, refresh, useDescope, useSession, useUser } from '@descope/react-sdk';
+export { getJwtPermissions, getJwtRoles, getRefreshToken, getSessionToken, isRefreshTokenExpired, isSessionTokenExpired, refresh, useDescope, useSession, useUser } from '@descope/react-sdk';
 //# sourceMappingURL=index.js.map

package/dist/dts/src/client/index.d.ts

@@ -1 +1 @@
-export { useDescope, useSession, useUser, getSessionToken, getRefreshToken, getJwtPermissions, getJwtRoles, refresh } from '@descope/react-sdk';
+export { useDescope, useSession, useUser, getSessionToken, getRefreshToken, isSessionTokenExpired, isRefreshTokenExpired, getJwtPermissions, getJwtRoles, refresh } from '@descope/react-sdk';

package/dist/dts/src/shared/DescopeWidgets.d.ts

@@ -20,3 +20,19 @@ export declare const AccessKeyManagement: ComponentType<{
     theme?: import("@descope/web-component").ThemeOptions;
     debug?: boolean;
 } & import("react").RefAttributes<HTMLElement>>;
+export declare const AuditManagement: ComponentType<{
+    logger?: import("@descope/web-component").ILogger;
+    tenant: string;
+    widgetId: string;
+    theme?: import("@descope/web-component").ThemeOptions;
+    debug?: boolean;
+} & import("react").RefAttributes<HTMLElement>>;
+export declare const UserProfile: ComponentType<Omit<{
+    logger?: import("@descope/web-component").ILogger;
+    tenant: string;
+    widgetId: string;
+    theme?: import("@descope/web-component").ThemeOptions;
+    debug?: boolean;
+}, "tenant"> & {
+    onLogout?: (e: CustomEvent<any>) => void;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/index.d.ts

@@ -189,5 +189,21 @@ declare const AccessKeyManagement: ComponentType<{
     theme?: _descope_web_component.ThemeOptions;
     debug?: boolean;
 } & React.RefAttributes<HTMLElement>>;
+declare const AuditManagement: ComponentType<{
+    logger?: _descope_web_component.ILogger;
+    tenant: string;
+    widgetId: string;
+    theme?: _descope_web_component.ThemeOptions;
+    debug?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+declare const UserProfile: ComponentType<Omit<{
+    logger?: _descope_web_component.ILogger;
+    tenant: string;
+    widgetId: string;
+    theme?: _descope_web_component.ThemeOptions;
+    debug?: boolean;
+}, "tenant"> & {
+    onLogout?: (e: CustomEvent<any>) => void;
+} & React.RefAttributes<HTMLElement>>;
 
-export { AccessKeyManagement, AuthProvider, Descope, RoleManagement, SignInFlow, SignUpFlow, SignUpOrInFlow, UserManagement };
+export { AccessKeyManagement, AuditManagement, AuthProvider, Descope, RoleManagement, SignInFlow, SignUpFlow, SignUpOrInFlow, UserManagement, UserProfile };

package/dist/index.js

@@ -1,4 +1,4 @@
 export { default as AuthProvider } from './shared/AuthProvider.js';
 export { Descope, SignInFlow, SignUpFlow, SignUpOrInFlow } from './shared/DescopeFlows.js';
-export { AccessKeyManagement, RoleManagement, UserManagement } from './shared/DescopeWidgets.js';
+export { AccessKeyManagement, AuditManagement, RoleManagement, UserManagement, UserProfile } from './shared/DescopeWidgets.js';
 //# sourceMappingURL=index.js.map

package/dist/server/constants.js

@@ -1,7 +1,7 @@
 const DESCOPE_SESSION_HEADER = 'x-descope-session';
 const baseHeaders = {
     'x-descope-sdk-name': 'nextjs',
-    'x-descope-sdk-version': "0.0.6"
+    'x-descope-sdk-version': "0.0.9"
 };
 const DEFAULT_PUBLIC_ROUTES = {
     signIn: process.env.SIGN_IN_ROUTE || '/sign-in',

package/dist/server/dts/src/client/index.d.ts

@@ -1 +1 @@
-export { useDescope, useSession, useUser, getSessionToken, getRefreshToken, getJwtPermissions, getJwtRoles, refresh } from '@descope/react-sdk';
+export { useDescope, useSession, useUser, getSessionToken, getRefreshToken, isSessionTokenExpired, isRefreshTokenExpired, getJwtPermissions, getJwtRoles, refresh } from '@descope/react-sdk';

package/dist/server/dts/src/shared/DescopeWidgets.d.ts

@@ -20,3 +20,19 @@ export declare const AccessKeyManagement: ComponentType<{
     theme?: import("@descope/web-component").ThemeOptions;
     debug?: boolean;
 } & import("react").RefAttributes<HTMLElement>>;
+export declare const AuditManagement: ComponentType<{
+    logger?: import("@descope/web-component").ILogger;
+    tenant: string;
+    widgetId: string;
+    theme?: import("@descope/web-component").ThemeOptions;
+    debug?: boolean;
+} & import("react").RefAttributes<HTMLElement>>;
+export declare const UserProfile: ComponentType<Omit<{
+    logger?: import("@descope/web-component").ILogger;
+    tenant: string;
+    widgetId: string;
+    theme?: import("@descope/web-component").ThemeOptions;
+    debug?: boolean;
+}, "tenant"> & {
+    onLogout?: (e: CustomEvent<any>) => void;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/shared/DescopeWidgets.js

@@ -1,6 +1,6 @@
 "use client";
 import dynamic from 'next/dynamic';
-import { UserManagement as UserManagement$1, RoleManagement as RoleManagement$1, AccessKeyManagement as AccessKeyManagement$1 } from '@descope/react-sdk';
+import { UserManagement as UserManagement$1, RoleManagement as RoleManagement$1, AccessKeyManagement as AccessKeyManagement$1, AuditManagement as AuditManagement$1, UserProfile as UserProfile$1 } from '@descope/react-sdk';
 
 // a helper function to dynamically load the components
 // This function prevents Next.js from trying to server-side render these components
@@ -12,6 +12,8 @@ const dynamicWidgetComponent = (Component) => dynamic(() => Promise.resolve(Comp
 const UserManagement = dynamicWidgetComponent(UserManagement$1);
 const RoleManagement = dynamicWidgetComponent(RoleManagement$1);
 const AccessKeyManagement = dynamicWidgetComponent(AccessKeyManagement$1);
+const AuditManagement = dynamicWidgetComponent(AuditManagement$1);
+const UserProfile = dynamicWidgetComponent(UserProfile$1);
 
-export { AccessKeyManagement, RoleManagement, UserManagement };
+export { AccessKeyManagement, AuditManagement, RoleManagement, UserManagement, UserProfile };
 //# sourceMappingURL=DescopeWidgets.js.map

package/dist/shared/DescopeWidgets.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescopeWidgets.js","sources":["../../src/shared/DescopeWidgets.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentType } from 'react';\nimport dynamic from 'next/dynamic';\nimport {\n\tUserManagement as UserManagementWC,\n\tRoleManagement as RoleManagementWC,\n\tAccessKeyManagement as AccessKeyManagementWC\n} from '@descope/react-sdk';\n\n// a helper function to dynamically load the components\n// This function prevents Next.js from trying to server-side render these components\n// Update the helper function to use generics for preserving component prop types\nconst dynamicWidgetComponent = <P extends {}>(Component: ComponentType<P>) =>\n\tdynamic<P>(() => Promise.resolve(Component), {\n\t\tssr: false // Disable server-side rendering for this component\n\t});\n\n// Use the helper function to create dynamically loaded components\nexport const UserManagement = dynamicWidgetComponent(UserManagementWC);\nexport const RoleManagement = dynamicWidgetComponent(RoleManagementWC);\nexport const AccessKeyManagement = dynamicWidgetComponent(\n\tAccessKeyManagementWC\n);\n"],"names":[],"mappings":";;;;AAUA;AACA;AACA;AACA;;AAGE;AAEF;;;;;"}
+{"version":3,"file":"DescopeWidgets.js","sources":["../../src/shared/DescopeWidgets.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentType } from 'react';\nimport dynamic from 'next/dynamic';\nimport {\n\tUserManagement as UserManagementWC,\n\tRoleManagement as RoleManagementWC,\n\tAccessKeyManagement as AccessKeyManagementWC,\n\tAuditManagement as AuditManagementWC,\n\tUserProfile as UserProfileWc\n} from '@descope/react-sdk';\n\n// a helper function to dynamically load the components\n// This function prevents Next.js from trying to server-side render these components\n// Update the helper function to use generics for preserving component prop types\nconst dynamicWidgetComponent = <P extends {}>(Component: ComponentType<P>) =>\n\tdynamic<P>(() => Promise.resolve(Component), {\n\t\tssr: false // Disable server-side rendering for this component\n\t});\n\n// Use the helper function to create dynamically loaded components\nexport const UserManagement = dynamicWidgetComponent(UserManagementWC);\nexport const RoleManagement = dynamicWidgetComponent(RoleManagementWC);\nexport const AccessKeyManagement = dynamicWidgetComponent(\n\tAccessKeyManagementWC\n);\nexport const AuditManagement = dynamicWidgetComponent(AuditManagementWC);\nexport const UserProfile = dynamicWidgetComponent(UserProfileWc);\n"],"names":[],"mappings":";;;;AAYA;AACA;AACA;AACA;;AAGE;AAEF;;;;;;;"}

package/dist/shared/constants.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/prefer-default-export
 const baseHeaders = {
     'x-descope-sdk-name': 'nextjs',
-    'x-descope-sdk-version': "0.0.6"
+    'x-descope-sdk-version': "0.0.9"
 };
 
 export { baseHeaders };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/nextjs-sdk",
-	"version": "0.0.6",
+	"version": "0.0.9",
 	"description": "Descope NextJS SDK",
 	"author": "Descope Team <info@descope.com>",
 	"homepage": "https://github.com/descope/nextjs-sdk",
@@ -73,8 +73,8 @@
 		]
 	},
 	"dependencies": {
-		"@descope/node-sdk": "1.6.6",
-		"@descope/react-sdk": "2.0.16"
+		"@descope/node-sdk": "1.6.8",
+		"@descope/react-sdk": "2.0.25"
 	},
 	"devDependencies": {
 		"@babel/core": "7.23.9",