@cmssy/next 0.2.5 → 0.3.0

package/README.md

@@ -54,10 +54,42 @@ import { cmssyCspHeaders, applyCmssyCsp } from "@cmssy/next";
 
 Helpers to frame the page inside the cmssy editor only in edit mode.
 
+## Localized navigation (path prefix)
+
+The active locale lives in the URL path prefix (`/en/about`; the default locale
+stays bare). `createCmssyPage` resolves it and exposes it via `CmssyLocaleProvider`.
+For the locale to survive navigation, internal links must carry the prefix - use
+`CmssyLink` instead of `next/link` / `<a>`:
+
+```tsx
+// any block component
+import { CmssyLink } from "@cmssy/next/client";
+
+<CmssyLink href="/about">About</CmssyLink>; // → /en/about while EN is active
+```
+
+Add middleware so the root layout (which can't read the path) resolves the right
+locale via `getCmssyLocale`:
+
+```ts
+// middleware.ts
+import { createCmssyLocaleMiddleware } from "@cmssy/next";
+import { cmssy } from "@/cmssy/config";
+
+export const middleware = createCmssyLocaleMiddleware(cmssy);
+export const config = { matcher: ["/((?!_next|api|.*\\..*).*)"] };
+```
+
+Language switcher and raw markup helpers live in `@cmssy/react`:
+`buildLocaleSwitchHref(target, pathname, locale)`, `localizeHref(href, locale)`,
+`localizeHtmlLinks(html, locale)`.
+
 ## Exports
 
 `createCmssyPage`, `createDraftRoute`, `cmssyCspHeaders` / `applyCmssyCsp`,
-`isCmssyEditRequest` / `isCmssyEditMode`, and the `CmssyNextConfig` type.
+`isCmssyEditRequest` / `isCmssyEditMode`, `createCmssyLocaleMiddleware` /
+`resolveLocaleFromPathname`, the `CmssyNextConfig` type, and from
+`@cmssy/next/client`: `CmssyLink`, `CmssyLocaleProvider`, `useCmssyLocale`.
 
 ## License
 

package/dist/client.cjs

@@ -0,0 +1,29 @@
+"use client";
+'use strict';
+
+var Link = require('next/link');
+var react = require('@cmssy/react');
+var client = require('@cmssy/react/client');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+// src/cmssy-link.tsx
+function CmssyLink({ href, locale, ...rest }) {
+  const fromContext = client.useCmssyLocale();
+  const active = locale ?? fromContext;
+  const resolved = active ? react.localizeHref(href, active) : href;
+  return /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: resolved, ...rest });
+}
+
+Object.defineProperty(exports, "CmssyLocaleProvider", {
+  enumerable: true,
+  get: function () { return client.CmssyLocaleProvider; }
+});
+Object.defineProperty(exports, "useCmssyLocale", {
+  enumerable: true,
+  get: function () { return client.useCmssyLocale; }
+});
+exports.CmssyLink = CmssyLink;

package/dist/client.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import Link from 'next/link';
+import { ComponentProps } from 'react';
+import { CmssyLocaleContext } from '@cmssy/react';
+export { CmssyLocaleProvider, CmssyLocaleProviderProps, useCmssyLocale } from '@cmssy/react/client';
+
+interface CmssyLinkProps extends Omit<ComponentProps<typeof Link>, "href" | "locale"> {
+    href: string;
+    /** Override the active locale (defaults to the nearest CmssyLocaleProvider). */
+    locale?: CmssyLocaleContext;
+}
+/**
+ * `next/link` that prefixes internal hrefs with the active locale, so navigation
+ * preserves the language. Reads the locale from the nearest
+ * `CmssyLocaleProvider`; falls back to the raw href when none is mounted.
+ */
+declare function CmssyLink({ href, locale, ...rest }: CmssyLinkProps): react_jsx_runtime.JSX.Element;
+
+export { CmssyLink, type CmssyLinkProps };

