@aurora-studio/starter-core 0.1.0

package/dist/components/CheckoutButton.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useCart } from "./CartProvider";
+import { getApiBase, getTenantSlug } from "../lib/aurora";
+export function CheckoutButton() {
+    const { items, total, clearCart } = useCart();
+    const [loading, setLoading] = useState(false);
+    const handleCheckout = async () => {
+        if (items.length === 0)
+            return;
+        setLoading(true);
+        const apiBase = getApiBase();
+        const tenantSlug = getTenantSlug();
+        if (!apiBase || !tenantSlug) {
+            alert("API not configured. Set NEXT_PUBLIC_AURORA_API_URL and NEXT_PUBLIC_TENANT_SLUG.");
+            setLoading(false);
+            return;
+        }
+        const origin = typeof window !== "undefined" ? window.location.origin : "";
+        const successUrl = `${origin}/checkout/success`;
+        const cancelUrl = `${origin}/cart`;
+        const lineItems = items.map((i) => ({
+            productId: i.recordId,
+            tableSlug: i.tableSlug,
+            quantity: i.quantity,
+            priceData: {
+                unitAmount: i.unitAmount,
+                currency: "GBP",
+                productData: { name: i.name },
+            },
+        }));
+        const holmes_session_id = typeof window !== "undefined" ? window.holmes?.getSessionId?.() : undefined;
+        const holmes_mission_start_timestamp = typeof window !== "undefined" ? window.holmes?.getMissionStartTimestamp?.() : undefined;
+        try {
+            const res = await fetch("/api/checkout/sessions", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    successUrl,
+                    cancelUrl,
+                    lineItems,
+                    ...(holmes_session_id && { holmes_session_id }),
+                    ...(holmes_mission_start_timestamp != null && {
+                        holmes_mission_start_timestamp,
+                    }),
+                }),
+            });
+            if (!res.ok) {
+                const err = await res.json().catch(() => ({}));
+                throw new Error(err.error ?? "Checkout failed");
+            }
+            const data = (await res.json());
+            if (data.url) {
+                clearCart();
+                window.location.href = data.url;
+            }
+            else {
+                throw new Error("No checkout URL returned");
+            }
+        }
+        catch (e) {
+            alert(e instanceof Error ? e.message : "Checkout failed");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsx("button", { type: "button", onClick: handleCheckout, disabled: loading || items.length === 0, className: "w-full sm:w-auto px-6 py-3 rounded-component bg-aurora-accent text-aurora-bg font-semibold hover:opacity-90 disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-aurora-primary focus:ring-offset-2 focus:ring-offset-aurora-surface transition-opacity", children: loading ? "Processing…" : "Proceed to checkout" }));
+}

