@neowhale/storefront 0.2.31 → 0.2.33

package/dist/next/index.d.cts

@@ -1,4 +1,4 @@
-import { F as WhaleStorefrontConfig, W as WhaleClient, r as Product } from '../client-CwCSPAHp.cjs';
+import { F as WhaleStorefrontConfig, W as WhaleClient, r as Product } from '../client-CUKv5fMM.cjs';
 import { NextRequest, NextResponse } from 'next/server';
 
 /**

package/dist/next/index.d.ts

@@ -1,4 +1,4 @@
-import { F as WhaleStorefrontConfig, W as WhaleClient, r as Product } from '../client-CwCSPAHp.js';
+import { F as WhaleStorefrontConfig, W as WhaleClient, r as Product } from '../client-CUKv5fMM.js';
 import { NextRequest, NextResponse } from 'next/server';
 
 /**

package/dist/next/index.js

@@ -1,4 +1,4 @@
-import { WhaleClient } from '../chunk-WNZOA4FB.js';
+import { WhaleClient } from '../chunk-2XODSXJT.js';
 import { NextResponse } from 'next/server';
 
 // src/next/headers.ts

package/dist/{pixel-manager-LiLpBmPy.d.ts → pixel-manager-DsrUxlIB.d.ts}

@@ -1,4 +1,4 @@
-import { p as PixelConfig } from './client-CwCSPAHp.js';
+import { p as PixelConfig } from './client-CUKv5fMM.js';
 
 declare class PixelManager {
     private providers;

package/dist/{pixel-manager-ti1xc1eC.d.cts → pixel-manager-oZStK6GU.d.cts}

@@ -1,4 +1,4 @@
-import { p as PixelConfig } from './client-CwCSPAHp.cjs';
+import { p as PixelConfig } from './client-CUKv5fMM.cjs';
 
 declare class PixelManager {
     private providers;

package/dist/react/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkUW2U5BRY_cjs = require('../chunk-UW2U5BRY.cjs');
-var chunkV5KCIYKG_cjs = require('../chunk-V5KCIYKG.cjs');
+var chunkHSGM4XMK_cjs = require('../chunk-HSGM4XMK.cjs');
 var react = require('react');
 var navigation = require('next/navigation');
 var vanilla = require('zustand/vanilla');
@@ -1068,7 +1068,7 @@ function BehavioralTrackerComponent({ pathname }) {
       const baseUrl = config.proxyPath;
       const endpoint = `${baseUrl}/v1/stores/${config.storeId}/storefront/behavioral`;
       const sendBatch = async (batch) => {
-        await chunkV5KCIYKG_cjs.resilientSend(endpoint, batch, {
+        await chunkHSGM4XMK_cjs.resilientSend(endpoint, batch, {
           "Content-Type": "application/json",
           "x-api-key": config.apiKey
         });
@@ -1254,7 +1254,7 @@ function FingerprintCollector() {
     collectFingerprint().then(async (fp) => {
       const baseUrl = config.proxyPath;
       const url = `${baseUrl}/v1/stores/${config.storeId}/storefront/fingerprints`;
-      await chunkV5KCIYKG_cjs.resilientSend(url, fp, {
+      await chunkHSGM4XMK_cjs.resilientSend(url, fp, {
         "Content-Type": "application/json",
         "x-api-key": config.apiKey
       }).catch(() => {
@@ -1635,7 +1635,7 @@ function SessionRecorderComponent() {
       const sid = sessionId;
       const recorder = new SessionRecorder({
         sendChunk: async (events, sequence) => {
-          await chunkV5KCIYKG_cjs.resilientSend(url, {
+          await chunkHSGM4XMK_cjs.resilientSend(url, {
             session_id: sid,
             visitor_id: visitorId,
             events,
@@ -1714,7 +1714,7 @@ function WhaleProvider({
       trackingEnabled: trackingEnabled ?? envBool("NEXT_PUBLIC_TRACKING_ENABLED") ?? true,
       recordingRate: recordingRate ?? envNumber("NEXT_PUBLIC_RECORDING_RATE") ?? 0.1
     };
-    const client = new chunkV5KCIYKG_cjs.WhaleClient({
+    const client = new chunkHSGM4XMK_cjs.WhaleClient({
       storeId,
       apiKey,
       gatewayUrl: resolvedConfig.gatewayUrl,
@@ -1868,6 +1868,7 @@ function useCustomerAnalytics() {
 function useCheckout() {
   const ctx = react.useContext(WhaleContext);
   if (!ctx) throw new Error("useCheckout must be used within <WhaleProvider>");
+  const { visitorId, getOrCreateSession: getAnalyticsSession } = useAnalytics();
   const [session, setSession] = react.useState(null);
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -1875,7 +1876,12 @@ function useCheckout() {
     setLoading(true);
     setError(null);
     try {
-      const data = await ctx.client.createCheckoutSession(params);
+      const analyticsSessionId = await getAnalyticsSession().catch(() => void 0);
+      const data = await ctx.client.createCheckoutSession({
+        ...params,
+        visitor_id: visitorId,
+        session_id: analyticsSessionId?.startsWith("local-") ? void 0 : analyticsSessionId
+      });
       setSession(data);
       return data;
     } catch (err) {
@@ -3523,6 +3529,15 @@ function LandingPage({
   if (!data) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(PageLayout, { data, gatewayUrl, renderSection, onEvent, analyticsContext });
 }
+function isSectionVisible(section, urlParams) {
+  const vis = section.config?.visibility;
+  if (!vis?.params) return true;
+  for (const [key, allowed] of Object.entries(vis.params)) {
+    const val = urlParams.get(key);
+    if (!val || !allowed.includes(val)) return false;
+  }
+  return true;
+}
 function PageLayout({
   data,
   gatewayUrl,
@@ -3542,7 +3557,8 @@ function PageLayout({
   };
   const fontFamily = lp.font_family || theme.fontDisplay || "system-ui, -apple-system, sans-serif";
   const logoUrl = store?.logo_url;
-  const sorted = [...lp.sections].sort((a, b) => a.order - b.order);
+  const urlParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : new URLSearchParams();
+  const sorted = [...lp.sections].sort((a, b) => a.order - b.order).filter((s) => isSectionVisible(s, urlParams));
   const sectionData = { ...data, gatewayUrl, landing_page: { slug: lp.slug }, analyticsContext };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minHeight: "100dvh", background: theme.bg, color: theme.fg, fontFamily }, children: [
     lp.custom_css && /* @__PURE__ */ jsxRuntime.jsx("style", { children: lp.custom_css }),