@ezcoder.dev/sdk 1.0.0

package/dist/notifications/index.js

@@ -0,0 +1,191 @@
+import {
+  AuthContext
+} from "../chunk-YNDCD53D.js";
+import "../chunk-5XIZHBKE.js";
+import {
+  features,
+  supabase
+} from "../chunk-G7XDUN3Z.js";
+
+// src/notifications/useNotifications.ts
+import { useState, useEffect, useCallback, useContext } from "react";
+var DEMO_NOTIFICATIONS = [
+  {
+    id: "demo-1",
+    type: "info",
+    title: "Welcome!",
+    message: "Connect a database to enable real-time notifications.",
+    read: false,
+    created_at: (/* @__PURE__ */ new Date()).toISOString()
+  }
+];
+function useNotifications() {
+  const auth = useContext(AuthContext);
+  const [notifications, setNotifications] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const userId = auth?.user?.id;
+  const fetchNotifications = useCallback(async () => {
+    if (!features.auth || !userId) {
+      setNotifications(DEMO_NOTIFICATIONS);
+      setLoading(false);
+      return;
+    }
+    try {
+      const { data, error } = await supabase.from("notifications").select("*").eq("user_id", userId).order("created_at", { ascending: false }).limit(50);
+      if (error) {
+        setNotifications(DEMO_NOTIFICATIONS);
+      } else {
+        setNotifications(data || []);
+      }
+    } catch {
+      setNotifications(DEMO_NOTIFICATIONS);
+    } finally {
+      setLoading(false);
+    }
+  }, [userId]);
+  useEffect(() => {
+    fetchNotifications();
+  }, [fetchNotifications]);
+  useEffect(() => {
+    if (!features.auth || !userId) return;
+    const channel = supabase.channel(`notifications_${userId}`).on(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      "postgres_changes",
+      {
+        event: "INSERT",
+        schema: "public",
+        table: "notifications",
+        filter: `user_id=eq.${userId}`
+      },
+      (payload) => {
+        setNotifications((prev) => [payload.new, ...prev]);
+      }
+    ).subscribe();
+    return () => {
+      supabase.removeChannel(channel);
+    };
+  }, [userId]);
+  const markAsRead = useCallback(async (notificationId) => {
+    if (!features.auth) return;
+    await supabase.from("notifications").update({ read: true, read_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", notificationId);
+    setNotifications(
+      (prev) => prev.map((n) => n.id === notificationId ? { ...n, read: true } : n)
+    );
+  }, []);
+  const markAllAsRead = useCallback(async () => {
+    if (!features.auth || !userId) return;
+    await supabase.from("notifications").update({ read: true, read_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("user_id", userId).eq("read", false);
+    setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));
+  }, [userId]);
+  const deleteNotification = useCallback(async (notificationId) => {
+    if (!features.auth) return;
+    await supabase.from("notifications").delete().eq("id", notificationId);
+    setNotifications((prev) => prev.filter((n) => n.id !== notificationId));
+  }, []);
+  const unreadCount = notifications.filter((n) => !n.read).length;
+  return {
+    notifications,
+    unreadCount,
+    loading,
+    isConfigured: features.auth,
+    markAsRead,
+    markAllAsRead,
+    deleteNotification,
+    refetch: fetchNotifications
+  };
+}
+
+// src/notifications/NotificationCenter.tsx
+import { useState as useState2 } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NotificationCenter({ className = "" }) {
+  const { notifications, unreadCount, markAsRead, markAllAsRead, deleteNotification } = useNotifications();
+  const [open, setOpen] = useState2(false);
+  return /* @__PURE__ */ jsxs("div", { className, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        style: {
+          background: "none",
+          border: "none",
+          cursor: "pointer",
+          position: "relative",
+          padding: "8px",
+          fontSize: "20px"
+        },
+        children: [
+          "\u{1F514}",
+          unreadCount > 0 && /* @__PURE__ */ jsx("span", { style: {
+            position: "absolute",
+            top: "2px",
+            right: "2px",
+            backgroundColor: "#dc2626",
+            color: "white",
+            fontSize: "10px",
+            borderRadius: "50%",
+            width: "18px",
+            height: "18px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          }, children: unreadCount > 9 ? "9+" : unreadCount })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { style: {
+      position: "absolute",
+      right: 0,
+      top: "100%",
+      width: "320px",
+      backgroundColor: "white",
+      border: "1px solid #e5e7eb",
+      borderRadius: "8px",
+      boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
+      zIndex: 50,
+      maxHeight: "400px",
+      overflow: "auto"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { padding: "12px 16px", borderBottom: "1px solid #e5e7eb", display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: "Notifications" }),
+        unreadCount > 0 && /* @__PURE__ */ jsx("button", { onClick: () => markAllAsRead(), style: { background: "none", border: "none", color: "#3b82f6", cursor: "pointer", fontSize: "12px" }, children: "Mark all read" })
+      ] }),
+      notifications.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: "24px", textAlign: "center", color: "#9ca3af" }, children: "No notifications" }) : notifications.map((n) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            padding: "12px 16px",
+            borderBottom: "1px solid #f3f4f6",
+            backgroundColor: n.read ? "transparent" : "#eff6ff",
+            cursor: "pointer"
+          },
+          onClick: () => !n.read && markAsRead(n.id),
+          children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { style: { fontWeight: 500, fontSize: "14px", marginBottom: "2px" }, children: n.title }),
+              /* @__PURE__ */ jsx("p", { style: { color: "#6b7280", fontSize: "13px" }, children: n.message }),
+              /* @__PURE__ */ jsx("p", { style: { color: "#9ca3af", fontSize: "11px", marginTop: "4px" }, children: new Date(n.created_at).toLocaleDateString() })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  deleteNotification(n.id);
+                },
+                style: { background: "none", border: "none", color: "#9ca3af", cursor: "pointer", fontSize: "16px" },
+                children: "\xD7"
+              }
+            )
+          ] })
+        },
+        n.id
+      ))
+    ] })
+  ] });
+}
+export {
+  NotificationCenter,
+  useNotifications
+};
+//# sourceMappingURL=index.js.map

