@neowhale/storefront 0.2.5 → 0.2.7

package/dist/react/index.js

@@ -1,12 +1,13 @@
 import { PixelManager } from '../chunk-NLH3W6JA.js';
-import { WhaleClient } from '../chunk-NXNLD7YI.js';
+import { WhaleClient } from '../chunk-M2MR6C55.js';
 import { createContext, useContext, useRef, useCallback, useEffect, useState, useMemo } from 'react';
 import { usePathname } from 'next/navigation';
 import { createStore } from 'zustand/vanilla';
 import { persist } from 'zustand/middleware';
 import { useStore } from 'zustand';
 import { useShallow } from 'zustand/react/shallow';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { ThemeProvider } from '@neowhale/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var WhaleContext = createContext(null);
 function createCartStore(client, storagePrefix, onAddToCart, onRemoveFromCart) {
@@ -534,23 +535,26 @@ function AuthInitializer() {
   }, []);
   return null;
 }
-function PixelInitializer({ onReady }) {
+function PixelInitializer({ onReady, onTheme }) {
   const ctx = useContext(WhaleContext);
   const initialized = useRef(false);
   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 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 PixelManager(config.pixels);
+        await manager.initialize();
+        onReady(manager);
+      }
     }).catch(() => {
     });
-  }, [ctx, onReady]);
+  }, [ctx, onReady, onTheme]);
   return null;
 }
 function envBool(name) {
@@ -569,6 +573,7 @@ function envNumber(name) {
 function WhaleProvider({
   children,
   products = [],
+  theme: themeProp,
   storeId,
   apiKey,
   gatewayUrl,
@@ -583,9 +588,13 @@ function WhaleProvider({
 }) {
   const pathname = usePathname();
   const [pixelManager, setPixelManager] = useState(null);
+  const [storeTheme, setStoreTheme] = useState(void 0);
   const handlePixelReady = useCallback((manager) => {
     setPixelManager(manager);
   }, []);
+  const handleTheme = useCallback((theme) => {
+    setStoreTheme(theme);
+  }, []);
   const ctx = useMemo(() => {
     const resolvedConfig = {
       storeId,
@@ -621,13 +630,17 @@ function WhaleProvider({
     () => ({ ...ctx, products, pixelManager }),
     [ctx, products, pixelManager]
   );
-  return /* @__PURE__ */ jsxs(WhaleContext.Provider, { value, children: [
+  const mergedTheme = useMemo(() => {
+    if (!storeTheme && !themeProp) return void 0;
+    return { ...storeTheme, ...themeProp };
+  }, [storeTheme, themeProp]);
+  return /* @__PURE__ */ jsx(WhaleContext.Provider, { value, children: /* @__PURE__ */ jsxs(ThemeProvider, { theme: mergedTheme, children: [
     /* @__PURE__ */ jsx(AuthInitializer, {}),
     /* @__PURE__ */ jsx(CartInitializer, {}),
     /* @__PURE__ */ jsx(AnalyticsTracker, { pathname }),
-    /* @__PURE__ */ jsx(PixelInitializer, { onReady: handlePixelReady }),
+    /* @__PURE__ */ jsx(PixelInitializer, { onReady: handlePixelReady, onTheme: handleTheme }),
     children
-  ] });
+  ] }) });
 }
 function useProducts(opts) {
   const ctx = useContext(WhaleContext);
@@ -712,7 +725,1210 @@ function useCustomerAnalytics() {
   }, [customer?.id, customer?.first_name, customer?.last_name, ctx.client]);
   return { analytics, loading };
 }
+function useCheckout() {
+  const ctx = useContext(WhaleContext);
+  if (!ctx) throw new Error("useCheckout must be used within <WhaleProvider>");
+  const [session, setSession] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const createSession = 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 = 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 = 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 = useCallback(() => {
+    setSession(null);
+    setError(null);
+  }, []);
+  return { session, loading, error, createSession, updateSession, complete, reset };
+}
+function useSearch() {
+  const ctx = useContext(WhaleContext);
+  if (!ctx) throw new Error("useSearch must be used within <WhaleProvider>");
+  const [results, setResults] = useState([]);
+  const [hasMore, setHasMore] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [cursor, setCursor] = useState(void 0);
+  const search = 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 = 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 = 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 = useContext(WhaleContext);
+  if (!ctx) throw new Error("useCategories must be used within <WhaleProvider>");
+  const [categories, setCategories] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const refresh = 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]);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const tree = useMemo(() => buildTree(categories), [categories]);
+  const getCategory = useCallback(async (id) => {
+    return ctx.client.getCategory(id);
+  }, [ctx.client]);
+  return { categories, tree, loading, error, refresh, getCategory };
+}
+function useLoyalty() {
+  const ctx = useContext(WhaleContext);
+  if (!ctx) throw new Error("useLoyalty must be used within <WhaleProvider>");
+  const customer = useStore(ctx.authStore, (s) => s.customer);
+  const [account, setAccount] = useState(null);
+  const [rewards, setRewards] = useState([]);
+  const [transactions, setTransactions] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const refresh = 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]);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const redeemReward = 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 = useContext(WhaleContext);
+  if (!ctx) throw new Error("useReviews must be used within <WhaleProvider>");
+  const [reviews, setReviews] = useState([]);
+  const [summary, setSummary] = useState(null);
+  const [hasMore, setHasMore] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const refresh = 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]);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const loadMore = 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 = 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 = useContext(WhaleContext);
+  if (!ctx) throw new Error("useWishlist must be used within <WhaleProvider>");
+  const customer = useStore(ctx.authStore, (s) => s.customer);
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const refresh = 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]);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const add = 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 = 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 = useCallback((productId) => {
+    return items.some((item) => item.product_id === productId);
+  }, [items]);
+  const toggle = 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 = useContext(WhaleContext);
+  if (!ctx) throw new Error("useRecommendations must be used within <WhaleProvider>");
+  const [recommendations, setRecommendations] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const productId = params?.product_id;
+  const customerId = params?.customer_id;
+  const limit = params?.limit;
+  const type = params?.type;
+  const refresh = 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]);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  return { recommendations, loading, error, refresh };
+}
+function useLocations() {
+  const ctx = useContext(WhaleContext);
+  if (!ctx) throw new Error("useLocations must be used within <WhaleProvider>");
+  const [locations, setLocations] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const refresh = 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]);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const getLocation = useCallback(async (id) => {
+    return ctx.client.getLocation(id);
+  }, [ctx.client]);
+  return { locations, loading, error, refresh, getLocation };
+}
+function useShipping() {
+  const ctx = useContext(WhaleContext);
+  if (!ctx) throw new Error("useShipping must be used within <WhaleProvider>");
+  const [methods, setMethods] = useState([]);
+  const [rates, setRates] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const refreshMethods = 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]);
+  useEffect(() => {
+    refreshMethods();
+  }, [refreshMethods]);
+  const calculateRates = 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 = useContext(WhaleContext);
+  if (!ctx) throw new Error("useCoupons must be used within <WhaleProvider>");
+  const [validation, setValidation] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const validate = 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 = 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 = 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 = 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] = useState("loading");
+  const [data, setData] = useState(null);
+  const [errorMsg, setErrorMsg] = useState("");
+  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__ */ jsx(DefaultLoading, {});
+  if (state === "not_found") return /* @__PURE__ */ jsx(DefaultNotFound, {});
+  if (state === "expired") return /* @__PURE__ */ jsx(DefaultExpired, {});
+  if (state === "error") return /* @__PURE__ */ jsx(DefaultError, { message: errorMsg });
+  if (!data) return null;
+  if (renderPage) return /* @__PURE__ */ jsx(Fragment, { children: renderPage(data) });
+  return /* @__PURE__ */ 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] = 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 || "#111";
+  const muted = store?.theme?.muted || "#888";
+  const logoUrl = qr.logo_url || store?.logo_url;
+  const productImage = lp.image_url || product?.featured_image || product?.image_gallery?.[0] || null;
+  const productName = lp.title || product?.name || qr.name;
+  const description = lp.description || product?.description || "";
+  const ctaText = lp.cta_text || (coa ? "View Lab Results" : "Learn More");
+  const ctaUrl = lp.cta_url || qr.destination_url;
+  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 categoryName = product?.category_name ?? null;
+  const handleCOAClick = useCallback(() => {
+    if (coa) setShowCOA(true);
+  }, [coa]);
+  return /* @__PURE__ */ jsxs("div", { style: { minHeight: "100dvh", background: bg, color: fg, fontFamily: "system-ui, -apple-system, sans-serif" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", display: "flex", justifyContent: "center" }, children: logoUrl && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: logoUrl,
+        alt: store?.name || "Store",
+        style: { height: 40, objectFit: "contain" }
+      }
+    ) }),
+    productImage && /* @__PURE__ */ jsx("div", { style: { width: "100%", aspectRatio: "1", overflow: "hidden", background: surface }, children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: productImage,
+        alt: productName,
+        style: { width: "100%", height: "100%", objectFit: "cover" }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", marginBottom: "0.75rem", flexWrap: "wrap" }, children: [
+        strainType && /* @__PURE__ */ jsx("span", { style: {
+          padding: "0.25rem 0.75rem",
+          borderRadius: 999,
+          fontSize: "0.75rem",
+          fontWeight: 600,
+          textTransform: "uppercase",
+          letterSpacing: "0.05em",
+          background: strainBadgeColor(strainType),
+          color: "#fff"
+        }, children: strainType }),
+        categoryName && /* @__PURE__ */ jsx("span", { style: {
+          padding: "0.25rem 0.75rem",
+          borderRadius: 999,
+          fontSize: "0.75rem",
+          background: surface,
+          color: muted
+        }, children: categoryName })
+      ] }),
+      /* @__PURE__ */ jsx("h1", { style: { fontSize: "1.75rem", fontWeight: 600, margin: "0 0 0.5rem", lineHeight: 1.2 }, children: productName }),
+      description && /* @__PURE__ */ jsx("p", { style: { color: muted, lineHeight: 1.6, margin: "0 0 1.5rem", fontSize: "0.95rem" }, children: description }),
+      renderProduct ? renderProduct(data) : null,
+      (thca || thc || cbd) && /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: "0.75rem", margin: "1.5rem 0" }, children: [
+        thca != null && /* @__PURE__ */ jsx(StatCard, { label: "THCa", value: `${thca.toFixed(1)}%`, bg: surface, fg, accent }),
+        thc != null && /* @__PURE__ */ jsx(StatCard, { label: "D9 THC", value: `${thc.toFixed(1)}%`, bg: surface, fg, accent }),
+        cbd != null && /* @__PURE__ */ jsx(StatCard, { label: "CBD", value: `${cbd.toFixed(1)}%`, bg: surface, fg, accent })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem", marginTop: "1.5rem" }, children: [
+        coa && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleCOAClick,
+            style: {
+              width: "100%",
+              padding: "0.875rem",
+              background: accent,
+              color: bg,
+              border: "none",
+              fontSize: "0.95rem",
+              fontWeight: 600,
+              cursor: "pointer",
+              borderRadius: 0
+            },
+            children: "View Lab Results"
+          }
+        ),
+        renderCOA ? renderCOA(data) : null,
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: ctaUrl,
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "0.875rem",
+              background: "transparent",
+              color: fg,
+              border: `1px solid ${muted}`,
+              fontSize: "0.95rem",
+              fontWeight: 500,
+              textAlign: "center",
+              textDecoration: "none",
+              boxSizing: "border-box",
+              borderRadius: 0
+            },
+            children: ctaText === "View Lab Results" ? "Shop Online" : ctaText
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { marginTop: "2rem", paddingTop: "1.5rem", borderTop: `1px solid ${surface}`, textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "center", gap: "1.5rem", marginBottom: "0.75rem" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: muted, textTransform: "uppercase", letterSpacing: "0.05em" }, children: "Lab Tested" }),
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: muted, textTransform: "uppercase", letterSpacing: "0.05em" }, children: "Authentic" })
+        ] }),
+        store?.name && /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.75rem", color: muted, margin: 0 }, children: [
+          "Verified by ",
+          store.name
+        ] })
+      ] })
+    ] }),
+    showCOA && coa && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 9999,
+          background: "rgba(0,0,0,0.9)",
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "1rem" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontWeight: 600 }, children: coa.document_name || "Lab Results" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setShowCOA(false),
+                style: { background: "none", border: "none", color: "#fff", fontSize: "1.5rem", cursor: "pointer", padding: "0.5rem" },
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              src: coa.url,
+              style: { flex: 1, border: "none", background: "#fff" },
+              title: "Lab Results"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function StatCard({ label, value, bg, fg, accent }) {
+  return /* @__PURE__ */ jsxs("div", { style: { background: bg, padding: "1rem", textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { fontSize: "1.25rem", fontWeight: 700, color: fg }, children: value }),
+    /* @__PURE__ */ jsx("div", { style: { fontSize: "0.7rem", color: accent, textTransform: "uppercase", letterSpacing: "0.05em", marginTop: "0.25rem" }, children: label })
+  ] });
+}
+function strainBadgeColor(strain) {
+  const s = strain.toLowerCase();
+  if (s === "sativa") return "#22c55e";
+  if (s === "indica") return "#8b5cf6";
+  if (s === "hybrid") return "#f59e0b";
+  return "#6b7280";
+}
+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__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ 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__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg) } }` })
+  ] }) });
+}
+function DefaultNotFound() {
+  return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "QR Code Not Found" }),
+    /* @__PURE__ */ jsx("p", { style: { color: "#888" }, children: "This QR code does not exist or has been deactivated." })
+  ] }) });
+}
+function DefaultExpired() {
+  return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "QR Code Expired" }),
+    /* @__PURE__ */ jsx("p", { style: { color: "#888" }, children: "This QR code is no longer active." })
+  ] }) });
+}
+function DefaultError({ message }) {
+  return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Something Went Wrong" }),
+    /* @__PURE__ */ 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] = useState("loading");
+  const [data, setData] = useState(null);
+  const [errorMsg, setErrorMsg] = useState("");
+  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__ */ jsx(DefaultLoading2, {});
+  if (state === "not_found") return /* @__PURE__ */ jsx(DefaultNotFound2, {});
+  if (state === "expired") return /* @__PURE__ */ jsx(DefaultExpired2, {});
+  if (state === "error") return /* @__PURE__ */ jsx(DefaultError2, { message: errorMsg });
+  if (!data) return null;
+  return /* @__PURE__ */ jsx(PageLayout, { data, renderSection });
+}
+function PageLayout({
+  data,
+  renderSection
+}) {
+  const { landing_page: lp, store } = data;
+  const [showCOA, setShowCOA] = 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__ */ jsxs("div", { style: { minHeight: "100dvh", background: theme.bg, color: theme.fg, fontFamily }, children: [
+    lp.custom_css && /* @__PURE__ */ jsx("style", { children: lp.custom_css }),
+    logoUrl && /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: logoUrl,
+        alt: store?.name || "Store",
+        style: { height: 40, objectFit: "contain" }
+      }
+    ) }),
+    sorted.map((section) => {
+      const defaultRenderer = () => /* @__PURE__ */ jsx(
+        DefaultSectionRenderer,
+        {
+          section,
+          data,
+          theme,
+          onShowCOA: () => setShowCOA(true)
+        },
+        section.id
+      );
+      if (renderSection) {
+        return /* @__PURE__ */ jsx("div", { children: renderSection(section, defaultRenderer) }, section.id);
+      }
+      return /* @__PURE__ */ jsx(
+        DefaultSectionRenderer,
+        {
+          section,
+          data,
+          theme,
+          onShowCOA: () => setShowCOA(true)
+        },
+        section.id
+      );
+    }),
+    store?.name && /* @__PURE__ */ jsx("div", { style: { padding: "2rem 1.5rem", borderTop: `1px solid ${theme.surface}`, textAlign: "center" }, children: /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.75rem", color: theme.muted, margin: 0 }, children: [
+      "Powered by ",
+      store.name
+    ] }) }),
+    showCOA && data.coa && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 9999,
+          background: "rgba(0,0,0,0.9)",
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "1rem" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontWeight: 600 }, children: data.coa.document_name || "Lab Results" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setShowCOA(false),
+                style: { background: "none", border: "none", color: "#fff", fontSize: "1.5rem", cursor: "pointer", padding: "0.5rem" },
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ 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__ */ jsx(HeroSection, { section, theme });
+    case "text":
+      return /* @__PURE__ */ jsx(TextSection, { section, theme });
+    case "image":
+      return /* @__PURE__ */ jsx(ImageSection, { section, theme });
+    case "video":
+      return /* @__PURE__ */ jsx(VideoSection, { section, theme });
+    case "gallery":
+      return /* @__PURE__ */ jsx(GallerySection, { section, theme });
+    case "cta":
+      return /* @__PURE__ */ jsx(CTASection, { section, theme });
+    case "stats":
+      return /* @__PURE__ */ jsx(StatsSection, { section, theme });
+    case "product_card":
+      return /* @__PURE__ */ jsx(ProductCardSection, { section, data, theme });
+    case "coa_viewer":
+      return /* @__PURE__ */ jsx(COAViewerSection, { section, data, theme, onShowCOA });
+    case "social_links":
+      return /* @__PURE__ */ jsx(SocialLinksSection, { section, theme });
+    case "divider":
+      return /* @__PURE__ */ jsx(DividerSection, { theme });
+    default:
+      return null;
+  }
+}
+function HeroSection({ section, theme }) {
+  const { title, subtitle, background_image, cta_text, cta_url } = section.content;
+  return /* @__PURE__ */ 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__ */ jsx("div", { style: { position: "absolute", inset: 0, background: "rgba(0,0,0,0.5)" } }),
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative", zIndex: 1, maxWidth: 640 }, children: [
+          title && /* @__PURE__ */ jsx("h1", { style: { fontSize: "2.5rem", fontWeight: 700, margin: "0 0 1rem", lineHeight: 1.15, color: theme.fg }, children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { style: { fontSize: "1.125rem", color: theme.muted, margin: "0 0 2rem", lineHeight: 1.6 }, children: subtitle }),
+          cta_text && cta_url && /* @__PURE__ */ 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__ */ jsxs("div", { style: { padding: "2rem 1.5rem", maxWidth: 640, margin: "0 auto", textAlign: align }, children: [
+    heading && /* @__PURE__ */ jsx("h2", { style: { fontSize: "1.5rem", fontWeight: 600, margin: "0 0 1rem", color: theme.fg }, children: heading }),
+    body && /* @__PURE__ */ 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__ */ jsxs("div", { style: { padding: contained ? "1.5rem" : 0, maxWidth: contained ? 640 : void 0, margin: contained ? "0 auto" : void 0 }, children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: url,
+        alt: alt || "",
+        style: { width: "100%", display: "block", objectFit: "cover" }
+      }
+    ),
+    caption && /* @__PURE__ */ 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__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: isEmbed ? /* @__PURE__ */ jsx("div", { style: { position: "relative", paddingBottom: "56.25%", height: 0 }, children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src: toEmbedUrl(url),
+      style: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", border: "none" },
+      allow: "autoplay; fullscreen",
+      title: "Video"
+    }
+  ) }) : /* @__PURE__ */ 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__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 800, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, gap: "0.5rem" }, children: images.map((img, i) => /* @__PURE__ */ jsx("div", { style: { aspectRatio: "1", overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, gap: "0.75rem" }, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { style: { background: theme.surface, padding: "1rem", textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { fontSize: "1.25rem", fontWeight: 700, color: theme.fg }, children: stat.value }),
+    /* @__PURE__ */ 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__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ jsxs("div", { style: { background: theme.surface, overflow: "hidden" }, children: [
+    imageUrl && /* @__PURE__ */ jsx("div", { style: { width: "100%", aspectRatio: "1", overflow: "hidden" }, children: /* @__PURE__ */ jsx("img", { src: imageUrl, alt: name, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } }) }),
+    /* @__PURE__ */ jsxs("div", { style: { padding: "1.25rem" }, children: [
+      /* @__PURE__ */ jsx("h3", { style: { fontSize: "1.25rem", fontWeight: 600, margin: "0 0 0.5rem", color: theme.fg }, children: name }),
+      description && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.9rem", color: theme.muted, margin: "0 0 1rem", lineHeight: 1.5 }, children: description }),
+      price && /* @__PURE__ */ jsx("p", { style: { fontSize: "1.125rem", fontWeight: 700, color: theme.accent, margin: "0 0 1rem" }, children: price }),
+      url && /* @__PURE__ */ 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__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ 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__ */ jsx("div", { style: { padding: "1.5rem", display: "flex", justifyContent: "center", gap: "1.5rem", flexWrap: "wrap" }, children: links.map((link, i) => /* @__PURE__ */ 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__ */ jsx("div", { style: { padding: "1rem 1.5rem", maxWidth: 640, margin: "0 auto" }, children: /* @__PURE__ */ 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__ */ jsx("div", { style: containerStyle2, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ 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__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg) } }` })
+  ] }) });
+}
+function DefaultNotFound2() {
+  return /* @__PURE__ */ jsx("div", { style: containerStyle2, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Page Not Found" }),
+    /* @__PURE__ */ jsx("p", { style: { color: "#888" }, children: "This page does not exist or has been removed." })
+  ] }) });
+}
+function DefaultExpired2() {
+  return /* @__PURE__ */ jsx("div", { style: containerStyle2, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Page Expired" }),
+    /* @__PURE__ */ jsx("p", { style: { color: "#888" }, children: "This page is no longer active." })
+  ] }) });
+}
+function DefaultError2({ message }) {
+  return /* @__PURE__ */ jsx("div", { style: containerStyle2, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Something Went Wrong" }),
+    /* @__PURE__ */ jsx("p", { style: { color: "#888" }, children: message || "Please try again later." })
+  ] }) });
+}
 
-export { AnalyticsTracker, AuthInitializer, CartInitializer, PixelInitializer, WhaleContext, WhaleProvider, useAnalytics, useAuth, useCart, useCartItemCount, useCartTotal, useCustomerAnalytics, useCustomerOrders, useProduct, useProducts, useWhaleClient };
+export { AnalyticsTracker, AuthInitializer, CartInitializer, LandingPage, PixelInitializer, QRLandingPage, WhaleContext, WhaleProvider, useAnalytics, useAuth, useCart, useCartItemCount, useCartTotal, useCategories, useCheckout, useCoupons, useCustomerAnalytics, useCustomerOrders, useLocations, useLoyalty, useProduct, useProducts, useRecommendations, useReviews, useSearch, useShipping, useWhaleClient, useWishlist };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map