@lovalingo/lovalingo 0.3.2 → 0.3.3

package/dist/components/AixsterProvider.js

@@ -9,6 +9,7 @@ import { processPath } from '../utils/pathNormalizer';
 import { LanguageSwitcher } from './LanguageSwitcher';
 const LOCALE_STORAGE_KEY = 'Lovalingo_locale';
 const LOADING_BG_STORAGE_PREFIX = "Lovalingo_loading_bg_color";
+const BRANDING_STORAGE_PREFIX = "Lovalingo_branding_enabled";
 const CRITICAL_CACHE_PREFIX = "Lovalingo_critical_v0_3";
 export const LovalingoProvider = ({ children, apiKey: apiKeyProp, publicAnonKey, defaultLocale, locales, apiBase = 'https://leuskvkajliuzalrlwhw.supabase.co', routing = 'query', // Default to query mode (backward compatible)
 autoPrefixLinks = true, autoApplyRules = true, switcherPosition = 'bottom-right', switcherOffsetY = 20, switcherTheme = 'dark', editMode: initialEditMode = false, editKey = 'KeyE', pathNormalization = { enabled: true }, // Enable by default
@@ -80,6 +81,21 @@ navigateRef, // For path mode routing
     const exclusionsCacheRef = useRef(null);
     const domRulesCacheRef = useRef(new Map());
     const loadingBgStorageKey = `${LOADING_BG_STORAGE_PREFIX}:${resolvedApiKey || "anonymous"}`;
+    const brandingStorageKey = `${BRANDING_STORAGE_PREFIX}:${resolvedApiKey || "anonymous"}`;
+    const readBrandingCache = () => {
+        try {
+            const cached = (localStorage.getItem(brandingStorageKey) || "").trim();
+            if (cached === "0")
+                return false;
+            if (cached === "1")
+                return true;
+        }
+        catch {
+            // ignore
+        }
+        return true;
+    };
+    const [brandingEnabled, setBrandingEnabled] = useState(readBrandingCache);
     const prehideStateRef = useRef({
         active: false,
         timeoutId: null,
@@ -110,6 +126,18 @@ navigateRef, // For path mode routing
             // ignore
         }
     }, [loadingBgStorageKey]);
+    const setCachedBrandingEnabled = useCallback((enabled) => {
+        try {
+            localStorage.setItem(brandingStorageKey, enabled === false ? "0" : "1");
+        }
+        catch {
+            // ignore
+        }
+    }, [brandingStorageKey]);
+    useEffect(() => {
+        setBrandingEnabled(readBrandingCache());
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [brandingStorageKey]);
     const enablePrehide = useCallback((bgColor) => {
         if (typeof document === "undefined")
             return;
@@ -306,11 +334,19 @@ navigateRef, // For path mode routing
                 setEntitlements(bootstrap.entitlements);
             if (bootstrap?.loading_bg_color)
                 setCachedLoadingBgColor(bootstrap.loading_bg_color);
+            if (bootstrap?.entitlements?.brandingRequired) {
+                setBrandingEnabled(true);
+                setCachedBrandingEnabled(true);
+            }
+            else if (typeof bootstrap?.branding_enabled === "boolean") {
+                setBrandingEnabled(bootstrap.branding_enabled);
+                setCachedBrandingEnabled(bootstrap.branding_enabled);
+            }
         })();
         return () => {
             cancelled = true;
         };
-    }, [defaultLocale, entitlements, locale, setCachedLoadingBgColor]);
+    }, [defaultLocale, entitlements, locale, setCachedBrandingEnabled, setCachedLoadingBgColor]);
     const applySeoBundle = useCallback((bundle, hreflangEnabled) => {
         try {
             const head = document.head;
@@ -535,6 +571,14 @@ navigateRef, // For path mode routing
                 setCachedLoadingBgColor(bootstrap.loading_bg_color);
                 enablePrehide(bootstrap.loading_bg_color);
             }
+            if ((bootstrap?.entitlements || nextEntitlements)?.brandingRequired) {
+                setBrandingEnabled(true);
+                setCachedBrandingEnabled(true);
+            }
+            else if (typeof bootstrap?.branding_enabled === "boolean") {
+                setBrandingEnabled(bootstrap.branding_enabled);
+                setCachedBrandingEnabled(bootstrap.branding_enabled);
+            }
             const exclusions = Array.isArray(bootstrap?.exclusions)
                 ? bootstrap.exclusions
                     .map((row) => {
@@ -1032,7 +1076,9 @@ navigateRef, // For path mode routing
     };
     return (React.createElement(LovalingoContext.Provider, { value: contextValue },
         children,
-        React.createElement(LanguageSwitcher, { locales: allLocales, currentLocale: locale, onLocaleChange: setLocale, position: switcherPosition, offsetY: switcherOffsetY, theme: switcherTheme, branding: entitlements?.brandingRequired
-                ? { required: true, href: "https://lovalingo.com" }
-                : undefined })));
+        React.createElement(LanguageSwitcher, { locales: allLocales, currentLocale: locale, onLocaleChange: setLocale, position: switcherPosition, offsetY: switcherOffsetY, theme: switcherTheme, branding: {
+                required: Boolean(entitlements?.brandingRequired),
+                enabled: brandingEnabled,
+                href: "https://lovalingo.com",
+            } })));
 };

package/dist/components/LanguageSwitcher.d.ts

@@ -8,6 +8,7 @@ interface LanguageSwitcherProps {
     theme?: 'dark' | 'light';
     branding?: {
         required?: boolean;
+        enabled?: boolean;
         label?: string;
         href?: string;
     };

package/dist/components/LanguageSwitcher.js

@@ -205,7 +205,7 @@ export const LanguageSwitcher = ({ locales, currentLocale, onLocaleChange, posit
                         e.currentTarget.style.filter = 'brightness(1)';
                         e.currentTarget.style.transform = 'scale(1)';
                     }, "aria-label": `Switch to ${locale.toUpperCase()}`, title: locale.toUpperCase(), tabIndex: isOpen ? 0 : -1 }, LANGUAGE_FLAGS[locale] || '🏳️')))),
-                branding?.required && (React.createElement("div", { style: badgeRowStyles, "aria-label": "Lovalingo branding" },
+                (branding?.required || branding?.enabled) && (React.createElement("div", { style: badgeRowStyles, "aria-label": "Lovalingo branding" },
                     React.createElement("a", { href: branding.href || 'https://lovalingo.com', target: "_blank", rel: "noreferrer", style: badgeLinkStyles, tabIndex: isOpen ? 0 : -1, "aria-label": "Localized by Lovalingo", title: "Localized by Lovalingo" },
                         React.createElement("span", { style: {
                                 width: '16px',

package/dist/utils/api.d.ts

@@ -26,6 +26,7 @@ export type BootstrapResponse = {
     normalized_path?: string;
     routing_strategy?: string;
     loading_bg_color?: string | null;
+    branding_enabled?: boolean;
     seoEnabled?: boolean;
     entitlements?: ProjectEntitlements;
     alternates?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovalingo/lovalingo",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "React translation runtime with i18n routing, deterministic bundles + DOM rules, and zero-flash rendering.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",