Cookies

export const COOKIE_GROUPS: CookieGroup[] = [
  // Existing groups
  {
    id: 'socialMedia',
    name: 'cookies.groups.socialMedia.name',
    description: 'cookies.groups.socialMedia.description',
    component: SocialMediaTracking, // Component for the service
  },
];

'use client';

import { useEffect } from 'react';
import { appConfig } from '@/appConfig';
import { initSocialMediaService, SocialMediaService } from '@/lib/analytics/social-media';

export function SocialMediaTracking({ children }: { children?: React.ReactNode }) {
  useEffect(() => {
    if (appConfig.services.socialMedia) {
      initSocialMediaService(); // Initialize the service here
    }
  }, []);

  return (
  <>
    // and / or here
    <SocialMediaService />
    {children}
    </>
);
}

'use client';

import { appConfig } from '@/appConfig';

export function initSocialMediaService() {
  // Initialize social media tracking service
}

export function SocialMediaService({ children }: ProviderProps) {
  if (appConfig.services.socialMedia) {
    return <SocialMediaProvider props={...}>{children}</SocialMediaProvider>;
  }
  return <>{children}</>;
}

export const appConfig: AppConfig = {
  // Other configurations
  services: {
    posthog: true,
    plausible: true,
    googleAnalytics: false,
    socialMedia: true,
  },
};