storefront-layouts-staging 1.0.0-staging.0

package/dist/components/learning/CertificateTemplates.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils/index.js';
+import { Award, CheckCircle, ShieldCheck, Star, Shield, QrCode } from 'lucide-react';
+import { motion } from 'framer-motion';
+import { Button } from '../../components/ui/button.js';
+export function CertificateTemplate({ data, design, className }) {
+    const { studentName, courseName, completionDate, certificateId, instructorName, instructorTitle, institutionName = 'Mindset Mastery Academy', signatureUrl, brandLogo, primaryColor = '#0F172A' } = data;
+    const renderClassic = () => (_jsxs("div", { className: "w-full h-full bg-white border-[20px] border-double p-12 flex flex-col items-center text-center font-serif relative", style: { borderColor: primaryColor }, children: [_jsx("div", { className: "absolute top-6 left-6 w-16 h-16 border-t-4 border-l-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute top-6 right-6 w-16 h-16 border-t-4 border-r-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute bottom-6 left-6 w-16 h-16 border-b-4 border-l-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute bottom-6 right-6 w-16 h-16 border-b-4 border-r-4", style: { borderColor: primaryColor } }), _jsxs("div", { className: "mb-6", children: [_jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.3em] mb-2 text-slate-400", children: institutionName }), _jsx(Award, { className: "w-16 h-16 mb-4 mx-auto", style: { color: primaryColor } }), _jsx("h1", { className: "text-5xl font-black tracking-widest uppercase mb-1", children: "Certificate" }), _jsx("h2", { className: "text-xl italic text-gray-500", children: "of Achievement" })] }), _jsx("p", { className: "text-lg mb-4", children: "This is to certify that" }), _jsx("h3", { className: "text-5xl font-bold mb-6 underline decoration-1 underline-offset-8 text-slate-900", children: studentName }), _jsx("p", { className: "text-lg mb-4", children: "has successfully demonstrated mastery in" }), _jsx("h4", { className: "text-3xl font-bold mb-10 text-slate-800 tracking-tight", children: courseName }), _jsxs("div", { className: "mt-auto w-full flex justify-between items-end px-12 pb-4", children: [_jsxs("div", { className: "text-left w-56", children: [_jsx("div", { className: "border-b border-slate-200 w-full mb-2 h-12 flex items-end justify-center", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-10 object-contain" })) : (_jsx("span", { className: "text-3xl opacity-80 italic font-signature", children: instructorName })) }), _jsx("p", { className: "font-bold text-[10px] text-slate-900", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-400 uppercase tracking-widest", children: instructorTitle })] }), _jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "w-24 h-24 rounded-full border-4 flex items-center justify-center mb-2 shadow-inner", style: { borderColor: `${primaryColor}20` }, children: _jsxs("div", { className: "w-18 h-18 rounded-full border flex items-center justify-center relative bg-white shadow-sm", style: { borderColor: primaryColor }, children: [_jsx(Shield, { className: "w-8 h-8", style: { color: primaryColor } }), _jsx("span", { className: "absolute text-[6px] font-black uppercase tracking-tighter rotate-[-15deg] bg-white px-1", children: "Verified" })] }) }), _jsxs("p", { className: "text-[8px] font-mono text-slate-400", children: ["ID: ", certificateId] })] }), _jsxs("div", { className: "text-right w-56", children: [_jsx("div", { className: "border-b border-slate-200 w-full mb-2 h-12 flex items-end justify-center", children: _jsx("span", { className: "font-bold text-[12px] text-slate-900", children: completionDate }) }), _jsx("p", { className: "text-[8px] text-slate-400 uppercase tracking-widest", children: "Date of Graduation" })] })] })] }));
+    const renderModern = () => (_jsxs("div", { className: "w-full h-full bg-slate-50 flex font-sans relative", children: [_jsx("div", { className: "absolute top-0 right-0 w-1/2 h-full opacity-[0.03] pointer-events-none", children: _jsx("svg", { viewBox: "0 0 100 100", className: "w-full h-full fill-current", style: { color: primaryColor }, children: _jsx("path", { d: "M0,0 L100,0 L100,100 Z" }) }) }), _jsxs("div", { className: "w-16 h-full flex flex-col items-center justify-center gap-8 text-white relative z-10", style: { backgroundColor: primaryColor }, children: [_jsx("div", { className: "rotate-[-90deg] whitespace-nowrap font-black tracking-[0.4em] text-[10px] uppercase opacity-40", children: "ACADEMIC EXCELLENCE" }), _jsx("div", { className: "w-8 h-8 rounded-lg bg-white/10 backdrop-blur-md flex items-center justify-center", children: _jsx(Star, { className: "w-4 h-4 fill-white" }) })] }), _jsxs("div", { className: "flex-1 p-12 flex flex-col relative z-10 text-left", children: [_jsxs("div", { className: "flex justify-between items-start mb-10", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-[0.4em] text-primary", children: institutionName }), brandLogo ? (_jsx("img", { src: brandLogo, alt: "Logo", className: "h-8 object-contain" })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-6 h-6 rounded flex items-center justify-center text-white", style: { backgroundColor: primaryColor }, children: _jsx(ShieldCheck, { className: "w-4 h-4" }) }), _jsx("span", { className: "font-black text-xl tracking-tighter text-slate-900", children: "CERTIFIED" })] }))] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-widest text-slate-400", children: "Secure Credential" }), _jsx("p", { className: "text-[10px] font-mono font-bold text-slate-900", children: certificateId })] })] }), _jsxs("div", { className: "mb-8", children: [_jsx("span", { className: "inline-block py-1 px-3 rounded-full bg-slate-900 text-white text-[8px] font-black uppercase tracking-[0.2em] mb-4", children: "Official Certification" }), _jsxs("h1", { className: "text-6xl font-black text-slate-900 leading-[0.9] mb-3", children: ["Certificate ", _jsx("br", {}), _jsx("span", { style: { color: primaryColor }, children: "Of Completion" })] }), _jsx("div", { className: "w-24 h-1.5 rounded-full", style: { backgroundColor: primaryColor } })] }), _jsxs("div", { className: "mt-2 space-y-6", children: [_jsx("p", { className: "text-lg text-slate-400 font-medium tracking-wide", children: "This document confirms that" }), _jsx("h2", { className: "text-6xl font-black text-slate-900 tracking-tight leading-none", children: studentName }), _jsxs("p", { className: "text-base text-slate-500 font-medium max-w-2xl leading-relaxed", children: ["has successfully completed all requirements for the professional curriculum", _jsx("span", { className: "font-black text-slate-900 block mt-1 text-xl", style: { color: primaryColor }, children: courseName })] })] }), _jsxs("div", { className: "mt-auto flex items-end justify-between pb-2", children: [_jsxs("div", { className: "flex gap-12", children: [_jsxs("div", { className: "text-left", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-widest text-slate-400 mb-2", children: "Lead Instructor" }), _jsx("div", { className: "mb-1 h-10 flex items-end", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-8 object-contain" })) : (_jsx("span", { className: "text-2xl opacity-80 italic font-signature text-slate-900", children: instructorName })) }), _jsx("p", { className: "font-black text-slate-900 text-[10px] tracking-tight", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-400 font-bold uppercase tracking-widest", children: instructorTitle })] }), _jsxs("div", { className: "text-left", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-widest text-slate-400 mb-10", children: "Issued On" }), _jsx("p", { className: "font-black text-slate-900 text-[10px] tracking-tight", children: completionDate }), _jsx("p", { className: "text-[8px] text-slate-400 font-bold uppercase tracking-widest", children: "Graduation Date" })] })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-widest text-slate-400 mb-0.5", children: "Authenticated" }), _jsx("p", { className: "text-[8px] text-slate-900 font-bold", children: "Scan to verify" })] }), _jsx("div", { className: "w-16 h-16 bg-white p-1.5 rounded-xl border border-slate-100 flex items-center justify-center shadow-md", children: _jsx(QrCode, { className: "w-full h-full opacity-20" }) })] })] })] })] }));
+    const renderMinimal = () => (_jsxs("div", { className: "w-full h-full bg-white p-16 flex flex-col font-sans relative", children: [_jsx("div", { className: "absolute inset-0 border-[1px] border-slate-100 m-8 pointer-events-none" }), _jsxs("div", { className: "flex justify-between items-center mb-20", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-2.5 h-2.5 rounded-full", style: { backgroundColor: primaryColor } }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-[0.4em] text-slate-900", children: institutionName })] }), _jsx("h1", { className: "text-[10px] font-black uppercase tracking-[0.6em] text-slate-300", children: "Official Certificate" })] }), _jsxs("div", { className: "space-y-12 text-left", children: [_jsxs("div", { children: [_jsx("p", { className: "text-slate-400 uppercase tracking-[0.3em] text-[8px] font-black mb-4", children: "Presented to" }), _jsx("h2", { className: "text-7xl font-light text-slate-900 tracking-tighter leading-none", children: studentName })] }), _jsxs("div", { className: "flex items-center gap-8", children: [_jsx("div", { className: "h-[1px] flex-1 bg-slate-100" }), _jsx("p", { className: "text-slate-400 font-medium italic text-base", children: "for completion of" }), _jsx("div", { className: "h-[1px] flex-1 bg-slate-100" })] }), _jsx("h3", { className: "text-4xl font-black text-slate-900 tracking-tight leading-none", children: courseName })] }), _jsxs("div", { className: "mt-auto flex justify-between items-end pb-4", children: [_jsxs("div", { className: "space-y-4 text-left", children: [_jsxs("div", { className: "flex items-center gap-2 py-1.5 px-3 rounded-full bg-slate-50 border border-slate-100 w-fit", children: [_jsx(CheckCircle, { className: "w-3 h-3 text-green-500" }), _jsx("span", { className: "text-[8px] font-black uppercase tracking-[0.2em] text-slate-500", children: "Verified Achievement" })] }), _jsxs("p", { className: "text-[8px] font-mono font-bold text-slate-300 tracking-widest uppercase", children: ["ID: ", certificateId] })] }), _jsxs("div", { className: "text-right space-y-8", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "mb-2 h-10 flex items-end justify-end", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-8 object-contain ml-auto" })) : (_jsx("span", { className: "text-2xl opacity-60 italic font-signature text-slate-900", children: instructorName })) }), _jsx("p", { className: "font-black text-slate-900 text-[10px] uppercase tracking-[0.2em]", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-400 font-black uppercase tracking-[0.3em]", children: instructorTitle })] }), _jsx("div", { className: "pt-4 border-t border-slate-100", children: _jsx("p", { className: "text-[8px] text-slate-400 font-black uppercase tracking-[0.4em]", children: completionDate }) })] })] })] }));
+    const renderPremium = () => (_jsxs("div", { className: "w-full h-full bg-slate-900 flex flex-col items-center justify-center p-16 font-sans relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-amber-500 to-transparent opacity-50" }), _jsx("div", { className: "absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-amber-500 to-transparent opacity-50" }), _jsx("div", { className: "absolute top-0 left-0 w-1 h-full bg-gradient-to-b from-transparent via-amber-500 to-transparent opacity-20" }), _jsx("div", { className: "absolute top-0 right-0 w-1 h-full bg-gradient-to-b from-transparent via-amber-500 to-transparent opacity-20" }), _jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-amber-500 opacity-[0.03] blur-[120px] rounded-full pointer-events-none" }), _jsxs("div", { className: "mb-10 flex flex-col items-center gap-4 relative z-10", children: [_jsx("div", { className: "w-16 h-16 rounded-2xl bg-gradient-to-br from-amber-400 to-amber-600 flex items-center justify-center shadow-lg shadow-amber-500/20", children: _jsx(Award, { className: "w-8 h-8 text-white" }) }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-[0.5em] text-amber-500 mb-1", children: institutionName }), _jsx("h1", { className: "text-4xl font-black text-white tracking-[0.2em] uppercase", children: "Certificate" }), _jsx("p", { className: "text-amber-500/60 text-xs font-bold uppercase tracking-[0.3em]", children: "of Premium Excellence" })] })] }), _jsxs("div", { className: "text-center space-y-8 relative z-10", children: [_jsxs("div", { children: [_jsx("p", { className: "text-slate-400 text-sm font-medium italic mb-4", children: "This highly distinguished award is presented to" }), _jsx("h2", { className: "text-6xl font-black text-transparent bg-clip-text bg-gradient-to-b from-white to-slate-400 tracking-tight leading-none py-2", children: studentName })] }), _jsxs("div", { className: "max-w-xl mx-auto space-y-4", children: [_jsx("p", { className: "text-slate-500 text-sm font-medium", children: "for the exceptional completion and mastery of the professional curriculum" }), _jsx("h3", { className: "text-2xl font-black text-amber-500 tracking-tight", children: courseName })] })] }), _jsxs("div", { className: "mt-auto w-full flex justify-between items-end px-4 relative z-10", children: [_jsxs("div", { className: "text-left", children: [_jsx("div", { className: "mb-2 h-10 flex items-end", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-8 object-contain" })) : (_jsx("span", { className: "text-2xl opacity-80 italic font-signature text-white", children: instructorName })) }), _jsx("p", { className: "font-black text-white text-[10px] tracking-widest uppercase", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-500 font-bold uppercase tracking-[0.2em]", children: instructorTitle })] }), _jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx("div", { className: "px-4 py-1.5 rounded-full bg-slate-800 border border-slate-700 shadow-inner", children: _jsx("p", { className: "text-[8px] font-mono text-amber-500/80 font-bold tracking-widest", children: certificateId }) }), _jsx("p", { className: "text-[7px] text-slate-600 font-black uppercase tracking-[0.3em]", children: "Official Verification ID" })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-white text-[10px] font-black tracking-widest uppercase mb-1", children: completionDate }), _jsx("p", { className: "text-[8px] text-slate-500 font-bold uppercase tracking-[0.2em]", children: "Distinguished Graduate" })] })] })] }));
+    const renderLuxury = () => (_jsxs("div", { className: "w-full h-full bg-[#1A1A1A] flex flex-col items-center justify-center p-20 font-serif relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-4 border border-[#C5A059] opacity-40 pointer-events-none" }), _jsx("div", { className: "absolute inset-8 border-4 border-[#C5A059] opacity-20 pointer-events-none" }), _jsx("div", { className: "absolute top-10 left-1/2 -translate-x-1/2 opacity-60", children: _jsxs("svg", { width: "200", height: "40", viewBox: "0 0 200 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M0 20C50 20 50 0 100 0C150 0 150 20 200 20", stroke: "#C5A059", strokeWidth: "1" }), _jsx("circle", { cx: "100", cy: "0", r: "4", fill: "#C5A059" })] }) }), _jsxs("div", { className: "text-center relative z-10", children: [_jsx("p", { className: "text-[#C5A059] text-xs font-bold uppercase tracking-[0.6em] mb-12", children: institutionName }), _jsxs("div", { className: "space-y-4 mb-16", children: [_jsx("h1", { className: "text-6xl font-light text-white tracking-[0.3em] uppercase", children: "Certificate" }), _jsxs("div", { className: "flex items-center justify-center gap-6", children: [_jsx("div", { className: "h-[1px] w-12 bg-[#C5A059]/40" }), _jsx("p", { className: "text-[#C5A059] italic text-lg tracking-widest", children: "of Distinction" }), _jsx("div", { className: "h-[1px] w-12 bg-[#C5A059]/40" })] })] }), _jsxs("div", { className: "space-y-12", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-slate-500 uppercase tracking-[0.4em] text-[10px]", children: "This is to certify that" }), _jsx("h2", { className: "text-7xl font-bold text-white tracking-tight italic", children: studentName })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("p", { className: "text-slate-500 uppercase tracking-[0.4em] text-[10px]", children: "has achieved mastery in" }), _jsx("h3", { className: "text-3xl font-light text-white tracking-[0.2em] uppercase", children: courseName })] })] })] }), _jsxs("div", { className: "mt-auto w-full flex justify-between items-end px-12 relative z-10 pb-4", children: [_jsxs("div", { className: "text-left", children: [_jsx("div", { className: "mb-4 h-12 flex items-end", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-10 object-contain" })) : (_jsx("span", { className: "text-3xl opacity-60 italic font-signature text-[#C5A059]", children: instructorName })) }), _jsx("div", { className: "h-[1px] w-32 bg-[#C5A059]/40 mb-2" }), _jsx("p", { className: "font-bold text-white text-[10px] tracking-widest uppercase", children: instructorName }), _jsx("p", { className: "text-[8px] text-[#C5A059] uppercase tracking-[0.3em]", children: instructorTitle })] }), _jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "w-20 h-20 border border-[#C5A059]/40 rounded-full flex items-center justify-center rotate-45 mb-4", children: _jsx("div", { className: "w-16 h-16 border-4 border-[#C5A059]/20 rounded-full flex items-center justify-center -rotate-45", children: _jsx(Star, { className: "w-8 h-8 text-[#C5A059]" }) }) }), _jsxs("p", { className: "text-[8px] font-mono text-slate-600 tracking-tighter uppercase", children: ["Authentic ", certificateId] })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-white text-[10px] font-bold tracking-widest uppercase mb-2", children: completionDate }), _jsx("div", { className: "h-[1px] w-32 bg-[#C5A059]/40 mb-2 ml-auto" }), _jsx("p", { className: "text-[8px] text-[#C5A059] uppercase tracking-[0.3em]", children: "Conferred Date" })] })] })] }));
+    return (_jsx("div", { className: cn("aspect-[1.414/1] w-full overflow-hidden shadow-2xl relative", "print:aspect-none print:w-full print:h-full print:shadow-none print:rounded-none", className), children: design === 'modern' ? renderModern() :
+            design === 'minimal' ? renderMinimal() :
+                design === 'premium' ? renderPremium() :
+                    design === 'luxury' ? renderLuxury() :
+                        renderClassic() }));
+}
+export function CertificateCard({ certificate, onDownload }) {
+    return (_jsxs(motion.div, { whileHover: { y: -5 }, className: "bg-white border border-slate-200 rounded-2xl p-6 flex flex-col gap-4 shadow-sm hover:shadow-xl transition-all group", children: [_jsxs("div", { className: "relative aspect-[1.414/1] rounded-lg overflow-hidden bg-slate-100 border border-slate-100 group-hover:border-slate-200 transition-colors", children: [_jsx("div", { className: "absolute inset-0 flex items-center justify-center opacity-40 group-hover:opacity-100 transition-opacity", children: _jsx(CertificateTemplate, { data: {
+                                studentName: "Student Name",
+                                courseName: certificate.courseName,
+                                completionDate: certificate.date,
+                                certificateId: certificate.id,
+                                instructorName: certificate.instructor,
+                                instructorTitle: "Lead Mentor",
+                                institutionName: certificate.institutionName || 'Mindset Mastery Academy',
+                                primaryColor: certificate.color || '#0F172A'
+                            }, design: certificate.design || 'modern', className: "scale-[0.25] origin-center w-[400%] h-[400%]" }) }), _jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors" })] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("div", { className: "w-2 h-2 rounded-full bg-green-500" }), _jsx("span", { className: "text-[10px] font-bold text-slate-400 uppercase tracking-widest", children: "Verified Certificate" })] }), _jsx("h3", { className: "font-bold text-slate-900 text-lg leading-tight mb-1", children: certificate.courseName }), _jsxs("p", { className: "text-xs text-slate-500", children: ["Issued on ", certificate.date] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", className: "flex-1 rounded-xl h-10 text-xs font-bold uppercase tracking-widest", onClick: () => window.open(`/demo/mindset-mastery/account/certificates/${certificate.id}`, '_blank'), children: "View" }), _jsx(Button, { size: "sm", className: "flex-1 rounded-xl h-10 text-xs font-bold uppercase tracking-widest bg-black text-white", onClick: () => onDownload(certificate.id), children: "Download" })] })] }));
+}

