function PrivacyProtection({ blockCookies = true, blockAnalytics = true, blockSegment = true, enableCSP = true, enableReferrerPolicy = true, theme = { calculated: "light" } }) { const [privacyStatus, setPrivacyStatus] = useState({ cookiesBlocked: false, analyticsBlocked: false, segmentBlocked: false, cspEnabled: false, referrerPolicyEnabled: false }); useEffect(()=>{ document.title = "Privacy Protection | SONNON"; // Set Content Security Policy if (enableCSP) { const meta = document.createElement('meta'); meta.httpEquiv = "Content-Security-Policy"; meta.content = "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https://ucarecdn.com; connect-src 'self' https://api.sonnon.tech; frame-ancestors 'none';"; document.head.appendChild(meta); setPrivacyStatus((prev)=>({ ...prev, cspEnabled: true })); } // Set Referrer Policy if (enableReferrerPolicy) { const meta = document.createElement('meta'); meta.name = "referrer"; meta.content = "no-referrer"; document.head.appendChild(meta); setPrivacyStatus((prev)=>({ ...prev, referrerPolicyEnabled: true })); } return ()=>{ // Clean up meta tags if component unmounts const metaTags = document.head.querySelectorAll('meta[http-equiv="Content-Security-Policy"], meta[name="referrer"]'); metaTags.forEach((tag)=>document.head.removeChild(tag)); }; }, [ enableCSP, enableReferrerPolicy ]); useEffect(()=>{ const blockTrackingScripts = async ()=>{ // Block cookies if (blockCookies) { try { // Override document.cookie Object.defineProperty(document, 'cookie', { get: function() { return ''; }, set: function() { return true; }, configurable: true }); // Clear existing cookies const cookies = document.cookie.split(';'); for(let i = 0; i < cookies.length; i++){ const cookie = cookies[i]; const eqPos = cookie.indexOf('='); const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;'; } setPrivacyStatus((prev)=>({ ...prev, cookiesBlocked: true })); } catch (err) { console.error("Error blocking cookies:", err); } } // Block analytics if (blockAnalytics) { try { const trackingKeywords = [ 'ga', 'gtag', 'analytics', 'googletagmanager', 'google-analytics', 'mixpanel', 'hotjar', 'clarity', 'facebook', 'fbevents', 'pixel' ]; // Remove existing analytics scripts const scripts = document.querySelectorAll('script'); scripts.forEach((script)=>{ const src = script.getAttribute('src') || ''; const content = script.innerHTML || ''; const hasTrackingKeyword = trackingKeywords.some((keyword)=>src.toLowerCase().includes(keyword) || content.toLowerCase().includes(keyword)); if (hasTrackingKeyword && script.parentNode) { script.parentNode.removeChild(script); } }); // Block future analytics const originalAppendChild = Node.prototype.appendChild; Node.prototype.appendChild = function(node) { if (node.nodeName === 'SCRIPT') { const src = node.src || ''; const content = node.innerHTML || ''; const hasTrackingKeyword = trackingKeywords.some((keyword)=>src.toLowerCase().includes(keyword) || content.toLowerCase().includes(keyword)); if (hasTrackingKeyword) { return document.createComment('Analytics script blocked by SONNON Privacy Protection'); } } return originalAppendChild.call(this, node); }; setPrivacyStatus((prev)=>({ ...prev, analyticsBlocked: true })); } catch (err) { console.error("Error blocking analytics:", err); } } // Block Segment.io specifically if (blockSegment) { try { // Remove existing Segment scripts const segmentKeywords = [ 'segment', 'segmentio', 'cdn.segment.com', 'analytics.js' ]; const scripts = document.querySelectorAll('script'); scripts.forEach((script)=>{ const src = script.getAttribute('src') || ''; const content = script.innerHTML || ''; const hasSegmentKeyword = segmentKeywords.some((keyword)=>src.toLowerCase().includes(keyword) || content.toLowerCase().includes(keyword)); if (hasSegmentKeyword && script.parentNode) { script.parentNode.removeChild(script); } }); // Call the API endpoints to remove Segment try { const response1 = await fetch("/api/remove-segment", { method: "POST" }); if (response1.ok) { const data1 = await response1.json(); if (data1.success && data1.script) { const scriptFunction1 = new Function(data1.script); scriptFunction1(); } } const response2 = await fetch("/api/nuke-segment", { method: "POST" }); if (response2.ok) { const data2 = await response2.json(); if (data2.success && data2.script) { const scriptFunction2 = new Function(data2.script); scriptFunction2(); } } } catch (err) { console.error("Error calling segment removal APIs:", err); } // Override analytics object if (window.analytics) { window.analytics = { track: ()=>{}, identify: ()=>{}, page: ()=>{}, load: ()=>{}, ready: (cb)=>{ if (typeof cb === 'function') setTimeout(cb, 0); } }; } setPrivacyStatus((prev)=>({ ...prev, segmentBlocked: true })); } catch (err) { console.error("Error blocking Segment.io:", err); } } }; blockTrackingScripts(); // Set up a MutationObserver to continuously block new tracking scripts const observer = new MutationObserver((mutations)=>{ blockTrackingScripts(); }); observer.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: [ 'src' ] }); return ()=>{ observer.disconnect(); }; }, [ blockCookies, blockAnalytics, blockSegment ]); const isDark = theme?.calculated === "dark"; const textColor = isDark ? "text-[#FFFFFF]" : "text-[#000000]"; const bgColor = isDark ? "bg-[#000000]" : "bg-[#FFFFFF]"; const borderColor = isDark ? "border-[#FFFFFF]" : "border-[#000000]"; return /*#__PURE__*/ React.createElement("div", { className: `fixed bottom-0 left-0 w-full z-40 pointer-events-none`, __source: { fileName: "", lineNumber: 208, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 mb-4", __source: { fileName: "", lineNumber: 209, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${bgColor} border ${borderColor} rounded-lg p-4 shadow-lg pointer-events-auto opacity-0 hover:opacity-100 transition-opacity duration-300`, __source: { fileName: "", lineNumber: 210, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 212, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: textColor, __source: { fileName: "", lineNumber: 213, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M7 11V7a5 5 0 0110 0v4", __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: `text-sm font-medium ${textColor}`, __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, "SONNON Privacy Protection Active")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 229, columnNumber: 13 }, __self: this }, privacyStatus.cookiesBlocked && /*#__PURE__*/ React.createElement("span", { className: `text-xs px-2 py-1 rounded-full border ${borderColor} ${textColor}`, __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, "Cookies Blocked"), privacyStatus.analyticsBlocked && /*#__PURE__*/ React.createElement("span", { className: `text-xs px-2 py-1 rounded-full border ${borderColor} ${textColor}`, __source: { fileName: "", lineNumber: 236, columnNumber: 17 }, __self: this }, "Analytics Blocked"), privacyStatus.segmentBlocked && /*#__PURE__*/ React.createElement("span", { className: `text-xs px-2 py-1 rounded-full border ${borderColor} ${textColor}`, __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, "Segment Blocked"), privacyStatus.cspEnabled && /*#__PURE__*/ React.createElement("span", { className: `text-xs px-2 py-1 rounded-full border ${borderColor} ${textColor}`, __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, "CSP Enabled")))))); } function PrivacyProtectionStory() { const [theme, setTheme] = useState({ mode: "light", calculated: "light" }); const toggleTheme = ()=>{ setTheme((prev)=>({ mode: prev.calculated === "light" ? "dark" : "light", calculated: prev.calculated === "light" ? "dark" : "light" })); }; return /*#__PURE__*/ React.createElement("div", { className: theme.calculated === "dark" ? "bg-black text-white" : "bg-white text-black", style: { minHeight: "100vh", padding: "20px" }, __source: { fileName: "", lineNumber: 269, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 270, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 271, columnNumber: 9 }, __self: this }, "Privacy Protection Component"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 272, columnNumber: 9 }, __self: this }, "This component adds strict privacy protection to the site by:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6 mb-4", __source: { fileName: "", lineNumber: 273, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 274, columnNumber: 11 }, __self: this }, "Injecting Content Security Policy headers"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 275, columnNumber: 11 }, __self: this }, "Setting strict referrer policy"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 276, columnNumber: 11 }, __self: this }, "Blocking cookies"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 277, columnNumber: 11 }, __self: this }, "Blocking analytics scripts"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 278, columnNumber: 11 }, __self: this }, "Specifically targeting and removing Segment.io tracking")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 280, columnNumber: 9 }, __self: this }, "The component is designed to be included on every page of the site."), /*#__PURE__*/ React.createElement("button", { onClick: toggleTheme, className: `mt-4 px-4 py-2 rounded-lg border-2 ${theme.calculated === "dark" ? "border-white" : "border-black"} transition-colors`, __source: { fileName: "", lineNumber: 282, columnNumber: 9 }, __self: this }, "Toggle Theme")), /*#__PURE__*/ React.createElement("div", { className: "border p-8 rounded-lg mb-8", __source: { fileName: "", lineNumber: 290, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 291, columnNumber: 9 }, __self: this }, "Default Configuration"), /*#__PURE__*/ React.createElement(PrivacyProtection, { theme: theme, __source: { fileName: "", lineNumber: 292, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-sm opacity-70", __source: { fileName: "", lineNumber: 293, columnNumber: 9 }, __self: this }, "Hover near the bottom of the screen to see the privacy indicator")), /*#__PURE__*/ React.createElement("div", { className: "border p-8 rounded-lg mb-8", __source: { fileName: "", lineNumber: 296, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 297, columnNumber: 9 }, __self: this }, "Custom Configuration"), /*#__PURE__*/ React.createElement(PrivacyProtection, { blockCookies: true, blockAnalytics: true, blockSegment: false, enableCSP: true, enableReferrerPolicy: false, theme: theme, __source: { fileName: "", lineNumber: 298, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-sm opacity-70", __source: { fileName: "", lineNumber: 306, columnNumber: 9 }, __self: this }, "This variant has Segment blocking disabled and referrer policy disabled")), /*#__PURE__*/ React.createElement("div", { className: "border p-8 rounded-lg", __source: { fileName: "", lineNumber: 309, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 310, columnNumber: 9 }, __self: this }, "Minimal Configuration"), /*#__PURE__*/ React.createElement(PrivacyProtection, { blockCookies: false, blockAnalytics: true, blockSegment: true, enableCSP: false, enableReferrerPolicy: true, theme: theme, __source: { fileName: "", lineNumber: 311, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-sm opacity-70", __source: { fileName: "", lineNumber: 319, columnNumber: 9 }, __self: this }, "This variant only blocks analytics and Segment, with referrer policy enabled"))); } function MainComponent() { const [theme, setTheme] = useState({ mode: "light", calculated: "light" }); const [email, setEmail] = useState(""); const [subscribed, setSubscribed] = useState(false); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [countdown, setCountdown] = useState({ days: 0, hours: 0, minutes: 0, seconds: 0 }); const [isVisible, setIsVisible] = useState(false); const [cookieConsent, setCookieConsent] = useState(undefined); const contentRef = useRef(null); const [segmentRemoved, setSegmentRemoved] = useState(false); useEffect(()=>{ const script = document.createElement("script"); script.innerHTML = ` // — Block all cookie reads/writes — Object.defineProperty(document, 'cookie', { configurable: false, enumerable: true, get() { return ''; }, set(_) { /* no-op */ } }); // — Stub Segment analytics methods — window.analytics = window.analytics || {}; ['load','page','track','identify','group','alias','ready','on','once','off','reset'] .forEach(fn => { window.analytics[fn] = function() { console.warn('Blocked analytics.' + fn, arguments); }; }); // — Intercept fetch() calls to segment.io — const _fetch = window.fetch; window.fetch = function(input, init) { const url = (typeof input === 'string') ? input : input.url; if (url.includes('segment.io')) { console.warn('Blocked fetch to Segment:', url); return Promise.resolve(new Response(null, { status: 204 })); } return _fetch(input, init); }; // — Intercept XHR.open to segment.io — const _open = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(method, url, ...rest) { if (url.includes('segment.io')) { console.warn('Blocked XHR to Segment:', url); return; } return _open.call(this, method, url, ...rest); }; // — Prevent dynamic

Something Big is Coming

Get Notified When We Launch