@vue-storefront/next 6.0.0-rc.2 → 6.0.0-rc.4

package/README.md

@@ -51,7 +51,7 @@ export const { getSdk, createSdkContext } = createSdk(
     contentful: buildModule<ContentfulModuleType>(contentfulModule, {
       apiUrl: middlewareUrl + "/cntf",
     }),
-  })
+  }),
 );
 ```
 

package/dist/client.d.mts

@@ -1,8 +1,8 @@
 import { SDKApi } from '@alokai/connect/sdk';
-import { S as SfContract, c as CreateSdkContextReturn } from './types-C90MV4A8.mjs';
-export { M as Maybe, e as SfState, d as SfStateProps, f as createSfStateProvider } from './types-C90MV4A8.mjs';
-import 'react';
+import { S as SfContract, C as CreateSdkContextReturn } from './types-BCNzbTr2.mjs';
+export { M as Maybe, b as SfState, a as SfStateProps, c as createSfStateProvider } from './types-BCNzbTr2.mjs';
 import 'next/headers';
+import 'react';
 
 /**
  * Creates a new Alokai context which is a combination of SDK and state contexts.

package/dist/client.d.ts

@@ -1,8 +1,8 @@
 import { SDKApi } from '@alokai/connect/sdk';
-import { S as SfContract, c as CreateSdkContextReturn } from './types-C90MV4A8.js';
-export { M as Maybe, e as SfState, d as SfStateProps, f as createSfStateProvider } from './types-C90MV4A8.js';
-import 'react';
+import { S as SfContract, C as CreateSdkContextReturn } from './types-BCNzbTr2.js';
+export { M as Maybe, b as SfState, a as SfStateProps, c as createSfStateProvider } from './types-BCNzbTr2.js';
 import 'next/headers';
+import 'react';
 
 /**
  * Creates a new Alokai context which is a combination of SDK and state contexts.

package/dist/client.js

@@ -156,12 +156,12 @@ function createSfStateProvider() {
   }
   return {
     SfStateProvider,
-    useSfCurrencyState,
+    useSfCartState,
     useSfCurrenciesState,
-    useSfLocaleState,
+    useSfCurrencyState,
+    useSfCustomerState,
     useSfLocalesState,
-    useSfCartState,
-    useSfCustomerState
+    useSfLocaleState
   };
 }
 
@@ -171,10 +171,10 @@ function createAlokaiContext() {
   const _a = createSfStateProvider(), { SfStateProvider } = _a, rest = __objRest(_a, ["SfStateProvider"]);
   function AlokaiProvider({
     children,
-    sdk,
-    initialData
+    initialData,
+    sdk
   }) {
-    return /* @__PURE__ */ import_react2.default.createElement(SdkContext.Provider, { value: sdk }, /* @__PURE__ */ import_react2.default.createElement(import_script.default, { strategy: "beforeInteractive", id: "vsfMetaTag" }, `
+    return /* @__PURE__ */ import_react2.default.createElement(SdkContext.Provider, { value: sdk }, /* @__PURE__ */ import_react2.default.createElement(import_script.default, { id: "vsfMetaTag", strategy: "beforeInteractive" }, `
           const vsfMetaTag = document.createElement("meta");
           vsfMetaTag.setAttribute("name", "generator");
           vsfMetaTag.setAttribute("content", "Alokai Storefront");

package/dist/client.mjs

@@ -100,12 +100,12 @@ function createSfStateProvider() {
   }
   return {
     SfStateProvider,
-    useSfCurrencyState,
+    useSfCartState,
     useSfCurrenciesState,
-    useSfLocaleState,
+    useSfCurrencyState,
+    useSfCustomerState,
     useSfLocalesState,
-    useSfCartState,
-    useSfCustomerState
+    useSfLocaleState
   };
 }
 
@@ -115,10 +115,10 @@ function createAlokaiContext() {
   const _a = createSfStateProvider(), { SfStateProvider } = _a, rest = __objRest(_a, ["SfStateProvider"]);
   function AlokaiProvider({
     children,
-    sdk,
-    initialData
+    initialData,
+    sdk
   }) {
-    return /* @__PURE__ */ React2.createElement(SdkContext.Provider, { value: sdk }, /* @__PURE__ */ React2.createElement(Script, { strategy: "beforeInteractive", id: "vsfMetaTag" }, `
+    return /* @__PURE__ */ React2.createElement(SdkContext.Provider, { value: sdk }, /* @__PURE__ */ React2.createElement(Script, { id: "vsfMetaTag", strategy: "beforeInteractive" }, `
           const vsfMetaTag = document.createElement("meta");
           vsfMetaTag.setAttribute("name", "generator");
           vsfMetaTag.setAttribute("content", "Alokai Storefront");

package/dist/index.d.mts

@@ -1,8 +1,55 @@
-import { C as CreateSdkOptions, a as Config, b as CreateSdkReturn } from './types-C90MV4A8.mjs';
 import * as _alokai_connect_logger from '@alokai/connect/logger';
+import { NextRequest, NextResponse } from 'next/server';
+import { d as CreateSdkOptions, e as Config, f as CreateSdkReturn } from './types-BCNzbTr2.mjs';
 import '@alokai/connect/sdk';
-import 'react';
 import 'next/headers';
+import 'react';
+
+type LogVerbosity = "alert" | "critical" | "debug" | "emergency" | "error" | "info" | "notice" | "warning";
+type LoggerOptions = Partial<{
+    includeStackTrace: boolean;
+    verbosity: LogVerbosity;
+}>;
+
+declare const createLogger: (options?: LoggerOptions) => _alokai_connect_logger.LoggerInterface;
+
+type NextMiddleware = (request: NextRequest) => NextResponse | Promise<NextResponse>;
+/**
+ * Creates an Alokai middleware wrapper that adds pathname information to request headers.
+ * This is required for proper pathname handling during SSR in Next.js.
+ *
+ * @example
+ * ```ts
+ * // middleware.ts
+ * import { createAlokaiMiddleware } from '@alokai/next';
+ *
+ * export default createAlokaiMiddleware((request) => {
+ *   // Your middleware logic here
+ * });
+ * ```
+ *
+ * @param middleware - The Next.js middleware function to wrap
+ * @returns A wrapped middleware function that adds pathname to request headers
+ */
+declare function createAlokaiMiddleware(middleware: NextMiddleware): (request: NextRequest) => NextResponse<unknown> | Promise<NextResponse<unknown>>;
+/**
+ * Retrieves the pathname from the request headers.
+ * This function requires the `createAlokaiMiddleware` to be used in the middleware.ts file.
+ *
+ * @note This function is available only on the server side.
+ * @note This function will return undefined for all non-matching requests https://nextjs.org/docs/app/building-your-application/routing/middleware#matcher
+ *
+ * @param headers - The request headers
+ * @returns The pathname from the request headers
+ *
+ * @example
+ * ```ts
+ * import headers from "next/headers";
+ *
+ * const pathname = getPathnameFromRequestHeaders(headers());
+ * ```
+ */
+declare function getPathnameFromRequestHeaders(headers: Record<string, string | string[] | undefined>): string | undefined;
 
 /**
  * Creates an SDK for the given configuration definition.
@@ -89,12 +136,4 @@ type ResolveSdkOptionsConfig = {
  */
 declare function resolveSdkOptions(input: CreateSdkOptions, _options?: Partial<ResolveSdkOptionsConfig>): CreateSdkOptions;
 
-type LogVerbosity = "emergency" | "alert" | "critical" | "error" | "warning" | "notice" | "info" | "debug";
-type LoggerOptions = Partial<{
-    verbosity: LogVerbosity;
-    includeStackTrace: boolean;
-}>;
-
-declare const createLogger: (options?: LoggerOptions) => _alokai_connect_logger.LoggerInterface;
-
-export { CreateSdkOptions, createLogger, createSdk, defineSdkConfig, resolveSdkOptions };
+export { CreateSdkOptions, createAlokaiMiddleware, createLogger, createSdk, defineSdkConfig, getPathnameFromRequestHeaders, resolveSdkOptions };

package/dist/index.d.ts

@@ -1,8 +1,55 @@
-import { C as CreateSdkOptions, a as Config, b as CreateSdkReturn } from './types-C90MV4A8.js';
 import * as _alokai_connect_logger from '@alokai/connect/logger';
+import { NextRequest, NextResponse } from 'next/server';
+import { d as CreateSdkOptions, e as Config, f as CreateSdkReturn } from './types-BCNzbTr2.js';
 import '@alokai/connect/sdk';
-import 'react';
 import 'next/headers';
+import 'react';
+
+type LogVerbosity = "alert" | "critical" | "debug" | "emergency" | "error" | "info" | "notice" | "warning";
+type LoggerOptions = Partial<{
+    includeStackTrace: boolean;
+    verbosity: LogVerbosity;
+}>;
+
+declare const createLogger: (options?: LoggerOptions) => _alokai_connect_logger.LoggerInterface;
+
+type NextMiddleware = (request: NextRequest) => NextResponse | Promise<NextResponse>;
+/**
+ * Creates an Alokai middleware wrapper that adds pathname information to request headers.
+ * This is required for proper pathname handling during SSR in Next.js.
+ *
+ * @example
+ * ```ts
+ * // middleware.ts
+ * import { createAlokaiMiddleware } from '@alokai/next';
+ *
+ * export default createAlokaiMiddleware((request) => {
+ *   // Your middleware logic here
+ * });
+ * ```
+ *
+ * @param middleware - The Next.js middleware function to wrap
+ * @returns A wrapped middleware function that adds pathname to request headers
+ */
+declare function createAlokaiMiddleware(middleware: NextMiddleware): (request: NextRequest) => NextResponse<unknown> | Promise<NextResponse<unknown>>;
+/**
+ * Retrieves the pathname from the request headers.
+ * This function requires the `createAlokaiMiddleware` to be used in the middleware.ts file.
+ *
+ * @note This function is available only on the server side.
+ * @note This function will return undefined for all non-matching requests https://nextjs.org/docs/app/building-your-application/routing/middleware#matcher
+ *
+ * @param headers - The request headers
+ * @returns The pathname from the request headers
+ *
+ * @example
+ * ```ts
+ * import headers from "next/headers";
+ *
+ * const pathname = getPathnameFromRequestHeaders(headers());
+ * ```
+ */
+declare function getPathnameFromRequestHeaders(headers: Record<string, string | string[] | undefined>): string | undefined;
 
 /**
  * Creates an SDK for the given configuration definition.
@@ -89,12 +136,4 @@ type ResolveSdkOptionsConfig = {
  */
 declare function resolveSdkOptions(input: CreateSdkOptions, _options?: Partial<ResolveSdkOptionsConfig>): CreateSdkOptions;
 
-type LogVerbosity = "emergency" | "alert" | "critical" | "error" | "warning" | "notice" | "info" | "debug";
-type LoggerOptions = Partial<{
-    verbosity: LogVerbosity;
-    includeStackTrace: boolean;
-}>;
-
-declare const createLogger: (options?: LoggerOptions) => _alokai_connect_logger.LoggerInterface;
-
-export { CreateSdkOptions, createLogger, createSdk, defineSdkConfig, resolveSdkOptions };
+export { CreateSdkOptions, createAlokaiMiddleware, createLogger, createSdk, defineSdkConfig, getPathnameFromRequestHeaders, resolveSdkOptions };

package/dist/index.js

@@ -37,13 +37,80 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  createAlokaiMiddleware: () => createAlokaiMiddleware,
   createLogger: () => createLogger,
   createSdk: () => createSdk,
   defineSdkConfig: () => defineSdkConfig,
+  getPathnameFromRequestHeaders: () => getPathnameFromRequestHeaders,
   resolveSdkOptions: () => resolveSdkOptions
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/logger/index.ts
+var import_logger = require("@alokai/connect/logger");
+
+// src/logger/injectMetadata.ts
+function injectMetadata(logger, externalData) {
+  return new Proxy(logger, {
+    get(target, prop) {
+      const targetProp = target[prop];
+      if (typeof targetProp === "function") {
+        return (...args) => {
+          const [logData, metadata] = args;
+          targetProp(logData, __spreadValues(__spreadValues({}, metadata), externalData));
+        };
+      }
+      return targetProp;
+    }
+  });
+}
+
+// src/logger/index.ts
+var createLogger = (options) => {
+  const logger = import_logger.LoggerFactory.create(import_logger.LoggerType.ConsolaGcp, options);
+  return injectMetadata(logger, {
+    alokai: {
+      context: "storefront"
+    }
+  });
+};
+
+// src/middleware.ts
+function createAlokaiMiddleware(middleware) {
+  return (request) => {
+    const nextUrl = request.nextUrl.clone();
+    request.headers.append("x-pathname", nextUrl.pathname);
+    return middleware(request);
+  };
+}
+function getPathnameFromRequestHeaders(headers) {
+  return headers["x-pathname"];
+}
+
+// src/sdk/index.tsx
+var import_sdk = require("@alokai/connect/sdk");
+
+// src/sdk/helpers/defaultConfigs.ts
+var defaultMethodsRequestConfig = {
+  unifiedCms: {
+    middlewareModule: {
+      getEntries: { method: "GET" },
+      getPage: { method: "GET" }
+    }
+  },
+  unifiedCommerce: {
+    middlewareModule: {
+      getCategories: { method: "GET" },
+      getCategory: { method: "GET" },
+      getCurrencies: { method: "GET" },
+      getProductDetails: { method: "GET" },
+      getProductReviews: { method: "GET" },
+      getProducts: { method: "GET" },
+      searchProducts: { method: "GET" }
+    }
+  }
+};
+
 // src/sdk/helpers/resolveDynamicContext.ts
 var BLACKLISTED_HEADERS = /* @__PURE__ */ new Set(["host"]);
 function isAppRouterHeaders(headers) {
@@ -53,9 +120,9 @@ function isFlatNextHeaders(headers) {
   return !!headers && !("headers" in headers);
 }
 function normalizeRequestHeaders(requestHeaders) {
-  const { headers = {}, cookies } = isFlatNextHeaders(requestHeaders) ? { headers: requestHeaders, cookies: void 0 } : {
-    headers: requestHeaders == null ? void 0 : requestHeaders.headers,
-    cookies: requestHeaders == null ? void 0 : requestHeaders.cookies
+  const { cookies, headers = {} } = isFlatNextHeaders(requestHeaders) ? { cookies: void 0, headers: requestHeaders } : {
+    cookies: requestHeaders == null ? void 0 : requestHeaders.cookies,
+    headers: requestHeaders == null ? void 0 : requestHeaders.headers
   };
   const normalizedHeaders = isAppRouterHeaders(headers) ? Object.fromEntries(headers.entries()) : headers;
   if (cookies) {
@@ -70,53 +137,35 @@ function resolveDynamicContext(context) {
       const normalizedHeaders = normalizeRequestHeaders(
         (_a = context.getRequestHeaders) == null ? void 0 : _a.call(context)
       );
-      return Object.fromEntries(
+      const requestHeaders = Object.fromEntries(
         Object.entries(normalizedHeaders).filter(
           ([key]) => !BLACKLISTED_HEADERS.has(key)
         )
       );
+      if (context.getLocale) {
+        requestHeaders["x-alokai-locale"] = context.getLocale();
+      }
+      return requestHeaders;
     }
   });
 }
 
-// src/sdk/helpers/defaultConfigs.ts
-var defaultMethodsRequestConfig = {
-  unifiedCommerce: {
-    middlewareModule: {
-      getCategory: { method: "GET" },
-      getCategories: { method: "GET" },
-      getProductDetails: { method: "GET" },
-      getProductReviews: { method: "GET" },
-      getProducts: { method: "GET" },
-      getCurrencies: { method: "GET" },
-      searchProducts: { method: "GET" }
-    }
-  },
-  unifiedCms: {
-    middlewareModule: {
-      getPage: { method: "GET" },
-      getEntries: { method: "GET" }
-    }
-  }
-};
-
 // src/sdk/index.tsx
-var import_sdk = require("@alokai/connect/sdk");
 function createSdk(options, configDefinition) {
   function getSdk(dynamicContext = {}) {
     var _a;
     const { getRequestHeaders } = resolveDynamicContext(dynamicContext);
     const resolvedConfig = configDefinition({
-      defaults: defaultMethodsRequestConfig,
       buildModule: import_sdk.buildModule,
-      middlewareModule: import_sdk.middlewareModule,
-      getRequestHeaders,
       config: {
         apiUrl: options.middleware.apiUrl,
-        ssrApiUrl: options.middleware.ssrApiUrl,
+        cdnCacheBustingId: (_a = options.middleware.cdnCacheBustingId) != null ? _a : "no-cache-busting-id-set",
         defaultMethodsRequestConfig,
-        cdnCacheBustingId: (_a = options.middleware.cdnCacheBustingId) != null ? _a : "no-cache-busting-id-set"
-      }
+        ssrApiUrl: options.middleware.ssrApiUrl
+      },
+      defaults: defaultMethodsRequestConfig,
+      getRequestHeaders,
+      middlewareModule: import_sdk.middlewareModule
     });
     return (0, import_sdk.initSDK)(resolvedConfig);
   }
@@ -130,39 +179,12 @@ function defineSdkConfig(config) {
 function resolveSdkOptions(input, _options = {}) {
   return input;
 }
-
-// src/logger/index.ts
-var import_logger = require("@alokai/connect/logger");
-
-// src/logger/injectMetadata.ts
-function injectMetadata(logger, externalData) {
-  return new Proxy(logger, {
-    get(target, prop) {
-      const targetProp = target[prop];
-      if (typeof targetProp === "function") {
-        return (...args) => {
-          const [logData, metadata] = args;
-          targetProp(logData, __spreadValues(__spreadValues({}, metadata), externalData));
-        };
-      }
-      return targetProp;
-    }
-  });
-}
-
-// src/logger/index.ts
-var createLogger = (options) => {
-  const logger = import_logger.LoggerFactory.create(import_logger.LoggerType.ConsolaGcp, options);
-  return injectMetadata(logger, {
-    alokai: {
-      context: "storefront"
-    }
-  });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  createAlokaiMiddleware,
   createLogger,
   createSdk,
   defineSdkConfig,
+  getPathnameFromRequestHeaders,
   resolveSdkOptions
 });

package/dist/index.mjs

@@ -3,6 +3,71 @@ import {
   __spreadValues
 } from "./chunk-FWCSY2DS.mjs";
 
+// src/logger/index.ts
+import { LoggerFactory, LoggerType } from "@alokai/connect/logger";
+
+// src/logger/injectMetadata.ts
+function injectMetadata(logger, externalData) {
+  return new Proxy(logger, {
+    get(target, prop) {
+      const targetProp = target[prop];
+      if (typeof targetProp === "function") {
+        return (...args) => {
+          const [logData, metadata] = args;
+          targetProp(logData, __spreadValues(__spreadValues({}, metadata), externalData));
+        };
+      }
+      return targetProp;
+    }
+  });
+}
+
+// src/logger/index.ts
+var createLogger = (options) => {
+  const logger = LoggerFactory.create(LoggerType.ConsolaGcp, options);
+  return injectMetadata(logger, {
+    alokai: {
+      context: "storefront"
+    }
+  });
+};
+
+// src/middleware.ts
+function createAlokaiMiddleware(middleware) {
+  return (request) => {
+    const nextUrl = request.nextUrl.clone();
+    request.headers.append("x-pathname", nextUrl.pathname);
+    return middleware(request);
+  };
+}
+function getPathnameFromRequestHeaders(headers) {
+  return headers["x-pathname"];
+}
+
+// src/sdk/index.tsx
+import { buildModule, initSDK, middlewareModule } from "@alokai/connect/sdk";
+
+// src/sdk/helpers/defaultConfigs.ts
+var defaultMethodsRequestConfig = {
+  unifiedCms: {
+    middlewareModule: {
+      getEntries: { method: "GET" },
+      getPage: { method: "GET" }
+    }
+  },
+  unifiedCommerce: {
+    middlewareModule: {
+      getCategories: { method: "GET" },
+      getCategory: { method: "GET" },
+      getCurrencies: { method: "GET" },
+      getProductDetails: { method: "GET" },
+      getProductReviews: { method: "GET" },
+      getProducts: { method: "GET" },
+      searchProducts: { method: "GET" }
+    }
+  }
+};
+
 // src/sdk/helpers/resolveDynamicContext.ts
 var BLACKLISTED_HEADERS = /* @__PURE__ */ new Set(["host"]);
 function isAppRouterHeaders(headers) {
@@ -12,9 +77,9 @@ function isFlatNextHeaders(headers) {
   return !!headers && !("headers" in headers);
 }
 function normalizeRequestHeaders(requestHeaders) {
-  const { headers = {}, cookies } = isFlatNextHeaders(requestHeaders) ? { headers: requestHeaders, cookies: void 0 } : {
-    headers: requestHeaders == null ? void 0 : requestHeaders.headers,
-    cookies: requestHeaders == null ? void 0 : requestHeaders.cookies
+  const { cookies, headers = {} } = isFlatNextHeaders(requestHeaders) ? { cookies: void 0, headers: requestHeaders } : {
+    cookies: requestHeaders == null ? void 0 : requestHeaders.cookies,
+    headers: requestHeaders == null ? void 0 : requestHeaders.headers
   };
   const normalizedHeaders = isAppRouterHeaders(headers) ? Object.fromEntries(headers.entries()) : headers;
   if (cookies) {
@@ -29,53 +94,35 @@ function resolveDynamicContext(context) {
       const normalizedHeaders = normalizeRequestHeaders(
         (_a = context.getRequestHeaders) == null ? void 0 : _a.call(context)
       );
-      return Object.fromEntries(
+      const requestHeaders = Object.fromEntries(
         Object.entries(normalizedHeaders).filter(
           ([key]) => !BLACKLISTED_HEADERS.has(key)
         )
       );
+      if (context.getLocale) {
+        requestHeaders["x-alokai-locale"] = context.getLocale();
+      }
+      return requestHeaders;
     }
   });
 }
 
-// src/sdk/helpers/defaultConfigs.ts
-var defaultMethodsRequestConfig = {
-  unifiedCommerce: {
-    middlewareModule: {
-      getCategory: { method: "GET" },
-      getCategories: { method: "GET" },
-      getProductDetails: { method: "GET" },
-      getProductReviews: { method: "GET" },
-      getProducts: { method: "GET" },
-      getCurrencies: { method: "GET" },
-      searchProducts: { method: "GET" }
-    }
-  },
-  unifiedCms: {
-    middlewareModule: {
-      getPage: { method: "GET" },
-      getEntries: { method: "GET" }
-    }
-  }
-};
-
 // src/sdk/index.tsx
-import { buildModule, initSDK, middlewareModule } from "@alokai/connect/sdk";
 function createSdk(options, configDefinition) {
   function getSdk(dynamicContext = {}) {
     var _a;
     const { getRequestHeaders } = resolveDynamicContext(dynamicContext);
     const resolvedConfig = configDefinition({
-      defaults: defaultMethodsRequestConfig,
       buildModule,
-      middlewareModule,
-      getRequestHeaders,
       config: {
         apiUrl: options.middleware.apiUrl,
-        ssrApiUrl: options.middleware.ssrApiUrl,
+        cdnCacheBustingId: (_a = options.middleware.cdnCacheBustingId) != null ? _a : "no-cache-busting-id-set",
         defaultMethodsRequestConfig,
-        cdnCacheBustingId: (_a = options.middleware.cdnCacheBustingId) != null ? _a : "no-cache-busting-id-set"
-      }
+        ssrApiUrl: options.middleware.ssrApiUrl
+      },
+      defaults: defaultMethodsRequestConfig,
+      getRequestHeaders,
+      middlewareModule
     });
     return initSDK(resolvedConfig);
   }
@@ -89,38 +136,11 @@ function defineSdkConfig(config) {
 function resolveSdkOptions(input, _options = {}) {
   return input;
 }
-
-// src/logger/index.ts
-import { LoggerFactory, LoggerType } from "@alokai/connect/logger";
-
-// src/logger/injectMetadata.ts
-function injectMetadata(logger, externalData) {
-  return new Proxy(logger, {
-    get(target, prop) {
-      const targetProp = target[prop];
-      if (typeof targetProp === "function") {
-        return (...args) => {
-          const [logData, metadata] = args;
-          targetProp(logData, __spreadValues(__spreadValues({}, metadata), externalData));
-        };
-      }
-      return targetProp;
-    }
-  });
-}
-
-// src/logger/index.ts
-var createLogger = (options) => {
-  const logger = LoggerFactory.create(LoggerType.ConsolaGcp, options);
-  return injectMetadata(logger, {
-    alokai: {
-      context: "storefront"
-    }
-  });
-};
 export {
+  createAlokaiMiddleware,
   createLogger,
   createSdk,
   defineSdkConfig,
+  getPathnameFromRequestHeaders,
   resolveSdkOptions
 };

package/dist/{types-C90MV4A8.d.mts → types-BCNzbTr2.d.mts}

@@ -1,51 +1,13 @@
-import { buildModule, middlewareModule, SDKApi } from '@alokai/connect/sdk';
-import React, { PropsWithChildren, ReactNode } from 'react';
+import { SDKApi, buildModule, middlewareModule } from '@alokai/connect/sdk';
 import { cookies } from 'next/headers';
+import React, { PropsWithChildren, ReactNode } from 'react';
 
-declare const defaultMethodsRequestConfig: {
-    readonly unifiedCommerce: {
-        readonly middlewareModule: {
-            readonly getCategory: {
-                readonly method: "GET";
-            };
-            readonly getCategories: {
-                readonly method: "GET";
-            };
-            readonly getProductDetails: {
-                readonly method: "GET";
-            };
-            readonly getProductReviews: {
-                readonly method: "GET";
-            };
-            readonly getProducts: {
-                readonly method: "GET";
-            };
-            readonly getCurrencies: {
-                readonly method: "GET";
-            };
-            readonly searchProducts: {
-                readonly method: "GET";
-            };
-        };
-    };
-    readonly unifiedCms: {
-        readonly middlewareModule: {
-            readonly getPage: {
-                readonly method: "GET";
-            };
-            readonly getEntries: {
-                readonly method: "GET";
-            };
-        };
-    };
-};
-
-type Maybe<TType> = TType | null;
+type Maybe<TType> = null | TType;
 
 type SfContract = {
     SfCart: unknown;
-    SfCustomer: unknown;
     SfCurrency: unknown;
+    SfCustomer: unknown;
     SfLocale: unknown;
 };
 interface SfStateProps<TSfContract extends SfContract> {
@@ -55,12 +17,12 @@ interface SfStateProps<TSfContract extends SfContract> {
     locales: TSfContract["SfLocale"][];
 }
 interface SfState<TSfContract extends SfContract> extends SfStateProps<TSfContract> {
-    cart: TSfContract["SfCart"] | null | undefined;
-    customer: TSfContract["SfCustomer"] | null | undefined;
-    setCart: (cart?: TSfContract["SfCart"] | null) => void;
+    cart: null | TSfContract["SfCart"] | undefined;
+    customer: null | TSfContract["SfCustomer"] | undefined;
+    setCart: (cart?: null | TSfContract["SfCart"]) => void;
     setCurrencies: (currencies: TSfContract["SfCurrency"][]) => void;
     setCurrency: (currency: TSfContract["SfCurrency"]) => void;
-    setCustomer: (customer?: TSfContract["SfCustomer"] | null) => void;
+    setCustomer: (customer?: null | TSfContract["SfCustomer"]) => void;
     setLocale: (locale: TSfContract["SfLocale"]) => void;
     setLocales: (locales: TSfContract["SfLocale"][]) => void;
 }
@@ -68,43 +30,76 @@ declare function createSfStateProvider<TSfContract extends SfContract>(): {
     SfStateProvider: ({ children, initialData, }: {
         initialData: SfStateProps<TSfContract>;
     } & PropsWithChildren) => React.JSX.Element;
-    useSfCurrencyState: () => [
-        TSfContract["SfCurrency"],
-        (currency: TSfContract["SfCurrency"]) => void
+    useSfCartState: () => [
+        null | TSfContract["SfCart"] | undefined,
+        (cart?: null | TSfContract["SfCart"]) => void
     ];
     useSfCurrenciesState: () => [
         TSfContract["SfCurrency"][],
         (currencies: TSfContract["SfCurrency"][]) => void
     ];
-    useSfLocaleState: () => [
-        TSfContract["SfLocale"],
-        (locale: TSfContract["SfLocale"]) => void
+    useSfCurrencyState: () => [
+        TSfContract["SfCurrency"],
+        (currency: TSfContract["SfCurrency"]) => void
+    ];
+    useSfCustomerState: () => [
+        null | TSfContract["SfCustomer"] | undefined,
+        (customer?: null | TSfContract["SfCustomer"]) => void
     ];
     useSfLocalesState: () => [
         TSfContract["SfLocale"][],
         (locales: TSfContract["SfLocale"][]) => void
     ];
-    useSfCartState: () => [
-        TSfContract["SfCart"] | null | undefined,
-        (cart?: TSfContract["SfCart"] | null) => void
-    ];
-    useSfCustomerState: () => [
-        TSfContract["SfCustomer"] | null | undefined,
-        (customer?: TSfContract["SfCustomer"] | null) => void
+    useSfLocaleState: () => [
+        TSfContract["SfLocale"],
+        (locale: TSfContract["SfLocale"]) => void
     ];
 };
 
+declare const defaultMethodsRequestConfig: {
+    readonly unifiedCms: {
+        readonly middlewareModule: {
+            readonly getEntries: {
+                readonly method: "GET";
+            };
+            readonly getPage: {
+                readonly method: "GET";
+            };
+        };
+    };
+    readonly unifiedCommerce: {
+        readonly middlewareModule: {
+            readonly getCategories: {
+                readonly method: "GET";
+            };
+            readonly getCategory: {
+                readonly method: "GET";
+            };
+            readonly getCurrencies: {
+                readonly method: "GET";
+            };
+            readonly getProductDetails: {
+                readonly method: "GET";
+            };
+            readonly getProductReviews: {
+                readonly method: "GET";
+            };
+            readonly getProducts: {
+                readonly method: "GET";
+            };
+            readonly searchProducts: {
+                readonly method: "GET";
+            };
+        };
+    };
+};
+
 interface MiddlewareConfig {
     /**
      * The URL of the middleware.
      * @example "http://localhost:4000"
      */
     apiUrl: string;
-    /**
-     * The URL of the middleware for server-side rendering.
-     * @example "http://localhost:4000"
-     */
-    ssrApiUrl: string;
     /**
      * This is identifier used to invalidate the cache on CDN when the assets change.
      * Usually it's a commit hash.
@@ -112,6 +107,11 @@ interface MiddlewareConfig {
      * @default "no-cache-busting-id-set"
      */
     cdnCacheBustingId?: string;
+    /**
+     * The URL of the middleware for server-side rendering.
+     * @example "http://localhost:4000"
+     */
+    ssrApiUrl: string;
 }
 interface MultistoreConfig {
     /**
@@ -122,43 +122,47 @@ interface MultistoreConfig {
     enabled: boolean;
 }
 interface CreateSdkOptions {
-    multistore?: MultistoreConfig;
     middleware: MiddlewareConfig;
+    multistore?: MultistoreConfig;
 }
 type Cookies = ReturnType<typeof cookies>;
-type NextHeaders = Record<string, string | string[] | undefined> | Headers;
+type NextHeaders = Headers | Record<string, string | string[] | undefined>;
 type GetSdkContext = {
+    /**
+     * A function that returns the current locale string;
+     */
+    getLocale?: () => string;
     /**
      * A function that returns the request headers.
      */
-    getRequestHeaders?: () => NextHeaders | {
-        headers: NextHeaders;
+    getRequestHeaders?: () => {
         cookies: Cookies;
-    };
+        headers: NextHeaders;
+    } | NextHeaders;
 };
 type DynamicContext = {
     getRequestHeaders: () => Record<string, string | string[]>;
 };
 type StaticContext = {
     buildModule: typeof buildModule;
-    middlewareModule: typeof middlewareModule;
-    /**
-     * @deprecated Use `config.defaultMethodsRequestConfig` instead.
-     */
-    defaults: typeof defaultMethodsRequestConfig;
     config: {
         apiUrl: string;
-        ssrApiUrl: string;
-        defaultMethodsRequestConfig: typeof defaultMethodsRequestConfig;
         cdnCacheBustingId: string;
+        defaultMethodsRequestConfig: typeof defaultMethodsRequestConfig;
+        ssrApiUrl: string;
     };
+    /**
+     * @deprecated Use `config.defaultMethodsRequestConfig` instead.
+     */
+    defaults: typeof defaultMethodsRequestConfig;
+    middlewareModule: typeof middlewareModule;
 };
 type InjectedContext = DynamicContext & StaticContext;
 type Config<TConfig> = (context: InjectedContext) => TConfig;
 type AlokaiProviderProps<TSdk, TSfContract extends SfContract> = {
     children: ReactNode;
-    sdk: TSdk;
     initialData: SfStateProps<TSfContract>;
+    sdk: TSdk;
 };
 interface CreateSdkReturn<TConfig extends Record<string, any>> {
     /**
@@ -176,9 +180,10 @@ interface CreateSdkReturn<TConfig extends Record<string, any>> {
      * import type { GetServerSideProps } from "next";
      * import { getSdk } from "../../sdk.config";
      *
-     * export const getServerSideProps: GetServerSideProps = async ({ req }) => {
-     *  const sdk = getSdk({
+     * export const getServerSideProps: GetServerSideProps = async ({ req, locale }) => {
+     *  const sdk = await getSdk({
      *    getRequestHeaders: () => req.headers,
+     *    getLocale: () => locale,
      *  });
      *  const { products } = await sdk.unified.getProducts();
      *
@@ -195,8 +200,10 @@ interface CreateSdkReturn<TConfig extends Record<string, any>> {
      * import { getSdk } from "../../sdk.config";
      *
      * export default async function SsrPage() {
-     *  const sdk = getSdk({
+     *  const locale = await getLocale();
+     *  const sdk = await getSdk({
      *    getRequestHeaders: () => headers(),
+     *    getLocale: () => locale,
      *  });
      *  const { products } = await sdk.unified.getProducts();
      *
@@ -209,12 +216,12 @@ interface CreateSdkReturn<TConfig extends Record<string, any>> {
 type CreateSdkContextReturn<TSdk extends SDKApi<any>, TSfContract extends SfContract> = Readonly<{
     AlokaiProvider: ({ children, }: AlokaiProviderProps<TSdk, TSfContract>) => JSX.Element;
     useSdk: () => TSdk;
-    useSfCurrencyState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCurrencyState"];
-    useSfCurrenciesState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCurrenciesState"];
-    useSfLocaleState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocaleState"];
-    useSfLocalesState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocalesState"];
     useSfCartState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCartState"];
+    useSfCurrenciesState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCurrenciesState"];
+    useSfCurrencyState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCurrencyState"];
     useSfCustomerState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCustomerState"];
+    useSfLocalesState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocalesState"];
+    useSfLocaleState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocaleState"];
 }>;
 
-export { type CreateSdkOptions as C, type Maybe as M, type SfContract as S, type Config as a, type CreateSdkReturn as b, type CreateSdkContextReturn as c, type SfStateProps as d, type SfState as e, createSfStateProvider as f };
+export { type CreateSdkContextReturn as C, type Maybe as M, type SfContract as S, type SfStateProps as a, type SfState as b, createSfStateProvider as c, type CreateSdkOptions as d, type Config as e, type CreateSdkReturn as f };

package/dist/{types-C90MV4A8.d.ts → types-BCNzbTr2.d.ts}

@@ -1,51 +1,13 @@
-import { buildModule, middlewareModule, SDKApi } from '@alokai/connect/sdk';
-import React, { PropsWithChildren, ReactNode } from 'react';
+import { SDKApi, buildModule, middlewareModule } from '@alokai/connect/sdk';
 import { cookies } from 'next/headers';
+import React, { PropsWithChildren, ReactNode } from 'react';
 
-declare const defaultMethodsRequestConfig: {
-    readonly unifiedCommerce: {
-        readonly middlewareModule: {
-            readonly getCategory: {
-                readonly method: "GET";
-            };
-            readonly getCategories: {
-                readonly method: "GET";
-            };
-            readonly getProductDetails: {
-                readonly method: "GET";
-            };
-            readonly getProductReviews: {
-                readonly method: "GET";
-            };
-            readonly getProducts: {
-                readonly method: "GET";
-            };
-            readonly getCurrencies: {
-                readonly method: "GET";
-            };
-            readonly searchProducts: {
-                readonly method: "GET";
-            };
-        };
-    };
-    readonly unifiedCms: {
-        readonly middlewareModule: {
-            readonly getPage: {
-                readonly method: "GET";
-            };
-            readonly getEntries: {
-                readonly method: "GET";
-            };
-        };
-    };
-};
-
-type Maybe<TType> = TType | null;
+type Maybe<TType> = null | TType;
 
 type SfContract = {
     SfCart: unknown;
-    SfCustomer: unknown;
     SfCurrency: unknown;
+    SfCustomer: unknown;
     SfLocale: unknown;
 };
 interface SfStateProps<TSfContract extends SfContract> {
@@ -55,12 +17,12 @@ interface SfStateProps<TSfContract extends SfContract> {
     locales: TSfContract["SfLocale"][];
 }
 interface SfState<TSfContract extends SfContract> extends SfStateProps<TSfContract> {
-    cart: TSfContract["SfCart"] | null | undefined;
-    customer: TSfContract["SfCustomer"] | null | undefined;
-    setCart: (cart?: TSfContract["SfCart"] | null) => void;
+    cart: null | TSfContract["SfCart"] | undefined;
+    customer: null | TSfContract["SfCustomer"] | undefined;
+    setCart: (cart?: null | TSfContract["SfCart"]) => void;
     setCurrencies: (currencies: TSfContract["SfCurrency"][]) => void;
     setCurrency: (currency: TSfContract["SfCurrency"]) => void;
-    setCustomer: (customer?: TSfContract["SfCustomer"] | null) => void;
+    setCustomer: (customer?: null | TSfContract["SfCustomer"]) => void;
     setLocale: (locale: TSfContract["SfLocale"]) => void;
     setLocales: (locales: TSfContract["SfLocale"][]) => void;
 }
@@ -68,43 +30,76 @@ declare function createSfStateProvider<TSfContract extends SfContract>(): {
     SfStateProvider: ({ children, initialData, }: {
         initialData: SfStateProps<TSfContract>;
     } & PropsWithChildren) => React.JSX.Element;
-    useSfCurrencyState: () => [
-        TSfContract["SfCurrency"],
-        (currency: TSfContract["SfCurrency"]) => void
+    useSfCartState: () => [
+        null | TSfContract["SfCart"] | undefined,
+        (cart?: null | TSfContract["SfCart"]) => void
     ];
     useSfCurrenciesState: () => [
         TSfContract["SfCurrency"][],
         (currencies: TSfContract["SfCurrency"][]) => void
     ];
-    useSfLocaleState: () => [
-        TSfContract["SfLocale"],
-        (locale: TSfContract["SfLocale"]) => void
+    useSfCurrencyState: () => [
+        TSfContract["SfCurrency"],
+        (currency: TSfContract["SfCurrency"]) => void
+    ];
+    useSfCustomerState: () => [
+        null | TSfContract["SfCustomer"] | undefined,
+        (customer?: null | TSfContract["SfCustomer"]) => void
     ];
     useSfLocalesState: () => [
         TSfContract["SfLocale"][],
         (locales: TSfContract["SfLocale"][]) => void
     ];
-    useSfCartState: () => [
-        TSfContract["SfCart"] | null | undefined,
-        (cart?: TSfContract["SfCart"] | null) => void
-    ];
-    useSfCustomerState: () => [
-        TSfContract["SfCustomer"] | null | undefined,
-        (customer?: TSfContract["SfCustomer"] | null) => void
+    useSfLocaleState: () => [
+        TSfContract["SfLocale"],
+        (locale: TSfContract["SfLocale"]) => void
     ];
 };
 
+declare const defaultMethodsRequestConfig: {
+    readonly unifiedCms: {
+        readonly middlewareModule: {
+            readonly getEntries: {
+                readonly method: "GET";
+            };
+            readonly getPage: {
+                readonly method: "GET";
+            };
+        };
+    };
+    readonly unifiedCommerce: {
+        readonly middlewareModule: {
+            readonly getCategories: {
+                readonly method: "GET";
+            };
+            readonly getCategory: {
+                readonly method: "GET";
+            };
+            readonly getCurrencies: {
+                readonly method: "GET";
+            };
+            readonly getProductDetails: {
+                readonly method: "GET";
+            };
+            readonly getProductReviews: {
+                readonly method: "GET";
+            };
+            readonly getProducts: {
+                readonly method: "GET";
+            };
+            readonly searchProducts: {
+                readonly method: "GET";
+            };
+        };
+    };
+};
+
 interface MiddlewareConfig {
     /**
      * The URL of the middleware.
      * @example "http://localhost:4000"
      */
     apiUrl: string;
-    /**
-     * The URL of the middleware for server-side rendering.
-     * @example "http://localhost:4000"
-     */
-    ssrApiUrl: string;
     /**
      * This is identifier used to invalidate the cache on CDN when the assets change.
      * Usually it's a commit hash.
@@ -112,6 +107,11 @@ interface MiddlewareConfig {
      * @default "no-cache-busting-id-set"
      */
     cdnCacheBustingId?: string;
+    /**
+     * The URL of the middleware for server-side rendering.
+     * @example "http://localhost:4000"
+     */
+    ssrApiUrl: string;
 }
 interface MultistoreConfig {
     /**
@@ -122,43 +122,47 @@ interface MultistoreConfig {
     enabled: boolean;
 }
 interface CreateSdkOptions {
-    multistore?: MultistoreConfig;
     middleware: MiddlewareConfig;
+    multistore?: MultistoreConfig;
 }
 type Cookies = ReturnType<typeof cookies>;
-type NextHeaders = Record<string, string | string[] | undefined> | Headers;
+type NextHeaders = Headers | Record<string, string | string[] | undefined>;
 type GetSdkContext = {
+    /**
+     * A function that returns the current locale string;
+     */
+    getLocale?: () => string;
     /**
      * A function that returns the request headers.
      */
-    getRequestHeaders?: () => NextHeaders | {
-        headers: NextHeaders;
+    getRequestHeaders?: () => {
         cookies: Cookies;
-    };
+        headers: NextHeaders;
+    } | NextHeaders;
 };
 type DynamicContext = {
     getRequestHeaders: () => Record<string, string | string[]>;
 };
 type StaticContext = {
     buildModule: typeof buildModule;
-    middlewareModule: typeof middlewareModule;
-    /**
-     * @deprecated Use `config.defaultMethodsRequestConfig` instead.
-     */
-    defaults: typeof defaultMethodsRequestConfig;
     config: {
         apiUrl: string;
-        ssrApiUrl: string;
-        defaultMethodsRequestConfig: typeof defaultMethodsRequestConfig;
         cdnCacheBustingId: string;
+        defaultMethodsRequestConfig: typeof defaultMethodsRequestConfig;
+        ssrApiUrl: string;
     };
+    /**
+     * @deprecated Use `config.defaultMethodsRequestConfig` instead.
+     */
+    defaults: typeof defaultMethodsRequestConfig;
+    middlewareModule: typeof middlewareModule;
 };
 type InjectedContext = DynamicContext & StaticContext;
 type Config<TConfig> = (context: InjectedContext) => TConfig;
 type AlokaiProviderProps<TSdk, TSfContract extends SfContract> = {
     children: ReactNode;
-    sdk: TSdk;
     initialData: SfStateProps<TSfContract>;
+    sdk: TSdk;
 };
 interface CreateSdkReturn<TConfig extends Record<string, any>> {
     /**
@@ -176,9 +180,10 @@ interface CreateSdkReturn<TConfig extends Record<string, any>> {
      * import type { GetServerSideProps } from "next";
      * import { getSdk } from "../../sdk.config";
      *
-     * export const getServerSideProps: GetServerSideProps = async ({ req }) => {
-     *  const sdk = getSdk({
+     * export const getServerSideProps: GetServerSideProps = async ({ req, locale }) => {
+     *  const sdk = await getSdk({
      *    getRequestHeaders: () => req.headers,
+     *    getLocale: () => locale,
      *  });
      *  const { products } = await sdk.unified.getProducts();
      *
@@ -195,8 +200,10 @@ interface CreateSdkReturn<TConfig extends Record<string, any>> {
      * import { getSdk } from "../../sdk.config";
      *
      * export default async function SsrPage() {
-     *  const sdk = getSdk({
+     *  const locale = await getLocale();
+     *  const sdk = await getSdk({
      *    getRequestHeaders: () => headers(),
+     *    getLocale: () => locale,
      *  });
      *  const { products } = await sdk.unified.getProducts();
      *
@@ -209,12 +216,12 @@ interface CreateSdkReturn<TConfig extends Record<string, any>> {
 type CreateSdkContextReturn<TSdk extends SDKApi<any>, TSfContract extends SfContract> = Readonly<{
     AlokaiProvider: ({ children, }: AlokaiProviderProps<TSdk, TSfContract>) => JSX.Element;
     useSdk: () => TSdk;
-    useSfCurrencyState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCurrencyState"];
-    useSfCurrenciesState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCurrenciesState"];
-    useSfLocaleState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocaleState"];
-    useSfLocalesState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocalesState"];
     useSfCartState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCartState"];
+    useSfCurrenciesState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCurrenciesState"];
+    useSfCurrencyState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCurrencyState"];
     useSfCustomerState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfCustomerState"];
+    useSfLocalesState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocalesState"];
+    useSfLocaleState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocaleState"];
 }>;
 
-export { type CreateSdkOptions as C, type Maybe as M, type SfContract as S, type Config as a, type CreateSdkReturn as b, type CreateSdkContextReturn as c, type SfStateProps as d, type SfState as e, createSfStateProvider as f };
+export { type CreateSdkContextReturn as C, type Maybe as M, type SfContract as S, type SfStateProps as a, type SfState as b, createSfStateProvider as c, type CreateSdkOptions as d, type Config as e, type CreateSdkReturn as f };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@vue-storefront/next",
   "description": "Alokai dedicated features for Next.js",
   "license": "MIT",
-  "version": "6.0.0-rc.2",
+  "version": "6.0.0-rc.4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -20,7 +20,8 @@
   ],
   "scripts": {
     "build": "tsup",
-    "lint": "biome ci .",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
     "format": "prettier --write .",
     "test:unit": "vitest run",
     "version": "cp CHANGELOG.md ../../docs/enterprise/content/storefront/6.change-log/next.md"
@@ -29,18 +30,18 @@
     "zustand": "^4.5.4"
   },
   "devDependencies": {
-    "@alokai/connect": "^1.0.0-rc.1",
+    "@alokai/connect": "^1.0.0-rc.3",
     "@types/react": "18.3.2",
     "@types/react-dom": "18.3.0",
     "react-dom": "18.3.1",
-    "start-server-and-test": "^2.0.3",
+    "start-server-and-test": "^2.0.11",
     "tsup": "8.3.0",
     "vitest": "2.1.5",
     "react": "18.3.1",
-    "next": "14.2.23"
+    "next": "14.2.25"
   },
   "peerDependencies": {
-    "@alokai/connect": "^1.0.0-rc.1",
+    "@alokai/connect": "^1.0.0-rc.3",
     "react": "^18.2.0",
     "next": "^13.4.7 || ^14.0.0"
   },