@geekapps/silo-elements-nextjs 0.2.59 → 0.2.61

package/dist/VideoPlayer.js

@@ -157,6 +157,22 @@ function Video({
     () => ({ LOVE: parsed.rating?.counts?.LOVE ?? 0, LIKE: parsed.rating?.counts?.LIKE ?? 0, DISLIKE: parsed.rating?.counts?.DISLIKE ?? 0 })
   );
   const [userReaction, setUserReaction] = useState(parsed.rating?.userReaction ?? null);
+  const userReactionRef = useRef(userReaction);
+  userReactionRef.current = userReaction;
+  const ratingInitializedRef = useRef(false);
+  const incomingCounts = parsed.rating?.counts;
+  const incomingUserReaction = parsed.rating?.userReaction;
+  useEffect(() => {
+    if (ratingInitializedRef.current) return;
+    if (!incomingCounts && incomingUserReaction === void 0) return;
+    ratingInitializedRef.current = true;
+    if (incomingCounts) {
+      setRatingCounts({ LOVE: incomingCounts.LOVE ?? 0, LIKE: incomingCounts.LIKE ?? 0, DISLIKE: incomingCounts.DISLIKE ?? 0 });
+    }
+    if (incomingUserReaction !== void 0) {
+      setUserReaction(incomingUserReaction ?? null);
+    }
+  }, [incomingCounts?.LOVE, incomingCounts?.LIKE, incomingCounts?.DISLIKE, incomingUserReaction]);
   const onReactRef = useRef(parsed.rating?.onReact);
   onReactRef.current = parsed.rating?.onReact;
   const [preview, setPreview] = useState(null);
@@ -1680,9 +1696,10 @@ function Video({
                                           setUserReaction(next);
                                           setRatingCounts((prev) => {
                                             const updated = { ...prev };
+                                            const prev_reaction = userReactionRef.current;
                                             if (active) updated[key] = Math.max(0, (updated[key] ?? 0) - 1);
                                             else {
-                                              if (userReaction) updated[userReaction] = Math.max(0, (updated[userReaction] ?? 0) - 1);
+                                              if (prev_reaction) updated[prev_reaction] = Math.max(0, (updated[prev_reaction] ?? 0) - 1);
                                               updated[key] = (updated[key] ?? 0) + 1;
                                             }
                                             return updated;