@descope/nextjs-sdk 0.0.7 → 0.0.9

package/README.md

@@ -322,11 +322,21 @@ The widget lets you:
 
 ```js
 import { AccessKeyManagement } from '@descope/nextjs-sdk';
-...
-  <AccessKeyManagement
-    widgetId="access-key-management-widget"
-    tenant="tenant-id"
-  />
+{
+	/* 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:
@@ -350,6 +360,34 @@ import { AuditManagement } from '@descope/nextjs-sdk';
 Example:
 [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
 
 You can find an example react app in the [examples folder](./examples). - [App Router](/examples/app-router/) - [Pages Router](/examples/pages-router/)

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

@@ -27,3 +27,12 @@ export declare const AuditManagement: ComponentType<{
     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/dts/src/shared/DescopeWidgets.d.ts

@@ -27,3 +27,12 @@ export declare const AuditManagement: ComponentType<{
     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

@@ -196,5 +196,14 @@ declare const AuditManagement: ComponentType<{
     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, AuditManagement, 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, AuditManagement, 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.7"
+    'x-descope-sdk-version': "0.0.9"
 };
 const DEFAULT_PUBLIC_ROUTES = {
     signIn: process.env.SIGN_IN_ROUTE || '/sign-in',

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

@@ -27,3 +27,12 @@ export declare const AuditManagement: ComponentType<{
     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, AuditManagement as AuditManagement$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
@@ -13,6 +13,7 @@ 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, AuditManagement, 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\tAuditManagement as AuditManagementWC\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);\n"],"names":[],"mappings":";;;;AAWA;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.7"
+    'x-descope-sdk-version': "0.0.9"
 };
 
 export { baseHeaders };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/nextjs-sdk",
-	"version": "0.0.7",
+	"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.20"
+		"@descope/node-sdk": "1.6.8",
+		"@descope/react-sdk": "2.0.25"
 	},
 	"devDependencies": {
 		"@babel/core": "7.23.9",