@neowhale/storefront 0.2.11 → 0.2.13

package/dist/react/index.d.cts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { D as WhaleStorefrontConfig, r as Product, P as PaymentData, O as Order, a as CartItem, T as TaxBreakdown, W as WhaleClient, f as Customer, E as EventType, g as CustomerAnalytics, d as CheckoutSession, A as Address, b as Category, c as CategoryTreeNode, l as LoyaltyAccount, m as LoyaltyReward, n as LoyaltyTransaction, v as Review, w as ReviewSummary, F as WishlistItem, R as Recommendation, k as Location, x as ShippingMethod, y as ShippingRate, e as CouponValidation, C as Cart, Q as QRLandingData, i as LandingSection, h as LandingPageRenderData } from '../client-KHvDGThs.cjs';
+import { D as WhaleStorefrontConfig, r as Product, P as PaymentData, O as Order, a as CartItem, T as TaxBreakdown, W as WhaleClient, f as Customer, E as EventType, g as CustomerAnalytics, d as CheckoutSession, A as Address, b as Category, c as CategoryTreeNode, l as LoyaltyAccount, m as LoyaltyReward, n as LoyaltyTransaction, v as Review, w as ReviewSummary, F as WishlistItem, R as Recommendation, k as Location, x as ShippingMethod, y as ShippingRate, e as CouponValidation, C as Cart, i as LandingSection, Q as QRLandingData, h as LandingPageRenderData } from '../client-Ca8Otk-R.cjs';
 import { ThemeTokens } from '@neowhale/ui';
 import * as zustand_middleware from 'zustand/middleware';
 import * as zustand from 'zustand';
