@lodashventure/medusa-campaign 1.4.1 → 1.4.3

package/src/admin/widgets/campaign-stats-widget.tsx

@@ -1,238 +0,0 @@
-import { defineWidgetConfig } from "@medusajs/admin-sdk";
-import { Container, Heading, Text, Badge } from "@medusajs/ui";
-import {
-  Sparkles,
-  PhotoSolid,
-  CheckCircleSolid,
-  ClockSolid,
-} from "@medusajs/icons";
-import { useState, useEffect } from "react";
-
-interface CampaignStats {
-  total: number;
-  active: number;
-  inactive: number;
-  with_images: number;
-  with_content: number;
-  complete: number;
-}
-
-const CampaignStatsWidget = () => {
-  const [stats, setStats] = useState<CampaignStats>({
-    total: 0,
-    active: 0,
-    inactive: 0,
-    with_images: 0,
-    with_content: 0,
-    complete: 0,
-  });
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    fetchStats();
-  }, []);
-
-  const fetchStats = async () => {
-    setLoading(true);
-    try {
-      const response = await fetch("/admin/flash-sales?limit=100", {
-        credentials: "include",
-      });
-
-      if (response.ok) {
-        const data = await response.json();
-        const campaigns = data.campaigns || [];
-
-        // Calculate stats
-        const now = new Date();
-        let active = 0;
-        let inactive = 0;
-        let withImages = 0;
-        let withContent = 0;
-        let complete = 0;
-
-        campaigns.forEach((campaign: any) => {
-          // Count active/inactive
-          if (campaign.ends_at && new Date(campaign.ends_at) > now) {
-            active++;
-          } else {
-            inactive++;
-          }
-
-          // Count campaigns with details
-          if (campaign.campaign_detail) {
-            if (
-              campaign.campaign_detail.image_url ||
-              campaign.campaign_detail.thumbnail_url
-            ) {
-              withImages++;
-            }
-            if (campaign.campaign_detail.detail_content) {
-              withContent++;
-            }
-            // Complete = has both images and content
-            if (
-              (campaign.campaign_detail.image_url ||
-                campaign.campaign_detail.thumbnail_url) &&
-              campaign.campaign_detail.detail_content
-            ) {
-              complete++;
-            }
-          }
-        });
-
-        setStats({
-          total: campaigns.length,
-          active,
-          inactive,
-          with_images: withImages,
-          with_content: withContent,
-          complete,
-        });
-      }
-    } catch (err) {
-      console.error("Error fetching campaign stats:", err);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  if (loading) {
-    return (
-      <Container className="px-6 py-6">
-        <div className="flex items-center gap-3 mb-4">
-          <Sparkles className="text-ui-fg-subtle" />
-          <Heading level="h2">Campaign Overview</Heading>
-        </div>
-        <Text className="text-ui-fg-subtle">Loading stats...</Text>
-      </Container>
-    );
-  }
-
-  const completionRate =
-    stats.total > 0 ? Math.round((stats.complete / stats.total) * 100) : 0;
-
-  return (
-    <Container className="px-6 py-6">
-      <div className="flex items-center gap-3 mb-6">
-        <Sparkles className="text-ui-fg-subtle" />
-        <Heading level="h2">Campaign Overview</Heading>
-      </div>
-
-      {/* Main Stats Grid */}
-      <div className="grid grid-cols-3 gap-4 mb-6">
-        {/* Total Campaigns */}
-        <div className="p-4 rounded-lg border bg-ui-bg-subtle">
-          <div className="flex items-center justify-between mb-2">
-            <Text className="text-xs text-ui-fg-subtle">Total</Text>
-            <Sparkles className="h-4 w-4 text-ui-fg-subtle" />
-          </div>
-          <Text className="text-2xl font-bold">{stats.total}</Text>
-        </div>
-
-        {/* Active Campaigns */}
-        <div className="p-4 rounded-lg border bg-green-50">
-          <div className="flex items-center justify-between mb-2">
-            <Text className="text-xs text-green-700">Active</Text>
-            <CheckCircleSolid className="h-4 w-4 text-green-600" />
-          </div>
-          <Text className="text-2xl font-bold text-green-700">
-            {stats.active}
-          </Text>
-        </div>
-
-        {/* Inactive Campaigns */}
-        <div className="p-4 rounded-lg border bg-gray-50">
-          <div className="flex items-center justify-between mb-2">
-            <Text className="text-xs text-gray-600">Inactive</Text>
-            <ClockSolid className="h-4 w-4 text-gray-500" />
-          </div>
-          <Text className="text-2xl font-bold text-gray-600">
-            {stats.inactive}
-          </Text>
-        </div>
-      </div>
-
-      {/* Detail Stats */}
-      <div className="space-y-3 mb-6">
-        <div className="flex items-center justify-between p-3 rounded-lg bg-ui-bg-subtle">
-          <div className="flex items-center gap-2">
-            <PhotoSolid className="h-4 w-4 text-blue-600" />
-            <Text className="text-sm">With Images</Text>
-          </div>
-          <div className="flex items-center gap-2">
-            <Text className="text-sm font-medium">{stats.with_images}</Text>
-            <Badge size="xsmall" color="blue">
-              {stats.total > 0
-                ? Math.round((stats.with_images / stats.total) * 100)
-                : 0}
-              %
-            </Badge>
-          </div>
-        </div>
-
-        <div className="flex items-center justify-between p-3 rounded-lg bg-ui-bg-subtle">
-          <div className="flex items-center gap-2">
-            <CheckCircleSolid className="h-4 w-4 text-green-600" />
-            <Text className="text-sm">With Content</Text>
-          </div>
-          <div className="flex items-center gap-2">
-            <Text className="text-sm font-medium">{stats.with_content}</Text>
-            <Badge size="xsmall" color="green">
-              {stats.total > 0
-                ? Math.round((stats.with_content / stats.total) * 100)
-                : 0}
-              %
-            </Badge>
-          </div>
-        </div>
-
-        <div className="flex items-center justify-between p-3 rounded-lg bg-ui-bg-subtle">
-          <div className="flex items-center gap-2">
-            <Sparkles className="h-4 w-4 text-purple-600" />
-            <Text className="text-sm">Complete Details</Text>
-          </div>
-          <div className="flex items-center gap-2">
-            <Text className="text-sm font-medium">{stats.complete}</Text>
-            <Badge size="xsmall" color="purple">
-              {completionRate}%
-            </Badge>
-          </div>
-        </div>
-      </div>
-
-      {/* Completion Progress Bar */}
-      <div className="pt-4 border-t">
-        <div className="flex items-center justify-between mb-2">
-          <Text className="text-xs text-ui-fg-subtle">Campaign Completion</Text>
-          <Text className="text-xs font-medium">{completionRate}%</Text>
-        </div>
-        <div className="h-2 bg-ui-bg-subtle rounded-full overflow-hidden">
-          <div
-            className="h-full bg-gradient-to-r from-purple-500 to-blue-500 transition-all duration-300"
-            style={{ width: `${completionRate}%` }}
-          />
-        </div>
-        <Text className="text-xs text-ui-fg-muted mt-2">
-          {stats.complete} of {stats.total} campaigns have complete details
-        </Text>
-      </div>
-
-      {/* Quick Tip */}
-      {completionRate < 50 && stats.total > 0 && (
-        <div className="mt-4 p-3 rounded-lg bg-blue-50 border border-blue-200">
-          <Text className="text-xs text-blue-800">
-            💡 Tip: Add images and content to campaigns to improve customer
-            engagement!
-          </Text>
-        </div>
-      )}
-    </Container>
-  );
-};
-
-export const config = defineWidgetConfig({
-  zone: "campaign.list.before",
-});
-
-export default CampaignStatsWidget;