package/dist/client.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import Link from 'next/link';
+import { ComponentProps } from 'react';
+import { CmssyLocaleContext } from '@cmssy/react';
+export { CmssyLocaleProvider, CmssyLocaleProviderProps, useCmssyLocale } from '@cmssy/react/client';
+
+interface CmssyLinkProps extends Omit<ComponentProps<typeof Link>, "href" | "locale"> {
+    href: string;
+    /** Override the active locale (defaults to the nearest CmssyLocaleProvider). */
+    locale?: CmssyLocaleContext;
+}
+/**
+ * `next/link` that prefixes internal hrefs with the active locale, so navigation
+ * preserves the language. Reads the locale from the nearest
+ * `CmssyLocaleProvider`; falls back to the raw href when none is mounted.
+ */
+declare function CmssyLink({ href, locale, ...rest }: CmssyLinkProps): react_jsx_runtime.JSX.Element;
+
+export { CmssyLink, type CmssyLinkProps };

package/dist/client.js

@@ -0,0 +1,16 @@
+"use client";
+import Link from 'next/link';
+import { localizeHref } from '@cmssy/react';
+import { useCmssyLocale } from '@cmssy/react/client';
+export { CmssyLocaleProvider, useCmssyLocale } from '@cmssy/react/client';
+import { jsx } from 'react/jsx-runtime';
+
+// src/cmssy-link.tsx
+function CmssyLink({ href, locale, ...rest }) {
+  const fromContext = useCmssyLocale();
+  const active = locale ?? fromContext;
+  const resolved = active ? localizeHref(href, active) : href;
+  return /* @__PURE__ */ jsx(Link, { href: resolved, ...rest });
+}
+
+export { CmssyLink };

package/dist/index.cjs

@@ -3,10 +3,11 @@
 var headers = require('next/headers');
 var navigation = require('next/navigation');
 var react = require('@cmssy/react');
+var client = require('@cmssy/react/client');
 var jsxRuntime = require('react/jsx-runtime');
 var crypto$1 = require('crypto');
-var jose = require('jose');
 var server = require('next/server');
+var jose = require('jose');
 
 // src/create-cmssy-page.tsx
 
@@ -111,9 +112,14 @@ function createCmssyPage(config, blocks, options) {
       defaultLocale
     );
     const forms = Object.keys(resolvedForms).length > 0 ? resolvedForms : void 0;