package/dist/components/learning/CertificateViewer.d.ts

@@ -0,0 +1,11 @@
+import { CertificateDesign, CertificateData } from './CertificateTemplates';
+interface CertificateViewerProps {
+    certificateId?: string;
+    data?: CertificateData;
+    design?: CertificateDesign;
+    onClose?: () => void;
+    isStandalone?: boolean;
+}
+export declare function CertificateViewer({ certificateId, data: initialData, design: initialDesign, onClose, isStandalone }: CertificateViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CertificateViewer.d.ts.map

package/dist/components/learning/CertificateViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateViewer.d.ts","sourceRoot":"","sources":["../../../src/components/learning/CertificateViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAOjG,UAAU,sBAAsB;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,YAAoB,EAAE,EAAE,sBAAsB,2CA2LnJ"}

package/dist/components/learning/CertificateViewer.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CertificateTemplate } from './CertificateTemplates.js';
+import { Button } from '../../components/ui/button.js';
+import { Download, Printer, X, Share2, ArrowLeft, ShieldCheck } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import { motion } from 'framer-motion';
+import { cn } from '../../lib/utils/index.js';
+export function CertificateViewer({ certificateId, data: initialData, design: initialDesign, onClose, isStandalone = false }) {
+    const [isPrinting, setIsPrinting] = useState(false);
+    const certificateRef = useRef(null);
+    // Mock data fetching if only ID is provided (for standalone route)
+    const [data, setData] = useState(initialData || null);
+    const [design, setDesign] = useState(initialDesign || 'modern');
+    useEffect(() => {
+        if (certificateId && !initialData) {
+            // In a real app, fetch from API. For demo, we use mock data.
+            // This ensures the standalone page /account/certificates/[id] works.
+            const mockCerts = {
+                'CERT-8821': {
+                    data: {
+                        studentName: 'Kehinde Omotoso', // Usually comes from auth session
+                        courseName: 'The Art of Focus',
+                        completionDate: 'Dec 15, 2025',
+                        certificateId: 'CERT-8821',
+                        instructorName: 'Dr. Sarah Mitchell',
+                        instructorTitle: 'Lead Mentor',
+                        institutionName: 'Mindset Mastery Academy'
+                    },
+                    design: 'modern'
+                },
+                'CERT-7732': {
+                    data: {
+                        studentName: 'Kehinde Omotoso',
+                        courseName: 'Strategic Planning Guide',
+                        completionDate: 'Nov 20, 2025',
+                        certificateId: 'CERT-7732',
+                        instructorName: 'Marcus Aurelius',
+                        instructorTitle: 'Lead Mentor',
+                        institutionName: 'Global Vision Academy'
+                    },
+                    design: 'minimal'
+                }
+            };
+            const cert = mockCerts[certificateId];
+            if (cert) {
+                setData(cert.data);
+                setDesign(cert.design);
+            }
+        }
+    }, [certificateId, initialData]);
+    const handlePrint = () => {
+        setIsPrinting(true);
+        setTimeout(() => {
+            window.print();
+            setIsPrinting(false);
+        }, 100);
+    };
+    const handleDownload = () => {
+        handlePrint(); // Print to PDF is the primary download method for high-fidelity
+    };
+    if (!data)
+        return (_jsx("div", { className: "min-h-screen bg-slate-50 flex items-center justify-center font-sans", children: _jsxs("div", { className: "text-center", children: [_jsx(ShieldCheck, { className: "w-12 h-12 text-slate-200 mx-auto mb-4" }), _jsx("p", { className: "text-slate-500 font-bold uppercase tracking-widest text-xs", children: "Verifying Credential..." })] }) }));
+    return (_jsxs("div", { className: cn("min-h-screen bg-slate-100 flex flex-col print:bg-white print:p-0 font-sans", !isStandalone && "fixed inset-0 z-[100] p-4 md:p-8"), children: [_jsxs("div", { className: "container mx-auto max-w-6xl py-6 flex items-center justify-between print:hidden", children: [_jsxs("div", { className: "flex items-center gap-4", children: [!isStandalone && (_jsx(Button, { variant: "ghost", onClick: onClose, className: "rounded-full w-10 h-10 p-0 bg-white shadow-sm border border-slate-200", children: _jsx(X, { className: "w-5 h-5" }) })), isStandalone && (_jsxs(Button, { variant: "ghost", onClick: () => window.history.back(), className: "gap-3 bg-white shadow-sm rounded-full px-6 border border-slate-200 font-bold text-xs uppercase tracking-widest", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), " Back to Account"] }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Button, { variant: "outline", className: "rounded-full gap-2 bg-white shadow-sm border-slate-200 font-bold text-xs uppercase tracking-widest px-6", onClick: handlePrint, children: [_jsx(Printer, { className: "w-4 h-4" }), " Print"] }), _jsxs(Button, { className: "rounded-full gap-2 bg-black text-white shadow-lg shadow-black/20 font-bold text-xs uppercase tracking-widest px-8", onClick: handleDownload, children: [_jsx(Download, { className: "w-4 h-4" }), " Download PDF"] })] })] }), _jsx("div", { className: "flex-1 flex items-center justify-center p-4 md:p-8 overflow-auto print:p-0 print:overflow-visible print:block", children: _jsx(motion.div, { layout: true, initial: { opacity: 0, scale: 0.98 }, animate: { opacity: 1, scale: 1 }, className: "w-full max-w-5xl shadow-[0_40px_100px_-20px_rgba(0,0,0,0.15)] print:shadow-none bg-white print:max-w-none print:w-[297mm] print:h-[210mm] print:mx-auto", ref: certificateRef, id: "certificate-to-print", children: _jsx(CertificateTemplate, { data: data, design: design }) }) }), _jsxs("div", { className: "container mx-auto max-w-6xl py-12 flex flex-col items-center gap-4 print:hidden", children: [_jsxs("div", { className: "flex items-center gap-3 text-slate-400", children: [_jsx(ShieldCheck, { className: "w-5 h-5" }), _jsx("p", { className: "text-xs font-black uppercase tracking-[0.3em]", children: "Verified Digital Achievement" })] }), _jsxs("p", { className: "text-[10px] font-mono text-slate-400 bg-white px-4 py-2 rounded-full border border-slate-100 shadow-sm", children: ["Credential ID: ", data.certificateId] }), _jsx("div", { className: "flex gap-4 mt-2", children: _jsx("button", { className: "text-slate-400 hover:text-blue-600 transition-colors", children: _jsx(Share2, { className: "w-5 h-5" }) }) })] }), _jsx("style", { jsx: true, global: true, children: `
+        @media print {
+          @page {
+            size: landscape;
+            margin: 0;
+          }
+          
+          /* Hide everything by default */
+          html, body {
+            margin: 0 !important;
+            padding: 0 !important;
+            width: 297mm !important;
+            height: 210mm !important;
+            overflow: hidden !important;
+            -webkit-print-color-adjust: exact !important;
+            print-color-adjust: exact !important;
+            background: white !important;
+          }
+
+          /* Hide all elements except the certificate */
+          body > * {
+            display: none !important;
+          }
+
+          /* Special container for printing */
+          #print-root {
+            display: block !important;
+            position: absolute !important;
+            left: 0 !important;
+            top: 0 !important;
+            width: 297mm !important;
+            height: 210mm !important;
+            margin: 0 !important;
+            padding: 0 !important;
+            background: white !important;
+          }
+
+          #print-root > div {
+            width: 100% !important;
+            height: 100% !important;
+            box-shadow: none !important;
+            border: none !important;
+            border-radius: 0 !important;
+          }
+        }
+
+        #print-root {
+          display: none;
+        }
+      ` }), _jsx("div", { id: "print-root", children: _jsx("div", { children: _jsx(CertificateTemplate, { data: data, design: design }) }) })] }));
+}

