@zitadel/sdk-react 0.1.0-alpha.17 → 0.1.0-alpha.19

package/README.md

@@ -31,31 +31,19 @@ export function ProfilePage() {
 }
 ```
 
-## Proxying to the backend (deployment)
-
-The widgets call `${proxyPath}/…` same-origin (default `/__nextgen`). A SPA has no
-server, so on Vercel (and Cloudflare/Netlify) use `@zitadel/edge-proxy` to forward
-those calls to your Zitadel backend:
-
-```ts
-// api/__nextgen/[...path].ts  (Vercel Edge Function)
-import { handleProxy, resolveConfig } from '@zitadel/edge-proxy';
+The signed-in session card is `<ZitadelSession project={project} />` (exported
+as `ZitadelSession`).
 
-export const config = { runtime: 'edge' };
-const proxyConfig = resolveConfig({
-  apiUrl: process.env.NEXTGEN_API_URL ?? '',
-});
-export default (req: Request) => handleProxy(req, proxyConfig);
-```
-
-```json
-// vercel.json
-{
-  "rewrites": [
-    { "source": "/__nextgen/(.*)", "destination": "/api/__nextgen/$1" }
-  ]
-}
-```
+## Proxying to the backend (deployment)
 
-For local development you can skip the proxy entirely and point `proxyPath` straight
-at the backend (cross-origin), e.g. `proxyPath: "http://localhost:4000"`.
+The widgets call `${proxyPath}/…` same-origin (default `/__nextgen`). In
+production the same-origin path must come from your hosting platform — until
+the CLI can scaffold those configs, **production SPA deployment is not yet
+supported**; see
+[ADR 036](https://github.com/zitadel/nextgen/blob/main/docs/adrs/036-api-credential-planes.md)
+and [zitadel/nextgen#560](https://github.com/zitadel/nextgen/issues/560). The
+CLI dev proxy covers local development.
+
+For local development you can also skip the proxy and point `proxyPath`
+straight at the backend (cross-origin), e.g. `proxyPath: "http://localhost:8080"`
+(the `zitadel start` local runtime default port).

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import * as React from "react";
 export { configureZitadel, getApi, getZitadelConfig };
 export type { ZitadelConfig, ZitadelProject };
 export * from './types';
+export { businessLocales } from '@zitadel/components';
 /**
  * React component wrapping the `<zitadel-login>` web component. Binds the
  * `ZitadelProject` handle as a DOM property (or the discrete project id /

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,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"}
+{"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;AAIxB,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AA0DtD;;;;;;;;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,7 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createComponent as d } from "@lit/react";
-import { configureZitadel as v, getApi as x, getZitadelConfig as y } from "@zitadel/api/config";
+import { configureZitadel as F, getApi as v, getZitadelConfig as y } from "@zitadel/api/config";
 import { ZitadelLogin as m, ZitadelLogout as u, ZitadelSession as f } from "@zitadel/components";
+import { businessLocales as b } from "@zitadel/components";
 import * as l from "react";
 const c = d({
   react: l,
@@ -28,15 +29,15 @@ const c = d({
     onZitadelSignout: "zitadel-signout"
   }
 }), w = l.forwardRef(
-  function({ purpose: e, onFlowStep: i, onFlowInput: o, onFlowComplete: a, onFlowError: r, ...Z }, g) {
+  function({ purpose: e, onFlowStep: o, onFlowInput: i, onFlowComplete: a, onFlowError: r, ...Z }, g) {
     return /* @__PURE__ */ n(
       c,
       {
         ...Z,
         ref: g,
         purpose: e ?? "login",
-        onZitadelFlowStep: i && ((t) => i(t.detail)),
-        onZitadelFlowInput: o && ((t) => o(t.detail)),
+        onZitadelFlowStep: o && ((t) => o(t.detail)),
+        onZitadelFlowInput: i && ((t) => i(t.detail)),
         onZitadelFlowComplete: a && ((t) => a(t.detail)),
         onZitadelFlowError: r && ((t) => r(t.detail))
       }
@@ -45,12 +46,12 @@ const c = d({
 );
 w.displayName = "ZitadelLogin";
 const z = l.forwardRef(
-  function({ onSignout: e, ...i }, o) {
+  function({ onSignout: e, ...o }, i) {
     return /* @__PURE__ */ n(
       p,
       {
-        ...i,
-        ref: o,
+        ...o,
+        ref: i,
         onZitadelSignout: e && ((a) => e(a.detail))
       }
     );
@@ -58,12 +59,12 @@ const z = l.forwardRef(
 );
 z.displayName = "ZitadelLogout";
 const S = l.forwardRef(
-  function({ onSignout: e, ...i }, o) {
+  function({ onSignout: e, ...o }, i) {
     return /* @__PURE__ */ n(
       L,
       {
-        ...i,
-        ref: o,
+        ...o,
+        ref: i,
         onZitadelSignout: e && ((a) => e(a.detail))
       }
     );
@@ -74,7 +75,8 @@ export {
   w as ZitadelLogin,
   z as ZitadelLogout,
   S as ZitadelSession,
-  v as configureZitadel,
-  x as getApi,
+  b as businessLocales,
+  F as configureZitadel,
+  v as getApi,
   y as getZitadelConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zitadel/sdk-react",
-  "version": "0.1.0-alpha.17",
+  "version": "0.1.0-alpha.19",
   "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.17",
-    "@zitadel/api": "0.1.0-alpha.17",
-    "@zitadel/components": "0.1.0-alpha.17"
+    "@zitadel/components": "0.1.0-alpha.19",
+    "@zitadel/sdk-core": "0.1.0-alpha.19",
+    "@zitadel/api": "0.1.0-alpha.19"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -53,8 +53,8 @@
     "eslint-plugin-testing-library": "^7.0.0",
     "jsdom": "^29.0.2",
     "prettier": "^3.0.0",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.0.0",
     "vite": "^7.3.5",