@janovix/blocks 1.0.0-rc.4 → 1.0.0-rc.5

package/dist/index.cjs

@@ -9656,9 +9656,11 @@ function AvatarEditor({
   const [dragStart, setDragStart] = React32.useState({ x: 0, y: 0 });
   const [showGrid, setShowGrid] = React32.useState(initialShowGrid);
   React32.useEffect(() => {
-    if (imageSource && !imageSource.startsWith("data:")) {
+    if (imageSource) {
       const img = new Image();
-      img.crossOrigin = "anonymous";
+      if (!imageSource.startsWith("data:")) {
+        img.crossOrigin = "anonymous";
+      }
       img.onload = () => {
         setImage(img);
         setImageLoaded(true);
@@ -9846,6 +9848,7 @@ function AvatarEditor({
   const handleTouchMove = React32.useCallback(
     (e) => {
       if (!isDragging) return;
+      e.preventDefault();
       const touch = e.touches[0];
       setPosition({
         x: touch.clientX - dragStart.x,
@@ -10428,14 +10431,13 @@ function DrawerDescription({
 function useMediaQuery(query) {
   const [matches, setMatches] = React32.useState(false);
   React32.useEffect(() => {
+    if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
-    if (media.matches !== matches) {
-      setMatches(media.matches);
-    }
+    setMatches(media.matches);
     const listener = () => setMatches(media.matches);
     media.addEventListener("change", listener);
     return () => media.removeEventListener("change", listener);
-  }, [matches, query]);
+  }, [query]);
   return matches;
 }
 function AvatarEditorDialog({
@@ -10458,7 +10460,15 @@ function AvatarEditorDialog({
   const [editedValue, setEditedValue] = React32.useState(value ?? null);
   const [isSaving, setIsSaving] = React32.useState(false);
   const [feedback, setFeedback] = React32.useState(null);
+  const [mobileEditorSize, setMobileEditorSize] = React32.useState(editorSize);
   const isMobile = useMediaQuery("(max-width: 640px)");
+  React32.useEffect(() => {
+    if (typeof window !== "undefined" && isMobile) {
+      setMobileEditorSize(Math.min(editorSize + 40, window.innerWidth - 48));
+    } else {
+      setMobileEditorSize(editorSize);
+    }
+  }, [isMobile, editorSize]);
   const handleOpenChange = React32.useCallback(
     (open) => {
       if (open) {
@@ -10533,7 +10543,6 @@ function AvatarEditorDialog({
       ]
     }
   );
-  const mobileEditorSize = isMobile ? Math.min(editorSize + 40, window.innerWidth - 48) : editorSize;
   const EditorContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       AvatarEditor,
@@ -10858,7 +10867,7 @@ function NotificationsWidget({
   onNotificationClick,
   size: size4 = "md",
   maxVisible = 5,
-  playSound: _playSound = true,
+  playSound = true,
   soundUrl,
   className,
   emptyMessage = "No notifications",
@@ -10875,10 +10884,13 @@ function NotificationsWidget({
   const styles = sizeConfig[size4];
   const dotBgColor = dotColorConfig[dotColor];
   const unreadCount = notifications.filter((n) => !n.read).length;
-  const visibleNotifications = notifications.slice(0, maxVisible);
+  const visibleNotifications = React32__namespace.useMemo(
+    () => notifications.slice(0, maxVisible),
+    [notifications, maxVisible]
+  );
   const hasMore = notifications.length > maxVisible;
   React32__namespace.useEffect(() => {
-    if (soundType !== "none" && unreadCount > prevCount && prevCount > 0) {
+    if (playSound && soundType !== "none" && unreadCount > prevCount && prevCount > 0) {
       const now = Date.now();
       if (now - lastSoundPlayedRef.current >= soundCooldown) {
         playNotificationSound(soundType, soundUrl);
@@ -10886,7 +10898,7 @@ function NotificationsWidget({
       }
     }
     setPrevCount(unreadCount);
-  }, [unreadCount, prevCount, soundType, soundUrl, soundCooldown]);
+  }, [unreadCount, prevCount, soundType, soundUrl, soundCooldown, playSound]);
   React32__namespace.useEffect(() => {
     if (isOpen && onMarkAsRead) {
       visibleNotifications.forEach((notification) => {