@digilogiclabs/saas-factory-ui 0.16.0 → 0.16.1

package/dist/index.d.mts

@@ -1122,7 +1122,7 @@ interface FeedItem extends AudioTrackCardData {
 }
 interface AudioFeedProps {
     /** Feed items */
-    items: FeedItem[];
+    items?: FeedItem[];
     /** Loading state */
     loading?: boolean;
     /** Error state */

package/dist/index.d.ts

@@ -1122,7 +1122,7 @@ interface FeedItem extends AudioTrackCardData {
 }
 interface AudioFeedProps {
     /** Feed items */
-    items: FeedItem[];
+    items?: FeedItem[];
     /** Loading state */
     loading?: boolean;
     /** Error state */

package/dist/index.js

@@ -2396,8 +2396,8 @@ function LavaLamp({
   const dimensionsRef = (0, import_react4.useRef)({ width: 0, height: 0, baseY: 0 });
   const isHoldingRef = (0, import_react4.useRef)(false);
   const currentFormingBlobRef = (0, import_react4.useRef)(null);
-  const isMobile = typeof window !== "undefined" && (window.innerWidth <= 768 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
-  const isLowEnd = isMobile && typeof window !== "undefined" && (window.devicePixelRatio <= 1.5 || navigator.hardwareConcurrency <= 4);
+  const isMobile = typeof window !== "undefined" && typeof navigator !== "undefined" && (window.innerWidth <= 768 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
+  const isLowEnd = isMobile && typeof window !== "undefined" && typeof navigator !== "undefined" && (window.devicePixelRatio <= 1.5 || navigator.hardwareConcurrency && navigator.hardwareConcurrency <= 4);
   (0, import_react4.useEffect)(() => {
     setIsClient(true);
   }, []);
@@ -3702,7 +3702,7 @@ var VideoPlayer = React20.forwardRef(
       if (currentVideo) {
         onVideoEnd?.(currentVideo);
       }
-      if (loop && !playlist.length) {
+      if (loop && (!playlist || !playlist.length)) {
         videoRef.current?.play();
         return;
       }
@@ -6041,7 +6041,7 @@ var FixedAudioBar = ({
   const triggerHaptic = (type = "light") => {
     if (hapticFeedback && "vibrate" in navigator) {
       const patterns = { light: 10, medium: 20, heavy: 30 };
-      navigator.vibrate(patterns[type]);
+      typeof navigator !== "undefined" && navigator.vibrate && navigator.vibrate(patterns[type]);
     }
   };
   const progressPercentage = track ? currentTime / track.duration * 100 : 0;
@@ -7892,7 +7892,7 @@ var import_framer_motion11 = require("framer-motion");
 var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var AudioFeed = ({
-  items,
+  items = [],
   loading = false,
   error = null,
   hasMore = true,
@@ -7931,16 +7931,17 @@ var AudioFeed = ({
   const [showSortPanel, setShowSortPanel] = (0, import_react13.useState)(false);
   const [visibleItems, setVisibleItems] = (0, import_react13.useState)(itemsPerPage);
   const [isLoadingMore, setIsLoadingMore] = (0, import_react13.useState)(false);
-  const [isOnline, setIsOnline] = (0, import_react13.useState)(navigator.onLine);
+  const [isOnline, setIsOnline] = (0, import_react13.useState)(typeof navigator !== "undefined" ? navigator.onLine : true);
   const feedRef = (0, import_react13.useRef)(null);
   const loadingRef = (0, import_react13.useRef)(null);
   const triggerHaptic = (0, import_react13.useCallback)((type = "light") => {
-    if (hapticFeedback && "vibrate" in navigator) {
+    if (hapticFeedback && typeof navigator !== "undefined" && "vibrate" in navigator) {
       const patterns = { light: 10, medium: 20, heavy: 30 };
       navigator.vibrate(patterns[type]);
     }
   }, [hapticFeedback]);
   (0, import_react13.useEffect)(() => {
+    if (typeof window === "undefined") return;
     const handleOnline = () => setIsOnline(true);
     const handleOffline = () => setIsOnline(false);
     window.addEventListener("online", handleOnline);
@@ -8041,7 +8042,7 @@ var AudioFeed = ({
         return timeAgo;
     }
   };
-  if (loading && !items.length) {
+  if (loading && (!items || !items.length)) {
     return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("space-y-4", className), children: loadingComponent || /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "animate-pulse", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-4 p-4 bg-card rounded-lg border", children: [
       /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-16 h-16 bg-muted rounded-lg" }),
       /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex-1 space-y-2", children: [
@@ -8068,7 +8069,7 @@ var AudioFeed = ({
       ] })
     ] }) });
   }
-  if (!loading && !items.length) {
+  if (!loading && (!items || !items.length)) {
     return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("text-center py-12", className), children: emptyComponent || /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react20.Music, { className: "w-12 h-12 text-muted-foreground mx-auto" }),
       /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
@@ -9947,7 +9948,7 @@ var CommentInput = ({
   const triggerHaptic = (0, import_react16.useCallback)((type = "light") => {
     if (hapticFeedback && "vibrate" in navigator) {
       const patterns = { light: 10, medium: 20, heavy: 30 };
-      navigator.vibrate(patterns[type]);
+      typeof navigator !== "undefined" && navigator.vibrate && navigator.vibrate(patterns[type]);
     }
   }, [hapticFeedback]);
   const handleSubmit = async (e) => {
@@ -10128,7 +10129,7 @@ var CommentItem = ({
   const triggerHaptic = (0, import_react16.useCallback)((type = "light") => {
     if (hapticFeedback && "vibrate" in navigator) {
       const patterns = { light: 10, medium: 20, heavy: 30 };
-      navigator.vibrate(patterns[type]);
+      typeof navigator !== "undefined" && navigator.vibrate && navigator.vibrate(patterns[type]);
     }
   }, [hapticFeedback]);
   const handleLike = async () => {
@@ -12064,11 +12065,11 @@ var NotificationCenter = ({
       return b.timestamp.getTime() - a.timestamp.getTime();
     });
     const allCounts = {
-      all: notifications.length,
-      unread: notifications.filter((n) => !n.isRead).length,
-      social: notifications.filter((n) => notificationConfig[n.type].category === "social").length,
-      content: notifications.filter((n) => notificationConfig[n.type].category === "content").length,
-      system: notifications.filter((n) => notificationConfig[n.type].category === "system").length
+      all: notifications?.length || 0,
+      unread: notifications?.filter((n) => !n.isRead)?.length || 0,
+      social: notifications?.filter((n) => notificationConfig[n.type]?.category === "social")?.length || 0,
+      content: notifications?.filter((n) => notificationConfig[n.type]?.category === "content")?.length || 0,
+      system: notifications?.filter((n) => notificationConfig[n.type]?.category === "system")?.length || 0
     };
     return { filteredNotifications: filtered, counts: allCounts };
   }, [notifications, activeFilter, groupSimilar]);
@@ -12495,7 +12496,7 @@ var AdvancedPlayer = ({
   const triggerHaptic = (0, import_react20.useCallback)((type = "light") => {
     if (hapticFeedback && "vibrate" in navigator) {
       const patterns = { light: 10, medium: 20, heavy: 30 };
-      navigator.vibrate(patterns[type]);
+      typeof navigator !== "undefined" && navigator.vibrate && navigator.vibrate(patterns[type]);
     }
   }, [hapticFeedback]);
   const formatTime = (0, import_react20.useCallback)((seconds) => {
@@ -12952,7 +12953,7 @@ var CollaboratorItem = ({
   const triggerHaptic = (0, import_react21.useCallback)((type = "light") => {
     if (hapticFeedback && "vibrate" in navigator) {
       const patterns = { light: 10, medium: 20, heavy: 30 };
-      navigator.vibrate(patterns[type]);
+      typeof navigator !== "undefined" && navigator.vibrate && navigator.vibrate(patterns[type]);
     }
   }, [hapticFeedback]);
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between p-3 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 group", children: [
@@ -13169,7 +13170,7 @@ var LiveSessionControls = ({
   const triggerHaptic = (0, import_react21.useCallback)((type = "light") => {
     if (hapticFeedback && "vibrate" in navigator) {
       const patterns = { light: 10, medium: 20, heavy: 30 };
-      navigator.vibrate(patterns[type]);
+      typeof navigator !== "undefined" && navigator.vibrate && navigator.vibrate(patterns[type]);
     }
   }, [hapticFeedback]);
   const handleStartSession = async () => {
@@ -13357,7 +13358,7 @@ var CollaborativePlaylist = ({
   const triggerHaptic = (0, import_react21.useCallback)((type = "light") => {
     if (hapticFeedback && "vibrate" in navigator) {
       const patterns = { light: 10, medium: 20, heavy: 30 };
-      navigator.vibrate(patterns[type]);
+      typeof navigator !== "undefined" && navigator.vibrate && navigator.vibrate(patterns[type]);
     }
   }, [hapticFeedback]);
   (0, import_react21.useEffect)(() => {
@@ -13379,7 +13380,9 @@ var CollaborativePlaylist = ({
   };
   const handleCopyInviteLink = async () => {
     try {
-      await navigator.clipboard.writeText(inviteLink);
+      if (typeof navigator !== "undefined" && navigator.clipboard) {
+        await navigator.clipboard.writeText(inviteLink);
+      }
       setLinkCopied(true);
       setTimeout(() => setLinkCopied(false), 2e3);
       triggerHaptic("light");
@@ -14483,7 +14486,7 @@ var SwipeableCard = ({
     active: { scale: 1.02 }
   };
   const renderActionIndicator = (actions, side) => {
-    if (!showActionIndicator || actions.length === 0) return null;
+    if (!showActionIndicator || !actions || actions.length === 0) return null;
     const action = actions[0];
     const opacity = side === "left" ? leftOpacity : rightOpacity;
     const scale = side === "left" ? leftScale : rightScale;
@@ -14795,7 +14798,7 @@ var checkWebPSupport = () => {
 };
 var generateOptimizedUrl = (src, webpSupported, mobileOptimization) => {
   if (!mobileOptimization) return src;
-  const url = new URL(src, window.location.origin);
+  const url = new URL(src, typeof window !== "undefined" ? window.location.origin : "http://localhost");
   const params = new URLSearchParams(url.search);
   if (mobileOptimization.quality) {
     params.set("q", mobileOptimization.quality.toString());