@lexsis/storefront-components 1.0.0

package/dist/personalization/PersonalizedGreeting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalizedGreeting.js","sourceRoot":"","sources":["../../src/personalization/PersonalizedGreeting.tsx"],"names":[],"mappings":"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"}

package/dist/personalization/PersonalizedRecommendations.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from "../types";
+export default function PersonalizedRecommendations({ content, variant, theme, kit, generatedAssets, elementStyles, settings }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PersonalizedRecommendations.d.ts.map

package/dist/personalization/PersonalizedRecommendations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalizedRecommendations.d.ts","sourceRoot":"","sources":["../../src/personalization/PersonalizedRecommendations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA6V/C,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAM7I"}

package/dist/personalization/PersonalizedRecommendations.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, AnimatePresence } from "framer-motion";
+import { renderText } from "../renderText";
+import { renderIcon } from "../utils/renderIcon";
+import { AspectBox } from "../primitives/AspectBox";
+import { MediaLoop } from "../primitives/MediaLoop";
+import { ProductCard } from "../product/ProductCard";
+// ─── makeFlags helper ─────────────────────────────────────────────────────────
+function makeFlags(overrides) {
+    return {
+        card_style: "standard",
+        image_aspect: "1:1",
+        hover_image: false,
+        hover_image_speed: 300,
+        hover_reveal: "quick_add",
+        show_compare_price: false,
+        show_rating: false,
+        show_color_swatches: false,
+        badge_style: "pill",
+        image_fit: "cover",
+        card_shadow: "sm",
+        blob_color: "",
+        ...overrides,
+    };
+}
+// ─── Section heading helper ───────────────────────────────────────────────────
+function SectionHeading({ text, theme }) {
+    return (_jsx("h2", { style: {
+            fontFamily: `${theme.fonts.display}, serif`,
+            fontWeight: 700,
+            fontSize: "clamp(1.2rem, 2vw, 1.6rem)",
+            color: theme.palette.text,
+            marginBottom: "24px",
+        }, children: text }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 1: complete_your_routine
+// ─────────────────────────────────────────────────────────────────────────────
+function CompleteYourRoutine({ content, theme }) {
+    const c = content;
+    const steps = c.routine_steps || [];
+    const accent = theme.palette.accent;
+    const border = theme.palette.border || "#e5e7eb";
+    const textColor = theme.palette.text;
+    const surface = theme.palette.surface || "#f5f5f5";
+    return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "48px 20px" }, children: _jsxs("div", { style: { maxWidth: "1100px", margin: "0 auto" }, children: [_jsx(SectionHeading, { text: "Your routine", theme: theme }), _jsx("div", { className: "flex flex-col md:flex-row md:overflow-x-auto gap-6 md:gap-4 pb-2", children: steps.map((step, i) => {
+                        const owned = step.is_owned;
+                        return (_jsxs("div", { className: "flex flex-col items-center", style: { minWidth: "160px", flex: "0 0 auto", opacity: owned ? 0.55 : 1 }, children: [_jsx("div", { style: {
+                                        width: "36px", height: "36px", borderRadius: "50%",
+                                        backgroundColor: owned ? surface : accent,
+                                        border: `2px solid ${owned ? border : accent}`,
+                                        display: "flex", alignItems: "center", justifyContent: "center",
+                                        color: owned ? textColor : "#ffffff",
+                                        fontSize: "0.85rem", fontWeight: 700,
+                                        flexShrink: 0, marginBottom: "12px",
+                                        transition: "all 0.2s",
+                                    }, children: owned ? "✓" : step.step_number }), i < steps.length - 1 && (_jsx("div", { className: "hidden md:block absolute", style: { /* managed by flex gap */} })), _jsx("div", { style: { width: "160px" }, children: _jsxs("div", { style: {
+                                            border: `2px solid ${owned ? border : accent + "60"}`,
+                                            borderRadius: "var(--lx-card-radius, 12px)",
+                                            overflow: "hidden",
+                                            backgroundColor: theme.palette.bg,
+                                        }, children: [_jsx(AspectBox, { aspect: "1:1", fit: "cover", children: step.product_image && _jsx(MediaLoop, { src: step.product_image, alt: step.product_name, fit: "cover" }) }), _jsxs("div", { style: { padding: "10px 12px" }, children: [_jsx("p", { style: { fontWeight: 600, fontSize: "0.8rem", color: textColor, marginBottom: "2px", lineHeight: 1.3 }, children: step.product_name }), _jsx("p", { style: { fontSize: "0.75rem", opacity: 0.65, color: textColor, marginBottom: "8px" }, children: step.price }), owned ? (_jsx("div", { style: { padding: "7px 0", textAlign: "center", fontSize: "0.75rem", fontWeight: 600, color: textColor, opacity: 0.5 }, children: "In your routine \u2713" })) : (_jsx("button", { type: "button", "data-lx-atc": true, "data-variant-gid": step.gid, style: {
+                                                            width: "100%", padding: "7px 0", fontSize: "0.75rem", fontWeight: 600,
+                                                            backgroundColor: accent, color: "#ffffff",
+                                                            border: "none", borderRadius: "var(--lx-button-radius, 9999px)",
+                                                            cursor: "pointer",
+                                                        }, children: "Add to routine" }))] })] }) })] }, i));
+                    }) })] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 2: collab_filter
+// ─────────────────────────────────────────────────────────────────────────────
+function CollabFilter({ content, theme }) {
+    const c = content;
+    const products = (c.recommended_products || []).slice(0, c.max_items ?? 9);
+    const contextName = c.context_product_name ? renderText(c.context_product_name) : "this product";
+    const textColor = theme.palette.text;
+    return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "48px 20px" }, children: _jsxs("div", { style: { maxWidth: "1100px", margin: "0 auto" }, children: [_jsx(SectionHeading, { text: `Customers who bought ${contextName} also loved:`, theme: theme }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-4", children: products.map((p, i) => (_jsx(ProductCard, { item: { name: p.name, price: p.price, image_url: p.image_url, handle: p.gid }, flags: makeFlags(), theme: theme }, i))) }), products.length > 1 && (_jsxs("p", { style: { marginTop: "16px", fontSize: "0.78rem", opacity: 0.5, color: textColor }, children: [products.length, " customers bought these together"] }))] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 3: high_intent_alternatives
+// ─────────────────────────────────────────────────────────────────────────────
+function HighIntentAlternatives({ content, theme }) {
+    const c = content;
+    const alternatives = (c.alternatives || []).slice(0, c.max_items ?? 6);
+    const accent = theme.palette.accent;
+    const border = theme.palette.border || "#e5e7eb";
+    const textColor = theme.palette.text;
+    return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "48px 20px" }, children: _jsxs("div", { style: { maxWidth: "1100px", margin: "0 auto" }, children: [_jsx(SectionHeading, { text: "Still deciding? Compare these:", theme: theme }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-5", children: alternatives.map((alt, i) => (_jsxs("div", { style: {
+                            border: `1px solid ${border}`,
+                            borderRadius: "var(--lx-card-radius, 12px)",
+                            overflow: "hidden",
+                            backgroundColor: theme.palette.bg,
+                            display: "flex", flexDirection: "column",
+                        }, children: [_jsx(AspectBox, { aspect: "4:3", fit: "cover", children: alt.image_url && _jsx(MediaLoop, { src: alt.image_url, alt: alt.name, fit: "cover" }) }), _jsxs("div", { style: { padding: "14px 16px", flex: 1, display: "flex", flexDirection: "column", gap: "8px" }, children: [_jsx("p", { style: { fontWeight: 700, fontSize: "0.95rem", color: textColor }, children: alt.name }), _jsx("p", { style: { fontSize: "0.85rem", opacity: 0.65, color: textColor }, children: alt.price }), alt.differentiators && alt.differentiators.length > 0 && (_jsx("ul", { style: { margin: 0, paddingLeft: "16px", display: "flex", flexDirection: "column", gap: "4px" }, children: alt.differentiators.slice(0, 3).map((d, j) => (_jsx("li", { style: { fontSize: "0.78rem", color: textColor, opacity: 0.75, lineHeight: 1.5 }, children: d }, j))) })), _jsx("button", { type: "button", "data-lx-atc": true, "data-variant-gid": alt.gid, style: {
+                                            marginTop: "auto", padding: "10px 0", fontSize: "0.82rem", fontWeight: 600,
+                                            backgroundColor: accent, color: "#ffffff",
+                                            border: "none", borderRadius: "var(--lx-button-radius, 9999px)",
+                                            cursor: "pointer",
+                                        }, children: "Add" })] })] }, i))) })] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 4: vip_early_access
+// ─────────────────────────────────────────────────────────────────────────────
+function VipEarlyAccess({ content, theme }) {
+    const c = content;
+    const products = (c.exclusive_products || []).slice(0, c.max_items ?? 6);
+    const isVip = !!c._dynamic_is_vip;
+    const accent = theme.palette.accent;
+    const textColor = theme.palette.text;
+    return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "48px 20px" }, children: _jsxs("div", { style: { maxWidth: "1100px", margin: "0 auto", position: "relative" }, children: [_jsx(SectionHeading, { text: "Exclusive \u2014 available to members only", theme: theme }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-4", style: { filter: isVip ? "none" : "blur(2px)", pointerEvents: isVip ? "auto" : "none" }, children: products.map((p, i) => (_jsx(ProductCard, { item: { name: p.name, price: p.price, image_url: p.image_url, handle: p.gid, badge: "MEMBER EXCLUSIVE" }, flags: makeFlags({ card_style: "floating", badge_style: "ribbon" }), theme: theme }, i))) }), _jsx(AnimatePresence, { children: !isVip && (_jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, style: {
+                            position: "absolute", inset: 0,
+                            backgroundColor: theme.palette.bg + "cc",
+                            backdropFilter: "blur(4px)",
+                            display: "flex", flexDirection: "column",
+                            alignItems: "center", justifyContent: "center",
+                            gap: "16px", borderRadius: "var(--lx-card-radius, 12px)",
+                            zIndex: 10,
+                        }, children: [_jsx("p", { style: { fontSize: "1.1rem", fontWeight: 700, color: textColor }, children: renderIcon("lock", { size: 24, color: accent }) }), _jsx("p", { style: { fontSize: "0.95rem", fontWeight: 600, color: textColor, textAlign: "center", maxWidth: "260px" }, children: "Join our members program to unlock exclusive products" }), _jsx("button", { type: "button", style: {
+                                    padding: "12px 28px", fontSize: "0.875rem", fontWeight: 700,
+                                    backgroundColor: accent, color: "#ffffff",
+                                    border: "none", borderRadius: "var(--lx-button-radius, 9999px)",
+                                    cursor: "pointer",
+                                }, children: "Join to unlock" })] })) })] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 5: bestsellers_for_new
+// ─────────────────────────────────────────────────────────────────────────────
+const staggerContainer = {
+    hidden: {},
+    show: {
+        transition: { staggerChildren: 0.07 },
+    },
+};
+const staggerItem = {
+    hidden: { opacity: 0, y: 18 },
+    show: { opacity: 1, y: 0, transition: { duration: 0.35, ease: "easeOut" } },
+};
+function BestsellersForNew({ content, theme }) {
+    const c = content;
+    const products = (c.products || []).slice(0, c.max_items ?? 9);
+    return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "48px 20px" }, children: _jsxs("div", { style: { maxWidth: "1100px", margin: "0 auto" }, children: [_jsx(SectionHeading, { text: "Our most loved products", theme: theme }), _jsx(motion.div, { className: "grid grid-cols-2 sm:grid-cols-3 gap-4", variants: staggerContainer, initial: "hidden", whileInView: "show", viewport: { once: true, margin: "-60px" }, children: products.map((p, i) => (_jsx(motion.div, { variants: staggerItem, children: _jsx(ProductCard, { item: { name: p.name, price: p.price, image_url: p.image_url, handle: p.gid, badge: p.sold_count ? `${(p.sold_count).toLocaleString()} sold` : undefined }, flags: makeFlags({ badge_style: "pill" }), theme: theme }, i) }, i))) })] }) }));
+}
+// ─── Main export ──────────────────────────────────────────────────────────────
+export default function PersonalizedRecommendations({ content, variant, theme, kit, generatedAssets, elementStyles, settings }) {
+    if (variant === "collab_filter")
+        return _jsx(CollabFilter, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "high_intent_alternatives")
+        return _jsx(HighIntentAlternatives, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "vip_early_access")
+        return _jsx(VipEarlyAccess, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "bestsellers_for_new")
+        return _jsx(BestsellersForNew, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    return _jsx(CompleteYourRoutine, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+}
+//# sourceMappingURL=PersonalizedRecommendations.js.map

package/dist/personalization/PersonalizedRecommendations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalizedRecommendations.js","sourceRoot":"","sources":["../../src/personalization/PersonalizedRecommendations.tsx"],"names":[],"mappings":"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"}

package/dist/personalization/ProgressMilestone.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from "../types";
+export default function ProgressMilestone({ content, variant, theme, kit, generatedAssets, elementStyles, settings }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressMilestone.d.ts.map

package/dist/personalization/ProgressMilestone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressMilestone.d.ts","sourceRoot":"","sources":["../../src/personalization/ProgressMilestone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAoU/C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAKnI"}

package/dist/personalization/ProgressMilestone.js

@@ -0,0 +1,127 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { renderText } from "../renderText";
+import { motion } from "framer-motion";
+import { itemFadeUp } from "../animations/variants";
+// ─── Helpers ──────────────────────────────────────────────────────────────────
+function resolveCurrent(content) {
+    const c = content;
+    const val = c._dynamic_current_value ?? c.current_value;
+    return typeof val === "number" ? val : 0;
+}
+// ─── Variant 1: free_shipping_bar ────────────────────────────────────────────
+function FreeShippingBar({ content, theme }) {
+    const c = content;
+    const current = resolveCurrent(content);
+    const target = typeof c.target_value === "number" ? c.target_value : 100;
+    const remaining = Math.max(0, target - current);
+    const pct = target > 0 ? Math.min(100, (current / target) * 100) : 0;
+    const unlocked = remaining === 0;
+    const currency = renderText(c.currency_symbol) || "₹";
+    const accent = theme.palette.accent;
+    const surface = theme.palette.surface;
+    const text = theme.palette.text;
+    const border = theme.palette.border || "#e5e7eb";
+    return (_jsxs("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "12px", padding: "20px 24px", display: "flex", flexDirection: "column", gap: "12px" }, children: [_jsx("p", { style: { fontSize: "0.9rem", color: text, margin: 0, fontWeight: 500 }, children: unlocked
+                    ? "🎉 You've unlocked free shipping!"
+                    : _jsxs(_Fragment, { children: [_jsxs("strong", { style: { color: text }, children: [currency, Math.round(remaining).toLocaleString(), " more"] }), " for ", _jsx("strong", { style: { color: accent }, children: "FREE shipping" })] }) }), _jsx("div", { style: { height: "8px", backgroundColor: border, borderRadius: "999px", overflow: "hidden" }, children: _jsx(motion.div, { initial: { width: 0 }, animate: { width: `${pct}%` }, transition: { duration: 1, ease: "easeOut" }, style: { height: "100%", backgroundColor: unlocked ? "#10b981" : accent, borderRadius: "999px" } }) }), c.motivational_copy && !unlocked && (_jsx("p", { style: { fontSize: "0.78rem", color: text, opacity: 0.55, margin: 0 }, children: renderText(c.motivational_copy) }))] }));
+}
+// ─── Variant 2: loyalty_tier_ring ────────────────────────────────────────────
+const CIRCUMFERENCE = 2 * Math.PI * 52; // ≈ 326.7
+function LoyaltyTierRing({ content, theme }) {
+    const c = content;
+    const current = resolveCurrent(content);
+    const target = typeof c.target_value === "number" ? c.target_value : 100;
+    const pct = target > 0 ? Math.min(100, (current / target) * 100) : 0;
+    const tierName = renderText(c.milestone_steps?.find((s) => s.is_current)?.label ?? "Current");
+    const nextTierName = c.next_milestone_name ? renderText(c.next_milestone_name) : "";
+    const pointsToNext = typeof c.target_value === "number" && typeof c.current_value === "number"
+        ? Math.max(0, c.target_value - current)
+        : null;
+    const accent = theme.palette.accent;
+    const surface = theme.palette.surface;
+    const text = theme.palette.text;
+    const border = theme.palette.border || "#e5e7eb";
+    const [dashOffset, setDashOffset] = useState(CIRCUMFERENCE);
+    useEffect(() => {
+        const targetOffset = CIRCUMFERENCE - (pct / 100) * CIRCUMFERENCE;
+        // small rAF delay so the initial animate fires after mount
+        const id = requestAnimationFrame(() => setDashOffset(targetOffset));
+        return () => cancelAnimationFrame(id);
+    }, [pct]);
+    return (_jsxs("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "16px", padding: "28px 24px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [_jsxs("div", { style: { position: "relative", width: 120, height: 120 }, children: [_jsxs("svg", { width: 120, height: 120, style: { transform: "rotate(-90deg)" }, children: [_jsx("circle", { cx: 60, cy: 60, r: 52, fill: "none", stroke: border, strokeWidth: 8 }), _jsx(motion.circle, { cx: 60, cy: 60, r: 52, fill: "none", stroke: accent, strokeWidth: 8, strokeLinecap: "round", strokeDasharray: CIRCUMFERENCE, initial: { strokeDashoffset: CIRCUMFERENCE }, animate: { strokeDashoffset: dashOffset }, transition: { duration: 1.2, ease: "easeOut" } })] }), _jsxs("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", gap: 2 }, children: [_jsx("span", { style: { fontSize: "0.85rem", fontWeight: 700, color: text, lineHeight: 1.1 }, children: tierName }), pointsToNext !== null && (_jsxs("span", { style: { fontSize: "0.65rem", color: text, opacity: 0.55, lineHeight: 1.2 }, children: [pointsToNext.toLocaleString(), " to go"] }))] })] }), _jsxs("div", { style: { display: "flex", justifyContent: "space-between", width: "100%", maxWidth: 180 }, children: [_jsx("span", { style: { fontSize: "0.72rem", fontWeight: 600, color: accent }, children: tierName }), nextTierName && (_jsx("span", { style: { fontSize: "0.72rem", color: text, opacity: 0.45 }, children: nextTierName }))] })] }));
+}
+// ─── Variant 3: quantity_breaks ───────────────────────────────────────────────
+function QuantityBreaks({ content, theme }) {
+    const c = content;
+    const breaks = Array.isArray(c.quantity_breaks)
+        ? c.quantity_breaks
+        : [];
+    const [selectedQty, setSelectedQty] = useState(breaks[0]?.qty ?? 1);
+    const accent = theme.palette.accent;
+    const surface = theme.palette.surface;
+    const text = theme.palette.text;
+    const border = theme.palette.border || "#e5e7eb";
+    const bg = theme.palette.bg;
+    if (breaks.length === 0) {
+        return (_jsx("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "12px", padding: "20px 24px" }, children: _jsx("p", { style: { fontSize: "0.9rem", color: text, opacity: 0.5, margin: 0 }, children: "No quantity breaks configured" }) }));
+    }
+    const selectedBreak = breaks.find((b) => b.qty === selectedQty) ?? breaks[0];
+    const nextBreak = breaks.find((b) => b.qty > selectedQty);
+    const remaining = nextBreak ? nextBreak.qty - selectedQty : 0;
+    return (_jsxs("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "12px", padding: "20px 24px", display: "flex", flexDirection: "column", gap: "14px" }, children: [_jsx("p", { style: { fontSize: "0.82rem", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: text, opacity: 0.45, margin: 0 }, children: "Buy more, save more" }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: breaks.map((b) => (_jsxs("button", { type: "button", "data-lx-qty": b.qty, onClick: () => setSelectedQty(b.qty), style: {
+                        padding: "8px 16px",
+                        borderRadius: "999px",
+                        border: `1.5px solid ${selectedQty === b.qty ? accent : border}`,
+                        backgroundColor: selectedQty === b.qty ? accent : bg,
+                        color: selectedQty === b.qty ? "#fff" : text,
+                        fontSize: "0.82rem",
+                        fontWeight: 600,
+                        cursor: "pointer",
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        gap: "2px",
+                        transition: "all 0.15s",
+                    }, children: [_jsxs("span", { children: ["\u00D7", b.qty] }), b.savings_label && (_jsxs("span", { style: { fontSize: "0.65rem", opacity: selectedQty === b.qty ? 0.9 : 0.55 }, children: [b.savings_label, "% off"] }))] }, b.qty))) }), _jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: "8px" }, children: [_jsx("span", { style: { fontSize: "1.1rem", fontWeight: 700, color: text }, children: selectedBreak.price }), selectedBreak.label && (_jsx("span", { style: { fontSize: "0.8rem", color: accent, fontWeight: 600 }, children: selectedBreak.label }))] }), nextBreak && (_jsxs("p", { style: { fontSize: "0.82rem", color: text, opacity: 0.65, margin: 0 }, children: [_jsxs("strong", { children: [remaining, " more"] }), " to unlock ", _jsxs("strong", { style: { color: accent }, children: [nextBreak.savings_label ?? nextBreak.label, "% off"] })] }))] }));
+}
+const DEFAULT_STEPS = [
+    { label: "Member", value: 0, is_completed: true, is_current: false },
+    { label: "Silver", value: 500, is_completed: false, is_current: true },
+    { label: "Gold", value: 1000, is_completed: false, is_current: false },
+    { label: "Platinum", value: 2500, is_completed: false, is_current: false },
+    { label: "Elite", value: 5000, is_completed: false, is_current: false },
+];
+function MembershipProgress({ content, theme }) {
+    const c = content;
+    const steps = Array.isArray(c.milestone_steps) && c.milestone_steps.length > 0
+        ? c.milestone_steps
+        : DEFAULT_STEPS;
+    const unit = renderText(c.unit) || "purchases";
+    const nextMilestoneName = c.next_milestone_name;
+    const current = resolveCurrent(content);
+    const currentIdx = steps.findIndex((s) => s.is_current);
+    const nextStep = currentIdx >= 0 && currentIdx < steps.length - 1 ? steps[currentIdx + 1] : null;
+    const remaining = nextStep ? Math.max(0, nextStep.value - current) : 0;
+    const accent = theme.palette.accent;
+    const surface = theme.palette.surface;
+    const text = theme.palette.text;
+    const border = theme.palette.border || "#e5e7eb";
+    const success = theme.palette.success || "#16a34a";
+    return (_jsxs("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "16px", padding: "28px 24px", display: "flex", flexDirection: "column", gap: "20px" }, children: [_jsxs("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [_jsx("div", { style: { position: "absolute", top: "50%", left: 0, right: 0, height: "2px", backgroundColor: border, transform: "translateY(-50%)", zIndex: 0 } }), steps.map((step, i) => {
+                        const isCompleted = step.is_completed;
+                        const isCurrent = step.is_current;
+                        return (_jsxs("div", { style: { position: "relative", zIndex: 1, display: "flex", flexDirection: "column", alignItems: "center", gap: "6px" }, children: [isCompleted ? (_jsx("div", { style: { width: 28, height: 28, borderRadius: "50%", backgroundColor: success, display: "flex", alignItems: "center", justifyContent: "center" }, children: _jsx("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", children: _jsx("path", { d: "M2.5 7L5.5 10L11.5 4", stroke: "#fff", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) })) : isCurrent ? (_jsx(motion.div, { animate: { opacity: [0.5, 1, 0.5] }, transition: { duration: 1.6, repeat: Infinity, ease: "easeInOut" }, style: { width: 28, height: 28, borderRadius: "50%", backgroundColor: accent } })) : (_jsx("div", { style: { width: 28, height: 28, borderRadius: "50%", backgroundColor: surface, border: `2px solid ${border}` } })), _jsx("span", { style: { fontSize: "0.65rem", fontWeight: isCurrent ? 700 : 500, color: isCurrent ? accent : isCompleted ? success : text, opacity: isCompleted || isCurrent ? 1 : 0.45, whiteSpace: "nowrap" }, children: step.label })] }, i));
+                    })] }), nextStep && (_jsxs(motion.p, { variants: itemFadeUp, initial: "hidden", animate: "visible", style: { fontSize: "0.85rem", color: text, opacity: 0.65, margin: 0, textAlign: "center" }, children: [_jsx("strong", { style: { color: text }, children: remaining.toLocaleString() }), " more ", unit, " to ", _jsx("strong", { style: { color: accent }, children: nextMilestoneName ?? nextStep.label })] }))] }));
+}
+// ─── Main export ──────────────────────────────────────────────────────────────
+export default function ProgressMilestone({ content, variant, theme, kit, generatedAssets, elementStyles, settings }) {
+    if (variant === "loyalty_tier_ring")
+        return _jsx(LoyaltyTierRing, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "quantity_breaks")
+        return _jsx(QuantityBreaks, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "membership_progress")
+        return _jsx(MembershipProgress, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    return _jsx(FreeShippingBar, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+}
+//# sourceMappingURL=ProgressMilestone.js.map

package/dist/personalization/ProgressMilestone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressMilestone.js","sourceRoot":"","sources":["../../src/personalization/ProgressMilestone.tsx"],"names":[],"mappings":"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"}

package/dist/personalization/ReengagementBanner.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from "../types";
+export default function ReengagementBanner({ content, variant, theme, kit, generatedAssets, elementStyles, settings }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReengagementBanner.d.ts.map

package/dist/personalization/ReengagementBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReengagementBanner.d.ts","sourceRoot":"","sources":["../../src/personalization/ReengagementBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAgX/C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAKpI"}

package/dist/personalization/ReengagementBanner.js

@@ -0,0 +1,185 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { renderText } from "../renderText";
+import { renderIcon } from "../utils/renderIcon";
+import { ProductCard } from "../product/ProductCard";
+// ─── Helpers ───────────────────────────────────────────────────────────────────
+function c(rawContent) {
+    return rawContent;
+}
+function formatCountdown(totalSeconds) {
+    const h = Math.floor(totalSeconds / 3600);
+    const m = Math.floor((totalSeconds % 3600) / 60);
+    const s = totalSeconds % 60;
+    return [h, m, s].map((v) => String(v).padStart(2, "0")).join(":");
+}
+// ─── makeFlags helper ─────────────────────────────────────────────────────────
+function makeFlags(overrides) {
+    return {
+        card_style: "standard",
+        image_aspect: "1:1",
+        hover_image: false,
+        hover_image_speed: 300,
+        hover_reveal: "quick_add",
+        show_compare_price: false,
+        show_rating: false,
+        show_color_swatches: false,
+        badge_style: "pill",
+        image_fit: "cover",
+        card_shadow: "sm",
+        blob_color: "",
+        ...overrides,
+    };
+}
+// ─── Variant 1: new_arrivals_since_visit ──────────────────────────────────────
+function NewArrivalsSinceVisit({ content: rawContent, theme }) {
+    const data = c(rawContent);
+    const daysSince = data._dynamic_days_since_visit ?? data.days_since_last_visit;
+    const newCount = data._dynamic_new_products_count ?? data.new_products_count;
+    const products = Array.isArray(data.new_products) ? data.new_products : [];
+    // Guard: no useful data → render nothing
+    if (daysSince == null && newCount == null && products.length === 0)
+        return null;
+    const accent = theme.palette.accent;
+    const text = theme.palette.text;
+    return (_jsxs("div", { style: { fontFamily: `${theme.fonts.body}, sans-serif` }, children: [_jsxs("p", { style: { fontSize: "0.9rem", fontWeight: 700, color: text, marginBottom: "16px", lineHeight: 1.4 }, children: [daysSince != null && (_jsxs(_Fragment, { children: ["You were last here", " ", _jsxs("span", { style: { color: accent }, children: [daysSince, " ", daysSince === 1 ? "day" : "days", " ago"] }), ".", " "] })), newCount != null && (_jsxs(_Fragment, { children: [_jsxs("span", { style: { color: accent }, children: [newCount, " new ", newCount === 1 ? "product" : "products"] }), " since then."] }))] }), products.length > 0 && (_jsx("div", { style: {
+                    display: "flex",
+                    gap: "12px",
+                    overflowX: "auto",
+                    paddingBottom: "8px",
+                    scrollbarWidth: "none",
+                }, children: products.map((product, i) => (_jsx(ProductCard, { item: { name: product.name, price: product.price, image_url: product.image_url, handle: product.gid }, flags: makeFlags(), theme: theme }, product.gid || String(i)))) }))] }));
+}
+// ─── Variant 2: flash_return_offer ────────────────────────────────────────────
+function FlashReturnOffer({ content: rawContent, theme }) {
+    const data = c(rawContent);
+    const productId = typeof rawContent.product_id === "string" ? rawContent.product_id : "global";
+    const dismissKey = `lx_reengagement_dismissed_${productId}`;
+    const [dismissed, setDismissed] = useState(() => {
+        try {
+            return typeof window !== "undefined" && !!window.localStorage.getItem(dismissKey);
+        }
+        catch {
+            return false;
+        }
+    });
+    const [secondsLeft, setSecondsLeft] = useState(null);
+    useEffect(() => {
+        const expiresAt = data.offer_expires_at;
+        if (!expiresAt)
+            return;
+        function calcRemaining() {
+            return Math.max(0, Math.floor((new Date(expiresAt).getTime() - Date.now()) / 1000));
+        }
+        setSecondsLeft(calcRemaining());
+        const id = setInterval(() => {
+            const remaining = calcRemaining();
+            setSecondsLeft(remaining);
+            if (remaining <= 0)
+                clearInterval(id);
+        }, 1000);
+        return () => clearInterval(id);
+    }, [data.offer_expires_at]);
+    function dismiss() {
+        try {
+            window.localStorage.setItem(dismissKey, "1");
+        }
+        catch { /* ignore */ }
+        setDismissed(true);
+    }
+    const accent = theme.palette.accent;
+    const discountPct = typeof data.offer_discount_pct === "number" ? data.offer_discount_pct : null;
+    return (_jsx(AnimatePresence, { children: !dismissed && (_jsxs(motion.div, { initial: { opacity: 0, y: -12 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -12 }, transition: { duration: 0.35, ease: [0.22, 1, 0.36, 1] }, style: {
+                position: "relative",
+                width: "100%",
+                backgroundColor: accent,
+                color: "#ffffff",
+                padding: "20px 48px 20px 24px",
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                gap: "10px",
+                textAlign: "center",
+                fontFamily: `${theme.fonts.body}, sans-serif`,
+                borderRadius: "var(--lx-image-radius, 16px)",
+            }, children: [_jsxs("p", { style: { fontSize: "clamp(1rem, 2.5vw, 1.2rem)", fontWeight: 800, margin: 0, lineHeight: 1.3 }, children: ["We miss you!", discountPct != null && (_jsxs(_Fragment, { children: [" ", _jsxs("span", { style: { fontSize: "1.1em" }, children: [discountPct, "% off"] }), " your first order back"] }))] }), secondsLeft !== null && secondsLeft > 0 && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", backgroundColor: "rgba(0,0,0,0.2)", borderRadius: "8px", padding: "6px 14px" }, children: [renderIcon("lucide:clock", { size: 14, color: "#ffffff" }), _jsx("span", { style: { fontFamily: "monospace", fontWeight: 700, fontSize: "0.95rem", letterSpacing: "0.08em" }, children: formatCountdown(secondsLeft) })] })), data.discount_code && (_jsxs("p", { style: { fontSize: "0.82rem", margin: 0, opacity: 0.9 }, children: ["Use code:", " ", _jsx("strong", { style: { backgroundColor: "rgba(255,255,255,0.2)", padding: "2px 8px", borderRadius: "4px", letterSpacing: "0.06em" }, children: renderText(data.discount_code) })] })), _jsx("a", { href: "#claim", "data-lx-claim-offer": true, style: {
+                        display: "inline-flex",
+                        alignItems: "center",
+                        gap: "6px",
+                        backgroundColor: "#ffffff",
+                        color: accent,
+                        fontWeight: 800,
+                        fontSize: "0.9rem",
+                        padding: "11px 26px",
+                        borderRadius: "var(--lx-button-radius, 9999px)",
+                        textDecoration: "none",
+                        cursor: "pointer",
+                        transition: "opacity 0.15s",
+                        marginTop: "4px",
+                    }, children: "Claim Offer \u2192" }), _jsx("button", { onClick: dismiss, "aria-label": "Dismiss", style: {
+                        position: "absolute",
+                        top: "12px",
+                        right: "14px",
+                        background: "none",
+                        border: "none",
+                        cursor: "pointer",
+                        color: "#ffffff",
+                        opacity: 0.7,
+                        display: "flex",
+                        alignItems: "center",
+                        padding: "4px",
+                        lineHeight: 1,
+                    }, children: renderIcon("lucide:x", { size: 16, color: "#ffffff" }) })] })) }));
+}
+// ─── Variant 3: category_update ───────────────────────────────────────────────
+function CategoryUpdate({ content: rawContent, theme }) {
+    const data = c(rawContent);
+    const category = renderText(data.favorite_category ?? "");
+    const newCount = data._dynamic_new_products_count ?? data.new_products_count;
+    const products = Array.isArray(data.new_products) ? data.new_products : [];
+    const accent = theme.palette.accent;
+    const text = theme.palette.text;
+    const iconNode = data.category_icon
+        ? renderIcon(data.category_icon, { size: 20, color: accent })
+        : _jsx("span", { style: { fontSize: "1.2rem" }, children: "\uD83D\uDECD\uFE0F" });
+    return (_jsxs("div", { style: { fontFamily: `${theme.fonts.body}, sans-serif` }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px", marginBottom: "20px" }, children: [_jsx("span", { style: { flexShrink: 0 }, children: iconNode }), _jsxs("p", { style: { fontSize: "0.9rem", fontWeight: 700, color: text, margin: 0, lineHeight: 1.4 }, children: ["Your favorite category", category && (_jsxs(_Fragment, { children: [" (", _jsx("span", { style: { color: accent }, children: category }), ")"] })), " got", " ", newCount != null && (_jsxs("span", { style: { color: accent }, children: [newCount, " new ", newCount === 1 ? "item" : "items"] })), newCount == null && "new items"] })] }), products.length > 0 && (_jsx("div", { style: {
+                    display: "grid",
+                    gridTemplateColumns: "repeat(2, 1fr)",
+                    gap: "12px",
+                    marginBottom: "20px",
+                }, children: products.map((product, i) => (_jsx(ProductCard, { item: { name: product.name, price: product.price, image_url: product.image_url, handle: product.gid }, flags: makeFlags(), theme: theme }, product.gid || String(i)))) })), _jsxs("a", { href: "#category", "data-lx-category-link": true, style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    fontSize: "0.85rem",
+                    fontWeight: 700,
+                    color: accent,
+                    textDecoration: "none",
+                    cursor: "pointer",
+                }, children: ["See all new ", category, " \u2192"] })] }));
+}
+// ─── Variant 4: price_drop_alert ──────────────────────────────────────────────
+function PriceDropAlert({ content: rawContent, theme }) {
+    const data = c(rawContent);
+    const drops = Array.isArray(data.price_drops) ? data.price_drops : [];
+    const text = theme.palette.text;
+    return (_jsxs("div", { style: { fontFamily: `${theme.fonts.body}, sans-serif` }, children: [_jsx("p", { style: { fontSize: "0.9rem", fontWeight: 700, color: text, marginBottom: "16px" }, children: "Price drops for items you've viewed:" }), _jsx(motion.div, { style: { display: "flex", flexDirection: "column", gap: "10px" }, initial: "hidden", animate: "visible", variants: {
+                    hidden: {},
+                    visible: { transition: { staggerChildren: 0.08 } },
+                }, children: drops.map((pd, i) => (_jsx(motion.div, { variants: {
+                        hidden: { x: -24, opacity: 0 },
+                        visible: { x: 0, opacity: 1, transition: { duration: 0.38, ease: [0.22, 1, 0.36, 1] } },
+                    }, children: _jsx(ProductCard, { item: { name: pd.name, price: pd.new_price, compare_price: pd.old_price, image_url: pd.image_url, handle: pd.gid }, flags: makeFlags({ show_compare_price: true, image_aspect: "1:1" }), theme: theme }) }, pd.product_id || i))) })] }));
+}
+// ─── Main export ──────────────────────────────────────────────────────────────
+export default function ReengagementBanner({ content, variant, theme, kit, generatedAssets, elementStyles, settings }) {
+    if (variant === "flash_return_offer")
+        return _jsx(FlashReturnOffer, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "category_update")
+        return _jsx(CategoryUpdate, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "price_drop_alert")
+        return _jsx(PriceDropAlert, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    return _jsx(NewArrivalsSinceVisit, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+}
+//# sourceMappingURL=ReengagementBanner.js.map