-import { P as PixelManager } from '../pixel-manager-CQaginxZ.cjs';
+import { P as PixelManager } from '../pixel-manager-CIR16DXY.cjs';
 
 interface WhaleProviderProps extends WhaleStorefrontConfig {
     children: ReactNode;
@@ -368,43 +368,51 @@ declare function useCoupons(): {
 interface QRLandingPageProps {
     code: string;
     gatewayUrl?: string;
-    renderProduct?: (data: QRLandingData) => React.ReactNode;
-    renderCOA?: (data: QRLandingData) => React.ReactNode;
-    renderPage?: (data: QRLandingData) => React.ReactNode;
+    /** Override rendering for any section type */
+    renderSection?: (section: LandingSection, defaultRenderer: () => React.ReactNode) => React.ReactNode;
     onDataLoaded?: (data: QRLandingData) => void;
     onError?: (error: Error) => void;
 }
-declare function QRLandingPage({ code, gatewayUrl, renderProduct, renderCOA, renderPage, onDataLoaded, onError, }: QRLandingPageProps): react_jsx_runtime.JSX.Element | null;
+declare function QRLandingPage({ code, gatewayUrl, renderSection, onDataLoaded, onError, }: QRLandingPageProps): react_jsx_runtime.JSX.Element | null;
 
 interface LandingPageProps {
-    /** Landing page slug */
     slug: string;
-    /** Gateway URL — defaults to https://whale-gateway.fly.dev */
     gatewayUrl?: string;
-    /**
-     * Override rendering for any section type.
-     * Return the custom element, or call defaultRenderer() for the built-in output.
-     */
     renderSection?: (section: LandingSection, defaultRenderer: () => React.ReactNode) => React.ReactNode;
-    /** Called when data is loaded */
     onDataLoaded?: (data: LandingPageRenderData) => void;
-    /** Called on error */
     onError?: (error: Error) => void;
 }
-/**
- * LandingPage — drop-in component that renders a configurable landing page
- * fetched from the gateway's public endpoint.
- *
- * Usage:
- * ```tsx
- * import { LandingPage } from '@neowhale/storefront/react'
- * export default function Page({ params }: { params: { slug: string } }) {
- *   return <LandingPage slug={params.slug} />
- * }
- * ```
- */
 declare function LandingPage({ slug, gatewayUrl, renderSection, onDataLoaded, onError, }: LandingPageProps): react_jsx_runtime.JSX.Element | null;
 
+interface SectionTheme {
+    bg: string;
+    fg: string;
+    accent: string;
+    surface: string;
+    muted: string;
+    fontDisplay?: string;
+    fontBody?: string;
+}
+interface SectionData {
+    store?: {
+        name?: string | null;
+        logo_url?: string | null;
+        tagline?: string | null;
+        theme?: Record<string, unknown> | null;
+    } | null;
+    product?: Record<string, unknown> | null;
+    coa?: {
+        url: string;
+        viewer_url?: string | null;
+        document_name: string;
+    } | null;
+}
+declare function SectionRenderer({ section, data, theme, }: {
+    section: LandingSection;
+    data: SectionData;
+    theme: SectionTheme;
+}): react_jsx_runtime.JSX.Element;
+
 /**
  * Auto-tracks page views on pathname change and links customer sessions.
  * Rendered internally by WhaleProvider — storefronts don't need to add this manually.
@@ -441,4 +449,4 @@ interface PixelInitializerProps {
  */
 declare function PixelInitializer({ onReady, onTheme }: PixelInitializerProps): null;
 
-export { AnalyticsTracker, type AuthActions, AuthInitializer, type AuthState, type AuthStore, type CartActions, CartInitializer, type CartState, type CartStore, LandingPage, type LandingPageProps, PixelInitializer, QRLandingPage, type QRLandingPageProps, type SearchParams, WhaleContext, type WhaleContextValue, WhaleProvider, type WhaleProviderProps, useAnalytics, useAuth, useCart, useCartItemCount, useCartTotal, useCategories, useCheckout, useCoupons, useCustomerAnalytics, useCustomerOrders, useLocations, useLoyalty, useProduct, useProducts, useRecommendations, useReviews, useSearch, useShipping, useWhaleClient, useWishlist };
+export { AnalyticsTracker, type AuthActions, AuthInitializer, type AuthState, type AuthStore, type CartActions, CartInitializer, type CartState, type CartStore, LandingPage, type LandingPageProps, PixelInitializer, QRLandingPage, type QRLandingPageProps, type SearchParams, SectionRenderer, type SectionTheme, WhaleContext, type WhaleContextValue, WhaleProvider, type WhaleProviderProps, useAnalytics, useAuth, useCart, useCartItemCount, useCartTotal, useCategories, useCheckout, useCoupons, useCustomerAnalytics, useCustomerOrders, useLocations, useLoyalty, useProduct, useProducts, useRecommendations, useReviews, useSearch, useShipping, useWhaleClient, useWishlist };

package/dist/react/index.d.ts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { D as WhaleStorefrontConfig, r as Product, P as PaymentData, O as Order, a as CartItem, T as TaxBreakdown, W as WhaleClient, f as Customer, E as EventType, g as CustomerAnalytics, d as CheckoutSession, A as Address, b as Category, c as CategoryTreeNode, l as LoyaltyAccount, m as LoyaltyReward, n as LoyaltyTransaction, v as Review, w as ReviewSummary, F as WishlistItem, R as Recommendation, k as Location, x as ShippingMethod, y as ShippingRate, e as CouponValidation, C as Cart, Q as QRLandingData, i as LandingSection, h as LandingPageRenderData } from '../client-KHvDGThs.js';
+import { D as WhaleStorefrontConfig, r as Product, P as PaymentData, O as Order, a as CartItem, T as TaxBreakdown, W as WhaleClient, f as Customer, E as EventType, g as CustomerAnalytics, d as CheckoutSession, A as Address, b as Category, c as CategoryTreeNode, l as LoyaltyAccount, m as LoyaltyReward, n as LoyaltyTransaction, v as Review, w as ReviewSummary, F as WishlistItem, R as Recommendation, k as Location, x as ShippingMethod, y as ShippingRate, e as CouponValidation, C as Cart, i as LandingSection, Q as QRLandingData, h as LandingPageRenderData } from '../client-Ca8Otk-R.js';
 import { ThemeTokens } from '@neowhale/ui';
 import * as zustand_middleware from 'zustand/middleware';
 import * as zustand from 'zustand';
-import { P as PixelManager } from '../pixel-manager-Djp4Mh9L.js';
+import { P as PixelManager } from '../pixel-manager-CIZKghfx.js';
 
 interface WhaleProviderProps extends WhaleStorefrontConfig {
     children: ReactNode;
@@ -368,43 +368,51 @@ declare function useCoupons(): {
 interface QRLandingPageProps {
     code: string;
     gatewayUrl?: string;
-    renderProduct?: (data: QRLandingData) => React.ReactNode;
-    renderCOA?: (data: QRLandingData) => React.ReactNode;
-    renderPage?: (data: QRLandingData) => React.ReactNode;
+    /** Override rendering for any section type */
+    renderSection?: (section: LandingSection, defaultRenderer: () => React.ReactNode) => React.ReactNode;
     onDataLoaded?: (data: QRLandingData) => void;
     onError?: (error: Error) => void;
 }
-declare function QRLandingPage({ code, gatewayUrl, renderProduct, renderCOA, renderPage, onDataLoaded, onError, }: QRLandingPageProps): react_jsx_runtime.JSX.Element | null;
+declare function QRLandingPage({ code, gatewayUrl, renderSection, onDataLoaded, onError, }: QRLandingPageProps): react_jsx_runtime.JSX.Element | null;
 
 interface LandingPageProps {
-    /** Landing page slug */
     slug: string;
-    /** Gateway URL — defaults to https://whale-gateway.fly.dev */
     gatewayUrl?: string;
-    /**
-     * Override rendering for any section type.
-     * Return the custom element, or call defaultRenderer() for the built-in output.
-     */
     renderSection?: (section: LandingSection, defaultRenderer: () => React.ReactNode) => React.ReactNode;
-    /** Called when data is loaded */
     onDataLoaded?: (data: LandingPageRenderData) => void;
-    /** Called on error */
     onError?: (error: Error) => void;
 }
-/**
- * LandingPage — drop-in component that renders a configurable landing page
- * fetched from the gateway's public endpoint.
- *
- * Usage:
- * ```tsx
- * import { LandingPage } from '@neowhale/storefront/react'
- * export default function Page({ params }: { params: { slug: string } }) {
- *   return <LandingPage slug={params.slug} />
- * }
- * ```
- */
 declare function LandingPage({ slug, gatewayUrl, renderSection, onDataLoaded, onError, }: LandingPageProps): react_jsx_runtime.JSX.Element | null;
 
+interface SectionTheme {
+    bg: string;
+    fg: string;
+    accent: string;
+    surface: string;
+    muted: string;
+    fontDisplay?: string;
+    fontBody?: string;
+}
+interface SectionData {
+    store?: {
+        name?: string | null;
+        logo_url?: string | null;
+        tagline?: string | null;
+        theme?: Record<string, unknown> | null;
+    } | null;
+    product?: Record<string, unknown> | null;
+    coa?: {
+        url: string;
+        viewer_url?: string | null;
+        document_name: string;
+    } | null;
+}
+declare function SectionRenderer({ section, data, theme, }: {
+    section: LandingSection;
+    data: SectionData;
+    theme: SectionTheme;
+}): react_jsx_runtime.JSX.Element;
+
 /**
  * Auto-tracks page views on pathname change and links customer sessions.
  * Rendered internally by WhaleProvider — storefronts don't need to add this manually.
@@ -441,4 +449,4 @@ interface PixelInitializerProps {
  */
 declare function PixelInitializer({ onReady, onTheme }: PixelInitializerProps): null;
 
-export { AnalyticsTracker, type AuthActions, AuthInitializer, type AuthState, type AuthStore, type CartActions, CartInitializer, type CartState, type CartStore, LandingPage, type LandingPageProps, PixelInitializer, QRLandingPage, type QRLandingPageProps, type SearchParams, WhaleContext, type WhaleContextValue, WhaleProvider, type WhaleProviderProps, useAnalytics, useAuth, useCart, useCartItemCount, useCartTotal, useCategories, useCheckout, useCoupons, useCustomerAnalytics, useCustomerOrders, useLocations, useLoyalty, useProduct, useProducts, useRecommendations, useReviews, useSearch, useShipping, useWhaleClient, useWishlist };
+export { AnalyticsTracker, type AuthActions, AuthInitializer, type AuthState, type AuthStore, type CartActions, CartInitializer, type CartState, type CartStore, LandingPage, type LandingPageProps, PixelInitializer, QRLandingPage, type QRLandingPageProps, type SearchParams, SectionRenderer, type SectionTheme, WhaleContext, type WhaleContextValue, WhaleProvider, type WhaleProviderProps, useAnalytics, useAuth, useCart, useCartItemCount, useCartTotal, useCategories, useCheckout, useCoupons, useCustomerAnalytics, useCustomerOrders, useLocations, useLoyalty, useProduct, useProducts, useRecommendations, useReviews, useSearch, useShipping, useWhaleClient, useWishlist };