@neowhale/storefront 0.2.32 → 0.2.33

package/dist/react/index.js

@@ -3527,6 +3527,15 @@ function LandingPage({
   if (!data) return null;
   return /* @__PURE__ */ 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,
@@ -3546,7 +3555,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__ */ jsxs("div", { style: { minHeight: "100dvh", background: theme.bg, color: theme.fg, fontFamily }, children: [
     lp.custom_css && /* @__PURE__ */ jsx("style", { children: lp.custom_css }),