@lexsis/storefront-components 1.0.0

package/dist/personalization/LiveActivityTicker.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+function getInitials(name) {
+    return name
+        .split(" ")
+        .map((w) => w[0])
+        .join("")
+        .toUpperCase()
+        .slice(0, 2);
+}
+const PILL_STYLE = (surface, border) => ({
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "0.5rem",
+    padding: "0.35rem 0.85rem",
+    borderRadius: "9999px",
+    background: surface,
+    border: `1px solid ${border}`,
+    backdropFilter: "blur(8px)",
+    WebkitBackdropFilter: "blur(8px)",
+    boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
+    maxWidth: "100%",
+    overflow: "hidden",
+});
+const DEFAULT_ITEMS = [
+    { name: "Priya S.", city: "Delhi", product_name: "Vitamin C Serum", time_ago: "2 mins ago" },
+    { name: "Anika M.", city: "Mumbai", product_name: "Retinol Night Cream", time_ago: "4 mins ago" },
+    { name: "Rahul K.", city: "Bangalore", product_name: "SPF 50 Sunscreen", time_ago: "6 mins ago" },
+    { name: "Sneha R.", city: "Chennai", product_name: "Hyaluronic Toner", time_ago: "9 mins ago" },
+];
+export default function LiveActivityTicker({ content, variant, theme }) {
+    const surface = theme.palette.surface || "rgba(255,255,255,0.85)";
+    const textColor = theme.palette.text;
+    const accent = theme.palette.accent;
+    const border = theme.palette.border || "rgba(0,0,0,0.1)";
+    const bodyFont = theme.fonts.body;
+    const rawItems = Array.isArray(content.activity_items)
+        ? content.activity_items
+        : Array.isArray(content.mock_items)
+            ? content.mock_items
+            : DEFAULT_ITEMS;
+    switch (variant) {
+        case "visitor_count":
+            return _jsx(VisitorCount, { content: content, surface: surface, textColor: textColor, accent: accent, border: border, bodyFont: bodyFont });
+        case "combined":
+            return _jsx(Combined, { content: content, rawItems: rawItems, surface: surface, textColor: textColor, accent: accent, border: border, bodyFont: bodyFont });
+        case "local_proof":
+            return _jsx(LocalProof, { content: content, surface: surface, textColor: textColor, accent: accent, border: border, bodyFont: bodyFont });
+        default:
+            return _jsx(RecentPurchases, { rawItems: rawItems, surface: surface, textColor: textColor, accent: accent, border: border, bodyFont: bodyFont });
+    }
+}
+// ─── Variant 1: recent_purchases ────────────────────────────────────────────
+function RecentPurchases({ rawItems, surface, textColor, accent, border, bodyFont, }) {
+    const [idx, setIdx] = useState(0);
+    useEffect(() => {
+        if (rawItems.length < 2)
+            return;
+        const id = setInterval(() => setIdx((i) => (i + 1) % rawItems.length), 4000);
+        return () => clearInterval(id);
+    }, [rawItems.length]);
+    const item = rawItems[idx];
+    return (_jsx("div", { style: { display: "inline-flex", fontFamily: bodyFont, fontSize: "0.8rem" }, children: _jsx("div", { style: PILL_STYLE(surface, border), children: _jsx(AnimatePresence, { mode: "wait", children: _jsxs(motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -8 }, transition: { duration: 0.3 }, style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [_jsx("span", { style: {
+                                width: "1.6rem",
+                                height: "1.6rem",
+                                borderRadius: "50%",
+                                backgroundColor: item.avatar_color || accent,
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                color: "#fff",
+                                fontWeight: 700,
+                                fontSize: "0.65rem",
+                                flexShrink: 0,
+                            }, children: getInitials(item.name) }), _jsxs("span", { style: { color: textColor, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxWidth: "22ch" }, children: [_jsx("strong", { children: item.name }), item.city ? ` from ${item.city}` : "", " bought", " ", _jsx("strong", { children: item.product_name }), " · ", _jsx("span", { style: { opacity: 0.55 }, children: item.time_ago })] })] }, idx) }) }) }));
+}
+// ─── Variant 2: visitor_count ────────────────────────────────────────────────
+function VisitorCount({ content, surface, textColor, accent, border, bodyFont, }) {
+    const base = content.visitor_count || 142;
+    const [count, setCount] = useState(base);
+    useEffect(() => {
+        const id = setInterval(() => {
+            setCount((n) => {
+                const drift = Math.round(base * 0.05);
+                const delta = Math.floor(Math.random() * (drift * 2 + 1)) - drift;
+                return Math.max(1, n + delta);
+            });
+        }, 3500);
+        return () => clearInterval(id);
+    }, [base]);
+    return (_jsxs("div", { style: { display: "inline-flex", justifyContent: "center", fontFamily: bodyFont, fontSize: "0.8rem" }, children: [_jsxs("div", { style: PILL_STYLE(surface, border), children: [_jsxs("span", { style: { position: "relative", display: "inline-flex", width: "0.55rem", height: "0.55rem", flexShrink: 0 }, children: [_jsx("span", { style: {
+                                    position: "absolute",
+                                    inset: 0,
+                                    borderRadius: "50%",
+                                    backgroundColor: "#22c55e",
+                                    opacity: 0.7,
+                                    animation: "ping 1.2s cubic-bezier(0,0,0.2,1) infinite",
+                                } }), _jsx("span", { style: {
+                                    position: "relative",
+                                    width: "0.55rem",
+                                    height: "0.55rem",
+                                    borderRadius: "50%",
+                                    backgroundColor: "#22c55e",
+                                    display: "inline-flex",
+                                } })] }), _jsxs("span", { style: { color: textColor }, children: [_jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.strong, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -6 }, transition: { duration: 0.25 }, style: { color: accent, display: "inline-block" }, children: count.toLocaleString() }, count) }), " ", "\uD83D\uDC41 people viewing this right now"] })] }), _jsx("style", { children: `@keyframes ping{75%,100%{transform:scale(2);opacity:0}}` })] }));
+}
+// ─── Variant 3: combined ─────────────────────────────────────────────────────
+function Combined({ content, rawItems, surface, textColor, accent, border, bodyFont, }) {
+    const base = content.visitor_count || 142;
+    const [visitorCount, setVisitorCount] = useState(base);
+    const [phase, setPhase] = useState("purchase");
+    const [purchaseIdx, setPurchaseIdx] = useState(0);
+    useEffect(() => {
+        const id = setInterval(() => {
+            setPhase((p) => {
+                if (p === "purchase") {
+                    setPurchaseIdx((i) => (i + 1) % rawItems.length);
+                    return "count";
+                }
+                setVisitorCount((n) => Math.max(1, n + Math.floor(Math.random() * 7) - 3));
+                return "purchase";
+            });
+        }, 3000);
+        return () => clearInterval(id);
+    }, [rawItems.length]);
+    const item = rawItems[purchaseIdx];
+    return (_jsx("div", { style: { display: "inline-flex", fontFamily: bodyFont, fontSize: "0.8rem" }, children: _jsx("div", { style: PILL_STYLE(surface, border), children: _jsx(AnimatePresence, { mode: "wait", children: phase === "purchase" ? (_jsxs(motion.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.4 }, style: { color: textColor, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxWidth: "28ch" }, children: ["\uD83D\uDED2 ", _jsx("strong", { children: item.name }), " just bought ", _jsx("strong", { children: item.product_name })] }, "purchase")) : (_jsxs(motion.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.4 }, style: { color: textColor }, children: ["\uD83D\uDC41", " ", _jsx("strong", { style: { color: accent }, children: visitorCount.toLocaleString() }), " ", "people are viewing this right now"] }, "count")) }) }) }));
+}
+// ─── Variant 4: local_proof ──────────────────────────────────────────────────
+function LocalProof({ content, surface, textColor, border, bodyFont, }) {
+    const locationName = content.location_name || "your area";
+    const locationPurchases = content.location_purchases || 38;
+    const locationEmoji = content.location_emoji || "📍";
+    return (_jsx("div", { style: { display: "inline-flex", fontFamily: bodyFont, fontSize: "0.8rem" }, children: _jsx("div", { style: PILL_STYLE(surface, border), children: _jsxs("span", { style: { color: textColor }, children: [locationEmoji, " Popular with people in ", _jsx("strong", { children: locationName }), " · ", _jsx("strong", { children: locationPurchases }), " purchases today"] }) }) }));
+}
+//# sourceMappingURL=LiveActivityTicker.js.map

