@neowhale/storefront 0.2.5 → 0.2.8

package/dist/react/index.cjs

@@ -1,13 +1,14 @@
 'use strict';
 
 var chunkBTGOSNMP_cjs = require('../chunk-BTGOSNMP.cjs');
-var chunkPVO5ZGBN_cjs = require('../chunk-PVO5ZGBN.cjs');
+var chunk3VKRKDPL_cjs = require('../chunk-3VKRKDPL.cjs');
 var react = require('react');
 var navigation = require('next/navigation');
 var vanilla = require('zustand/vanilla');
 var middleware = require('zustand/middleware');
 var zustand = require('zustand');
 var shallow = require('zustand/react/shallow');
+var ui = require('@neowhale/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
 var WhaleContext = react.createContext(null);
@@ -536,23 +537,26 @@ function AuthInitializer() {
   }, []);
   return null;
 }
-function PixelInitializer({ onReady }) {
+function PixelInitializer({ onReady, onTheme }) {
   const ctx = react.useContext(WhaleContext);
   const initialized = react.useRef(false);
   react.useEffect(() => {
     if (!ctx || initialized.current) return;
     if (typeof window === "undefined") return;
-    if (!ctx.config.trackingEnabled) return;
     initialized.current = true;
     const { client } = ctx;
     client.fetchStorefrontConfig().then(async (config) => {
-      if (!config.pixels || config.pixels.length === 0) return;
-      const manager = new chunkBTGOSNMP_cjs.PixelManager(config.pixels);
-      await manager.initialize();
-      onReady(manager);
+      if (config.theme && onTheme) {
+        onTheme(config.theme);
+      }
+      if (ctx.config.trackingEnabled && config.pixels && config.pixels.length > 0) {
+        const manager = new chunkBTGOSNMP_cjs.PixelManager(config.pixels);
+        await manager.initialize();
+        onReady(manager);
+      }
     }).catch(() => {
     });
-  }, [ctx, onReady]);
+  }, [ctx, onReady, onTheme]);
   return null;
 }
 function envBool(name) {
@@ -571,6 +575,7 @@ function envNumber(name) {
 function WhaleProvider({
   children,
   products = [],
+  theme: themeProp,
   storeId,
   apiKey,
   gatewayUrl,
@@ -585,9 +590,13 @@ function WhaleProvider({
 }) {
   const pathname = navigation.usePathname();
   const [pixelManager, setPixelManager] = react.useState(null);
+  const [storeTheme, setStoreTheme] = react.useState(void 0);
   const handlePixelReady = react.useCallback((manager) => {
     setPixelManager(manager);
   }, []);
+  const handleTheme = react.useCallback((theme) => {
+    setStoreTheme(theme);
+  }, []);
   const ctx = react.useMemo(() => {
     const resolvedConfig = {
       storeId,
@@ -602,7 +611,7 @@ function WhaleProvider({
       trackingEnabled: trackingEnabled ?? envBool("NEXT_PUBLIC_TRACKING_ENABLED") ?? true,
       recordingRate: recordingRate ?? envNumber("NEXT_PUBLIC_RECORDING_RATE") ?? 0.1
     };
-    const client = new chunkPVO5ZGBN_cjs.WhaleClient({
+    const client = new chunk3VKRKDPL_cjs.WhaleClient({
       storeId,
       apiKey,
       gatewayUrl: resolvedConfig.gatewayUrl,
@@ -623,13 +632,17 @@ function WhaleProvider({
     () => ({ ...ctx, products, pixelManager }),
     [ctx, products, pixelManager]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(WhaleContext.Provider, { value, children: [
+  const mergedTheme = react.useMemo(() => {
+    if (!storeTheme && !themeProp) return void 0;
+    return { ...storeTheme, ...themeProp };
+  }, [storeTheme, themeProp]);
+  return /* @__PURE__ */ jsxRuntime.jsx(WhaleContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.ThemeProvider, { theme: mergedTheme, children: [
     /* @__PURE__ */ jsxRuntime.jsx(AuthInitializer, {}),
     /* @__PURE__ */ jsxRuntime.jsx(CartInitializer, {}),
     /* @__PURE__ */ jsxRuntime.jsx(AnalyticsTracker, { pathname }),
-    /* @__PURE__ */ jsxRuntime.jsx(PixelInitializer, { onReady: handlePixelReady }),
+    /* @__PURE__ */ jsxRuntime.jsx(PixelInitializer, { onReady: handlePixelReady, onTheme: handleTheme }),
     children
-  ] });
+  ] }) });
 }
 function useProducts(opts) {
   const ctx = react.useContext(WhaleContext);
@@ -714,11 +727,1384 @@ function useCustomerAnalytics() {
   }, [customer?.id, customer?.first_name, customer?.last_name, ctx.client]);
   return { analytics, loading };
 }
+function useCheckout() {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useCheckout must be used within <WhaleProvider>");
+  const [session, setSession] = react.useState(null);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const createSession = react.useCallback(async (params) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.createCheckoutSession(params);
+      setSession(data);
+      return data;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  const updateSession = react.useCallback(async (params) => {
+    if (!session) throw new Error("No active checkout session");
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.updateCheckoutSession(session.id, params);
+      setSession(data);
+      return data;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client, session]);
+  const complete = react.useCallback(async (payment) => {
+    if (!session) throw new Error("No active checkout session");
+    setLoading(true);
+    setError(null);
+    try {
+      const order = await ctx.client.completeCheckout(session.id, payment);
+      setSession(null);
+      return order;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client, session]);
+  const reset = react.useCallback(() => {
+    setSession(null);
+    setError(null);
+  }, []);
+  return { session, loading, error, createSession, updateSession, complete, reset };
+}
+function useSearch() {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useSearch must be used within <WhaleProvider>");
+  const [results, setResults] = react.useState([]);
+  const [hasMore, setHasMore] = react.useState(false);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [cursor, setCursor] = react.useState(void 0);
+  const search = react.useCallback(async (params) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.searchProducts(params);
+      setResults(data.data);
+      setHasMore(data.has_more);
+      setCursor(data.data.length > 0 ? data.data[data.data.length - 1].id : void 0);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setResults([]);
+      setHasMore(false);
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  const loadMore = react.useCallback(async (params) => {
+    if (!cursor || !hasMore) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.searchProducts({ ...params, starting_after: cursor });
+      setResults((prev) => [...prev, ...data.data]);
+      setHasMore(data.has_more);
+      setCursor(data.data.length > 0 ? data.data[data.data.length - 1].id : void 0);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client, cursor, hasMore]);
+  const clear = react.useCallback(() => {
+    setResults([]);
+    setHasMore(false);
+    setCursor(void 0);
+    setError(null);
+  }, []);
+  return { results, hasMore, loading, error, search, loadMore, clear };
+}
+function buildTree(categories) {
+  const map = /* @__PURE__ */ new Map();
+  const roots = [];
+  for (const cat of categories) {
+    map.set(cat.id, { ...cat, children: [] });
+  }
+  for (const cat of categories) {
+    const node = map.get(cat.id);
+    if (cat.parent_id && map.has(cat.parent_id)) {
+      map.get(cat.parent_id).children.push(node);
+    } else {
+      roots.push(node);
+    }
+  }
+  return roots;
+}
+function useCategories() {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useCategories must be used within <WhaleProvider>");
+  const [categories, setCategories] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const refresh = react.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.listCategories();
+      setCategories(data.data);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setCategories([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const tree = react.useMemo(() => buildTree(categories), [categories]);
+  const getCategory = react.useCallback(async (id) => {
+    return ctx.client.getCategory(id);
+  }, [ctx.client]);
+  return { categories, tree, loading, error, refresh, getCategory };
+}
+function useLoyalty() {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useLoyalty must be used within <WhaleProvider>");
+  const customer = zustand.useStore(ctx.authStore, (s) => s.customer);
+  const [account, setAccount] = react.useState(null);
+  const [rewards, setRewards] = react.useState([]);
+  const [transactions, setTransactions] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const refresh = react.useCallback(async () => {
+    if (!customer?.id) {
+      setAccount(null);
+      setRewards([]);
+      setTransactions([]);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const [acct, rwds, txns] = await Promise.all([
+        ctx.client.getLoyaltyAccount(customer.id),
+        ctx.client.listLoyaltyRewards(),
+        ctx.client.listLoyaltyTransactions(customer.id)
+      ]);
+      setAccount(acct);
+      setRewards(rwds.data);
+      setTransactions(txns.data);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+    } finally {
+      setLoading(false);
+    }
+  }, [customer?.id, ctx.client]);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const redeemReward = react.useCallback(async (rewardId) => {
+    if (!customer?.id) throw new Error("Not authenticated");
+    const result = await ctx.client.redeemLoyaltyReward(customer.id, rewardId);
+    await refresh();
+    return result;
+  }, [customer?.id, ctx.client, refresh]);
+  return { account, rewards, transactions, loading, error, refresh, redeemReward };
+}
+function useReviews(productId) {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useReviews must be used within <WhaleProvider>");
+  const [reviews, setReviews] = react.useState([]);
+  const [summary, setSummary] = react.useState(null);
+  const [hasMore, setHasMore] = react.useState(false);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const refresh = react.useCallback(async () => {
+    if (!productId) {
+      setReviews([]);
+      setSummary(null);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.listProductReviews(productId);
+      setReviews(data.data);
+      setSummary(data.summary ?? null);
+      setHasMore(data.has_more);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setReviews([]);
+      setSummary(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [productId, ctx.client]);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const loadMore = react.useCallback(async () => {
+    if (!productId || !hasMore || reviews.length === 0) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const cursor = reviews[reviews.length - 1].id;
+      const data = await ctx.client.listProductReviews(productId, { starting_after: cursor });
+      setReviews((prev) => [...prev, ...data.data]);
+      setHasMore(data.has_more);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+    } finally {
+      setLoading(false);
+    }
+  }, [productId, ctx.client, hasMore, reviews]);
+  const submit = react.useCallback(async (data) => {
+    if (!productId) throw new Error("No product ID provided");
+    const review = await ctx.client.submitReview(productId, data);
+    await refresh();
+    return review;
+  }, [productId, ctx.client, refresh]);
+  return { reviews, summary, hasMore, loading, error, refresh, loadMore, submit };
+}
+function useWishlist() {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useWishlist must be used within <WhaleProvider>");
+  const customer = zustand.useStore(ctx.authStore, (s) => s.customer);
+  const [items, setItems] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const refresh = react.useCallback(async () => {
+    if (!customer?.id) {
+      setItems([]);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.listWishlistItems(customer.id);
+      setItems(data.data);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setItems([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [customer?.id, ctx.client]);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const add = react.useCallback(async (productId) => {
+    if (!customer?.id) throw new Error("Not authenticated");
+    setError(null);
+    try {
+      const item = await ctx.client.addWishlistItem(customer.id, productId);
+      setItems((prev) => [...prev, item]);
+      return item;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    }
+  }, [customer?.id, ctx.client]);
+  const remove = react.useCallback(async (productId) => {
+    if (!customer?.id) throw new Error("Not authenticated");
+    setError(null);
+    try {
+      await ctx.client.removeWishlistItem(customer.id, productId);
+      setItems((prev) => prev.filter((item) => item.product_id !== productId));
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    }
+  }, [customer?.id, ctx.client]);
+  const has = react.useCallback((productId) => {
+    return items.some((item) => item.product_id === productId);
+  }, [items]);
+  const toggle = react.useCallback(async (productId) => {
+    if (has(productId)) {
+      await remove(productId);
+    } else {
+      await add(productId);
+    }
+  }, [has, add, remove]);
+  return { items, loading, error, refresh, add, remove, has, toggle };
+}
+function useRecommendations(params) {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useRecommendations must be used within <WhaleProvider>");
+  const [recommendations, setRecommendations] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const productId = params?.product_id;
+  const customerId = params?.customer_id;
+  const limit = params?.limit;
+  const type = params?.type;
+  const refresh = react.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.getRecommendations({
+        product_id: productId,
+        customer_id: customerId,
+        limit,
+        type
+      });
+      setRecommendations(data.data);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setRecommendations([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client, productId, customerId, limit, type]);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  return { recommendations, loading, error, refresh };
+}
+function useLocations() {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useLocations must be used within <WhaleProvider>");
+  const [locations, setLocations] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const refresh = react.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.listLocations();
+      setLocations(data.data);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setLocations([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const getLocation = react.useCallback(async (id) => {
+    return ctx.client.getLocation(id);
+  }, [ctx.client]);
+  return { locations, loading, error, refresh, getLocation };
+}
+function useShipping() {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useShipping must be used within <WhaleProvider>");
+  const [methods, setMethods] = react.useState([]);
+  const [rates, setRates] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const refreshMethods = react.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.listShippingMethods();
+      setMethods(data.data);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setMethods([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  react.useEffect(() => {
+    refreshMethods();
+  }, [refreshMethods]);
+  const calculateRates = react.useCallback(async (params) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await ctx.client.calculateShippingRates(params);
+      setRates(data.data);
+      return data.data;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setRates([]);
+      throw e;
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  return { methods, rates, loading, error, refreshMethods, calculateRates };
+}
+function useCoupons() {
+  const ctx = react.useContext(WhaleContext);
+  if (!ctx) throw new Error("useCoupons must be used within <WhaleProvider>");
+  const [validation, setValidation] = react.useState(null);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const validate = react.useCallback(async (code, cartId) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await ctx.client.validateCoupon(code, cartId ? { cart_id: cartId } : void 0);
+      setValidation(result);
+      return result;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setValidation(null);
+      throw e;
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  const apply = react.useCallback(async (cartId, code) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const cart = await ctx.client.applyCoupon(cartId, code);
+      return cart;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  const remove = react.useCallback(async (cartId) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const cart = await ctx.client.removeCoupon(cartId);
+      setValidation(null);
+      return cart;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    } finally {
+      setLoading(false);
+    }
+  }, [ctx.client]);
+  const clear = react.useCallback(() => {
+    setValidation(null);
+    setError(null);
+  }, []);
+  return { validation, loading, error, validate, apply, remove, clear };
+}
+function QRLandingPage({
+  code,
+  gatewayUrl = "https://whale-gateway.fly.dev",
+  renderProduct,
+  renderCOA,
+  renderPage,
+  onDataLoaded,
+  onError
+}) {
+  const [state, setState] = react.useState("loading");
+  const [data, setData] = react.useState(null);
+  const [errorMsg, setErrorMsg] = react.useState("");
+  react.useEffect(() => {
+    if (!code) return;
+    let cancelled = false;
+    async function load() {
+      try {
+        const res = await fetch(`${gatewayUrl}/q/${encodeURIComponent(code)}/page`);
+        if (!cancelled) {
+          if (res.status === 404) {
+            setState("not_found");
+            return;
+          }
+          if (res.status === 410) {
+            setState("expired");
+            return;
+          }
+          if (!res.ok) {
+            const body = await res.json().catch(() => ({}));
+            throw new Error(body?.error?.message ?? `Failed to load: ${res.status}`);
+          }
+          const json = await res.json();
+          setData(json);
+          setState("ready");
+          onDataLoaded?.(json);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          const e = err instanceof Error ? err : new Error(String(err));
+          setErrorMsg(e.message);
+          setState("error");
+          onError?.(e);
+        }
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [code, gatewayUrl]);
+  if (state === "loading") return /* @__PURE__ */ jsxRuntime.jsx(DefaultLoading, {});
+  if (state === "not_found") return /* @__PURE__ */ jsxRuntime.jsx(DefaultNotFound, {});
+  if (state === "expired") return /* @__PURE__ */ jsxRuntime.jsx(DefaultExpired, {});
+  if (state === "error") return /* @__PURE__ */ jsxRuntime.jsx(DefaultError, { message: errorMsg });
+  if (!data) return null;
+  if (renderPage) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderPage(data) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DefaultLayout, { data, renderProduct, renderCOA });
+}
+function DefaultLayout({
+  data,
+  renderProduct,
+  renderCOA
+}) {
+  const { qr_code: qr, store, product, coa } = data;
+  const lp = qr.landing_page;
+  const [showCOA, setShowCOA] = react.useState(false);
+  const bg = lp.background_color || store?.theme?.background || "#050505";
+  const fg = lp.text_color || store?.theme?.foreground || "#fafafa";
+  const accent = store?.theme?.accent || qr.brand_color || "#E8E2D9";
+  const surface = store?.theme?.surface || "#0C0C0C";
+  const surfaceLight = store?.theme?.surfaceLight || "#141414";
+  const muted = store?.theme?.muted || "#888";
+  const border = store?.theme?.border || "#1C1C1C";
+  const fontDisplay = store?.theme?.fontDisplay || "system-ui, -apple-system, sans-serif";
+  const fontBody = store?.theme?.fontBody || "system-ui, -apple-system, sans-serif";
+  const logoUrl = qr.logo_url || store?.logo_url;
+  const productImage = lp.image_url || product?.featured_image || null;
+  const productName = lp.title || product?.name || qr.name;
+  const description = lp.description || product?.description || "";
+  const ctaUrl = lp.cta_url || qr.destination_url;
+  const categoryName = product?.category_name ?? null;
+  const cf = product?.custom_fields;
+  const thca = cf?.thca_percentage ?? null;
+  const thc = cf?.d9_percentage ?? null;
+  const cbd = cf?.cbd_total ?? null;
+  const strainType = cf?.strain_type ?? null;
+  const batchNumber = cf?.batch_number ?? null;
+  const dateTested = cf?.date_tested ?? null;
+  const terpenes = cf?.terpenes ?? null;
+  const effects = cf?.effects ?? null;
+  const genetics = cf?.genetics ?? null;
+  const tagline = cf?.tagline ?? null;
+  const pricingData = product?.pricing_data;
+  const tiers = pricingData?.tiers?.sort((a, b) => (a.sort_order ?? 0) - (b.sort_order ?? 0)) ?? [];
+  const lowestPrice = tiers.length > 0 ? Math.min(...tiers.map((t) => t.default_price)) : null;
+  const handleCOAClick = react.useCallback(() => {
+    if (coa) setShowCOA(true);
+  }, [coa]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minHeight: "100dvh", background: bg, color: fg, fontFamily: fontBody }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { style: {
+      padding: "1rem 1.5rem",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      borderBottom: `1px solid ${border}`
+    }, children: [
+      logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: store?.name || "Store", style: { height: 32, objectFit: "contain" } }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: fontDisplay, fontWeight: 600, fontSize: "1.1rem" }, children: store?.name || "" }),
+      store?.name && logoUrl && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.75rem", color: muted, fontWeight: 500 }, children: store.name })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      display: "flex",
+      flexDirection: "column",
+      maxWidth: 640,
+      margin: "0 auto",
+      padding: "0 1.5rem"
+    }, children: [
+      productImage && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        marginTop: "1.5rem",
+        borderRadius: 8,
+        overflow: "hidden",
+        background: surface,
+        aspectRatio: "4/3",
+        maxHeight: 320,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: productImage,
+          alt: productName,
+          style: { width: "100%", height: "100%", objectFit: "cover" }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.25rem", flexWrap: "wrap", alignItems: "center" }, children: [
+        categoryName && /* @__PURE__ */ jsxRuntime.jsx(Badge, { text: categoryName, bg: surfaceLight, color: accent }),
+        strainType && /* @__PURE__ */ jsxRuntime.jsx(Badge, { text: strainType, bg: strainBadgeColor(strainType), color: "#fff", bold: true }),
+        coa && /* @__PURE__ */ jsxRuntime.jsx(Badge, { text: "Lab Tested", bg: "rgba(34,197,94,0.15)", color: "#22c55e" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "0.75rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { style: {
+          fontFamily: fontDisplay,
+          fontSize: "1.75rem",
+          fontWeight: 600,
+          margin: 0,
+          lineHeight: 1.2,
+          letterSpacing: "-0.02em"
+        }, children: productName }),
+        lowestPrice != null && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: {
+          fontSize: "1.25rem",
+          fontWeight: 500,
+          color: accent,
+          margin: "0.375rem 0 0"
+        }, children: [
+          "From $",
+          lowestPrice.toFixed(2)
+        ] }),
+        tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: muted, fontSize: "0.9rem", margin: "0.5rem 0 0", fontStyle: "italic" }, children: tagline })
+      ] }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: muted, lineHeight: 1.6, margin: "1rem 0 0", fontSize: "0.9rem" }, children: description }),
+      renderProduct ? renderProduct(data) : null,
+      (thca != null || thc != null || cbd != null) && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        marginTop: "1.25rem",
+        background: surface,
+        border: `1px solid ${border}`,
+        borderRadius: 8,
+        padding: "1rem"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+          fontSize: "0.65rem",
+          fontWeight: 600,
+          textTransform: "uppercase",
+          letterSpacing: "0.08em",
+          color: muted,
+          marginBottom: "0.75rem"
+        }, children: "Potency" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: `repeat(${[thca, thc, cbd].filter((v) => v != null).length}, 1fr)`, gap: "0.5rem" }, children: [
+          thca != null && /* @__PURE__ */ jsxRuntime.jsx(PotencyStat, { label: "THCa", value: thca, accent, fg }),
+          thc != null && /* @__PURE__ */ jsxRuntime.jsx(PotencyStat, { label: "\u03949 THC", value: thc, accent, fg }),
+          cbd != null && /* @__PURE__ */ jsxRuntime.jsx(PotencyStat, { label: "CBD", value: cbd, accent, fg })
+        ] })
+      ] }),
+      (batchNumber || dateTested || genetics || terpenes || effects) && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        marginTop: "0.75rem",
+        background: surface,
+        border: `1px solid ${border}`,
+        borderRadius: 8,
+        padding: "1rem"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+          fontSize: "0.65rem",
+          fontWeight: 600,
+          textTransform: "uppercase",
+          letterSpacing: "0.08em",
+          color: muted,
+          marginBottom: "0.75rem"
+        }, children: "Details" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
+          genetics && /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Genetics", value: genetics, fg, muted }),
+          terpenes && /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Terpenes", value: terpenes, fg, muted }),
+          effects && /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Effects", value: effects, fg, muted }),
+          batchNumber && /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Batch", value: batchNumber, fg, muted }),
+          dateTested && /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Tested", value: formatDate(dateTested), fg, muted })
+        ] })
+      ] }),
+      tiers.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        marginTop: "0.75rem",
+        background: surface,
+        border: `1px solid ${border}`,
+        borderRadius: 8,
+        padding: "1rem"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+          fontSize: "0.65rem",
+          fontWeight: 600,
+          textTransform: "uppercase",
+          letterSpacing: "0.08em",
+          color: muted,
+          marginBottom: "0.75rem"
+        }, children: "Pricing" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(100px, 1fr))", gap: "0.5rem" }, children: tiers.map((tier) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+          background: surfaceLight,
+          borderRadius: 6,
+          padding: "0.625rem",
+          textAlign: "center"
+        }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "1rem", fontWeight: 600, color: fg }, children: [
+            "$",
+            tier.default_price.toFixed(2)
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "0.7rem", color: muted, marginTop: "0.125rem" }, children: tier.label })
+        ] }, tier.id)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.625rem", marginTop: "1.5rem" }, children: [
+        coa && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: handleCOAClick,
+            style: {
+              width: "100%",
+              padding: "0.875rem",
+              background: accent,
+              color: bg,
+              border: "none",
+              fontSize: "0.9rem",
+              fontWeight: 600,
+              fontFamily: fontDisplay,
+              cursor: "pointer",
+              borderRadius: 6,
+              letterSpacing: "-0.01em"
+            },
+            children: "View Lab Results"
+          }
+        ),
+        renderCOA ? renderCOA(data) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: ctaUrl,
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "0.875rem",
+              background: "transparent",
+              color: fg,
+              border: `1px solid ${border}`,
+              fontSize: "0.9rem",
+              fontWeight: 500,
+              fontFamily: fontDisplay,
+              textAlign: "center",
+              textDecoration: "none",
+              boxSizing: "border-box",
+              borderRadius: 6
+            },
+            children: "Shop Online"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("footer", { style: {
+        marginTop: "2rem",
+        paddingTop: "1.25rem",
+        paddingBottom: "2rem",
+        borderTop: `1px solid ${border}`,
+        textAlign: "center"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "center", gap: "1.5rem", marginBottom: "0.5rem" }, children: [
+          coa && /* @__PURE__ */ jsxRuntime.jsx(FooterBadge, { icon: "\u2713", text: "Lab Verified", muted }),
+          /* @__PURE__ */ jsxRuntime.jsx(FooterBadge, { icon: "\u2726", text: "Authentic Product", muted })
+        ] }),
+        store?.name && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { fontSize: "0.7rem", color: muted, margin: "0.5rem 0 0" }, children: [
+          store.name,
+          store?.tagline ? ` \u2014 ${store.tagline}` : ""
+        ] })
+      ] })
+    ] }),
+    showCOA && coa && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 9999,
+          background: "rgba(0,0,0,0.92)",
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            padding: "0.75rem 1rem",
+            borderBottom: "1px solid #222"
+          }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#fff", fontWeight: 600, fontSize: "0.9rem", fontFamily: fontDisplay }, children: coa.document_name || "Lab Results" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => setShowCOA(false),
+                style: {
+                  background: "rgba(255,255,255,0.1)",
+                  border: "none",
+                  color: "#fff",
+                  fontSize: "1rem",
+                  cursor: "pointer",
+                  padding: "0.375rem 0.75rem",
+                  borderRadius: 4
+                },
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "iframe",
+            {
+              src: coa.url,
+              style: { flex: 1, border: "none", background: "#fff" },
+              title: "Lab Results"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function Badge({ text, bg, color, bold }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+    padding: "0.25rem 0.625rem",
+    borderRadius: 4,
+    fontSize: "0.7rem",
+    fontWeight: bold ? 700 : 500,
+    textTransform: "uppercase",
+    letterSpacing: "0.04em",
+    background: bg,
+    color
+  }, children: text });
+}
+function PotencyStat({ label, value, accent, fg }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "center", padding: "0.25rem 0" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "1.5rem", fontWeight: 700, color: fg, lineHeight: 1.1 }, children: [
+      value.toFixed(value >= 1 ? 1 : 2),
+      "%"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+      fontSize: "0.65rem",
+      color: accent,
+      textTransform: "uppercase",
+      letterSpacing: "0.06em",
+      marginTop: "0.25rem",
+      fontWeight: 600
+    }, children: label })
+  ] });
+}
+function DetailRow({ label, value, fg, muted }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.8rem", color: muted }, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.8rem", color: fg, fontWeight: 500 }, children: value })
+  ] });
+}
+function FooterBadge({ icon, text, muted }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "0.7rem", color: muted, display: "flex", alignItems: "center", gap: "0.25rem" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.6rem" }, children: icon }),
+    " ",
+    text
+  ] });
+}
+function strainBadgeColor(strain) {
+  const s = strain.toLowerCase();
+  if (s === "sativa") return "#22c55e";
+  if (s === "indica") return "#8b5cf6";
+  if (s === "hybrid") return "#f59e0b";
+  return "#6b7280";
+}
+function formatDate(dateStr) {
+  try {
+    const d = /* @__PURE__ */ new Date(dateStr + "T00:00:00");
+    return d.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+  } catch {
+    return dateStr;
+  }
+}
+var containerStyle = {
+  minHeight: "100dvh",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  fontFamily: "system-ui, -apple-system, sans-serif",
+  background: "#050505",
+  color: "#fafafa",
+  textAlign: "center",
+  padding: "2rem"
+};
+function DefaultLoading() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: 32, height: 32, border: "2px solid #333", borderTopColor: "#fafafa", borderRadius: "50%", animation: "spin 0.8s linear infinite", margin: "0 auto 1rem" } }),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg) } }` })
+  ] }) });
+}
+function DefaultNotFound() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "QR Code Not Found" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: "This QR code does not exist or has been deactivated." })
+  ] }) });
+}
+function DefaultExpired() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "QR Code Expired" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: "This QR code is no longer active." })
+  ] }) });
+}
+function DefaultError({ message }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Something Went Wrong" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: message || "Please try scanning again." })
+  ] }) });
+}
+function LandingPage({
+  slug,
+  gatewayUrl = "https://whale-gateway.fly.dev",
+  renderSection,
+  onDataLoaded,
+  onError
+}) {
+  const [state, setState] = react.useState("loading");
+  const [data, setData] = react.useState(null);
+  const [errorMsg, setErrorMsg] = react.useState("");
+  react.useEffect(() => {
+    if (!slug) return;
+    let cancelled = false;
+    async function load() {
+      try {
+        const res = await fetch(`${gatewayUrl}/l/${encodeURIComponent(slug)}`);
+        if (!cancelled) {
+          if (res.status === 404) {
+            setState("not_found");
+            return;
+          }
+          if (res.status === 410) {
+            setState("expired");
+            return;
+          }
+          if (!res.ok) {
+            const body = await res.json().catch(() => ({}));
+            throw new Error(body?.error?.message ?? `Failed to load: ${res.status}`);
+          }
+          const json = await res.json();
+          setData(json);
+          setState("ready");
+          onDataLoaded?.(json);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          const e = err instanceof Error ? err : new Error(String(err));
+          setErrorMsg(e.message);
+          setState("error");
+          onError?.(e);
+        }
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [slug, gatewayUrl]);
+  if (state === "loading") return /* @__PURE__ */ jsxRuntime.jsx(DefaultLoading2, {});
+  if (state === "not_found") return /* @__PURE__ */ jsxRuntime.jsx(DefaultNotFound2, {});
+  if (state === "expired") return /* @__PURE__ */ jsxRuntime.jsx(DefaultExpired2, {});
+  if (state === "error") return /* @__PURE__ */ jsxRuntime.jsx(DefaultError2, { message: errorMsg });
+  if (!data) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(PageLayout, { data, renderSection });
+}
+function PageLayout({
+  data,
+  renderSection
+}) {
+  const { landing_page: lp, store } = data;
+  const [showCOA, setShowCOA] = react.useState(false);
+  const theme = {
+    bg: lp.background_color || store?.theme?.background || "#050505",
+    fg: lp.text_color || store?.theme?.foreground || "#fafafa",
+    accent: lp.accent_color || store?.theme?.accent || "#E8E2D9",
+    surface: store?.theme?.surface || "#111",
+    muted: store?.theme?.muted || "#888"
+  };
+  const fontFamily = lp.font_family || "system-ui, -apple-system, sans-serif";
+  const logoUrl = store?.logo_url;
+  const sorted = [...lp.sections].sort((a, b) => a.order - b.order);
+  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 }),
+    logoUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: logoUrl,
+        alt: store?.name || "Store",
+        style: { height: 40, objectFit: "contain" }
+      }
+    ) }),
+    sorted.map((section) => {
+      const defaultRenderer = () => /* @__PURE__ */ jsxRuntime.jsx(
+        DefaultSectionRenderer,
+        {
+          section,
+          data,
+          theme,
+          onShowCOA: () => setShowCOA(true)
+        },
+        section.id
+      );
+      if (renderSection) {
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderSection(section, defaultRenderer) }, section.id);
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DefaultSectionRenderer,
+        {
+          section,
+          data,
+          theme,
+          onShowCOA: () => setShowCOA(true)
+        },
+        section.id
+      );
+    }),
+    store?.name && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2rem 1.5rem", borderTop: `1px solid ${theme.surface}`, textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { fontSize: "0.75rem", color: theme.muted, margin: 0 }, children: [
+      "Powered by ",
+      store.name
+    ] }) }),
+    showCOA && data.coa && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 9999,
+          background: "rgba(0,0,0,0.9)",
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "1rem" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#fff", fontWeight: 600 }, children: data.coa.document_name || "Lab Results" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => setShowCOA(false),
+                style: { background: "none", border: "none", color: "#fff", fontSize: "1.5rem", cursor: "pointer", padding: "0.5rem" },
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "iframe",
+            {
+              src: data.coa.url,
+              style: { flex: 1, border: "none", background: "#fff" },
+              title: "Lab Results"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DefaultSectionRenderer({
+  section,
+  data,
+  theme,
+  onShowCOA
+}) {
+  switch (section.type) {
+    case "hero":
+      return /* @__PURE__ */ jsxRuntime.jsx(HeroSection, { section, theme });
+    case "text":
+      return /* @__PURE__ */ jsxRuntime.jsx(TextSection, { section, theme });
+    case "image":
+      return /* @__PURE__ */ jsxRuntime.jsx(ImageSection, { section, theme });
+    case "video":
+      return /* @__PURE__ */ jsxRuntime.jsx(VideoSection, { section, theme });
+    case "gallery":
+      return /* @__PURE__ */ jsxRuntime.jsx(GallerySection, { section, theme });
+    case "cta":
+      return /* @__PURE__ */ jsxRuntime.jsx(CTASection, { section, theme });
+    case "stats":
+      return /* @__PURE__ */ jsxRuntime.jsx(StatsSection, { section, theme });
+    case "product_card":
+      return /* @__PURE__ */ jsxRuntime.jsx(ProductCardSection, { section, data, theme });
+    case "coa_viewer":
+      return /* @__PURE__ */ jsxRuntime.jsx(COAViewerSection, { section, data, theme, onShowCOA });
+    case "social_links":
+      return /* @__PURE__ */ jsxRuntime.jsx(SocialLinksSection, { section, theme });
+    case "divider":
+      return /* @__PURE__ */ jsxRuntime.jsx(DividerSection, { theme });
+    default:
+      return null;
+  }
+}
+function HeroSection({ section, theme }) {
+  const { title, subtitle, background_image, cta_text, cta_url } = section.content;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        position: "relative",
+        minHeight: "60vh",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        textAlign: "center",
+        padding: "3rem 1.5rem",
+        backgroundImage: background_image ? `url(${background_image})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: [
+        background_image && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, background: "rgba(0,0,0,0.5)" } }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative", zIndex: 1, maxWidth: 640 }, children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "2.5rem", fontWeight: 700, margin: "0 0 1rem", lineHeight: 1.15, color: theme.fg }, children: title }),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "1.125rem", color: theme.muted, margin: "0 0 2rem", lineHeight: 1.6 }, children: subtitle }),
+          cta_text && cta_url && /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: cta_url,
+              style: {
+                display: "inline-block",
+                padding: "0.875rem 2rem",
+                background: theme.accent,
+                color: theme.bg,
+                textDecoration: "none",
+                fontSize: "0.95rem",
+                fontWeight: 600,
+                borderRadius: 0
+              },
+              children: cta_text
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function TextSection({ section, theme }) {
+  const { heading, body } = section.content;
+  const align = section.config?.align || "left";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "2rem 1.5rem", maxWidth: 640, margin: "0 auto", textAlign: align }, children: [
+    heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { fontSize: "1.5rem", fontWeight: 600, margin: "0 0 1rem", color: theme.fg }, children: heading }),
+    body && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: theme.muted, lineHeight: 1.7, fontSize: "0.95rem", whiteSpace: "pre-wrap" }, children: body })
+  ] });
+}
+function ImageSection({ section, theme }) {
+  const { url, alt, caption } = section.content;
+  const contained = section.config?.contained !== false;
+  if (!url) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: contained ? "1.5rem" : 0, maxWidth: contained ? 640 : void 0, margin: contained ? "0 auto" : void 0 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: url,
+        alt: alt || "",
+        style: { width: "100%", display: "block", objectFit: "cover" }
+      }
+    ),
+    caption && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.8rem", color: theme.muted, textAlign: "center", marginTop: "0.75rem" }, children: caption })
+  ] });
+}
+function VideoSection({ section, theme }) {
+  const { url, poster } = section.content;
+  if (!url) return null;
+  const isEmbed = url.includes("youtube") || url.includes("youtu.be") || url.includes("vimeo");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: isEmbed ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", paddingBottom: "56.25%", height: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "iframe",
+    {
+      src: toEmbedUrl(url),
+      style: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", border: "none" },
+      allow: "autoplay; fullscreen",
+      title: "Video"
+    }
+  ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+    "video",
+    {
+      src: url,
+      poster,
+      controls: true,
+      style: { width: "100%", display: "block", background: theme.surface }
+    }
+  ) });
+}
+function GallerySection({ section, theme }) {
+  const { images } = section.content;
+  const columns = section.config?.columns || 3;
+  if (!images || images.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 800, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, gap: "0.5rem" }, children: images.map((img, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { aspectRatio: "1", overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: img.url,
+      alt: img.alt || "",
+      style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
+    }
+  ) }, i)) }) });
+}
+function CTASection({ section, theme }) {
+  const { buttons } = section.content;
+  if (!buttons || buttons.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2rem 1.5rem", maxWidth: 480, margin: "0 auto", display: "flex", flexDirection: "column", gap: "0.75rem" }, children: buttons.map((btn, i) => {
+    const isPrimary = btn.style !== "outline";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: btn.url,
+        style: {
+          display: "block",
+          width: "100%",
+          padding: "0.875rem",
+          background: isPrimary ? theme.accent : "transparent",
+          color: isPrimary ? theme.bg : theme.fg,
+          border: isPrimary ? "none" : `1px solid ${theme.muted}`,
+          fontSize: "0.95rem",
+          fontWeight: 600,
+          textAlign: "center",
+          textDecoration: "none",
+          boxSizing: "border-box",
+          borderRadius: 0
+        },
+        children: btn.text
+      },
+      i
+    );
+  }) });
+}
+function StatsSection({ section, theme }) {
+  const { stats } = section.content;
+  if (!stats || stats.length === 0) return null;
+  const columns = Math.min(stats.length, 4);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, gap: "0.75rem" }, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { background: theme.surface, padding: "1rem", textAlign: "center" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "1.25rem", fontWeight: 700, color: theme.fg }, children: stat.value }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "0.7rem", color: theme.accent, textTransform: "uppercase", letterSpacing: "0.05em", marginTop: "0.25rem" }, children: stat.label })
+  ] }, i)) }) });
+}
+function ProductCardSection({ section, data, theme }) {
+  const product = data.product;
+  const c = section.content;
+  const name = c.name || product?.name || "";
+  const description = c.description || product?.description || "";
+  const price = c.price || null;
+  const imageUrl = c.image_url || product?.featured_image || null;
+  const url = c.url || null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { background: theme.surface, overflow: "hidden" }, children: [
+    imageUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", aspectRatio: "1", overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageUrl, alt: name, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "1.25rem" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontSize: "1.25rem", fontWeight: 600, margin: "0 0 0.5rem", color: theme.fg }, children: name }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.9rem", color: theme.muted, margin: "0 0 1rem", lineHeight: 1.5 }, children: description }),
+      price && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "1.125rem", fontWeight: 700, color: theme.accent, margin: "0 0 1rem" }, children: price }),
+      url && /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: url,
+          style: {
+            display: "block",
+            width: "100%",
+            padding: "0.75rem",
+            background: theme.accent,
+            color: theme.bg,
+            textAlign: "center",
+            textDecoration: "none",
+            fontSize: "0.9rem",
+            fontWeight: 600,
+            boxSizing: "border-box",
+            borderRadius: 0
+          },
+          children: "View Product"
+        }
+      )
+    ] })
+  ] }) });
+}
+function COAViewerSection({
+  section,
+  data,
+  theme,
+  onShowCOA
+}) {
+  const coa = data.coa;
+  const c = section.content;
+  if (!coa) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: onShowCOA,
+      style: {
+        width: "100%",
+        padding: "0.875rem",
+        background: theme.accent,
+        color: theme.bg,
+        border: "none",
+        fontSize: "0.95rem",
+        fontWeight: 600,
+        cursor: "pointer",
+        borderRadius: 0
+      },
+      children: c.button_text || "View Lab Results"
+    }
+  ) });
+}
+function SocialLinksSection({ section, theme }) {
+  const { links } = section.content;
+  if (!links || links.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", display: "flex", justifyContent: "center", gap: "1.5rem", flexWrap: "wrap" }, children: links.map((link, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: link.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        color: theme.muted,
+        textDecoration: "none",
+        fontSize: "0.85rem",
+        fontWeight: 500,
+        textTransform: "capitalize",
+        letterSpacing: "0.03em",
+        transition: "color 0.15s"
+      },
+      children: link.platform
+    },
+    i
+  )) });
+}
+function DividerSection({ theme }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1rem 1.5rem", maxWidth: 640, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: `1px solid ${theme.surface}`, margin: 0 } }) });
+}
+function toEmbedUrl(url) {
+  const ytMatch = url.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/);
+  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}`;
+  const vimeoMatch = url.match(/vimeo\.com\/(\d+)/);
+  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}`;
+  return url;
+}
+var containerStyle2 = {
+  minHeight: "100dvh",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  fontFamily: "system-ui, -apple-system, sans-serif",
+  background: "#050505",
+  color: "#fafafa",
+  textAlign: "center",
+  padding: "2rem"
+};
+function DefaultLoading2() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle2, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: 32, height: 32, border: "2px solid #333", borderTopColor: "#fafafa", borderRadius: "50%", animation: "spin 0.8s linear infinite", margin: "0 auto 1rem" } }),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg) } }` })
+  ] }) });
+}
+function DefaultNotFound2() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle2, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Page Not Found" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: "This page does not exist or has been removed." })
+  ] }) });
+}
+function DefaultExpired2() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle2, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Page Expired" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: "This page is no longer active." })
+  ] }) });
+}
+function DefaultError2({ message }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle2, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Something Went Wrong" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: message || "Please try again later." })
+  ] }) });
+}
 
 exports.AnalyticsTracker = AnalyticsTracker;
 exports.AuthInitializer = AuthInitializer;
 exports.CartInitializer = CartInitializer;
+exports.LandingPage = LandingPage;
 exports.PixelInitializer = PixelInitializer;
+exports.QRLandingPage = QRLandingPage;
 exports.WhaleContext = WhaleContext;
 exports.WhaleProvider = WhaleProvider;
 exports.useAnalytics = useAnalytics;
@@ -726,10 +2112,20 @@ exports.useAuth = useAuth;
 exports.useCart = useCart;
 exports.useCartItemCount = useCartItemCount;
 exports.useCartTotal = useCartTotal;
+exports.useCategories = useCategories;
+exports.useCheckout = useCheckout;
+exports.useCoupons = useCoupons;
 exports.useCustomerAnalytics = useCustomerAnalytics;
 exports.useCustomerOrders = useCustomerOrders;
+exports.useLocations = useLocations;
+exports.useLoyalty = useLoyalty;
 exports.useProduct = useProduct;
 exports.useProducts = useProducts;
+exports.useRecommendations = useRecommendations;
+exports.useReviews = useReviews;
+exports.useSearch = useSearch;
+exports.useShipping = useShipping;
 exports.useWhaleClient = useWhaleClient;
+exports.useWishlist = useWishlist;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map