package/dist/components/learning/MentorshipProgress.d.ts

@@ -0,0 +1,18 @@
+interface MentorshipProgram {
+    id: string;
+    name: string;
+    mentorName: string;
+    mentorAvatar?: string;
+    startDate: string;
+    expiryDate: string;
+    sessionsTotal: number;
+    sessionsCompleted: number;
+    status: 'active' | 'expired' | 'completed';
+    lastSessionDate?: string;
+    nextSessionDate?: string;
+}
+export declare function MentorshipProgress({ programs }: {
+    programs: MentorshipProgram[];
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MentorshipProgress.d.ts.map

package/dist/components/learning/MentorshipProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentorshipProgress.d.ts","sourceRoot":"","sources":["../../../src/components/learning/MentorshipProgress.tsx"],"names":[],"mappings":"AAUA,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;CAAE,2CAkKjF"}

package/dist/components/learning/MentorshipProgress.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../components/ui/button.js';
+import { Calendar, Clock, User, MessageSquare, Video, ExternalLink, AlertCircle } from 'lucide-react';
+import Image from 'next/image';
+import { cn } from '../../lib/utils/index.js';
+import { motion } from 'framer-motion';
+import { formatDateSafe } from '../../utils/date.js';
+export function MentorshipProgress({ programs }) {
+    if (programs.length === 0) {
+        return (_jsxs("div", { className: "text-center py-12 bg-slate-50 rounded-3xl border-2 border-dashed border-slate-200", children: [_jsx("div", { className: "w-16 h-16 bg-white rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm", children: _jsx(User, { className: "w-8 h-8 text-slate-300" }) }), _jsx("h3", { className: "text-lg font-bold text-slate-900", children: "No active mentorships" }), _jsx("p", { className: "text-slate-500 max-w-xs mx-auto mt-2", children: "Ready to level up? Browse our mentorship programs and connect with an expert." }), _jsx(Button, { className: "mt-6 rounded-full bg-black text-white px-8", children: "Browse Mentors" })] }));
+    }
+    return (_jsx("div", { className: "space-y-6", children: programs.map((program) => {
+            const isExpired = program.status === 'expired' || new Date(program.expiryDate) < new Date();
+            const progress = (program.sessionsCompleted / program.sessionsTotal) * 100;
+            // Calculate days remaining
+            const daysRemaining = Math.ceil((new Date(program.expiryDate).getTime() - new Date().getTime()) / (1000 * 60 * 60 * 24));
+            return (_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, className: cn("bg-white border-2 rounded-3xl overflow-hidden transition-all", isExpired ? "border-slate-100 opacity-75" : "border-slate-100 hover:border-blue-200 hover:shadow-xl shadow-sm"), children: [_jsx("div", { className: "p-6 md:p-8", children: _jsxs("div", { className: "flex flex-col md:flex-row gap-8", children: [_jsxs("div", { className: "flex flex-row md:flex-col items-center md:items-center gap-4 md:w-48 text-center border-b md:border-b-0 md:border-r border-slate-100 pb-6 md:pb-0 md:pr-8", children: [_jsx("div", { className: "relative w-20 h-20 md:w-24 md:h-24 rounded-full overflow-hidden border-4 border-slate-50 shadow-sm", children: _jsx(Image, { src: program.mentorAvatar || "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop", alt: program.mentorName, fill: true, className: "object-cover", unoptimized: true }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-slate-900 mt-2", children: program.mentorName }), _jsx("p", { className: "text-xs font-medium text-blue-600 uppercase tracking-widest", children: "Lead Mentor" })] })] }), _jsxs("div", { className: "flex-1 space-y-6", children: [_jsxs("div", { className: "flex flex-col md:flex-row justify-between items-start gap-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: cn("px-2 py-0.5 rounded-full text-[10px] font-black uppercase tracking-widest", isExpired ? "bg-slate-100 text-slate-500" : "bg-blue-100 text-blue-700"), children: isExpired ? 'Completed' : 'Active Program' }), !isExpired && daysRemaining <= 7 && (_jsxs("span", { className: "flex items-center gap-1 text-orange-600 text-[10px] font-bold", children: [_jsx(AlertCircle, { className: "w-3 h-3" }), " Expiers Soon"] }))] }), _jsx("h3", { className: "text-2xl font-black text-slate-900", children: program.name })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-xs font-bold text-slate-400 uppercase tracking-widest mb-1", children: "Expires On" }), _jsx("p", { className: cn("font-mono font-bold", isExpired ? "text-slate-400" : "text-slate-900"), children: formatDateSafe(program.expiryDate, undefined, { month: 'short', day: 'numeric', year: 'numeric' }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between items-end text-sm", children: [_jsx("span", { className: "font-bold text-slate-600", children: "Session Progress" }), _jsxs("span", { className: "font-mono font-black text-slate-900", children: [program.sessionsCompleted, "/", program.sessionsTotal, " ", _jsx("span", { className: "text-slate-400 font-medium text-xs", children: "SESSIONS" })] })] }), _jsx("div", { className: "w-full h-3 bg-slate-100 rounded-full overflow-hidden", children: _jsx(motion.div, { initial: { width: 0 }, animate: { width: `${progress}%` }, transition: { duration: 1, ease: "easeOut" }, className: cn("h-full rounded-full transition-all", isExpired ? "bg-slate-300" : "bg-gradient-to-r from-blue-500 to-indigo-600") }) })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 pt-4 border-t border-slate-50", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(Calendar, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Next Session" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: program.nextSessionDate || 'TBD' })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(MessageSquare, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Messages" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: "12 New" })] })] }), _jsxs("div", { className: "flex items-center gap-3 hidden md:flex", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(Clock, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Enrollment" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: daysRemaining > 0 ? `${daysRemaining} days left` : 'Expired' })] })] })] })] })] }) }), _jsxs("div", { className: "bg-slate-50/50 border-t border-slate-100 px-8 py-4 flex flex-col sm:flex-row justify-between items-center gap-4", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("button", { className: "text-sm font-bold text-slate-500 hover:text-slate-900 transition-colors flex items-center gap-2", children: [_jsx(Video, { className: "w-4 h-4" }), " Room Link"] }), _jsx("div", { className: "w-[1px] h-4 bg-slate-200" }), _jsxs("button", { className: "text-sm font-bold text-slate-500 hover:text-slate-900 transition-colors flex items-center gap-2", children: [_jsx(ExternalLink, { className: "w-4 h-4" }), " Resources"] })] }), _jsxs("div", { className: "flex gap-3 w-full sm:w-auto", children: [_jsx(Button, { variant: "outline", className: "flex-1 sm:flex-none rounded-full px-6 font-bold h-11 border-slate-200", children: "Manage Schedule" }), _jsx(Button, { className: "flex-1 sm:flex-none rounded-full px-8 font-bold h-11 bg-black text-white hover:bg-slate-800 shadow-lg shadow-black/10", children: "Enter Session" })] })] })] }, program.id));
+        }) }));
+}

