@zitadel/sdk-svelte 0.1.0-alpha.13 → 0.1.0-alpha.15

package/dist/ZitadelSession.svelte.d.ts

@@ -0,0 +1,8 @@
+import '@zitadel/components';
+import type { ZitadelSession as ZitadelSessionElement } from '@zitadel/components';
+import type { ZitadelSessionProps } from './types';
+declare const ZitadelSession: import("svelte").Component<ZitadelSessionProps, {
+    getElement: () => ZitadelSessionElement | undefined;
+}, "">;
+type ZitadelSession = ReturnType<typeof ZitadelSession>;
+export default ZitadelSession;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { default as ZitadelLogin } from "./ZitadelLogin.svelte";
 export { default as ZitadelLogout } from "./ZitadelLogout.svelte";
+export { default as ZitadelSession } from "./ZitadelSession.svelte";
 export { configureZitadel, getApi, getZitadelConfig } from "@zitadel/api/config";
 export type { ZitadelConfig, ZitadelProject } from "@zitadel/api/config";
 export * from "./types";

package/dist/index.js

@@ -1,49 +1,69 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import "@zitadel/components";
-import { configureZitadel as h, getApi as j, getZitadelConfig as x } from "@zitadel/api/config";
+import { configureZitadel as x, getApi as S, getZitadelConfig as y } from "@zitadel/api/config";
 var f = e.from_html("<zitadel-login></zitadel-login>", 2);
