@foxpixel/react 0.2.1 → 0.2.2

package/dist/index.mjs

@@ -352,11 +352,33 @@ function withAuth(Component, options = {}) {
 }
 
 // src/components/Editable.tsx
-import { createElement, useCallback as useCallback3, useState as useState7 } from "react";
+import { createElement, useCallback as useCallback3, useState as useState7, useEffect as useEffect7 } from "react";
 
 // src/hooks/useEditMode.ts
 import { useEffect as useEffect5, useState as useState5, useCallback as useCallback2 } from "react";
 var SITE_CONTENT_QUERY_KEY = "siteContent";
+var contentKeysOnPage = /* @__PURE__ */ new Set();
+var flushTimer = null;
+function scheduleFlushContentKeys() {
+  if (flushTimer) return;
+  flushTimer = setTimeout(() => {
+    flushTimer = null;
+    if (typeof window !== "undefined" && window.parent !== window) {
+      window.parent.postMessage(
+        { type: "FOXPIXEL_READY", payload: { contentKeys: Array.from(contentKeysOnPage) } },
+        "*"
+      );
+    }
+  }, 150);
+}
+function registerContentKey(key) {
+  contentKeysOnPage.add(key);
+  scheduleFlushContentKeys();
+}
+function unregisterContentKey(key) {
+  contentKeysOnPage.delete(key);
+  scheduleFlushContentKeys();
+}
 function useEditMode() {
   const [isEditMode, setIsEditMode] = useState5(false);
   useEffect5(() => {
@@ -588,6 +610,12 @@ function Editable({
     defaultValue
   });
   const section = contentKey.includes(".") ? contentKey.split(".")[0] : void 0;
+  useEffect7(() => {
+    if (isEditMode) {
+      registerContentKey(contentKey);
+      return () => unregisterContentKey(contentKey);
+    }
+  }, [isEditMode, contentKey]);
   const handleClick = useCallback3(
     (e) => {
       if (isEditMode) {
@@ -683,6 +711,12 @@ function EditableHTML({
     defaultValue
   });
   const section = contentKey.includes(".") ? contentKey.split(".")[0] : void 0;
+  useEffect7(() => {
+    if (isEditMode) {
+      registerContentKey(contentKey);
+      return () => unregisterContentKey(contentKey);
+    }
+  }, [isEditMode, contentKey]);
   const handleClick = useCallback3(
     (e) => {
       if (isEditMode) {
@@ -749,6 +783,12 @@ function EditableImage({
     defaultValue
   });
   const section = contentKey.includes(".") ? contentKey.split(".")[0] : void 0;
+  useEffect7(() => {
+    if (isEditMode) {
+      registerContentKey(contentKey);
+      return () => unregisterContentKey(contentKey);
+    }
+  }, [isEditMode, contentKey]);
   const handleClick = useCallback3(
     (e) => {
       if (isEditMode) {
@@ -812,7 +852,7 @@ function EditableImage({
 }
 
 // src/hooks/useServices.ts
-import { useState as useState8, useEffect as useEffect7 } from "react";
+import { useState as useState8, useEffect as useEffect8 } from "react";
 function useServices(options = {}) {
   const { client } = useFoxPixelContext();
   const [services, setServices] = useState8(null);
@@ -835,7 +875,7 @@ function useServices(options = {}) {
       setIsLoading(false);
     }
   };
-  useEffect7(() => {
+  useEffect8(() => {
     fetchServices();
   }, [options.category, options.active]);
   return {
@@ -901,7 +941,7 @@ function useContactCapture() {
 }
 
 // src/hooks/useSiteContent.ts
-import { useState as useState11, useEffect as useEffect8, useCallback as useCallback4 } from "react";
+import { useState as useState11, useEffect as useEffect9, useCallback as useCallback4 } from "react";
 function useSiteContent(contentKey, options = {}) {
   const { defaultValue = "", fetchOnMount = true } = options;
   const { client } = useFoxPixelContext();
@@ -941,7 +981,7 @@ function useSiteContent(contentKey, options = {}) {
       throw err;
     }
   }, [client, contentKey]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (fetchOnMount) {
       fetchContent();
     }
@@ -983,7 +1023,7 @@ function useSiteContents(contentKeys, options = {}) {
       setIsLoading(false);
     }
   }, [client, contentKeys.join(",")]);
-  useEffect8(() => {
+  useEffect9(() => {
     fetchContents();
   }, [fetchContents]);
   const getValue = useCallback4((key, defaultValue) => {
@@ -1020,7 +1060,7 @@ function useSiteContentSection(section) {
       setIsLoading(false);
     }
   }, [client, section]);
-  useEffect8(() => {
+  useEffect9(() => {
     fetchContents();
   }, [fetchContents]);
   return {
@@ -1062,7 +1102,7 @@ async function prefetchSiteContent(queryClient, options) {
 }
 
 // src/blog/hooks.ts
-import { useState as useState12, useEffect as useEffect9 } from "react";
+import { useState as useState12, useEffect as useEffect10 } from "react";
 function useBlogPosts(options = {}) {
   const { client } = useFoxPixelContext();
   const [data, setData] = useState12(null);
@@ -1087,7 +1127,7 @@ function useBlogPosts(options = {}) {
       setIsLoading(false);
     }
   };
-  useEffect9(() => {
+  useEffect10(() => {
     fetchPosts();
   }, [page, limit]);
   return {
@@ -1120,7 +1160,7 @@ function useBlogPost(slug) {
       setIsLoading(false);
     }
   };
-  useEffect9(() => {
+  useEffect10(() => {
     fetchPost();
   }, [slug]);
   return {
@@ -1148,7 +1188,7 @@ function useBlogCategories() {
       setIsLoading(false);
     }
   };
-  useEffect9(() => {
+  useEffect10(() => {
     fetchCategories();
   }, []);
   return {
@@ -1176,7 +1216,7 @@ function useBlogTags() {
       setIsLoading(false);
     }
   };
-  useEffect9(() => {
+  useEffect10(() => {
     fetchTags();
   }, []);
   return {
@@ -1211,7 +1251,7 @@ function useBlogComments(slug) {
       setIsLoading(false);
     }
   };
-  useEffect9(() => {
+  useEffect10(() => {
     fetchComments();
   }, [slug]);
   return {
@@ -1272,7 +1312,7 @@ function useBlogFeaturedPosts(limit = 6) {
       setIsLoading(false);
     }
   };
-  useEffect9(() => {
+  useEffect10(() => {
     fetchFeatured();
   }, [limit]);
   return {
@@ -1366,7 +1406,7 @@ function useNewsletterUnsubscribe() {
 }
 
 // src/blog/admin-hooks.ts
-import { useState as useState13, useEffect as useEffect10, useCallback as useCallback5 } from "react";
+import { useState as useState13, useEffect as useEffect11, useCallback as useCallback5 } from "react";
 function useAdminBlogPosts(options = {}) {
   const { client } = useFoxPixelContext();
   const [data, setData] = useState13(null);
@@ -1389,7 +1429,7 @@ function useAdminBlogPosts(options = {}) {
       setIsLoading(false);
     }
   }, [client, page, size]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchPosts();
   }, [fetchPosts]);
   return { data, isLoading, error, refetch: fetchPosts };
@@ -1416,7 +1456,7 @@ function useAdminBlogPost(id) {
       setIsLoading(false);
     }
   }, [client, id]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchPost();
   }, [fetchPost]);
   return { data, isLoading, error, refetch: fetchPost };
@@ -1483,7 +1523,7 @@ function useAdminBlogCategories() {
       setIsLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchCategories();
   }, [fetchCategories]);
   const create = async (payload) => {
@@ -1535,7 +1575,7 @@ function useAdminBlogTags() {
       setIsLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchTags();
   }, [fetchTags]);
   const create = async (payload) => {
@@ -1593,7 +1633,7 @@ function useAdminBlogComments(options = {}) {
       setIsLoading(false);
     }
   }, [client, status, postId, page, size]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchComments();
   }, [fetchComments]);
   const updateStatus = async (id, newStatus) => {
@@ -1640,7 +1680,7 @@ function useAdminNewsletterSubscribers(options = {}) {
       setIsLoading(false);
     }
   }, [client, status, page, size]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchSubscribers();
   }, [fetchSubscribers]);
   const remove = async (id) => {
@@ -1672,7 +1712,7 @@ function useAdminNewsletterStats() {
       setIsLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchStats();
   }, [fetchStats]);
   return { data, isLoading, error, refetch: fetchStats };
@@ -1694,7 +1734,7 @@ function useAdminBlogSettings() {
       setIsLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchSettings();
   }, [fetchSettings]);
   const update = async (settings) => {
@@ -1726,7 +1766,7 @@ function useAdminBlogAnalytics() {
       setIsLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchAnalytics();
   }, [fetchAnalytics]);
   return { data, isLoading, error, refetch: fetchAnalytics };