package/dist/components/product/ProductVariationSelectors.d.ts

@@ -0,0 +1,10 @@
+interface ProductVariationSelectorsProps {
+    optionGroups: Record<string, string[]>;
+    selectedAttributes: Record<string, string>;
+    onSelectAttribute: (key: string, value: string) => void;
+    storeSlug?: string;
+    colorSwatches?: Record<string, string>;
+}
+export declare function ProductVariationSelectors({ optionGroups, selectedAttributes, onSelectAttribute, storeSlug, colorSwatches, }: ProductVariationSelectorsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductVariationSelectors.d.ts.map

package/dist/components/product/ProductVariationSelectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductVariationSelectors.d.ts","sourceRoot":"","sources":["../../../src/components/product/ProductVariationSelectors.tsx"],"names":[],"mappings":"AAQA,UAAU,8BAA8B;IACtC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC;AAED,wBAAgB,yBAAyB,CAAC,EACxC,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,aAAsC,GACvC,EAAE,8BAA8B,2CA4FhC"}

package/dist/components/product/ProductVariationSelectors.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckCircle, Ruler } from 'lucide-react';
+import { DEFAULT_COLOR_SWATCHES, formatAttributeLabel, } from '../../lib/product-variation-utils.js';
+export function ProductVariationSelectors({ optionGroups, selectedAttributes, onSelectAttribute, storeSlug, colorSwatches = DEFAULT_COLOR_SWATCHES, }) {
+    const entries = Object.entries(optionGroups).filter(([, values]) => values.length > 0);
+    if (entries.length === 0)
+        return null;
+    return (_jsx(_Fragment, { children: entries.map(([attributeKey, values]) => {
+            const selectedValue = selectedAttributes[attributeKey] || values[0] || '';
+            const isColor = attributeKey === 'color';
+            return (_jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-sm font-semibold text-gray-900", children: [formatAttributeLabel(attributeKey), ":"] }), _jsx("span", { className: "text-sm text-gray-600 capitalize", children: selectedValue || `Select ${formatAttributeLabel(attributeKey)}` })] }), attributeKey === 'size' && storeSlug && (_jsxs("a", { href: `/${storeSlug}/size-guide`, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-1.5 text-xs font-medium text-gray-600 hover:text-gray-900 underline decoration-gray-400 underline-offset-4", children: [_jsx(Ruler, { className: "h-3.5 w-3.5" }), " Size guide"] }))] }), isColor ? (_jsx("div", { className: "flex gap-3 flex-wrap", children: values.map((colorValue) => {
+                            const swatchColor = colorSwatches[colorValue] || '#CCCCCC';
+                            const isSelected = selectedValue === colorValue;
+                            return (_jsx("button", { type: "button", onClick: () => onSelectAttribute(attributeKey, colorValue), className: `relative w-12 h-12 rounded-full border-2 transition-all ${isSelected
+                                    ? 'border-gray-900 ring-2 ring-gray-900 ring-offset-2 scale-105'
+                                    : 'border-gray-200 hover:border-gray-300'}`, style: { backgroundColor: swatchColor }, title: colorValue, children: isSelected && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx(CheckCircle, { className: `h-5 w-5 ${['White', 'Beige', 'Yellow'].includes(colorValue)
+                                            ? 'text-gray-900'
+                                            : 'text-white'} drop-shadow-sm` }) })) }, colorValue));
+                        }) })) : (_jsx("div", { className: "grid grid-cols-4 sm:grid-cols-5 gap-2.5", children: values.map((optionValue) => {
+                            const isSelected = selectedValue === optionValue;
+                            return (_jsx("button", { type: "button", onClick: () => onSelectAttribute(attributeKey, optionValue), className: `px-4 py-3 rounded-lg border-2 text-sm font-semibold transition-all ${isSelected
+                                    ? 'bg-gray-900 text-white border-gray-900 shadow-md transform -translate-y-0.5'
+                                    : 'bg-white text-gray-700 border-gray-200 hover:border-gray-300 hover:bg-gray-50'}`, children: optionValue }, optionValue));
+                        }) }))] }, attributeKey));
+        }) }));
+}