package/dist/components/ConditionalHolmesScript.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Loads Holmes script when Aurora API and tenant are configured.
+ * Rendered as server component so script is in initial HTML.
+ * To disable Holmes: set cookie holmes_holdout=1 (the script checks this).
+ */
+export declare function ConditionalHolmesScript(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ConditionalHolmesScript.d.ts.map

package/dist/components/ConditionalHolmesScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalHolmesScript.d.ts","sourceRoot":"","sources":["../../src/components/ConditionalHolmesScript.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,uBAAuB,mDAUtC"}

package/dist/components/ConditionalHolmesScript.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Script from "next/script";
+import { getHolmesScriptUrl } from "@aurora-studio/sdk";
+/**
+ * Loads Holmes script when Aurora API and tenant are configured.
+ * Rendered as server component so script is in initial HTML.
+ * To disable Holmes: set cookie holmes_holdout=1 (the script checks this).
+ */
+export function ConditionalHolmesScript() {
+    const apiUrl = process.env.NEXT_PUBLIC_AURORA_API_URL;
+    const tenantSlug = process.env.NEXT_PUBLIC_TENANT_SLUG;
+    if (!apiUrl || !tenantSlug) {
+        return null;
+    }
+    const src = getHolmesScriptUrl(apiUrl, tenantSlug);
+    return _jsx(Script, { src: src, strategy: "afterInteractive" });
+}

package/dist/components/FloatingLabelInput.d.ts

@@ -0,0 +1,7 @@
+interface FloatingLabelInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "placeholder"> {
+    label: string;
+    error?: string;
+}
+export declare function FloatingLabelInput({ label, error, id, className, value, ...props }: FloatingLabelInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FloatingLabelInput.d.ts.map

package/dist/components/FloatingLabelInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingLabelInput.d.ts","sourceRoot":"","sources":["../../src/components/FloatingLabelInput.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACxG,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,SAAc,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAmChH"}

package/dist/components/FloatingLabelInput.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+export function FloatingLabelInput({ label, error, id, className = "", value, ...props }) {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const inputRef = useRef(null);
+    const [focused, setFocused] = useState(false);
+    const floatLabel = focused || Boolean(value != null && value !== "");
+    return (_jsxs("div", { className: "relative", children: [_jsx("input", { ref: inputRef, id: inputId, value: value, onFocus: (e) => { setFocused(true); props.onFocus?.(e); }, onBlur: (e) => { setFocused(false); props.onBlur?.(e); }, placeholder: " ", className: `peer w-full h-12 px-4 rounded-xl bg-aurora-bg border text-aurora-text placeholder:text-transparent focus:outline-none focus:ring-2 focus:ring-aurora-primary/50 focus:border-aurora-primary transition-colors ${error ? "border-aurora-error" : "border-aurora-border"} ${className}`, ...props }), _jsx("label", { htmlFor: inputId, className: `absolute left-4 transition-all duration-200 pointer-events-none ${floatLabel
+                    ? "-top-1 -translate-y-full text-xs text-aurora-muted bg-aurora-bg px-1"
+                    : "top-1/2 -translate-y-1/2 text-base text-aurora-muted"}`, children: label }), error && _jsx("p", { className: "mt-1 text-sm text-aurora-error", children: error })] }));
+}

package/dist/components/HolmesHomeRefresher.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Dispatches holmes:refreshHome so the Holmes script re-fetches home
+ * personalization when the user navigates to the home page.
+ * Also listens for holmes:ready and re-dispatches refresh - so when the script
+ * loads after we mount (e.g. slow network), we trigger the fetch.
+ */
+export declare function HolmesHomeRefresher(): null;
+//# sourceMappingURL=HolmesHomeRefresher.d.ts.map

package/dist/components/HolmesHomeRefresher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HolmesHomeRefresher.d.ts","sourceRoot":"","sources":["../../src/components/HolmesHomeRefresher.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,wBAAgB,mBAAmB,SAUlC"}

package/dist/components/HolmesHomeRefresher.js

@@ -0,0 +1,19 @@
+"use client";
+import { useEffect } from "react";
+/**
+ * Dispatches holmes:refreshHome so the Holmes script re-fetches home
+ * personalization when the user navigates to the home page.
+ * Also listens for holmes:ready and re-dispatches refresh - so when the script
+ * loads after we mount (e.g. slow network), we trigger the fetch.
+ */
+export function HolmesHomeRefresher() {
+    useEffect(() => {
+        document.dispatchEvent(new CustomEvent("holmes:refreshHome"));
+        const onReady = () => {
+            document.dispatchEvent(new CustomEvent("holmes:refreshHome"));
+        };
+        document.addEventListener("holmes:ready", onReady);
+        return () => document.removeEventListener("holmes:ready", onReady);
+    }, []);
+    return null;
+}

package/dist/components/HolmesProductViewTracker.d.ts

@@ -0,0 +1,4 @@
+export declare function HolmesProductViewTracker({ productId }: {
+    productId: string;
+}): null;
+//# sourceMappingURL=HolmesProductViewTracker.d.ts.map

package/dist/components/HolmesProductViewTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HolmesProductViewTracker.d.ts","sourceRoot":"","sources":["../../src/components/HolmesProductViewTracker.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,QAO5E"}

package/dist/components/HolmesProductViewTracker.js

@@ -0,0 +1,39 @@
+"use client";
+import { useEffect } from "react";
+import { holmesProductView } from "../lib/holmes-events";
+const STORAGE_KEY = "holmes_products_viewed";
+const MAX_VIEWED = 20;
+function getViewedIds() {
+    if (typeof window === "undefined")
+        return [];
+    try {
+        const raw = sessionStorage.getItem(STORAGE_KEY);
+        if (!raw)
+            return [];
+        return JSON.parse(raw);
+    }
+    catch {
+        return [];
+    }
+}
+function appendViewed(productId) {
+    const current = getViewedIds();
+    const filtered = current.filter((id) => id !== productId);
+    const next = [productId, ...filtered].slice(0, MAX_VIEWED);
+    try {
+        sessionStorage.setItem(STORAGE_KEY, JSON.stringify(next));
+    }
+    catch {
+        /* ignore */
+    }
+    return next;
+}
+export function HolmesProductViewTracker({ productId }) {
+    useEffect(() => {
+        if (!productId)
+            return;
+        const allIds = appendViewed(productId);
+        holmesProductView(allIds);
+    }, [productId]);
+    return null;
+}

package/dist/components/HolmesSprinkleIcon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Small sparkle/sprinkle icon indicating Holmes AI suggestion.
+ * Tooltip shows "Holmes suggestion" on hover.
+ */
+export declare function HolmesSprinkleIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HolmesSprinkleIcon.d.ts.map

package/dist/components/HolmesSprinkleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HolmesSprinkleIcon.d.ts","sourceRoot":"","sources":["../../src/components/HolmesSprinkleIcon.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAmBvE"}

package/dist/components/HolmesSprinkleIcon.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Small sparkle/sprinkle icon indicating Holmes AI suggestion.
+ * Tooltip shows "Holmes suggestion" on hover.
+ */
+export function HolmesSprinkleIcon({ className }) {
+    return (_jsx("span", { className: `inline-flex items-center justify-center ${className ?? ""}`, title: "Personalised for you", "aria-label": "Personalised for you", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "w-3.5 h-3.5 text-aurora-accent", children: [_jsx("path", { d: "M12 1l1.5 4.5L18 7l-4.5 1.5L12 13l-1.5-4.5L6 7l4.5-1.5L12 1z" }), _jsx("path", { d: "M5 16l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z", opacity: "0.7" }), _jsx("path", { d: "M19 19l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z", opacity: "0.7" })] }) }));
+}