package/dist/notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/notifications/useNotifications.ts","../../src/notifications/NotificationCenter.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\nimport { supabase } from '../core/supabase';\nimport { features } from '../core/config';\nimport { AuthContext } from '../auth/AuthProvider';\n\ninterface Notification {\n  id: string;\n  type: string;\n  title: string;\n  message: string;\n  data?: Record<string, unknown>;\n  read: boolean;\n  read_at?: string;\n  created_at: string;\n}\n\nconst DEMO_NOTIFICATIONS: Notification[] = [\n  {\n    id: 'demo-1',\n    type: 'info',\n    title: 'Welcome!',\n    message: 'Connect a database to enable real-time notifications.',\n    read: false,\n    created_at: new Date().toISOString(),\n  },\n];\n\ninterface UseNotificationsReturn {\n  notifications: Notification[];\n  unreadCount: number;\n  loading: boolean;\n  isConfigured: boolean;\n  markAsRead: (notificationId: string) => Promise<void>;\n  markAllAsRead: () => Promise<void>;\n  deleteNotification: (notificationId: string) => Promise<void>;\n  refetch: () => Promise<void>;\n}\n\nexport function useNotifications(): UseNotificationsReturn {\n  const auth = useContext(AuthContext);\n  const [notifications, setNotifications] = useState<Notification[]>([]);\n  const [loading, setLoading] = useState(true);\n\n  const userId = auth?.user?.id;\n\n  const fetchNotifications = useCallback(async () => {\n    if (!features.auth || !userId) {\n      setNotifications(DEMO_NOTIFICATIONS);\n      setLoading(false);\n      return;\n    }\n\n    try {\n      const { data, error } = await supabase\n        .from('notifications')\n        .select('*')\n        .eq('user_id', userId)\n        .order('created_at', { ascending: false })\n        .limit(50);\n\n      if (error) {\n        setNotifications(DEMO_NOTIFICATIONS);\n      } else {\n        setNotifications((data as Notification[]) || []);\n      }\n    } catch {\n      setNotifications(DEMO_NOTIFICATIONS);\n    } finally {\n      setLoading(false);\n    }\n  }, [userId]);\n\n  useEffect(() => {\n    fetchNotifications();\n  }, [fetchNotifications]);\n\n  useEffect(() => {\n    if (!features.auth || !userId) return;\n\n    const channel = supabase\n      .channel(`notifications_${userId}`)\n      .on(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        'postgres_changes' as any,\n        {\n          event: 'INSERT',\n          schema: 'public',\n          table: 'notifications',\n          filter: `user_id=eq.${userId}`,\n        },\n        (payload: { new: Notification }) => {\n          setNotifications((prev) => [payload.new, ...prev]);\n        }\n      )\n      .subscribe();\n\n    return () => {\n      supabase.removeChannel(channel);\n    };\n  }, [userId]);\n\n  const markAsRead = useCallback(async (notificationId: string) => {\n    if (!features.auth) return;\n\n    await supabase\n      .from('notifications')\n      .update({ read: true, read_at: new Date().toISOString() })\n      .eq('id', notificationId);\n\n    setNotifications((prev) =>\n      prev.map((n) => (n.id === notificationId ? { ...n, read: true } : n))\n    );\n  }, []);\n\n  const markAllAsRead = useCallback(async () => {\n    if (!features.auth || !userId) return;\n\n    await supabase\n      .from('notifications')\n      .update({ read: true, read_at: new Date().toISOString() })\n      .eq('user_id', userId)\n      .eq('read', false);\n\n    setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));\n  }, [userId]);\n\n  const deleteNotification = useCallback(async (notificationId: string) => {\n    if (!features.auth) return;\n\n    await supabase.from('notifications').delete().eq('id', notificationId);\n    setNotifications((prev) => prev.filter((n) => n.id !== notificationId));\n  }, []);\n\n  const unreadCount = notifications.filter((n) => !n.read).length;\n\n  return {\n    notifications,\n    unreadCount,\n    loading,\n    isConfigured: features.auth,\n    markAsRead,\n    markAllAsRead,\n    deleteNotification,\n    refetch: fetchNotifications,\n  };\n}\n","import { useState } from 'react';\nimport { useNotifications } from './useNotifications';\n\ninterface NotificationCenterProps {\n  className?: string;\n}\n\nexport function NotificationCenter({ className = '' }: NotificationCenterProps) {\n  const { notifications, unreadCount, markAsRead, markAllAsRead, deleteNotification } = useNotifications();\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div className={className} style={{ position: 'relative', display: 'inline-block' }}>\n      <button\n        onClick={() => setOpen(!open)}\n        style={{\n          background: 'none', border: 'none', cursor: 'pointer',\n          position: 'relative', padding: '8px', fontSize: '20px',\n        }}\n      >\n        🔔\n        {unreadCount > 0 && (\n          <span style={{\n            position: 'absolute', top: '2px', right: '2px',\n            backgroundColor: '#dc2626', color: 'white', fontSize: '10px',\n            borderRadius: '50%', width: '18px', height: '18px',\n            display: 'flex', alignItems: 'center', justifyContent: 'center',\n          }}>\n            {unreadCount > 9 ? '9+' : unreadCount}\n          </span>\n        )}\n      </button>\n\n      {open && (\n        <div style={{\n          position: 'absolute', right: 0, top: '100%', width: '320px',\n          backgroundColor: 'white', border: '1px solid #e5e7eb',\n          borderRadius: '8px', boxShadow: '0 4px 12px rgba(0,0,0,0.1)',\n          zIndex: 50, maxHeight: '400px', overflow: 'auto',\n        }}>\n          <div style={{ padding: '12px 16px', borderBottom: '1px solid #e5e7eb', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n            <span style={{ fontWeight: 600 }}>Notifications</span>\n            {unreadCount > 0 && (\n              <button onClick={() => markAllAsRead()} style={{ background: 'none', border: 'none', color: '#3b82f6', cursor: 'pointer', fontSize: '12px' }}>\n                Mark all read\n              </button>\n            )}\n          </div>\n\n          {notifications.length === 0 ? (\n            <div style={{ padding: '24px', textAlign: 'center', color: '#9ca3af' }}>\n              No notifications\n            </div>\n          ) : (\n            notifications.map((n) => (\n              <div\n                key={n.id}\n                style={{\n                  padding: '12px 16px', borderBottom: '1px solid #f3f4f6',\n                  backgroundColor: n.read ? 'transparent' : '#eff6ff',\n                  cursor: 'pointer',\n                }}\n                onClick={() => !n.read && markAsRead(n.id)}\n              >\n                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>\n                  <div>\n                    <p style={{ fontWeight: 500, fontSize: '14px', marginBottom: '2px' }}>{n.title}</p>\n                    <p style={{ color: '#6b7280', fontSize: '13px' }}>{n.message}</p>\n                    <p style={{ color: '#9ca3af', fontSize: '11px', marginTop: '4px' }}>\n                      {new Date(n.created_at).toLocaleDateString()}\n                    </p>\n                  </div>\n                  <button\n                    onClick={(e) => { e.stopPropagation(); deleteNotification(n.id); }}\n                    style={{ background: 'none', border: 'none', color: '#9ca3af', cursor: 'pointer', fontSize: '16px' }}\n                  >\n                    ×\n                  </button>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["useState","useState"]}

package/dist/payments/index.d.ts

@@ -0,0 +1,89 @@
+import { e as SubscriptionTier, d as SubscriptionStatus } from '../types-DtY5lp3P.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SubscriptionState {
+    customerId: string | null;
+    tier: SubscriptionTier;
+    status: SubscriptionStatus | null;
+    currentPeriodEnd: string | null;
+}
+interface UseSubscriptionReturn {
+    subscription: SubscriptionState | null;
+    tier: SubscriptionTier;
+    status: SubscriptionStatus | null;
+    isActive: boolean;
+    isPro: boolean;
+    isBusiness: boolean;
+    isEnterprise: boolean;
+    canAccess: (requiredTier: SubscriptionTier) => boolean;
+    loading: boolean;
+    isConfigured: boolean;
+    user: unknown;
+    profile: unknown;
+    isAuthenticated: boolean;
+    refetch: () => Promise<void>;
+}
+declare function useSubscription(): UseSubscriptionReturn;
+
+interface CustomerAccessReturn {
+    loading: boolean;
+    hasAccess: boolean;
+    customer: Record<string, unknown> | null;
+    subscription: Record<string, unknown> | null;
+    error: string | null;
+    refresh: () => Promise<void>;
+    logout: () => void;
+}
+declare function useCustomerAccess(): CustomerAccessReturn;
+
+interface BuyButtonProps {
+    priceId: string;
+    productName?: string;
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    customerEmail?: string;
+    quantity?: number;
+    successUrl?: string;
+    cancelUrl?: string;
+}
+declare function BuyButton({ priceId, productName, className, children, disabled, customerEmail, quantity, successUrl, cancelUrl, }: BuyButtonProps): react_jsx_runtime.JSX.Element;
+
+interface PricingPlan {
+    name: string;
+    description: string;
+    monthlyPriceId?: string;
+    yearlyPriceId?: string;
+    monthlyPrice: number;
+    yearlyPrice?: number;
+    features: string[];
+    highlighted?: boolean;
+    cta?: string;
+}
+interface PricingTableProps {
+    plans?: PricingPlan[];
+    className?: string;
+    customerEmail?: string;
+}
+declare function PricingTable({ plans, className, customerEmail }: PricingTableProps): react_jsx_runtime.JSX.Element;
+
+interface SubscriptionManagerProps {
+    className?: string;
+}
+declare function SubscriptionManager({ className }: SubscriptionManagerProps): react_jsx_runtime.JSX.Element;
+
+interface ManageSubscriptionButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+    customerId?: string;
+}
+declare function ManageSubscriptionButton({ children, className, customerId }: ManageSubscriptionButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ProtectedContentProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+    loadingComponent?: React.ReactNode;
+}
+declare function ProtectedContent({ children, fallback, loadingComponent }: ProtectedContentProps): react_jsx_runtime.JSX.Element;
+
+export { BuyButton, ManageSubscriptionButton, PricingTable, ProtectedContent, SubscriptionManager, useCustomerAccess, useSubscription };