package/dist/components/rich-text/CategoryDescription.d.ts

@@ -0,0 +1,7 @@
+export interface CategoryDescriptionProps {
+    description: unknown;
+    className?: string;
+}
+/** Category hero / detail description — renders sanitized WYSIWYG HTML. */
+export declare function CategoryDescription({ description, className }: CategoryDescriptionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CategoryDescription.d.ts.map

package/dist/components/rich-text/CategoryDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryDescription.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/CategoryDescription.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAcvF"}

package/dist/components/rich-text/CategoryDescription.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { richFieldHasContent } from '../../lib/rich-html.js';
+import { SafeRichHtml } from './SafeRichHtml.js';
+/** Category hero / detail description — renders sanitized WYSIWYG HTML. */
+export function CategoryDescription({ description, className }) {
+    if (!richFieldHasContent(description))
+        return null;
+    return (_jsx(SafeRichHtml, { value: description, fallbackPlain: "", as: "div", className: className ??
+            'text-lg md:text-xl max-w-2xl opacity-90 font-light [&_p]:mb-0 [&_p+p]:mt-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5' }));
+}

package/dist/components/rich-text/ProductDescription.d.ts

@@ -0,0 +1,9 @@
+export interface ProductDescriptionProps {
+    description: unknown;
+    title?: string;
+    className?: string;
+    proseClassName?: string;
+}
+/** Product detail description block — WYSIWYG HTML, legacy plain text, or JSON snapshots. */
+export declare function ProductDescription({ description, title, className, proseClassName, }: ProductDescriptionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductDescription.d.ts.map

package/dist/components/rich-text/ProductDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDescription.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/ProductDescription.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,6FAA6F;AAC7F,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,KAAqB,EACrB,SAAkB,EAClB,cAA0E,GAC3E,EAAE,uBAAuB,2CAWzB"}

package/dist/components/rich-text/ProductDescription.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { richFieldHasContent } from '../../lib/rich-html.js';
+import { SafeRichHtml } from './SafeRichHtml.js';
+/** Product detail description block — WYSIWYG HTML, legacy plain text, or JSON snapshots. */
+export function ProductDescription({ description, title = 'Description', className = 'mb-8', proseClassName = 'prose prose-sm max-w-none text-gray-600 leading-relaxed', }) {
+    if (!richFieldHasContent(description))
+        return null;
+    return (_jsxs("div", { className: className, children: [title ? _jsx("h2", { className: "text-lg font-semibold text-gray-900 mb-3", children: title }) : null, _jsx("div", { className: proseClassName, children: _jsx(SafeRichHtml, { value: description, fallbackPlain: "", as: "div" }) })] }));
+}

package/dist/components/rich-text/RichTextExcerpt.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface RichTextExcerptProps {
+    value: unknown;
+    fallbackPlain?: string;
+    className?: string;
+    as?: React.ElementType;
+}
+/** Plain-text excerpt from WYSIWYG / legacy HTML — safe for cards, meta, and line-clamp. */
+export declare function RichTextExcerpt({ value, fallbackPlain, className, as: Tag, }: RichTextExcerptProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=RichTextExcerpt.d.ts.map

package/dist/components/rich-text/RichTextExcerpt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextExcerpt.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/RichTextExcerpt.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAkB,EAClB,SAAS,EACT,EAAE,EAAE,GAAY,GACjB,EAAE,oBAAoB,sEAKtB"}

package/dist/components/rich-text/RichTextExcerpt.js

@@ -0,0 +1,12 @@
+'use client';
+import React from 'react';
+import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html.js';
+/** Plain-text excerpt from WYSIWYG / legacy HTML — safe for cards, meta, and line-clamp. */
+export function RichTextExcerpt({ value, fallbackPlain = '', className, as: Tag = 'span', }) {
+    if (!richFieldHasContent(value))
+        return null;
+    const text = richFieldPlainTextForDisplay(value, fallbackPlain);
+    if (!text)
+        return null;
+    return React.createElement(Tag, { className }, text);
+}

package/dist/components/rich-text/SafeRichHtml.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface SafeRichHtmlProps {
+    /** Persisted rich object, legacy string, or undefined */
+    value: unknown;
+    /** Plain fallback when value is empty */
+    fallbackPlain: string;
+    className?: string;
+    as?: React.ElementType;
+}
+/**
+ * Renders merchant rich text using canonical sanitize path (defense in depth on stored HTML).
+ */
+export declare function SafeRichHtml({ value, fallbackPlain, className, as: Tag }: SafeRichHtmlProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=SafeRichHtml.d.ts.map

package/dist/components/rich-text/SafeRichHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeRichHtml.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/SafeRichHtml.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,KAAK,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,GAAY,EAAE,EAAE,iBAAiB,sEAQpG"}

package/dist/components/rich-text/SafeRichHtml.js

@@ -0,0 +1,15 @@
+'use client';
+import React, { useMemo } from 'react';
+import { richFieldHtmlForRender } from '../../lib/rich-html.js';
+/**
+ * Renders merchant rich text using canonical sanitize path (defense in depth on stored HTML).
+ */
+export function SafeRichHtml({ value, fallbackPlain, className, as: Tag = 'span' }) {
+    const html = useMemo(() => richFieldHtmlForRender(value, fallbackPlain), [value, fallbackPlain]);
+    if (!html)
+        return React.createElement(Tag, { className });
+    return React.createElement(Tag, {
+        className,
+        dangerouslySetInnerHTML: { __html: html },
+    });
+}

package/dist/components/shipping/MerchantHandledDeliveryNotice.d.ts

@@ -0,0 +1,7 @@
+interface MerchantHandledDeliveryNoticeProps {
+    storeName?: string;
+    className?: string;
+}
+export declare function MerchantHandledDeliveryNotice({ storeName, className, }: MerchantHandledDeliveryNoticeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MerchantHandledDeliveryNotice.d.ts.map

package/dist/components/shipping/MerchantHandledDeliveryNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MerchantHandledDeliveryNotice.d.ts","sourceRoot":"","sources":["../../../src/components/shipping/MerchantHandledDeliveryNotice.tsx"],"names":[],"mappings":"AAIA,UAAU,kCAAkC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,SAAS,GACV,EAAE,kCAAkC,2CAwBpC"}

package/dist/components/shipping/MerchantHandledDeliveryNotice.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Store } from 'lucide-react';
+export function MerchantHandledDeliveryNotice({ storeName, className, }) {
+    const merchantLabel = storeName?.trim() || 'This store';
+    return (_jsx("div", { className: className ?? 'p-4 bg-amber-50 border border-amber-200 rounded-lg', role: "status", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "p-2 rounded-full bg-amber-100 text-amber-800 shrink-0", children: _jsx(Store, { className: "h-4 w-4" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-amber-900 mb-1", children: "Delivery handled by merchant" }), _jsxs("p", { className: "text-sm text-amber-800/90 leading-relaxed", children: ["Shipping rates aren't calculated online. ", merchantLabel, " will contact you with delivery options and any shipping costs after you place your order."] })] })] }) }));
+}

package/dist/components/shipping/ProductDeliveryInfoSection.d.ts

@@ -0,0 +1,21 @@
+import type { StoreConfig } from '../../lib/store-types';
+import type { ShippingMethod } from '../../lib/services/shipping.service';
+import { ShippingQuoteAddress } from '../../lib/shipping-address.util';
+interface ProductDeliveryInfoSectionProps {
+    storeConfig: StoreConfig;
+    currency: string;
+    productCurrency?: string;
+    productPrice: number;
+    quantity: number;
+    shippingAddress: ShippingQuoteAddress;
+    updateShippingAddress: (patch: Partial<ShippingQuoteAddress>) => void;
+    shippingMethods: ShippingMethod[];
+    isCalculatingShipping: boolean;
+    shippingError: string | null;
+    freeShippingEligible: boolean;
+    freeShippingThreshold?: number;
+    onToast?: (message: string, type: 'success' | 'error' | 'info') => void;
+}
+export declare function ProductDeliveryInfoSection({ storeConfig, currency, productCurrency, productPrice, quantity, shippingAddress, updateShippingAddress, shippingMethods, isCalculatingShipping, shippingError, freeShippingEligible, freeShippingThreshold, onToast, }: ProductDeliveryInfoSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductDeliveryInfoSection.d.ts.map

package/dist/components/shipping/ProductDeliveryInfoSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDeliveryInfoSection.d.ts","sourceRoot":"","sources":["../../../src/components/shipping/ProductDeliveryInfoSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAMnE,UAAU,+BAA+B;IACvC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,oBAAoB,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACtE,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CACzE;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,OAAO,GACR,EAAE,+BAA+B,2CA+HjC"}

package/dist/components/shipping/ProductDeliveryInfoSection.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckCircle, Truck } from 'lucide-react';
+import { isAutomatedShippingEnabled } from '../../lib/shipping-settings.util.js';
+import { cn, formatCurrency } from '../../lib/utils/index.js';
+import { ShippingQuoteAddressForm } from './ShippingQuoteAddressForm.js';
+import { MerchantHandledDeliveryNotice } from './MerchantHandledDeliveryNotice.js';
+export function ProductDeliveryInfoSection({ storeConfig, currency, productCurrency, productPrice, quantity, shippingAddress, updateShippingAddress, shippingMethods, isCalculatingShipping, shippingError, freeShippingEligible, freeShippingThreshold, onToast, }) {
+    const displayCurrency = productCurrency || currency;
+    const automatedShipping = isAutomatedShippingEnabled(storeConfig);
+    return (_jsxs("div", { className: "mb-8 border-t border-b border-gray-100 py-6", children: [_jsxs("h3", { className: "font-bold text-gray-900 flex items-center gap-2 text-sm mb-4 uppercase tracking-wider", children: [_jsx(Truck, { className: "h-4 w-4" }), " Delivery Information"] }), !automatedShipping ? (_jsx(MerchantHandledDeliveryNotice, { storeName: storeConfig.name })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 p-4 bg-gray-50 rounded-lg border border-gray-200", children: [_jsx("p", { className: "text-xs font-semibold text-gray-700 mb-3 uppercase tracking-wider", children: "Calculate Shipping" }), _jsx(ShippingQuoteAddressForm, { address: shippingAddress, onChange: updateShippingAddress, onToast: onToast }), shippingError && (_jsx("p", { className: "text-xs text-red-600 mt-2", children: shippingError }))] }), freeShippingThreshold !== undefined && !freeShippingEligible && (_jsxs("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: [_jsxs("p", { className: "text-xs font-medium text-blue-900 mb-1", children: ["Spend", ' ', formatCurrency(freeShippingThreshold - productPrice * quantity, displayCurrency), ' ', "more for free shipping!"] }), _jsx("div", { className: "w-full bg-blue-200 rounded-full h-2", children: _jsx("div", { className: "bg-blue-600 h-2 rounded-full transition-all", style: {
+                                        width: `${Math.min(100, ((productPrice * quantity) / freeShippingThreshold) * 100)}%`,
+                                    } }) })] })), isCalculatingShipping ? (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsxs("div", { className: "flex items-center gap-2 text-gray-600", children: [_jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-gray-900" }), _jsx("span", { className: "text-sm font-medium", children: "Calculating shipping..." })] }) })) : shippingMethods.length > 0 ? (_jsx("div", { className: "space-y-0 divide-y divide-gray-100 border border-gray-100 rounded-lg overflow-hidden", children: shippingMethods.map((method, index) => (_jsxs("div", { className: cn('flex items-center justify-between p-4 bg-white hover:bg-gray-50 transition-colors group', freeShippingEligible && method.cost === 0 && 'bg-green-50 border-green-200'), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('p-2 rounded-full group-hover:bg-white transition-colors border', freeShippingEligible && method.cost === 0
+                                                ? 'bg-green-100 border-green-300'
+                                                : 'bg-gray-50 border-gray-100'), children: freeShippingEligible && method.cost === 0 ? (_jsx(CheckCircle, { className: "h-4 w-4 text-green-700" })) : (_jsx(Truck, { className: "h-4 w-4 text-gray-900" })) }), _jsxs("div", { children: [_jsxs("p", { className: "font-bold text-gray-900 text-sm", children: [method.name, freeShippingEligible && method.cost === 0 && (_jsx("span", { className: "ml-2 text-xs font-normal text-green-700 bg-green-100 px-2 py-0.5 rounded-full", children: "FREE" }))] }), _jsx("p", { className: "text-[11px] text-gray-500 font-medium mt-0.5", children: method.description || method.estimatedDays
+                                                        ? `${method.estimatedDaysMin || method.estimatedDays}-${method.estimatedDaysMax || method.estimatedDays} business days`
+                                                        : 'Delivery estimate available' })] })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "font-bold text-gray-900 text-sm", children: freeShippingEligible && method.cost === 0
+                                                ? 'FREE'
+                                                : formatCurrency(method.cost, displayCurrency) }), method.estimatedDays && (_jsx("p", { className: "text-[11px] text-gray-500 font-medium mt-0.5", children: method.estimatedDaysMin && method.estimatedDaysMax
+                                                ? `${method.estimatedDaysMin}-${method.estimatedDaysMax} days`
+                                                : `${method.estimatedDays} days` }))] })] }, method.code || index))) })) : shippingAddress.country && shippingAddress.city ? (_jsx("div", { className: "p-4 bg-gray-50 border border-gray-200 rounded-lg text-center", children: _jsx("p", { className: "text-sm text-gray-600", children: "No shipping methods available for this location." }) })) : (_jsx("div", { className: "p-4 bg-gray-50 border border-gray-200 rounded-lg text-center", children: _jsx("p", { className: "text-sm text-gray-600", children: "Enter your address above to see shipping options." }) }))] }))] }));
+}

package/dist/components/shipping/ShippingQuoteAddressForm.d.ts

@@ -0,0 +1,11 @@
+import { ShippingQuoteAddress } from '../../lib/shipping-address.util';
+interface ShippingQuoteAddressFormProps {
+    address: ShippingQuoteAddress;
+    onChange: (patch: Partial<ShippingQuoteAddress>) => void;
+    onToast?: (message: string, type: 'error' | 'info') => void;
+    className?: string;
+    showPhone?: boolean;
+}
+export declare function ShippingQuoteAddressForm({ address, onChange, onToast, className, showPhone, }: ShippingQuoteAddressFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShippingQuoteAddressForm.d.ts.map

package/dist/components/shipping/ShippingQuoteAddressForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingQuoteAddressForm.d.ts","sourceRoot":"","sources":["../../../src/components/shipping/ShippingQuoteAddressForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,oBAAoB,EAKrB,MAAM,6BAA6B,CAAC;AAErC,UAAU,6BAA6B;IACrC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAiB,GAClB,EAAE,6BAA6B,2CAyO/B"}