@sonordev/site-kit 1.2.7

package/dist/chunk-UWE5PCYJ.mjs

@@ -0,0 +1,279 @@
+'use client';
+import { useState, useEffect, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/reputation/TestimonialSection.tsx
+
+// src/reputation/api.ts
+function getApiConfig() {
+  const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.uptrademedia.com" : "https://api.uptrademedia.com";
+  const projectId = typeof window !== "undefined" ? window.__SITE_KIT_PROJECT_ID__ : void 0;
+  return { apiUrl, projectId };
+}
+async function fetchReviews(options = {}) {
+  const { apiUrl, projectId } = getApiConfig();
+  if (!projectId) {
+    console.warn("[Reputation] No project ID configured");
+    return [];
+  }
+  try {
+    const params = new URLSearchParams();
+    if (options.service) params.append("service", options.service);
+    if (options.limit) params.append("limit", options.limit.toString());
+    if (options.featured) params.append("featured", "true");
+    const url = `${apiUrl}/public/reviews/${projectId}${params.toString() ? `?${params.toString()}` : ""}`;
+    const response = await fetch(url);
+    if (!response.ok) {
+      console.error("[Reputation] Error fetching reviews:", response.statusText);
+      return [];
+    }
+    const data = await response.json();
+    return data.reviews || [];
+  } catch (error) {
+    console.error("[Reputation] Error fetching reviews:", error);
+    return [];
+  }
+}
+async function fetchReviewStats() {
+  const { apiUrl, projectId } = getApiConfig();
+  if (!projectId) {
+    console.warn("[Reputation] No project ID configured");
+    return null;
+  }
+  try {
+    const response = await fetch(`${apiUrl}/public/reviews/${projectId}/stats`);
+    if (!response.ok) {
+      console.error("[Reputation] Error fetching stats:", response.statusText);
+      return null;
+    }
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    console.error("[Reputation] Error fetching stats:", error);
+    return null;
+  }
+}
+function TestimonialSection({
+  title,
+  subtitle,
+  autoplay = true,
+  autoplayInterval = 5e3,
+  showRating = true,
+  maxReviews,
+  featuredOnly = false,
+  service,
+  className = ""
+}) {
+  const [reviews, setReviews] = useState([]);
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [isLoading, setIsLoading] = useState(true);
+  const [direction, setDirection] = useState("next");
+  useEffect(() => {
+    async function loadReviews() {
+      setIsLoading(true);
+      const data = await fetchReviews({
+        service,
+        limit: maxReviews,
+        featured: featuredOnly
+      });
+      setReviews(data);
+      setIsLoading(false);
+    }
+    loadReviews();
+  }, [service, maxReviews, featuredOnly]);
+  useEffect(() => {
+    if (!autoplay || reviews.length <= 1) return;
+    const interval = setInterval(() => {
+      setDirection("next");
+      setCurrentIndex((prev) => (prev + 1) % reviews.length);
+    }, autoplayInterval);
+    return () => clearInterval(interval);
+  }, [autoplay, autoplayInterval, reviews.length]);
+  useCallback((index) => {
+    setDirection(index > currentIndex ? "next" : "prev");
+    setCurrentIndex(index);
+  }, [currentIndex]);
+  const nextSlide = useCallback(() => {
+    setDirection("next");
+    setCurrentIndex((prev) => (prev + 1) % reviews.length);
+  }, [reviews.length]);
+  const prevSlide = useCallback(() => {
+    setDirection("prev");
+    setCurrentIndex((prev) => (prev - 1 + reviews.length) % reviews.length);
+  }, [reviews.length]);
+  if (isLoading) {
+    return null;
+  }
+  if (!reviews.length) {
+    return null;
+  }
+  const currentReview = reviews[currentIndex];
+  return /* @__PURE__ */ jsxs("section", { className: `testimonial-section ${className}`, "data-site-kit-testimonials": true, children: [
+    /* @__PURE__ */ jsx("style", { children: `
+        .testimonial-section {
+          position: relative;
+          padding: 4rem 1rem;
+        }
+        
+        .testimonial-content {
+          position: relative;
+          overflow: hidden;
+        }
+        
+        .testimonial-slide {
+          animation: ${direction === "next" ? "slideInRight" : "slideInLeft"} 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+        
+        @keyframes slideInRight {
+          from {
+            opacity: 0;
+            transform: translateX(50px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+        
+        @keyframes slideInLeft {
+          from {
+            opacity: 0;
+            transform: translateX(-50px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+        
+        .testimonial-quote-icon {
+          font-size: 4rem;
+          line-height: 1;
+          text-align: center;
+          margin-bottom: 1.5rem;
+          opacity: 0.15;
+        }
+        
+        .testimonial-stars {
+          display: flex;
+          justify-content: center;
+          gap: 0.25rem;
+          margin-bottom: 1.5rem;
+        }
+        
+        .testimonial-quote {
+          text-align: center;
+          font-size: 1.25rem;
+          line-height: 1.8;
+          margin-bottom: 2rem;
+        }
+        
+        .testimonial-author {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          gap: 1rem;
+        }
+        
+        .testimonial-avatar {
+          width: 4rem;
+          height: 4rem;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 1.5rem;
+        }
+        
+        .testimonial-name {
+          font-weight: 600;
+          font-size: 1.125rem;
+        }
+        
+        .testimonial-role {
+          font-size: 0.875rem;
+          opacity: 0.7;
+        }
+        
+        .testimonial-nav {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 1.5rem;
+          margin-top: 2rem;
+        }
+        
+        .testimonial-nav-button {
+          border: none;
+          background: none;
+          cursor: pointer;
+          padding: 0.5rem;
+          transition: opacity 0.2s;
+          font-size: 1.5rem;
+        }
+        
+        .testimonial-nav-button:hover {
+          opacity: 0.7;
+        }
+        
+        .testimonial-nav-button:disabled {
+          opacity: 0.3;
+          cursor: not-allowed;
+        }
+      ` }),
+    /* @__PURE__ */ jsxs("div", { className: "container", children: [
+      title && /* @__PURE__ */ jsx("h2", { className: "testimonial-title", children: title }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "testimonial-subtitle", children: subtitle }),
+      /* @__PURE__ */ jsx("div", { className: "testimonial-content", children: /* @__PURE__ */ jsxs("div", { className: "testimonial-slide", children: [
+        /* @__PURE__ */ jsx("div", { className: "testimonial-quote-icon", children: "\u201C" }),
+        showRating && /* @__PURE__ */ jsx("div", { className: "testimonial-stars", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `star ${i < currentReview.rating ? "star-filled" : "star-empty"}`,
+            "aria-hidden": "true",
+            children: "\u2605"
+          },
+          i
+        )) }),
+        /* @__PURE__ */ jsxs("blockquote", { className: "testimonial-quote", children: [
+          "\u201C",
+          currentReview.quote,
+          "\u201D"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "testimonial-author", children: [
+          /* @__PURE__ */ jsx("div", { className: "testimonial-avatar", "aria-hidden": "true", children: currentReview.image ? /* @__PURE__ */ jsx("img", { src: currentReview.image, alt: "" }) : /* @__PURE__ */ jsx("span", { children: "\u{1F464}" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "testimonial-author-info", children: [
+            /* @__PURE__ */ jsx("div", { className: "testimonial-name", children: currentReview.name }),
+            currentReview.role && /* @__PURE__ */ jsx("div", { className: "testimonial-role", children: currentReview.role })
+          ] })
+        ] })
+      ] }, currentIndex) }),
+      reviews.length > 1 && /* @__PURE__ */ jsxs("div", { className: "testimonial-nav", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: prevSlide,
+            className: "testimonial-nav-button testimonial-nav-prev",
+            "aria-label": "Previous review",
+            disabled: reviews.length <= 1,
+            children: "\u2039"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: nextSlide,
+            className: "testimonial-nav-button testimonial-nav-next",
+            "aria-label": "Next review",
+            disabled: reviews.length <= 1,
+            children: "\u203A"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+export { TestimonialSection, fetchReviewStats, fetchReviews };
+//# sourceMappingURL=chunk-UWE5PCYJ.mjs.map
+//# sourceMappingURL=chunk-UWE5PCYJ.mjs.map

package/dist/chunk-UWE5PCYJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/reputation/api.ts","../src/reputation/TestimonialSection.tsx"],"names":[],"mappings":"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","file":"chunk-UWE5PCYJ.mjs","sourcesContent":["/**\n * @sonordev/site-kit/reputation - API Functions\n * \n * Fetch reviews and stats from Portal API public endpoint\n */\n\nimport type { Review, ReviewStats } from './types'\n\ninterface FetchReviewsOptions {\n  service?: string\n  limit?: number\n  featured?: boolean\n}\n\nfunction getApiConfig() {\n  const apiUrl = typeof window !== 'undefined' \n    ? (window as any).__SITE_KIT_API_URL__ || 'https://api.uptrademedia.com'\n    : 'https://api.uptrademedia.com'\n  const projectId = typeof window !== 'undefined' \n    ? (window as any).__SITE_KIT_PROJECT_ID__\n    : undefined\n  return { apiUrl, projectId }\n}\n\nexport async function fetchReviews(options: FetchReviewsOptions = {}): Promise<Review[]> {\n  const { apiUrl, projectId } = getApiConfig()\n  \n  if (!projectId) {\n    console.warn('[Reputation] No project ID configured')\n    return []\n  }\n  \n  try {\n    const params = new URLSearchParams()\n    if (options.service) params.append('service', options.service)\n    if (options.limit) params.append('limit', options.limit.toString())\n    if (options.featured) params.append('featured', 'true')\n    \n    const url = `${apiUrl}/public/reviews/${projectId}${params.toString() ? `?${params.toString()}` : ''}`\n    const response = await fetch(url)\n    \n    if (!response.ok) {\n      console.error('[Reputation] Error fetching reviews:', response.statusText)\n      return []\n    }\n    \n    const data = await response.json()\n    return data.reviews || []\n  } catch (error) {\n    console.error('[Reputation] Error fetching reviews:', error)\n    return []\n  }\n}\n\nexport async function fetchReviewStats(): Promise<ReviewStats | null> {\n  const { apiUrl, projectId } = getApiConfig()\n  \n  if (!projectId) {\n    console.warn('[Reputation] No project ID configured')\n    return null\n  }\n  \n  try {\n    const response = await fetch(`${apiUrl}/public/reviews/${projectId}/stats`)\n    \n    if (!response.ok) {\n      console.error('[Reputation] Error fetching stats:', response.statusText)\n      return null\n    }\n    \n    const data = await response.json()\n    return data\n  } catch (error) {\n    console.error('[Reputation] Error fetching stats:', error)\n    return null\n  }\n}\n","/**\n * @sonordev/site-kit/reputation - Testimonial Section\n * \n * Displays client reviews in a rotating carousel\n * Fetches published reviews from Portal API public endpoint\n * \n * Minimal styling - let site CSS control appearance\n */\n\n'use client'\n\nimport React, { useEffect, useState, useCallback } from 'react'\nimport { fetchReviews } from './api'\nimport type { Review, TestimonialSectionProps } from './types'\n\nexport function TestimonialSection({\n  title,\n  subtitle,\n  autoplay = true,\n  autoplayInterval = 5000,\n  showRating = true,\n  maxReviews,\n  featuredOnly = false,\n  service,\n  className = '',\n}: TestimonialSectionProps) {\n  const [reviews, setReviews] = useState<Review[]>([])\n  const [currentIndex, setCurrentIndex] = useState(0)\n  const [isLoading, setIsLoading] = useState(true)\n  const [direction, setDirection] = useState<'next' | 'prev'>('next')\n\n  // Load reviews\n  useEffect(() => {\n    async function loadReviews() {\n      setIsLoading(true)\n      const data = await fetchReviews({\n        service,\n        limit: maxReviews,\n        featured: featuredOnly,\n      })\n      setReviews(data)\n      setIsLoading(false)\n    }\n    loadReviews()\n  }, [service, maxReviews, featuredOnly])\n\n  // Auto-rotate\n  useEffect(() => {\n    if (!autoplay || reviews.length <= 1) return\n\n    const interval = setInterval(() => {\n      setDirection('next')\n      setCurrentIndex((prev) => (prev + 1) % reviews.length)\n    }, autoplayInterval)\n\n    return () => clearInterval(interval)\n  }, [autoplay, autoplayInterval, reviews.length])\n\n  const goToSlide = useCallback((index: number) => {\n    setDirection(index > currentIndex ? 'next' : 'prev')\n    setCurrentIndex(index)\n  }, [currentIndex])\n\n  const nextSlide = useCallback(() => {\n    setDirection('next')\n    setCurrentIndex((prev) => (prev + 1) % reviews.length)\n  }, [reviews.length])\n\n  const prevSlide = useCallback(() => {\n    setDirection('prev')\n    setCurrentIndex((prev) => (prev - 1 + reviews.length) % reviews.length)\n  }, [reviews.length])\n\n  if (isLoading) {\n    return null // Let site handle loading state\n  }\n\n  if (!reviews.length) {\n    return null\n  }\n\n  const currentReview = reviews[currentIndex]\n\n  return (\n    <section className={`testimonial-section ${className}`} data-site-kit-testimonials>\n      <style>{`\n        .testimonial-section {\n          position: relative;\n          padding: 4rem 1rem;\n        }\n        \n        .testimonial-content {\n          position: relative;\n          overflow: hidden;\n        }\n        \n        .testimonial-slide {\n          animation: ${direction === 'next' ? 'slideInRight' : 'slideInLeft'} 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        @keyframes slideInRight {\n          from {\n            opacity: 0;\n            transform: translateX(50px);\n          }\n          to {\n            opacity: 1;\n            transform: translateX(0);\n          }\n        }\n        \n        @keyframes slideInLeft {\n          from {\n            opacity: 0;\n            transform: translateX(-50px);\n          }\n          to {\n            opacity: 1;\n            transform: translateX(0);\n          }\n        }\n        \n        .testimonial-quote-icon {\n          font-size: 4rem;\n          line-height: 1;\n          text-align: center;\n          margin-bottom: 1.5rem;\n          opacity: 0.15;\n        }\n        \n        .testimonial-stars {\n          display: flex;\n          justify-content: center;\n          gap: 0.25rem;\n          margin-bottom: 1.5rem;\n        }\n        \n        .testimonial-quote {\n          text-align: center;\n          font-size: 1.25rem;\n          line-height: 1.8;\n          margin-bottom: 2rem;\n        }\n        \n        .testimonial-author {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 1rem;\n        }\n        \n        .testimonial-avatar {\n          width: 4rem;\n          height: 4rem;\n          border-radius: 50%;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 1.5rem;\n        }\n        \n        .testimonial-name {\n          font-weight: 600;\n          font-size: 1.125rem;\n        }\n        \n        .testimonial-role {\n          font-size: 0.875rem;\n          opacity: 0.7;\n        }\n        \n        .testimonial-nav {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          gap: 1.5rem;\n          margin-top: 2rem;\n        }\n        \n        .testimonial-nav-button {\n          border: none;\n          background: none;\n          cursor: pointer;\n          padding: 0.5rem;\n          transition: opacity 0.2s;\n          font-size: 1.5rem;\n        }\n        \n        .testimonial-nav-button:hover {\n          opacity: 0.7;\n        }\n        \n        .testimonial-nav-button:disabled {\n          opacity: 0.3;\n          cursor: not-allowed;\n        }\n      `}</style>\n\n      <div className=\"container\">\n        {title && <h2 className=\"testimonial-title\">{title}</h2>}\n        {subtitle && <p className=\"testimonial-subtitle\">{subtitle}</p>}\n\n        <div className=\"testimonial-content\">\n          <div className=\"testimonial-slide\" key={currentIndex}>\n            {/* Quote Icon - site can style this */}\n            <div className=\"testimonial-quote-icon\">&ldquo;</div>\n\n            {/* Stars */}\n            {showRating && (\n              <div className=\"testimonial-stars\">\n                {[...Array(5)].map((_, i) => (\n                  <span\n                    key={i}\n                    className={`star ${i < currentReview.rating ? 'star-filled' : 'star-empty'}`}\n                    aria-hidden=\"true\"\n                  >\n                    ★\n                  </span>\n                ))}\n              </div>\n            )}\n\n            {/* Quote Text */}\n            <blockquote className=\"testimonial-quote\">\n              &ldquo;{currentReview.quote}&rdquo;\n            </blockquote>\n\n            {/* Author */}\n            <div className=\"testimonial-author\">\n              <div className=\"testimonial-avatar\" aria-hidden=\"true\">\n                {currentReview.image ? (\n                  <img src={currentReview.image} alt=\"\" />\n                ) : (\n                  <span>👤</span>\n                )}\n              </div>\n              <div className=\"testimonial-author-info\">\n                <div className=\"testimonial-name\">{currentReview.name}</div>\n                {currentReview.role && (\n                  <div className=\"testimonial-role\">{currentReview.role}</div>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Navigation */}\n        {reviews.length > 1 && (\n          <div className=\"testimonial-nav\">\n            <button\n              onClick={prevSlide}\n              className=\"testimonial-nav-button testimonial-nav-prev\"\n              aria-label=\"Previous review\"\n              disabled={reviews.length <= 1}\n            >\n              ‹\n            </button>\n\n            <button\n              onClick={nextSlide}\n              className=\"testimonial-nav-button testimonial-nav-next\"\n              aria-label=\"Next review\"\n              disabled={reviews.length <= 1}\n            >\n              ›\n            </button>\n          </div>\n        )}\n      </div>\n    </section>\n  )\n}\n"]}