@times-components/ts-components 1.146.2-a0ffbb6bc2acbec91d140a39f6be06256e702094.5 → 1.146.2-c12ed7999a41984c2ba8c437357e7a5df1914881.48

package/src/components/social-embed/components/FacebookComponent.tsx

@@ -1,93 +0,0 @@
-import React, { useEffect } from "react";
-import { FacebookContainer } from "../styles";
-import { useSocialEmbedsContext } from "../../../contexts/SocialEmbedsProvider";
-
-
-interface FacebookProps {
-  url: string;
-}
-
-export const Facebook: React.FC<FacebookProps> = ({ url }) => {
-  const { isSocialEmbedAllowed, isAllowedOnce } = useSocialEmbedsContext();
-
-  // Only render and load SDK if consent is given
-  const allowed =
-    isSocialEmbedAllowed.facebook === true || isAllowedOnce.facebook === true;
-
-  useEffect(() => {
-    if (!allowed) return; // Don't load SDK if user hasn't consented
-
-    // Create fb-root only once
-    if (!document.getElementById("fb-root")) {
-      const fbRoot = document.createElement("div");
-      fbRoot.id = "fb-root";
-      document.body.appendChild(fbRoot);
-    }
-
-    // Load SDK only once
-    if (!(window as any).FB) {
-      const script = document.createElement("script");
-      script.src =
-        "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v18.0";
-      script.async = true;
-      script.defer = true;
-      script.crossOrigin = "anonymous";
-      document.body.appendChild(script);
-    } else {
-      // Re-parse if SDK already loaded
-      (window as any).FB.XFBML.parse();
-    }
-  }, [allowed]); // Re-run if consent changes
-
-  if (!allowed) {
-    return null; // Block rendering if no consent
-  }
-
-  return (
-    <FacebookContainer
-      className="fb-post"
-      data-href={url}
-      data-width="500"
-      data-show-text="true"
-    />
-  );
-};
-
-/* import React, { useEffect } from 'react';
-import { FacebookContainer } from '../styles';
-import { Placeholder } from '@times-components/image';
-
-export const Facebook = ({ url }: { url: string }) => {
-  useEffect(() => {
-    if (!document.getElementById('fb-root')) {
-      const fbRoot = document.createElement('div');
-      fbRoot.id = 'fb-root';
-      document.body.appendChild(fbRoot);
-    }
-
-    // Load SDK only once
-    if (!(window as any).FB) {
-      const script = document.createElement('script');
-      script.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v18.0';
-      script.async = true;
-      script.defer = true;
-      script.crossOrigin = 'anonymous';
-      document.body.appendChild(script);
-    } else {
-      // If SDK already loaded, re-parse
-      (window as any).FB.XFBML.parse();
-    }
-  }, []);
-
-  return (
-    <FacebookContainer
-      className="fb-post"
-      data-href={url}
-      data-width="500"
-      data-show-text="true"
-    >
-      <Placeholder />
-    </FacebookContainer>
-  );
-}; */
-