@zitadel/sdk-react 0.1.0-alpha.13 → 0.1.0-alpha.14

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { configureZitadel, getApi, getZitadelConfig, ZitadelConfig, ZitadelProject } from '@zitadel/api/config';
-import { ZitadelLogin as ZitadelLoginElement, ZitadelLogout as ZitadelLogoutElement } from '@zitadel/components';
+import { ZitadelLogin as ZitadelLoginElement, ZitadelLogout as ZitadelLogoutElement, ZitadelSession as ZitadelSessionElement } from '@zitadel/components';
 import * as React from "react";
 export { configureZitadel, getApi, getZitadelConfig };
 export type { ZitadelConfig, ZitadelProject };
@@ -24,4 +24,13 @@ export declare const ZitadelLogin: React.ForwardRefExoticComponent<import('@zita
  * so consumers can imperatively access the upgraded web component.
  */
 export declare const ZitadelLogout: React.ForwardRefExoticComponent<import('@zitadel/sdk-core/types').ZitadelLogoutConfig & import('@zitadel/sdk-core/types').ZitadelLogoutHandlers & React.RefAttributes<ZitadelLogoutElement>>;
+/**
+ * React component wrapping the `<zitadel-session>` web component — the
+ * post-sign-in "signed in as" card. Binds the `ZitadelProject` handle as a DOM
+ * property (or the discrete project id / proxy path as attributes) and forwards
+ * the widget's `zitadel-signout` event as an optional callback.
+ *
+ * A forwarded `ref` resolves to the underlying `<zitadel-session>` DOM element.
+ */
+export declare const ZitadelSession: React.ForwardRefExoticComponent<import('@zitadel/sdk-core/types').ZitadelSessionConfig & import('@zitadel/sdk-core/types').ZitadelSessionHandlers & React.RefAttributes<ZitadelSessionElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,YAAY,IAAI,mBAAmB,EACnC,aAAa,IAAI,oBAAoB,EACtC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;AAC9C,cAAc,SAAS,CAAC;AAiDxB;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,2LAiBxB,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,8LAUzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,YAAY,IAAI,mBAAmB,EACnC,aAAa,IAAI,oBAAoB,EACrC,cAAc,IAAI,qBAAqB,EACxC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;AAC9C,cAAc,SAAS,CAAC;AA0DxB;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,2LAiBxB,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,8LAUzB,CAAC;AAIF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,iMAU1B,CAAC"}

package/dist/index.js

@@ -1,59 +1,80 @@
 import { jsx as n } from "react/jsx-runtime";
-import { createComponent as r } from "@lit/react";
-import { configureZitadel as N, getApi as x, getZitadelConfig as E } from "@zitadel/api/config";
-import { ZitadelLogin as s, ZitadelLogout as p } from "@zitadel/components";
+import { createComponent as d } from "@lit/react";
+import { configureZitadel as v, getApi as x, getZitadelConfig as y } from "@zitadel/api/config";
+import { ZitadelLogin as m, ZitadelLogout as u, ZitadelSession as f } from "@zitadel/components";
 import * as l from "react";
-const f = r({
+const c = d({
   react: l,
   tagName: "zitadel-login",
-  elementClass: s,
+  elementClass: m,
   events: {
     onZitadelFlowStep: "zitadel-flow-step",
     onZitadelFlowInput: "zitadel-flow-input",
     onZitadelFlowComplete: "zitadel-flow-complete",
     onZitadelFlowError: "zitadel-flow-error"
   }
-}), u = r({
+}), p = d({
   react: l,
   tagName: "zitadel-logout",
-  elementClass: p,
+  elementClass: u,
   events: {
     onZitadelSignout: "zitadel-signout"
   }
-}), c = l.forwardRef(
-  function({ purpose: e, onFlowStep: o, onFlowInput: i, onFlowComplete: a, onFlowError: d, ...g }, m) {
+}), L = d({
+  react: l,
+  tagName: "zitadel-session",
+  elementClass: f,
+  events: {
+    onZitadelSignout: "zitadel-signout"
+  }
+}), w = l.forwardRef(
+  function({ purpose: e, onFlowStep: i, onFlowInput: o, onFlowComplete: a, onFlowError: r, ...Z }, g) {
     return /* @__PURE__ */ n(
-      f,
+      c,
       {
-        ...g,
-        ref: m,
+        ...Z,
+        ref: g,
         purpose: e ?? "login",
-        onZitadelFlowStep: o && ((t) => o(t.detail)),
-        onZitadelFlowInput: i && ((t) => i(t.detail)),
+        onZitadelFlowStep: i && ((t) => i(t.detail)),
+        onZitadelFlowInput: o && ((t) => o(t.detail)),
         onZitadelFlowComplete: a && ((t) => a(t.detail)),
-        onZitadelFlowError: d && ((t) => d(t.detail))
+        onZitadelFlowError: r && ((t) => r(t.detail))
+      }
+    );
+  }
+);
+w.displayName = "ZitadelLogin";
+const z = l.forwardRef(
+  function({ onSignout: e, ...i }, o) {
+    return /* @__PURE__ */ n(
+      p,
+      {
+        ...i,
+        ref: o,
+        onZitadelSignout: e && ((a) => e(a.detail))
       }
     );
   }
 );
-c.displayName = "ZitadelLogin";
-const L = l.forwardRef(
-  function({ onSignout: e, ...o }, i) {
+z.displayName = "ZitadelLogout";
+const S = l.forwardRef(
+  function({ onSignout: e, ...i }, o) {
     return /* @__PURE__ */ n(
-      u,
+      L,
       {
-        ...o,
-        ref: i,
+        ...i,
+        ref: o,
         onZitadelSignout: e && ((a) => e(a.detail))
       }
     );
   }
 );
-L.displayName = "ZitadelLogout";
+S.displayName = "ZitadelSession";
 export {
-  c as ZitadelLogin,
-  L as ZitadelLogout,
-  N as configureZitadel,
+  w as ZitadelLogin,
+  z as ZitadelLogout,
+  S as ZitadelSession,
+  v as configureZitadel,
   x as getApi,
-  E as getZitadelConfig
+  y as getZitadelConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zitadel/sdk-react",
-  "version": "0.1.0-alpha.13",
+  "version": "0.1.0-alpha.14",
   "description": "React components for the Zitadel auth UI (client-side SPA).",
   "homepage": "https://github.com/zitadel/nextgen/tree/main/packages/sdk-react#readme",
   "bugs": {
@@ -27,9 +27,9 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.8",
-    "@zitadel/sdk-core": "0.1.0-alpha.13",
-    "@zitadel/api": "0.1.0-alpha.13",
-    "@zitadel/components": "0.1.0-alpha.13"
+    "@zitadel/api": "0.1.0-alpha.14",
+    "@zitadel/sdk-core": "0.1.0-alpha.14",
+    "@zitadel/components": "0.1.0-alpha.14"
   },
   "peerDependencies": {
     "react": ">=18",