package/dist/components/HolmesTidbits.d.ts

@@ -0,0 +1,13 @@
+type Props = {
+    entity: string;
+    entityType?: "recipe" | "ingredient" | "product";
+    /** Compact layout for inline use (e.g. product card) */
+    variant?: "default" | "compact";
+};
+/**
+ * Holmes tidbits - origin, pairing, tip for recipes, ingredients, products.
+ * Renders nothing if no tidbits. Prominent but unobtrusive.
+ */
+export declare function HolmesTidbits({ entity, entityType, variant, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=HolmesTidbits.d.ts.map

package/dist/components/HolmesTidbits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HolmesTidbits.d.ts","sourceRoot":"","sources":["../../src/components/HolmesTidbits.tsx"],"names":[],"mappings":"AAoBA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAC;IACjD,wDAAwD;IACxD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAqB,EACrB,OAAmB,GACpB,EAAE,KAAK,kDA+DP"}

package/dist/components/HolmesTidbits.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import Link from "next/link";
+import { holmesTidbits } from "../lib/aurora";
+import { HolmesSprinkleIcon } from "./HolmesSprinkleIcon";
+const CATEGORY_LABELS = {
+    origin: "Origin",
+    pairing: "Pairs well",
+    tip: "Tip",
+};
+/**
+ * Holmes tidbits - origin, pairing, tip for recipes, ingredients, products.
+ * Renders nothing if no tidbits. Prominent but unobtrusive.
+ */
+export function HolmesTidbits({ entity, entityType = "recipe", variant = "default", }) {
+    const [tidbits, setTidbits] = useState([]);
+    useEffect(() => {
+        if (!entity?.trim()) {
+            setTidbits([]);
+            return;
+        }
+        holmesTidbits(entity.trim(), entityType)
+            .then((res) => setTidbits(res.tidbits ?? []))
+            .catch(() => setTidbits([]));
+    }, [entity, entityType]);
+    if (tidbits.length === 0)
+        return null;
+    if (variant === "compact") {
+        return (_jsx("div", { className: "flex flex-wrap gap-2", children: tidbits.slice(0, 2).map((t) => (_jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-aurora-primary/10 text-aurora-muted text-xs border border-aurora-primary/20", children: [_jsx(HolmesSprinkleIcon, {}), _jsx("span", { children: t.content })] }, t.id))) }));
+    }
+    return (_jsxs("div", { className: "p-4 rounded-xl bg-aurora-surface/60 border border-aurora-border", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2.5", children: [_jsx(HolmesSprinkleIcon, { className: "shrink-0" }), _jsx("span", { className: "text-xs font-medium text-aurora-muted uppercase tracking-wider", children: "Holmes insight" })] }), _jsx("div", { className: "space-y-2.5", children: tidbits.slice(0, 3).map((t) => (_jsxs("div", { children: [_jsx("span", { className: "text-[10px] uppercase tracking-wider text-aurora-muted/80 mr-1.5", children: CATEGORY_LABELS[t.category] ?? t.category }), _jsxs("p", { className: "text-sm text-aurora-text leading-relaxed", children: [t.content, t.source_url && (_jsx(Link, { href: t.source_url, target: "_blank", rel: "noopener noreferrer", className: "ml-1.5 text-aurora-accent hover:underline text-xs", children: "Learn more" }))] })] }, t.id))) })] }));
+}

package/dist/components/ProductCardSkeleton.d.ts

@@ -0,0 +1,3 @@
+/** Matches product card structure exactly for loading state - preserves layout width */
+export declare function ProductCardSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductCardSkeleton.d.ts.map

package/dist/components/ProductCardSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,wBAAgB,mBAAmB,4CAalC"}

package/dist/components/ProductCardSkeleton.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Matches product card structure exactly for loading state - preserves layout width */
+export function ProductCardSkeleton() {
+    return (_jsxs("div", { className: "group p-4 rounded-xl bg-aurora-surface border border-aurora-border overflow-hidden w-full min-w-[160px] min-h-[280px] flex flex-col", children: [_jsxs("div", { className: "block", children: [_jsx("div", { className: "aspect-square rounded-lg bg-aurora-surface-hover mb-3 overflow-hidden skeleton-shimmer" }), _jsx("div", { className: "h-4 rounded skeleton-shimmer w-3/4 mb-1" }), _jsx("div", { className: "h-4 rounded skeleton-shimmer w-1/4" })] }), _jsx("div", { className: "mt-auto pt-3", children: _jsx("div", { className: "h-12 rounded-xl skeleton-shimmer w-full" }) })] }));
+}

package/dist/components/ProductDetailTabs.d.ts

@@ -0,0 +1,4 @@
+export declare function ProductDetailTabs({ record }: {
+    record: Record<string, unknown>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductDetailTabs.d.ts.map

package/dist/components/ProductDetailTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDetailTabs.d.ts","sourceRoot":"","sources":["../../src/components/ProductDetailTabs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,2CA6EhF"}

package/dist/components/ProductDetailTabs.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export function ProductDetailTabs({ record }) {
+    const [active, setActive] = useState("details");
+    const features = record.features;
+    const featuresList = Array.isArray(features)
+        ? features
+        : typeof features === "string"
+            ? (() => {
+                try {
+                    const p = JSON.parse(features);
+                    return Array.isArray(p) ? p : [];
+                }
+                catch {
+                    return [];
+                }
+            })()
+            : [];
+    const storageInstructions = record.storage_instructions;
+    const tabs = [
+        { id: "details", label: "Product Details" },
+        { id: "nutrition", label: "Nutrition Facts" },
+        { id: "feedback", label: "Customer Feedback" },
+    ];
+    return (_jsxs("div", { className: "pattern-well rounded-xl border border-aurora-border p-6", children: [_jsx("div", { className: "flex gap-4 border-b border-aurora-border", children: tabs.map((t) => (_jsx("button", { type: "button", onClick: () => setActive(t.id), className: `py-3 font-medium border-b-2 transition-colors -mb-[2px] ${active === t.id
+                        ? "border-aurora-accent text-aurora-accent"
+                        : "border-transparent text-aurora-muted hover:text-aurora-text"}`, children: t.label }, t.id))) }), _jsxs("div", { className: "py-6", children: [active === "details" && (_jsxs("div", { className: "space-y-4", children: [_jsxs("p", { className: "text-aurora-muted", children: [String(record.description ?? record.name ?? ""), " - High quality product."] }), featuresList.length > 0 && (_jsx("ul", { className: "list-disc list-inside space-y-1", children: featuresList.map((f, i) => (_jsx("li", { children: String(f) }, i))) })), storageInstructions && (_jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2", children: "Storage Instructions" }), _jsx("p", { className: "text-aurora-muted text-sm", children: storageInstructions })] }))] })), active === "nutrition" && (_jsx("p", { className: "text-aurora-muted", children: "Nutrition information will be displayed here when available." })), active === "feedback" && (_jsx("p", { className: "text-aurora-muted", children: "Customer reviews will be displayed here when available." }))] })] }));
+}

package/dist/components/ProductImage.d.ts

@@ -0,0 +1,27 @@
+type ProductImageProps = {
+    src?: string | null;
+    alt?: string;
+    baseUrl?: string | null;
+    className?: string;
+    fallback?: React.ReactNode;
+    /** For record-based usage - pass record to extract url */
+    record?: Record<string, unknown>;
+    /**
+     * How to fit the image in its container when aspect ratios differ.
+     * - "contain": Preserve aspect ratio, show full image (may letterbox). Use for product thumbs with mixed aspect ratios.
+     * - "cover": Fill container, crop if needed. Default.
+     */
+    objectFit?: "cover" | "contain";
+    /**
+     * When true, requests CDN-optimized thumbnail size for Contentful URLs (reduces payload for small displays).
+     */
+    thumbnail?: boolean;
+};
+/**
+ * Product image with onError fallback to avoid broken image icons.
+ * Uses imageBaseUrl from store config (or baseUrl prop) for relative URLs.
+ * Use objectFit="contain" for product cards to preserve portrait/landscape aspect ratios.
+ */
+export declare function ProductImage({ src, alt, baseUrl, className, fallback, record, objectFit, thumbnail, }: ProductImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductImage.d.ts.map

package/dist/components/ProductImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductImage.d.ts","sourceRoot":"","sources":["../../src/components/ProductImage.tsx"],"names":[],"mappings":"AAUA,KAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAgBF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,GAAQ,EACR,OAAO,EACP,SAAS,EACT,QAA2B,EAC3B,MAAM,EACN,SAAmB,EACnB,SAAiB,GAClB,EAAE,iBAAiB,2CAiCnB"}

package/dist/components/ProductImage.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { resolveProductImageUrl, getImageUrlFromRecord, getThumbnailImageUrl, } from "../lib/image-url";
+import { useStoreConfigImageBase } from "./StoreConfigContext";
+const DEFAULT_FALLBACK = (_jsx("span", { className: "w-full h-full flex items-center justify-center text-aurora-muted text-2xl", "aria-hidden": true, children: "\u2013" }));
+const objectFitClass = {
+    cover: "object-cover",
+    contain: "object-contain",
+};
+/**
+ * Product image with onError fallback to avoid broken image icons.
+ * Uses imageBaseUrl from store config (or baseUrl prop) for relative URLs.
+ * Use objectFit="contain" for product cards to preserve portrait/landscape aspect ratios.
+ */
+export function ProductImage({ src, alt = "", baseUrl, className, fallback = DEFAULT_FALLBACK, record, objectFit = "cover", thumbnail = false, }) {
+    const [errored, setErrored] = useState(false);
+    const configBase = useStoreConfigImageBase();
+    const rawUrl = record !== undefined ? getImageUrlFromRecord(record) : src;
+    let resolved = resolveProductImageUrl(rawUrl, baseUrl ?? configBase);
+    if (resolved && thumbnail) {
+        resolved = getThumbnailImageUrl(resolved) ?? resolved;
+    }
+    const fitClass = objectFitClass[objectFit];
+    const base = (className ?? "w-full h-full")
+        .replace(/\bobject-(cover|contain)\b/g, "")
+        .trim();
+    const mergedClassName = base ? `${base} ${fitClass}`.trim() : `w-full h-full ${fitClass}`;
+    if (!resolved || errored) {
+        return (_jsx("div", { className: "w-full h-full flex items-center justify-center min-h-[1px]", children: fallback }));
+    }
+    return (_jsx("img", { src: resolved, alt: alt, className: mergedClassName, onError: () => setErrored(true), suppressHydrationWarning: true }));
+}

package/dist/components/ProductImageGallery.d.ts

@@ -0,0 +1,6 @@
+type ProductImageGalleryProps = {
+    record: Record<string, unknown>;
+};
+export declare function ProductImageGallery({ record }: ProductImageGalleryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductImageGallery.d.ts.map

package/dist/components/ProductImageGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductImageGallery.d.ts","sourceRoot":"","sources":["../../src/components/ProductImageGallery.tsx"],"names":[],"mappings":"AAiBA,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,wBAAwB,2CA+CvE"}

package/dist/components/ProductImageGallery.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ProductImage } from "./ProductImage";
+function getImageUrls(record) {
+    const images = record.images;
+    if (Array.isArray(images) && images.length > 0) {
+        return [...new Set(images.filter((u) => typeof u === "string"))];
+    }
+    const primary = ["image_url", "image", "thumbnail", "photo"].find((f) => record[f]);
+    const primaryUrl = primary ? String(record[primary]) : null;
+    const extras = ["image_2", "image_3", "image_4"].filter((f) => record[f]).map((f) => String(record[f]));
+    if (primaryUrl)
+        return [primaryUrl, ...extras];
+    return extras;
+}
+export function ProductImageGallery({ record }) {
+    const urls = getImageUrls(record);
+    const [selected, setSelected] = useState(0);
+    if (urls.length === 0) {
+        return (_jsx("div", { className: "pattern-well rounded-component overflow-hidden aspect-square flex items-center justify-center text-aurora-muted text-6xl", children: "-" }));
+    }
+    const mainUrl = urls[selected] ?? urls[0];
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "pattern-well rounded-xl overflow-hidden aspect-square shadow-sm ring-1 ring-aurora-border/50 p-4", children: _jsx(ProductImage, { src: mainUrl, className: "w-full h-full object-contain cursor-zoom-in", fallback: _jsx("span", { className: "w-full h-full flex items-center justify-center text-aurora-muted text-4xl", children: "-" }) }) }), urls.length > 1 && (_jsx("div", { className: "flex gap-2 overflow-x-auto pb-1", children: urls.map((url, i) => (_jsx("button", { type: "button", onClick: () => setSelected(i), className: `shrink-0 w-16 h-16 rounded-lg overflow-hidden border-2 bg-aurora-surface-hover transition-colors ${selected === i ? "border-aurora-primary" : "border-aurora-border hover:border-aurora-primary/50"}`, children: _jsx(ProductImage, { src: url, className: "w-full h-full object-contain", fallback: _jsx("span", { className: "w-full h-full flex items-center justify-center text-aurora-muted text-sm", children: "-" }) }) }, i))) }))] }));
+}

package/dist/components/SearchDropdown.d.ts

@@ -0,0 +1,11 @@
+export declare function SearchDropdown({ vendorId, placeholder, fullWidth, excludeDietary, getRecipeSuggestion, }: {
+    vendorId?: string;
+    placeholder?: string;
+    /** When true, input fills container (e.g. for CommandSurface hero). */
+    fullWidth?: boolean;
+    /** Dietary exclusions for search (e.g. from app context). */
+    excludeDietary?: string[];
+    /** Optional grocery-style recipe line suggestion from query (e.g. cart-intelligence). */
+    getRecipeSuggestion?: (query: string) => string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchDropdown.d.ts.map

package/dist/components/SearchDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchDropdown.d.ts","sourceRoot":"","sources":["../../src/components/SearchDropdown.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAA4C,EAC5C,SAAS,EACT,cAAmB,EACnB,mBAAmB,GACpB,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,yFAAyF;IACzF,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACxD,2CA0RA"}

package/dist/components/SearchDropdown.js

@@ -0,0 +1,145 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from "react";
+import Link from "next/link";
+import { Search } from "lucide-react";
+import { formatPrice, toCents } from "../lib/format-price";
+import { search } from "../lib/aurora";
+import { holmesSearch } from "../lib/holmes-events";
+import { useCart } from "./CartProvider";
+import { ProductImage } from "./ProductImage";
+const RECENT_KEY = "aurora-search-recent";
+const RECENT_MAX = 5;
+function loadRecent() {
+    if (typeof window === "undefined")
+        return [];
+    try {
+        const stored = localStorage.getItem(RECENT_KEY);
+        return stored ? JSON.parse(stored) : [];
+    }
+    catch {
+        return [];
+    }
+}
+function saveRecent(terms) {
+    if (typeof window === "undefined")
+        return;
+    localStorage.setItem(RECENT_KEY, JSON.stringify(terms.slice(0, RECENT_MAX)));
+}
+export function SearchDropdown({ vendorId, placeholder = "Search milk, bananas, pasta…", fullWidth, excludeDietary = [], getRecipeSuggestion, }) {
+    const [query, setQuery] = useState("");
+    const [hits, setHits] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [open, setOpen] = useState(false);
+    const [recentSearches, setRecentSearches] = useState([]);
+    const debounceRef = useRef(null);
+    const containerRef = useRef(null);
+    const { addItem } = useCart();
+    useEffect(() => {
+        setRecentSearches(loadRecent());
+    }, []);
+    const addToRecent = useCallback((term) => {
+        const t = term.trim().toLowerCase();
+        if (!t)
+            return;
+        setRecentSearches((prev) => {
+            const next = [t, ...prev.filter((x) => x !== t)].slice(0, RECENT_MAX);
+            saveRecent(next);
+            return next;
+        });
+    }, []);
+    const doSearch = useCallback(async (q) => {
+        if (!q.trim()) {
+            setHits([]);
+            return;
+        }
+        holmesSearch(q.trim());
+        setLoading(true);
+        try {
+            const res = await search({
+                q: q.trim(),
+                limit: 12,
+                vendorId,
+                excludeDietary: excludeDietary.length ? excludeDietary : undefined,
+            });
+            setHits(res.hits ?? []);
+        }
+        catch {
+            setHits([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [vendorId, excludeDietary]);
+    useEffect(() => {
+        if (debounceRef.current)
+            clearTimeout(debounceRef.current);
+        if (!query.trim()) {
+            setHits([]);
+            if (!open)
+                return;
+            setOpen(true);
+            return;
+        }
+        setOpen(true);
+        debounceRef.current = setTimeout(() => doSearch(query), 180);
+        return () => {
+            if (debounceRef.current)
+                clearTimeout(debounceRef.current);
+        };
+    }, [query, doSearch, open]);
+    useEffect(() => {
+        function handleClickOutside(e) {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                setOpen(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    const categories = [
+        ...new Set(hits
+            .map((h) => h.category_name ?? h.category)
+            .filter(Boolean)),
+    ].slice(0, 3);
+    const brands = [
+        ...new Set(hits
+            .map((h) => h.brand ?? h.brand_name)
+            .filter(Boolean)),
+    ].slice(0, 3);
+    const handleProductSelect = (hit, quickAdd) => {
+        addToRecent(query);
+        if (quickAdd && hit.price != null && Number(hit.price) > 0 && hit.tableSlug) {
+            addItem({
+                recordId: hit.recordId,
+                tableSlug: hit.tableSlug,
+                name: hit.name ?? hit.title ?? hit.snippet ?? hit.recordId ?? "",
+                unitAmount: toCents(hit.price) ?? 0,
+                imageUrl: hit.image_url,
+            });
+        }
+    };
+    const showRecent = open && query.trim() && !loading && hits.length === 0 && recentSearches.length > 0;
+    const recipeSuggestion = getRecipeSuggestion?.(query) ?? null;
+    const showRecipeSuggestion = open && query.trim().length >= 2 && recipeSuggestion && !loading;
+    return (_jsxs("div", { ref: containerRef, className: `relative w-full ${fullWidth ? "" : "max-w-[280px]"}`, children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-aurora-muted" }), _jsx("input", { type: "search", value: query, onChange: (e) => setQuery(e.target.value), onFocus: () => (query.trim() || recentSearches.length) && setOpen(true), placeholder: placeholder, className: "w-full pl-9 pr-3 py-2 h-9 text-sm rounded-lg bg-aurora-surface border border-aurora-border text-aurora-text placeholder:text-aurora-muted focus:outline-none focus:ring-1 focus:ring-aurora-primary/50 focus:border-aurora-primary/70", "aria-label": "Search products" })] }), open && (query.trim() || showRecent) && (_jsx("div", { className: "absolute top-full left-0 right-0 mt-1 rounded-component bg-aurora-surface border border-aurora-border shadow-xl z-[9999] max-h-96 overflow-y-auto", children: loading ? (_jsx("div", { className: "p-4 text-aurora-muted text-sm", children: "Searching\u2026" })) : hits.length === 0 && !showRecent && !showRecipeSuggestion ? (_jsx("div", { className: "p-4 text-aurora-muted text-sm", children: "No results" })) : (_jsxs("div", { className: "py-2", children: [showRecipeSuggestion && (_jsx("div", { className: "px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-aurora-muted border-b border-aurora-border", children: "Suggestions" })), showRecipeSuggestion && (_jsxs(Link, { href: `/catalogue?q=${encodeURIComponent(recipeSuggestion.replace("?", "").split(" ")[0].toLowerCase())}`, onClick: () => {
+                                addToRecent(recipeSuggestion);
+                                setOpen(false);
+                            }, className: "flex items-center gap-3 px-4 py-2 hover:bg-aurora-surface-hover transition-colors border-b border-aurora-border", children: [_jsx(Search, { className: "w-4 h-4 text-aurora-muted shrink-0" }), _jsx("span", { className: "font-medium truncate", children: recipeSuggestion })] })), hits.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-aurora-muted border-b border-aurora-border", children: "Products" }), _jsx("ul", { children: hits.slice(0, 6).map((hit) => (_jsx("li", { className: "group/item", children: _jsxs("div", { className: "flex items-center gap-3 px-4 py-2 hover:bg-aurora-surface-hover transition-colors", children: [_jsxs(Link, { href: `/catalogue/${hit.recordId}`, onClick: () => {
+                                                        handleProductSelect(hit);
+                                                        setOpen(false);
+                                                    }, className: "flex items-center gap-3 flex-1 min-w-0", children: [_jsx("div", { className: "w-10 h-10 rounded-component bg-aurora-surface-hover shrink-0 overflow-hidden", children: _jsx(ProductImage, { src: hit.image_url, className: "w-full h-full", objectFit: "contain", thumbnail: true, fallback: _jsx("div", { className: "w-full h-full flex items-center justify-center text-aurora-muted text-xs", children: "-" }) }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "font-medium truncate", children: hit.name ?? hit.title ?? hit.snippet ?? hit.recordId }), hit.price != null && Number(hit.price) > 0 && (_jsx("p", { className: "text-sm text-aurora-primary font-semibold", children: formatPrice(toCents(hit.price) ?? 0) }))] })] }), hit.price != null && Number(hit.price) > 0 && (_jsx("button", { type: "button", onClick: (e) => {
+                                                        e.preventDefault();
+                                                        handleProductSelect(hit, true);
+                                                        setOpen(false);
+                                                    }, className: "shrink-0 px-3 py-1.5 rounded-lg bg-aurora-primary text-white text-xs font-medium hover:bg-aurora-primary-dark transition-colors opacity-0 group-hover/item:opacity-100", children: "Quick add" }))] }) }, `${hit.tableSlug}-${hit.recordId}`))) }), categories.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-aurora-muted border-t border-b border-aurora-border mt-1", children: "Categories" }), _jsx("ul", { children: categories.map((cat) => (_jsx("li", { children: _jsx(Link, { href: `/catalogue?category=${encodeURIComponent(String(cat).toLowerCase().replace(/\s+/g, "-"))}`, onClick: () => {
+                                                        addToRecent(query);
+                                                        setOpen(false);
+                                                    }, className: "flex items-center gap-3 px-4 py-2 hover:bg-aurora-surface-hover transition-colors", children: _jsx("span", { className: "font-medium truncate", children: cat }) }) }, cat))) })] })), brands.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-aurora-muted border-t border-b border-aurora-border mt-1", children: "Brands" }), _jsx("ul", { children: brands.map((brand) => (_jsx("li", { children: _jsx(Link, { href: `/catalogue?q=${encodeURIComponent(brand)}`, onClick: () => {
+                                                        addToRecent(query);
+                                                        setOpen(false);
+                                                    }, className: "flex items-center gap-3 px-4 py-2 hover:bg-aurora-surface-hover transition-colors", children: _jsx("span", { className: "font-medium truncate", children: brand }) }) }, brand))) })] }))] })), showRecent && (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-aurora-muted border-b border-aurora-border", children: "Recent searches" }), _jsx("ul", { children: recentSearches.map((term) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => {
+                                                setQuery(term);
+                                                doSearch(term);
+                                            }, className: "w-full text-left flex items-center gap-3 px-4 py-2 hover:bg-aurora-surface-hover transition-colors", children: [_jsx(Search, { className: "w-4 h-4 text-aurora-muted shrink-0" }), _jsx("span", { className: "font-medium truncate", children: term })] }) }, term))) })] }))] })) }))] }));
+}