-function z(s, t) {
+function h(d, t) {
   e.push(t, !0);
-  let a = e.prop(t, "purpose", 3, "login"), i = e.state(void 0);
-  function m() {
+  let l = e.prop(t, "purpose", 3, "login"), i = e.state(void 0);
+  function _() {
     return e.get(i);
   }
   e.user_effect(() => {
-    const o = e.get(i);
-    if (!o)
+    const a = e.get(i);
+    if (!a)
       return;
-    const d = (r) => t.onFlowStep?.(r.detail), u = (r) => t.onFlowInput?.(r.detail), _ = (r) => t.onFlowComplete?.(r.detail), c = (r) => t.onFlowError?.(r.detail);
-    return o.addEventListener("zitadel-flow-step", d), o.addEventListener("zitadel-flow-input", u), o.addEventListener("zitadel-flow-complete", _), o.addEventListener("zitadel-flow-error", c), () => {
-      o.removeEventListener("zitadel-flow-step", d), o.removeEventListener("zitadel-flow-input", u), o.removeEventListener("zitadel-flow-complete", _), o.removeEventListener("zitadel-flow-error", c);
+    const s = (r) => t.onFlowStep?.(r.detail), u = (r) => t.onFlowInput?.(r.detail), m = (r) => t.onFlowComplete?.(r.detail), c = (r) => t.onFlowError?.(r.detail);
+    return a.addEventListener("zitadel-flow-step", s), a.addEventListener("zitadel-flow-input", u), a.addEventListener("zitadel-flow-complete", m), a.addEventListener("zitadel-flow-error", c), () => {
+      a.removeEventListener("zitadel-flow-step", s), a.removeEventListener("zitadel-flow-input", u), a.removeEventListener("zitadel-flow-complete", m), a.removeEventListener("zitadel-flow-error", c);
     };
   });
-  var l = { getElement: m }, n = f();
-  return e.template_effect(() => e.set_custom_element_data(n, "project", t.project)), e.template_effect(() => e.set_custom_element_data(n, "purpose", a())), e.template_effect(() => e.set_custom_element_data(n, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(n, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(n, "post-sign-in-url", t.postSignInUrl)), e.bind_this(n, (o) => e.set(i, o), () => e.get(i)), e.append(s, n), e.pop(l);
+  var n = { getElement: _ }, o = f();
+  return e.template_effect(() => e.set_custom_element_data(o, "project", t.project)), e.template_effect(() => e.set_custom_element_data(o, "purpose", l())), e.template_effect(() => e.set_custom_element_data(o, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(o, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(o, "post-sign-in-url", t.postSignInUrl)), e.bind_this(o, (a) => e.set(i, a), () => e.get(i)), e.append(d, o), e.pop(n);
 }
 var p = e.from_html("<zitadel-logout></zitadel-logout>", 2);
-function E(s, t) {
+function E(d, t) {
   e.push(t, !0);
-  let a = e.state(void 0);
+  let l = e.state(void 0);
   function i() {
-    return e.get(a);
+    return e.get(l);
   }
   e.user_effect(() => {
-    const n = e.get(a);
-    if (!n)
+    const o = e.get(l);
+    if (!o)
+      return;
+    const a = (s) => t.onSignout?.(s.detail);
+    return o.addEventListener("zitadel-signout", a), () => {
+      o.removeEventListener("zitadel-signout", a);
+    };
+  });
+  var _ = { getElement: i }, n = p();
+  return e.template_effect(() => e.set_custom_element_data(n, "project", t.project)), e.template_effect(() => e.set_custom_element_data(n, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(n, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(n, "post-sign-out-url", t.postSignOutUrl)), e.bind_this(n, (o) => e.set(l, o), () => e.get(l)), e.append(d, n), e.pop(_);
+}
+var g = e.from_html("<zitadel-session></zitadel-session>", 2);
+function L(d, t) {
+  e.push(t, !0);
+  let l = e.state(void 0);
+  function i() {
+    return e.get(l);
+  }
+  e.user_effect(() => {
+    const o = e.get(l);
+    if (!o)
       return;
-    const o = (d) => t.onSignout?.(d.detail);
-    return n.addEventListener("zitadel-signout", o), () => {
-      n.removeEventListener("zitadel-signout", o);
+    const a = (s) => t.onSignout?.(s.detail);
+    return o.addEventListener("zitadel-signout", a), () => {
+      o.removeEventListener("zitadel-signout", a);
     };
   });
-  var m = { getElement: i }, l = p();
-  return e.template_effect(() => e.set_custom_element_data(l, "project", t.project)), e.template_effect(() => e.set_custom_element_data(l, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(l, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(l, "post-sign-out-url", t.postSignOutUrl)), e.bind_this(l, (n) => e.set(a, n), () => e.get(a)), e.append(s, l), e.pop(m);
+  var _ = { getElement: i }, n = g();
+  return e.template_effect(() => e.set_custom_element_data(n, "project", t.project)), e.template_effect(() => e.set_custom_element_data(n, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(n, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(n, "post-sign-out-url", t.postSignOutUrl)), e.template_effect(() => e.set_custom_element_data(n, "heading", t.heading)), e.template_effect(() => e.set_custom_element_data(n, "logout-label", t.logoutLabel)), e.bind_this(n, (o) => e.set(l, o), () => e.get(l)), e.append(d, n), e.pop(_);
 }
 export {
-  z as ZitadelLogin,
+  h as ZitadelLogin,
   E as ZitadelLogout,
-  h as configureZitadel,
-  j as getApi,
-  x as getZitadelConfig
+  L as ZitadelSession,
+  x as configureZitadel,
+  S as getApi,
+  y as getZitadelConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zitadel/sdk-svelte",
-  "version": "0.1.0-alpha.13",
+  "version": "0.1.0-alpha.15",
   "description": "Svelte components for the Zitadel auth UI (client-side SPA).",
   "homepage": "https://github.com/zitadel/nextgen/tree/main/packages/sdk-svelte#readme",
   "bugs": {
@@ -29,9 +29,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@zitadel/api": "0.1.0-alpha.13",
-    "@zitadel/components": "0.1.0-alpha.13",
-    "@zitadel/sdk-core": "0.1.0-alpha.13"
+    "@zitadel/api": "0.1.0-alpha.15",
+    "@zitadel/components": "0.1.0-alpha.15",
+    "@zitadel/sdk-core": "0.1.0-alpha.15"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"