package/dist/personalization/LiveActivityTicker.js.map

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

package/dist/personalization/LoyaltyStatus.d.ts

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

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

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

package/dist/personalization/LoyaltyStatus.js

@@ -0,0 +1,185 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { renderText } from "../renderText";
+import { renderIcon } from "../utils/renderIcon";
+import { motion, AnimatePresence } from "framer-motion";
+import { containerStagger, itemFadeUp } from "../animations/variants";
+// ─── Helpers ───────────────────────────────────────────────────────────────────
+function resolvePoints(content) {
+    const c = content;
+    const val = c._dynamic_customer_points ?? c.customer_points;
+    return typeof val === "number" ? val : 0;
+}
+function resolveTierName(content) {
+    const c = content;
+    return renderText(c._dynamic_tier_name ?? c.tier_name ?? "");
+}
+function formatCountdown(seconds) {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = seconds % 60;
+    return [h, m, s].map((v) => String(v).padStart(2, "0")).join(":");
+}
+// ─── Variant 1: points_balance_card ──────────────────────────────────────────
+function PointsBalanceCard({ content, theme }) {
+    const c = content;
+    const points = resolvePoints(content);
+    const rate = typeof c.redemption_rate === "number" ? c.redemption_rate : 0.01;
+    const dollarValue = (points * rate).toFixed(2);
+    const multiplier = typeof c.bonus_multiplier_active === "number" ? c.bonus_multiplier_active : 1;
+    const hasBonus = multiplier > 1;
+    const currency = renderText(c.currency_symbol) || "₹";
+    const accent = theme.palette.accent;
+    const surface = theme.palette.surface;
+    const text = theme.palette.text;
+    const success = theme.palette.success || "#16a34a";
+    const border = theme.palette.border || "#e5e7eb";
+    // Count-up animation
+    const [displayed, setDisplayed] = useState(0);
+    const rafRef = useRef(null);
+    useEffect(() => {
+        if (points === 0) {
+            setDisplayed(0);
+            return;
+        }
+        const duration = 1200;
+        const start = performance.now();
+        function tick(now) {
+            const elapsed = now - start;
+            const progress = Math.min(elapsed / duration, 1);
+            // ease-out cubic
+            const eased = 1 - Math.pow(1 - progress, 3);
+            setDisplayed(Math.round(eased * points));
+            if (progress < 1) {
+                rafRef.current = requestAnimationFrame(tick);
+            }
+        }
+        rafRef.current = requestAnimationFrame(tick);
+        return () => { if (rafRef.current != null)
+            cancelAnimationFrame(rafRef.current); };
+    }, [points]);
+    if (points === 0) {
+        return (_jsx("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "16px", padding: "32px 24px", textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center", gap: "12px" }, children: _jsx("p", { style: { fontSize: "1rem", color: text, opacity: 0.5 }, children: "Earn points on your next order" }) }));
+    }
+    return (_jsxs("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "16px", padding: "36px 28px", textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center", gap: "12px", position: "relative" }, children: [hasBonus && (_jsxs("div", { style: { position: "absolute", top: "16px", right: "16px", backgroundColor: "#f59e0b", color: "#fff", fontSize: "0.72rem", fontWeight: 700, padding: "4px 10px", borderRadius: "999px", display: "flex", alignItems: "center", gap: "4px" }, children: [_jsx("span", { children: "\uD83C\uDF89" }), _jsxs("span", { children: [multiplier, "x Bonus Active"] })] })), _jsx("p", { style: { fontSize: "0.7rem", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.15em", color: text, opacity: 0.45, margin: 0 }, children: "Your Points" }), _jsx("p", { style: { fontFamily: `${theme.fonts.display}, serif`, fontSize: "clamp(3.5rem, 8vw, 5rem)", fontWeight: 800, lineHeight: 1, color: text, margin: 0 }, children: displayed.toLocaleString() }), _jsxs("p", { style: { fontSize: "0.9rem", color: text, opacity: 0.65, margin: 0 }, children: ["= ", _jsxs("strong", { style: { color: success }, children: [currency, dollarValue] }), " off your next order"] }), _jsx("a", { href: "#redeem", style: { marginTop: "8px", display: "inline-flex", alignItems: "center", gap: "6px", backgroundColor: accent, color: "#fff", fontWeight: 700, fontSize: "0.9rem", padding: "12px 28px", borderRadius: "var(--lx-button-radius, 9999px)", textDecoration: "none", cursor: "pointer" }, children: "Redeem Now \u2192" })] }));
+}
+// ─── Variant 2: tier_progress_bar ─────────────────────────────────────────────
+function TierProgressBar({ content, theme }) {
+    const c = content;
+    const tierName = resolveTierName(content);
+    const nextTierName = renderText(c.next_tier_name ?? "");
+    const pointsToNext = typeof c.points_to_next_tier === "number" ? c.points_to_next_tier : 0;
+    const tierTotal = typeof c.tier_points_total === "number" ? c.tier_points_total : 0;
+    const isTopTier = !nextTierName;
+    const earned = tierTotal - pointsToNext;
+    const pct = tierTotal > 0 ? Math.max(0, Math.min(100, (earned / tierTotal) * 100)) : 0;
+    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: "16px", padding: "28px 24px", display: "flex", flexDirection: "column", gap: "14px" }, children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [_jsx("span", { style: { fontSize: "0.8rem", fontWeight: 700, color: accent }, children: tierName || "Current Tier" }), !isTopTier && (_jsx("span", { style: { fontSize: "0.8rem", fontWeight: 600, color: text, opacity: 0.45 }, children: nextTierName }))] }), _jsx("div", { style: { height: "10px", backgroundColor: border, borderRadius: "999px", overflow: "hidden" }, children: _jsx(motion.div, { initial: { width: 0 }, animate: { width: `${pct}%` }, transition: { duration: 1, ease: [0.25, 0.46, 0.45, 0.94] }, style: { height: "100%", backgroundColor: accent, borderRadius: "999px" } }) }), isTopTier ? (_jsx("p", { style: { fontSize: "0.82rem", color: text, opacity: 0.65, margin: 0 }, children: "You've reached the highest tier \uD83C\uDF89" })) : (_jsxs("p", { style: { fontSize: "0.82rem", color: text, opacity: 0.65, margin: 0 }, children: [_jsx("strong", { style: { color: text }, children: pointsToNext.toLocaleString() }), " points to ", _jsx("strong", { style: { color: text }, children: nextTierName })] }))] }));
+}
+// ─── Variant 3: next_milestone ────────────────────────────────────────────────
+function NextMilestone({ content, theme }) {
+    const c = content;
+    const nextTierName = renderText(c.next_tier_name ?? "");
+    const pointsToNext = typeof c.points_to_next_tier === "number" ? c.points_to_next_tier : null;
+    const benefits = Array.isArray(c.tier_benefits) ? c.tier_benefits : [];
+    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";
+    const hasData = pointsToNext !== null && nextTierName;
+    if (!hasData) {
+        return (_jsx("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "16px", padding: "28px 24px", textAlign: "center" }, children: _jsx("p", { style: { fontSize: "1rem", color: text, opacity: 0.5 }, children: "Earn points on your next order" }) }));
+    }
+    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: { textAlign: "center" }, children: [_jsxs("p", { style: { fontFamily: `${theme.fonts.display}, serif`, fontSize: "clamp(2.5rem, 6vw, 3.5rem)", fontWeight: 800, lineHeight: 1, color: text, margin: 0 }, children: [pointsToNext.toLocaleString(), " more"] }), _jsxs("p", { style: { fontSize: "1rem", color: text, opacity: 0.6, marginTop: "6px" }, children: ["purchases to ", _jsx("strong", { style: { color: accent }, children: nextTierName })] })] }), benefits.length > 0 && (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "0.72rem", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: text, opacity: 0.4, margin: 0 }, children: "Unlock:" }), _jsx(motion.ul, { variants: containerStagger, initial: "hidden", animate: "visible", style: { listStyle: "none", padding: 0, margin: 0, display: "flex", flexDirection: "column", gap: "10px" }, children: benefits.map((b, i) => (_jsxs(motion.li, { variants: itemFadeUp, style: { display: "flex", alignItems: "center", gap: "10px" }, children: [_jsx("span", { style: { flexShrink: 0, color: success }, children: renderIcon("lucide:check", { size: 16, color: success }) }), _jsx("span", { style: { fontSize: "0.875rem", color: text }, children: b })] }, i))) })] })), _jsx("a", { href: "#earn", style: { display: "inline-flex", alignItems: "center", justifyContent: "center", gap: "6px", backgroundColor: accent, color: "#fff", fontWeight: 700, fontSize: "0.9rem", padding: "13px 28px", borderRadius: "var(--lx-button-radius, 9999px)", textDecoration: "none", cursor: "pointer" }, children: "Start earning \u2192" })] }));
+}
+// ─── Variant 4: perks_comparison ─────────────────────────────────────────────
+function PerksComparison({ content, theme }) {
+    const c = content;
+    const allTiers = Array.isArray(c.all_tiers) ? c.all_tiers : [];
+    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;
+    const success = theme.palette.success || "#16a34a";
+    if (allTiers.length === 0) {
+        return (_jsx("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "16px", padding: "28px 24px", textAlign: "center" }, children: _jsx("p", { style: { fontSize: "1rem", color: text, opacity: 0.5 }, children: "Earn points on your next order" }) }));
+    }
+    // Collect all unique benefits across tiers
+    const allBenefits = Array.from(new Set(allTiers.flatMap((t) => t.benefits)));
+    const currentTier = allTiers.find((t) => t.is_current);
+    return (_jsxs("div", { style: { backgroundColor: surface, border: `1px solid ${border}`, borderRadius: "16px", overflow: "hidden" }, children: [_jsxs("div", { style: { display: "grid", gridTemplateColumns: `1.5fr ${allTiers.map(() => "1fr").join(" ")}`, borderBottom: `1px solid ${border}` }, children: [_jsx("div", { style: { padding: "14px 16px", backgroundColor: bg } }), allTiers.map((tier, i) => (_jsxs("div", { style: {
+                            padding: "14px 12px", textAlign: "center",
+                            backgroundColor: tier.is_current ? accent + "14" : bg,
+                            borderLeft: `1px solid ${border}`,
+                        }, children: [_jsx("p", { style: { fontSize: "0.75rem", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: tier.is_current ? accent : text, margin: 0 }, children: tier.name }), tier.is_current && (_jsx("p", { style: { fontSize: "0.65rem", color: accent, opacity: 0.8, margin: "2px 0 0" }, children: "Current" }))] }, i)))] }), allBenefits.map((benefit, ri) => (_jsxs("div", { style: { display: "grid", gridTemplateColumns: `1.5fr ${allTiers.map(() => "1fr").join(" ")}`, borderBottom: ri < allBenefits.length - 1 ? `1px solid ${border}` : "none" }, children: [_jsx("div", { style: { padding: "12px 16px", fontSize: "0.82rem", color: text, display: "flex", alignItems: "center" }, children: benefit }), allTiers.map((tier, ci) => {
+                        const hasBenefit = tier.benefits.includes(benefit);
+                        const isCurrentCol = tier.is_current;
+                        const currentHas = currentTier ? currentTier.benefits.includes(benefit) : false;
+                        const locked = !hasBenefit || (!currentHas && !isCurrentCol);
+                        const showCheck = hasBenefit;
+                        return (_jsx("div", { style: {
+                                padding: "12px 12px",
+                                textAlign: "center",
+                                backgroundColor: isCurrentCol ? accent + "08" : "transparent",
+                                borderLeft: `1px solid ${border}`,
+                                display: "flex", alignItems: "center", justifyContent: "center",
+                            }, children: showCheck ? (_jsx("span", { style: { opacity: !currentHas && !isCurrentCol ? 0.4 : 1 }, children: !currentHas && !isCurrentCol
+                                    ? renderIcon("lucide:lock", { size: 15, color: text, strokeWidth: 2 })
+                                    : renderIcon("lucide:check", { size: 16, color: isCurrentCol ? accent : success, strokeWidth: 2.5 }) })) : (_jsx("span", { style: { color: text, opacity: 0.2, fontSize: "0.75rem" }, children: "\u2014" })) }, ci));
+                    })] }, ri)))] }));
+}
+// ─── Variant 5: redemption_offer ─────────────────────────────────────────────
+function RedemptionOffer({ content, theme }) {
+    const c = content;
+    const points = resolvePoints(content);
+    const rate = typeof c.redemption_rate === "number" ? c.redemption_rate : 0.01;
+    const multiplier = typeof c.bonus_multiplier_active === "number" ? c.bonus_multiplier_active : 1;
+    const hasBonus = multiplier > 1;
+    const dollarValue = (points * rate).toFixed(2);
+    const boostedValue = (points * rate * multiplier).toFixed(2);
+    const expiresAt = typeof c.bonus_expires_at === "string" ? c.bonus_expires_at : null;
+    const currency = renderText(c.currency_symbol) || "₹";
+    const accent = theme.palette.accent;
+    const text = theme.palette.text;
+    const border = theme.palette.border || "#e5e7eb";
+    // Countdown state
+    const [secondsLeft, setSecondsLeft] = useState(null);
+    useEffect(() => {
+        if (!expiresAt)
+            return;
+        function calcRemaining() {
+            const diff = Math.max(0, Math.floor((new Date(expiresAt).getTime() - Date.now()) / 1000));
+            return diff;
+        }
+        setSecondsLeft(calcRemaining());
+        const id = setInterval(() => {
+            const remaining = calcRemaining();
+            setSecondsLeft(remaining);
+            if (remaining <= 0)
+                clearInterval(id);
+        }, 1000);
+        return () => clearInterval(id);
+    }, [expiresAt]);
+    if (points === 0) {
+        return (_jsx("div", { style: { backgroundColor: "#fef9c3", border: `1px solid #fde68a`, borderRadius: "16px", padding: "28px 24px", textAlign: "center" }, children: _jsx("p", { style: { fontSize: "1rem", color: "#92400e", opacity: 0.7 }, children: "Earn points on your next order" }) }));
+    }
+    return (_jsxs("div", { style: { background: `linear-gradient(135deg, ${accent}18 0%, #fef9c3 100%)`, border: `1.5px solid ${accent}40`, borderRadius: "16px", padding: "32px 28px", display: "flex", flexDirection: "column", gap: "16px", alignItems: "center", textAlign: "center" }, children: [_jsxs("p", { style: { fontFamily: `${theme.fonts.display}, serif`, fontSize: "clamp(1.6rem, 4vw, 2.2rem)", fontWeight: 800, color: text, margin: 0, lineHeight: 1.2 }, children: [points.toLocaleString(), " points = ", _jsxs("span", { style: { color: accent }, children: [currency, dollarValue] })] }), _jsx(AnimatePresence, { children: hasBonus && (_jsxs(motion.p, { initial: { opacity: 0, y: -8 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -8 }, style: { fontSize: "0.9rem", color: text, opacity: 0.75, margin: 0 }, children: ["Using today's ", _jsxs("strong", { style: { color: accent }, children: [multiplier, "x bonus"] }), " = ", _jsxs("strong", { style: { color: accent }, children: [currency, boostedValue] })] })) }), expiresAt && secondsLeft !== null && secondsLeft > 0 && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", backgroundColor: "#fff8", backdropFilter: "blur(6px)", border: `1px solid ${border}`, borderRadius: "10px", padding: "10px 18px" }, children: [renderIcon("lucide:clock", { size: 15, color: accent }), _jsx("span", { style: { fontFamily: "monospace", fontSize: "1rem", fontWeight: 700, color: accent, letterSpacing: "0.08em" }, children: formatCountdown(secondsLeft) }), _jsx("span", { style: { fontSize: "0.75rem", color: text, opacity: 0.55 }, children: "until bonus expires" })] })), _jsxs("button", { type: "button", "data-lx-redeem": true, style: { marginTop: "4px", backgroundColor: accent, color: "#fff", fontWeight: 700, fontSize: "1rem", padding: "15px 36px", borderRadius: "var(--lx-button-radius, 9999px)", border: "none", cursor: "pointer", letterSpacing: "0.02em", transition: "opacity 0.15s" }, children: ["Redeem ", points.toLocaleString(), " Points"] })] }));
+}
+// ─── Main export ──────────────────────────────────────────────────────────────
+export default function LoyaltyStatus({ content, variant, theme, kit, generatedAssets, elementStyles, settings }) {
+    if (variant === "tier_progress_bar")
+        return _jsx(TierProgressBar, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "next_milestone")
+        return _jsx(NextMilestone, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "perks_comparison")
+        return _jsx(PerksComparison, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "redemption_offer")
+        return _jsx(RedemptionOffer, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    return _jsx(PointsBalanceCard, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+}
+//# sourceMappingURL=LoyaltyStatus.js.map

package/dist/personalization/LoyaltyStatus.js.map

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

package/dist/personalization/PersonalizedGreeting.d.ts

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

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

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

package/dist/personalization/PersonalizedGreeting.js

@@ -0,0 +1,176 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { renderText } from "../renderText";
+import { AspectBox } from "../primitives/AspectBox";
+import { MediaLoop } from "../primitives/MediaLoop";
+// ─── Helpers ──────────────────────────────────────────────────────────────────
+function resolveName(content) {
+    const c = content;
+    return renderText(c._dynamic_customer_name || c.customer_first_name || "");
+}
+function resolvePurchaseName(content) {
+    const c = content;
+    return renderText(c._dynamic_last_purchase_name || c.last_purchase_name || "");
+}
+function resolvePurchaseDate(content) {
+    const c = content;
+    return renderText(c._dynamic_last_purchase_date || c.last_purchase_date || "");
+}
+function resolvePurchaseCount(content) {
+    const c = content;
+    const val = c._dynamic_purchase_count ?? c.purchase_count;
+    return typeof val === "number" ? val : 0;
+}
+function formatDate(dateStr) {
+    try {
+        const d = new Date(dateStr);
+        if (isNaN(d.getTime()))
+            return dateStr;
+        const now = new Date();
+        const opts = d.getFullYear() === now.getFullYear()
+            ? { month: "long", day: "numeric" }
+            : { month: "long", day: "numeric", year: "numeric" };
+        return d.toLocaleDateString("en-US", opts);
+    }
+    catch {
+        return dateStr;
+    }
+}
+function purchaseStatus(days) {
+    if (days <= 7)
+        return "arrived";
+    if (days <= 14)
+        return "shipped";
+    return "ordered";
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 1: name_welcome
+// ─────────────────────────────────────────────────────────────────────────────
+function NameWelcome({ content, theme }) {
+    const name = resolveName(content);
+    if (!name)
+        return null;
+    return (_jsx(motion.div, { initial: { opacity: 0, y: -8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.45, ease: "easeOut" }, style: { padding: "12px 20px" }, children: _jsxs("p", { style: {
+                fontFamily: `${theme.fonts.display}, serif`,
+                fontWeight: Number(theme.fonts.displayWeight) || 700,
+                fontSize: "clamp(1.5rem, 3.5vw, 2.25rem)",
+                color: theme.palette.text,
+                margin: 0,
+                lineHeight: 1.2,
+            }, children: ["Hi ", name, ","] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 2: purchase_context
+// ─────────────────────────────────────────────────────────────────────────────
+function PurchaseContext({ content, theme }) {
+    const c = content;
+    const name = resolveName(content);
+    const productName = resolvePurchaseName(content);
+    const days = typeof c.days_since_purchase === "number" ? c.days_since_purchase : null;
+    const status = days !== null ? purchaseStatus(days) : null;
+    const image = c.last_purchase_image;
+    const surface = theme.palette.surface;
+    const text = theme.palette.text;
+    const border = theme.palette.border || "#e5e7eb";
+    return (_jsx("div", { style: { padding: "10px 20px" }, children: _jsxs("div", { style: {
+                backgroundColor: surface,
+                border: `1px solid ${border}`,
+                borderRadius: "var(--lx-card-radius, 12px)",
+                padding: "12px 16px",
+                display: "flex",
+                alignItems: "center",
+                gap: "14px",
+                maxWidth: "560px",
+            }, children: [image && (_jsx("div", { style: { flexShrink: 0, width: "48px", height: "48px", borderRadius: "8px", overflow: "hidden" }, children: _jsx(AspectBox, { aspect: "1:1", fit: "cover", style: { width: "48px", height: "48px" }, children: _jsx(MediaLoop, { src: image, alt: productName || "Product", fit: "cover" }) }) })), _jsxs("p", { style: { fontSize: "0.875rem", color: text, margin: 0, lineHeight: 1.5 }, children: ["Welcome back", name ? `, ${name}` : "", ".", productName && status && days !== null && (_jsxs(_Fragment, { children: [" Your ", _jsx("strong", { children: productName }), " ", status, " ", days, " day", days === 1 ? "" : "s", " ago."] })), productName && !status && (_jsxs(_Fragment, { children: [" Your ", _jsx("strong", { children: productName }), " is on its way."] }))] })] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 3: status_milestone
+// ─────────────────────────────────────────────────────────────────────────────
+const CONFETTI_COLORS = ["#f59e0b", "#10b981", "#3b82f6", "#ec4899"];
+function StatusMilestone({ content, theme }) {
+    const c = content;
+    const name = resolveName(content);
+    const count = resolvePurchaseCount(content);
+    const reward = c.milestone_reward;
+    const accent = theme.palette.accent;
+    const surface = theme.palette.surface;
+    const text = theme.palette.text;
+    const border = theme.palette.border || "#e5e7eb";
+    const confettiColors = [accent, ...CONFETTI_COLORS];
+    // Deterministic offsets for 5 confetti dots
+    const confettiTargets = [
+        { x: -90, y: -55 },
+        { x: 80, y: -70 },
+        { x: -65, y: 50 },
+        { x: 100, y: 40 },
+        { x: 20, y: -80 },
+    ];
+    return (_jsx("div", { style: { padding: "10px 20px" }, children: _jsxs("div", { style: {
+                backgroundColor: surface,
+                border: `1px solid ${border}`,
+                borderRadius: "var(--lx-card-radius, 12px)",
+                padding: "16px 20px",
+                maxWidth: "560px",
+                position: "relative",
+                overflow: "hidden",
+            }, children: [confettiTargets.map((target, i) => (_jsx(motion.div, { initial: { x: 0, y: 0, opacity: 1, scale: 1 }, animate: { x: target.x, y: target.y, opacity: 0, scale: 0.5 }, transition: { duration: 0.7, delay: i * 0.06, ease: "easeOut" }, style: {
+                        position: "absolute",
+                        top: "50%",
+                        left: "50%",
+                        width: "10px",
+                        height: "10px",
+                        borderRadius: "50%",
+                        backgroundColor: confettiColors[i % confettiColors.length],
+                        pointerEvents: "none",
+                        zIndex: 0,
+                    } }, i))), _jsxs("div", { style: { position: "relative", zIndex: 1 }, children: [_jsxs("p", { style: { fontSize: "0.95rem", fontWeight: 600, color: text, margin: "0 0 4px" }, children: ["\uD83C\uDF89 ", name ? `${name} — you've` : "You've", " made ", _jsx("strong", { children: count }), " purchase", count === 1 ? "" : "s", " with us!"] }), reward && (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "0.8rem", color: text, opacity: 0.65, margin: "8px 0 10px" }, children: "Here's your reward:" }), _jsx("button", { type: "button", "data-lx-milestone-reward": reward, style: {
+                                        padding: "9px 22px",
+                                        fontSize: "0.82rem",
+                                        fontWeight: 700,
+                                        backgroundColor: accent,
+                                        color: "#ffffff",
+                                        border: "none",
+                                        borderRadius: "var(--lx-button-radius, 9999px)",
+                                        cursor: "pointer",
+                                        transition: "opacity 0.15s",
+                                    }, children: reward })] }))] })] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Variant 4: reengagement_personal
+// ─────────────────────────────────────────────────────────────────────────────
+function ReengagementPersonal({ content, theme }) {
+    const c = content;
+    const name = resolveName(content);
+    if (!name)
+        return null;
+    const dateStr = resolvePurchaseDate(content);
+    const formattedDate = dateStr ? formatDate(dateStr) : null;
+    const newProducts = Array.isArray(c.new_products) ? c.new_products.slice(0, 3) : [];
+    const highlight = theme.palette.highlight;
+    const text = theme.palette.text;
+    const border = theme.palette.border || "#e5e7eb";
+    return (_jsx("div", { style: { padding: "10px 20px" }, children: _jsxs("div", { style: {
+                backgroundColor: highlight,
+                borderRadius: "var(--lx-card-radius, 12px)",
+                padding: "14px 18px",
+                maxWidth: "640px",
+            }, children: [_jsxs("p", { style: { fontSize: "0.9rem", fontWeight: 600, color: text, margin: "0 0 6px" }, children: [name, formattedDate ? `, we haven't seen you since ${formattedDate}.` : ", we've missed you!"] }), _jsx("p", { style: { fontSize: "0.8rem", color: text, opacity: 0.7, margin: "0 0 10px" }, children: "Here's what's new since then:" }), newProducts.length > 0 && (_jsx("div", { style: { display: "flex", gap: "10px", overflowX: "auto" }, children: newProducts.map((p, i) => (_jsxs("div", { style: {
+                            flexShrink: 0,
+                            width: "100px",
+                            border: `1px solid ${border}`,
+                            borderRadius: "var(--lx-card-radius, 10px)",
+                            overflow: "hidden",
+                            backgroundColor: theme.palette.bg,
+                        }, children: [_jsx(AspectBox, { aspect: "1:1", fit: "cover", children: p.image_url && _jsx(MediaLoop, { src: p.image_url, alt: p.name, fit: "cover" }) }), _jsxs("div", { style: { padding: "6px 8px" }, children: [_jsx("p", { style: { fontSize: "0.7rem", fontWeight: 600, color: text, margin: "0 0 2px", lineHeight: 1.3, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: p.name }), _jsx("p", { style: { fontSize: "0.68rem", color: text, opacity: 0.6, margin: 0 }, children: p.price })] })] }, i))) }))] }) }));
+}
+// ─── Main export ──────────────────────────────────────────────────────────────
+export default function PersonalizedGreeting({ content, variant, theme, kit, generatedAssets, elementStyles, settings }) {
+    if (variant === "purchase_context")
+        return _jsx(PurchaseContext, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "status_milestone")
+        return _jsx(StatusMilestone, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    if (variant === "reengagement_personal")
+        return _jsx(ReengagementPersonal, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+    return _jsx(NameWelcome, { content: content, variant: variant, theme: theme, kit: kit, generatedAssets: generatedAssets, elementStyles: elementStyles, settings: settings });
+}
+//# sourceMappingURL=PersonalizedGreeting.js.map