+    const localeContext = {
+      current: locale,
+      default: defaultLocale,
+      enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
+    };
     if (editMode && Editor) {
       const bridgeOrigin = resolveBridgeOrigin(config.editorOrigin);
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(client.CmssyLocaleProvider, { value: localeContext, children: /* @__PURE__ */ jsxRuntime.jsx(
         Editor,
         {
           page,
@@ -123,9 +129,9 @@ function createCmssyPage(config, blocks, options) {
           edit: { editorOrigin: bridgeOrigin },
           forms
         }
-      );
+      ) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(client.CmssyLocaleProvider, { value: localeContext, children: /* @__PURE__ */ jsxRuntime.jsx(
       react.CmssyServerPage,
       {
         page,
@@ -135,7 +141,7 @@ function createCmssyPage(config, blocks, options) {
         enabledLocales,
         forms
       }
-    );
+    ) });
   };
 }
 function resolveBridgeOrigin(editorOrigin) {
@@ -228,6 +234,30 @@ async function getCmssyLocale(config) {
   const { defaultLocale } = await react.resolveSiteLocales(config);
   return defaultLocale;
 }
+async function resolveLocaleFromPathname(config, pathname) {
+  const segments = pathname.split("/").filter(Boolean);
+  const hasStaticLocales = !!config.enabledLocales?.length;
+  const fetched = config.defaultLocale && hasStaticLocales ? null : await react.resolveSiteLocales({
+    apiUrl: config.apiUrl,
+    workspaceSlug: config.workspaceSlug
+  });
+  const siteLocales = {
+    defaultLocale: config.defaultLocale ?? fetched.defaultLocale,
+    locales: hasStaticLocales ? config.enabledLocales : fetched.locales
+  };
+  return react.splitLocaleFromPath(segments, siteLocales).locale;
+}
+function createCmssyLocaleMiddleware(config) {
+  return async function cmssyLocaleMiddleware(request2) {
+    const locale = await resolveLocaleFromPathname(
+      config,
+      request2.nextUrl.pathname
+    );
+    const headers3 = new Headers(request2.headers);
+    headers3.set(CMSSY_LOCALE_HEADER, locale);
+    return server.NextResponse.next({ request: { headers: headers3 } });
+  };
+}
 var CMSSY_SESSION_COOKIE = "cmssy_session";
 var SESSION_MAX_AGE_SECONDS = 30 * 24 * 60 * 60;
 var MIN_SESSION_SECRET_LENGTH = 32;
@@ -1113,6 +1143,8 @@ var ORDER_FIELDS = `
   subtotal
   tax
   total
+  pricesIncludeTax
+  taxSummary { rateId name rate base amount }
   currency
   customerEmail
   refundedAmount
@@ -1310,6 +1342,7 @@ exports.cmssyCspHeaders = cmssyCspHeaders;
 exports.createCmssyAuthMiddleware = createCmssyAuthMiddleware;
 exports.createCmssyAuthRoute = createCmssyAuthRoute;
 exports.createCmssyCartRoute = createCmssyCartRoute;
+exports.createCmssyLocaleMiddleware = createCmssyLocaleMiddleware;
 exports.createCmssyOrdersRoute = createCmssyOrdersRoute;
 exports.createCmssyPage = createCmssyPage;
 exports.createDraftRoute = createDraftRoute;
@@ -1323,6 +1356,7 @@ exports.isCmssyEditMode = isCmssyEditMode;
 exports.isCmssyEditRequest = isCmssyEditRequest;
 exports.localeForPathname = localeForPathname;
 exports.openSession = openSession;
+exports.resolveLocaleFromPathname = resolveLocaleFromPathname;
 exports.sealSession = sealSession;
 exports.sessionCookieOptions = sessionCookieOptions;
 exports.splitCmssyLocale = splitCmssyLocale;

package/dist/index.d.cts

@@ -82,6 +82,19 @@ declare function splitCmssyLocale(config: CmssyClientConfig, path: string[] | un
 }>;
 declare function getCmssyLocale(config: CmssyClientConfig): Promise<string>;
 
+/**
+ * Resolves the active locale from a pathname's leading segment. Uses the
+ * config's static `defaultLocale` + `enabledLocales` when both are set (no
+ * network); otherwise fetches the workspace locales (cached).
+ */
+declare function resolveLocaleFromPathname(config: CmssyNextConfig, pathname: string): Promise<string>;
+/**
+ * Middleware that derives the locale from the URL path prefix and forwards it as
+ * the `x-cmssy-locale` request header, so server components that can't read the
+ * path (root layout) resolve the right locale via `getCmssyLocale`.
+ */
+declare function createCmssyLocaleMiddleware(config: CmssyNextConfig): (request: NextRequest) => Promise<NextResponse>;
+
 declare const CMSSY_SESSION_COOKIE = "cmssy_session";
 declare const SESSION_MAX_AGE_SECONDS: number;
 interface CmssySessionUser {
@@ -222,4 +235,4 @@ declare class CmssyWebhookError extends Error {
  */
 declare function verifyCmssyWebhook(options: VerifyCmssyWebhookOptions): CmssyWebhookEvent;
 
-export { CMSSY_CART_COOKIE, CMSSY_EDIT_HEADER, CMSSY_LOCALE_HEADER, CMSSY_SESSION_COOKIE, type CmssyAuthConfig, type CmssyAuthMiddleware, type CmssyAuthRouteHandlers, type CmssyCartRouteHandlers, type CmssyCspOptions, type CmssyDraftRouteConfig, type CmssyEditorProps, type CmssyNextConfig, type CmssyOrdersRouteHandlers, type CmssySessionPayload, type CmssySessionUser, CmssyWebhookError, type CmssyWebhookEvent, type CmssyWebhookOrder, type CreateCmssyPageOptions, type FetchProductOptions, type FetchProductsOptions, type MyOrdersResult, SESSION_MAX_AGE_SECONDS, type SessionCookieOptions, type VerifyCmssyWebhookOptions, applyCmssyCsp, assertAuthConfig, cmssyCspHeaders, createCmssyAuthMiddleware, createCmssyAuthRoute, createCmssyCartRoute, createCmssyOrdersRoute, createCmssyPage, createDraftRoute, fetchProduct, fetchProducts, getCmssyAccessToken, getCmssyLocale, getCmssyUser, isAccessExpired, isCmssyEditMode, isCmssyEditRequest, localeForPathname, openSession, sealSession, sessionCookieOptions, splitCmssyLocale, verifyCmssyWebhook };
+export { CMSSY_CART_COOKIE, CMSSY_EDIT_HEADER, CMSSY_LOCALE_HEADER, CMSSY_SESSION_COOKIE, type CmssyAuthConfig, type CmssyAuthMiddleware, type CmssyAuthRouteHandlers, type CmssyCartRouteHandlers, type CmssyCspOptions, type CmssyDraftRouteConfig, type CmssyEditorProps, type CmssyNextConfig, type CmssyOrdersRouteHandlers, type CmssySessionPayload, type CmssySessionUser, CmssyWebhookError, type CmssyWebhookEvent, type CmssyWebhookOrder, type CreateCmssyPageOptions, type FetchProductOptions, type FetchProductsOptions, type MyOrdersResult, SESSION_MAX_AGE_SECONDS, type SessionCookieOptions, type VerifyCmssyWebhookOptions, applyCmssyCsp, assertAuthConfig, cmssyCspHeaders, createCmssyAuthMiddleware, createCmssyAuthRoute, createCmssyCartRoute, createCmssyLocaleMiddleware, createCmssyOrdersRoute, createCmssyPage, createDraftRoute, fetchProduct, fetchProducts, getCmssyAccessToken, getCmssyLocale, getCmssyUser, isAccessExpired, isCmssyEditMode, isCmssyEditRequest, localeForPathname, openSession, resolveLocaleFromPathname, sealSession, sessionCookieOptions, splitCmssyLocale, verifyCmssyWebhook };

package/dist/index.d.ts

@@ -82,6 +82,19 @@ declare function splitCmssyLocale(config: CmssyClientConfig, path: string[] | un
 }>;
 declare function getCmssyLocale(config: CmssyClientConfig): Promise<string>;
 
+/**
+ * Resolves the active locale from a pathname's leading segment. Uses the
+ * config's static `defaultLocale` + `enabledLocales` when both are set (no
+ * network); otherwise fetches the workspace locales (cached).
+ */
+declare function resolveLocaleFromPathname(config: CmssyNextConfig, pathname: string): Promise<string>;
+/**
+ * Middleware that derives the locale from the URL path prefix and forwards it as
+ * the `x-cmssy-locale` request header, so server components that can't read the
+ * path (root layout) resolve the right locale via `getCmssyLocale`.
+ */
+declare function createCmssyLocaleMiddleware(config: CmssyNextConfig): (request: NextRequest) => Promise<NextResponse>;
+
 declare const CMSSY_SESSION_COOKIE = "cmssy_session";
 declare const SESSION_MAX_AGE_SECONDS: number;
 interface CmssySessionUser {
@@ -222,4 +235,4 @@ declare class CmssyWebhookError extends Error {
  */
 declare function verifyCmssyWebhook(options: VerifyCmssyWebhookOptions): CmssyWebhookEvent;
 
-export { CMSSY_CART_COOKIE, CMSSY_EDIT_HEADER, CMSSY_LOCALE_HEADER, CMSSY_SESSION_COOKIE, type CmssyAuthConfig, type CmssyAuthMiddleware, type CmssyAuthRouteHandlers, type CmssyCartRouteHandlers, type CmssyCspOptions, type CmssyDraftRouteConfig, type CmssyEditorProps, type CmssyNextConfig, type CmssyOrdersRouteHandlers, type CmssySessionPayload, type CmssySessionUser, CmssyWebhookError, type CmssyWebhookEvent, type CmssyWebhookOrder, type CreateCmssyPageOptions, type FetchProductOptions, type FetchProductsOptions, type MyOrdersResult, SESSION_MAX_AGE_SECONDS, type SessionCookieOptions, type VerifyCmssyWebhookOptions, applyCmssyCsp, assertAuthConfig, cmssyCspHeaders, createCmssyAuthMiddleware, createCmssyAuthRoute, createCmssyCartRoute, createCmssyOrdersRoute, createCmssyPage, createDraftRoute, fetchProduct, fetchProducts, getCmssyAccessToken, getCmssyLocale, getCmssyUser, isAccessExpired, isCmssyEditMode, isCmssyEditRequest, localeForPathname, openSession, sealSession, sessionCookieOptions, splitCmssyLocale, verifyCmssyWebhook };
+export { CMSSY_CART_COOKIE, CMSSY_EDIT_HEADER, CMSSY_LOCALE_HEADER, CMSSY_SESSION_COOKIE, type CmssyAuthConfig, type CmssyAuthMiddleware, type CmssyAuthRouteHandlers, type CmssyCartRouteHandlers, type CmssyCspOptions, type CmssyDraftRouteConfig, type CmssyEditorProps, type CmssyNextConfig, type CmssyOrdersRouteHandlers, type CmssySessionPayload, type CmssySessionUser, CmssyWebhookError, type CmssyWebhookEvent, type CmssyWebhookOrder, type CreateCmssyPageOptions, type FetchProductOptions, type FetchProductsOptions, type MyOrdersResult, SESSION_MAX_AGE_SECONDS, type SessionCookieOptions, type VerifyCmssyWebhookOptions, applyCmssyCsp, assertAuthConfig, cmssyCspHeaders, createCmssyAuthMiddleware, createCmssyAuthRoute, createCmssyCartRoute, createCmssyLocaleMiddleware, createCmssyOrdersRoute, createCmssyPage, createDraftRoute, fetchProduct, fetchProducts, getCmssyAccessToken, getCmssyLocale, getCmssyUser, isAccessExpired, isCmssyEditMode, isCmssyEditRequest, localeForPathname, openSession, resolveLocaleFromPathname, sealSession, sessionCookieOptions, splitCmssyLocale, verifyCmssyWebhook };

package/dist/index.js

@@ -1,10 +1,11 @@
 import { draftMode, headers, cookies } from 'next/headers';
 import { notFound, redirect } from 'next/navigation';
 import { resolveSiteLocales, splitLocaleFromPath, fetchPage, resolveForms, CmssyServerPage, resolveWorkspaceId, graphqlRequest } from '@cmssy/react';
+import { CmssyLocaleProvider } from '@cmssy/react/client';
 import { jsx } from 'react/jsx-runtime';
 import { createHmac, createHash, timingSafeEqual } from 'crypto';
-import { EncryptJWT, jwtDecrypt } from 'jose';
 import { NextResponse } from 'next/server';
+import { EncryptJWT, jwtDecrypt } from 'jose';
 
 // src/create-cmssy-page.tsx
 
@@ -109,9 +110,14 @@ function createCmssyPage(config, blocks, options) {
       defaultLocale
     );
     const forms = Object.keys(resolvedForms).length > 0 ? resolvedForms : void 0;
+    const localeContext = {
+      current: locale,
+      default: defaultLocale,
+      enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
+    };
     if (editMode && Editor) {
       const bridgeOrigin = resolveBridgeOrigin(config.editorOrigin);
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(CmssyLocaleProvider, { value: localeContext, children: /* @__PURE__ */ jsx(
         Editor,
         {
           page,
@@ -121,9 +127,9 @@ function createCmssyPage(config, blocks, options) {
           edit: { editorOrigin: bridgeOrigin },
           forms
         }
-      );
+      ) });
     }
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(CmssyLocaleProvider, { value: localeContext, children: /* @__PURE__ */ jsx(
       CmssyServerPage,
       {
         page,
@@ -133,7 +139,7 @@ function createCmssyPage(config, blocks, options) {
         enabledLocales,
         forms
       }
-    );
+    ) });
   };
 }
 function resolveBridgeOrigin(editorOrigin) {
@@ -226,6 +232,30 @@ async function getCmssyLocale(config) {
   const { defaultLocale } = await resolveSiteLocales(config);
   return defaultLocale;
 }
+async function resolveLocaleFromPathname(config, pathname) {
+  const segments = pathname.split("/").filter(Boolean);
+  const hasStaticLocales = !!config.enabledLocales?.length;
+  const fetched = config.defaultLocale && hasStaticLocales ? null : await resolveSiteLocales({
+    apiUrl: config.apiUrl,
+    workspaceSlug: config.workspaceSlug
+  });
+  const siteLocales = {
+    defaultLocale: config.defaultLocale ?? fetched.defaultLocale,
+    locales: hasStaticLocales ? config.enabledLocales : fetched.locales
+  };
+  return splitLocaleFromPath(segments, siteLocales).locale;
+}
+function createCmssyLocaleMiddleware(config) {
+  return async function cmssyLocaleMiddleware(request2) {
+    const locale = await resolveLocaleFromPathname(
+      config,
+      request2.nextUrl.pathname
+    );
+    const headers3 = new Headers(request2.headers);
+    headers3.set(CMSSY_LOCALE_HEADER, locale);
+    return NextResponse.next({ request: { headers: headers3 } });
+  };
+}
 var CMSSY_SESSION_COOKIE = "cmssy_session";
 var SESSION_MAX_AGE_SECONDS = 30 * 24 * 60 * 60;
 var MIN_SESSION_SECRET_LENGTH = 32;
@@ -1111,6 +1141,8 @@ var ORDER_FIELDS = `
   subtotal
   tax
   total
+  pricesIncludeTax
+  taxSummary { rateId name rate base amount }
   currency
   customerEmail
   refundedAmount
@@ -1296,4 +1328,4 @@ function verifyCmssyWebhook(options) {
   return parsed;
 }
 
-export { CMSSY_CART_COOKIE, CMSSY_EDIT_HEADER, CMSSY_LOCALE_HEADER, CMSSY_SESSION_COOKIE, CmssyWebhookError, SESSION_MAX_AGE_SECONDS, applyCmssyCsp, assertAuthConfig, cmssyCspHeaders, createCmssyAuthMiddleware, createCmssyAuthRoute, createCmssyCartRoute, createCmssyOrdersRoute, createCmssyPage, createDraftRoute, fetchProduct, fetchProducts, getCmssyAccessToken, getCmssyLocale, getCmssyUser, isAccessExpired, isCmssyEditMode, isCmssyEditRequest, localeForPathname, openSession, sealSession, sessionCookieOptions, splitCmssyLocale, verifyCmssyWebhook };
+export { CMSSY_CART_COOKIE, CMSSY_EDIT_HEADER, CMSSY_LOCALE_HEADER, CMSSY_SESSION_COOKIE, CmssyWebhookError, SESSION_MAX_AGE_SECONDS, applyCmssyCsp, assertAuthConfig, cmssyCspHeaders, createCmssyAuthMiddleware, createCmssyAuthRoute, createCmssyCartRoute, createCmssyLocaleMiddleware, createCmssyOrdersRoute, createCmssyPage, createDraftRoute, fetchProduct, fetchProducts, getCmssyAccessToken, getCmssyLocale, getCmssyUser, isAccessExpired, isCmssyEditMode, isCmssyEditRequest, localeForPathname, openSession, resolveLocaleFromPathname, sealSession, sessionCookieOptions, splitCmssyLocale, verifyCmssyWebhook };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/next",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "description": "Next.js App Router bindings for cmssy headless sites (createCmssyPage + draft preview)",
   "keywords": [
     "cmssy",
@@ -27,6 +27,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js",
+      "require": "./dist/client.cjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -36,7 +41,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@cmssy/react": "^0.2.5",
+    "@cmssy/react": "^0.3.0",
     "next": ">=15",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
@@ -49,7 +54,7 @@
     "tsup": "^8.3.0",
     "typescript": "^5.6.0",
     "vitest": "^2.1.0",
-    "@cmssy/react": "0.2.5"
+    "@cmssy/react": "0.3.0"
   },
   "dependencies": {
     "jose": "^6.2.3"