@carrierllc/mcp 0.2.19 → 0.2.20

package/templates/storefront/src/components/theme/theme-provider.tsx

@@ -16,13 +16,11 @@ type ThemeContextValue = {
 
 const ThemeContext = React.createContext<ThemeContextValue | null>(null);
 
-function systemTheme(): Theme {
-  if (typeof window === "undefined") return "dark";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-
 function resolve(pref: ThemePreference): Theme {
-  return pref === "system" ? systemTheme() : pref;
+  if (pref === "system" && typeof window !== "undefined") {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  return pref === "dark" ? "dark" : "light";
 }
 
 function applyToDocument(theme: Theme) {
@@ -32,46 +30,41 @@ function applyToDocument(theme: Theme) {
 }
 
 export function ThemeProvider({ children }: { children: React.ReactNode }) {
-  const [preference, setPreferenceState] = React.useState<ThemePreference>(() => {
-    if (typeof window === "undefined") return "dark";
+  const [preference, setPreferenceState] = React.useState<ThemePreference>("light");
+  const [theme, setTheme] = React.useState<Theme>("light");
+
+  React.useEffect(() => {
     try {
       const stored = window.localStorage.getItem(STORAGE_KEY);
-      if (stored === "light" || stored === "dark" || stored === "system") return stored;
-    } catch { /* private mode */ }
-    return "system";
-  });
-
-  const [theme, setTheme] = React.useState<Theme>(() => {
-    if (typeof window === "undefined") return "dark";
-    const attr = document.documentElement.getAttribute("data-theme");
-    if (attr === "light" || attr === "dark") return attr;
-    return resolve(preference);
-  });
+      if (stored === "light" || stored === "dark" || stored === "system") {
+        setPreferenceState(stored);
+        const next = resolve(stored);
+        setTheme(next);
+        applyToDocument(next);
+        return;
+      }
+    } catch {
+      /* private mode */
+    }
+    applyToDocument("light");
+  }, []);
 
   const setPreference = React.useCallback((pref: ThemePreference) => {
     setPreferenceState(pref);
     const next = resolve(pref);
     setTheme(next);
     applyToDocument(next);
-    try { window.localStorage.setItem(STORAGE_KEY, pref); } catch { /* ignore */ }
+    try {
+      window.localStorage.setItem(STORAGE_KEY, pref);
+    } catch {
+      /* ignore */
+    }
   }, []);
 
   const toggle = React.useCallback(() => {
     setPreference(theme === "dark" ? "light" : "dark");
   }, [theme, setPreference]);
 
-  React.useEffect(() => {
-    if (preference !== "system") return;
-    const mql = window.matchMedia("(prefers-color-scheme: dark)");
-    const onChange = () => {
-      const next = mql.matches ? "dark" : "light";
-      setTheme(next);
-      applyToDocument(next);
-    };
-    mql.addEventListener("change", onChange);
-    return () => mql.removeEventListener("change", onChange);
-  }, [preference]);
-
   const value = React.useMemo<ThemeContextValue>(
     () => ({ theme, preference, setPreference, toggle }),
     [theme, preference, setPreference, toggle],

package/templates/storefront/src/components/theme/theme-script.tsx

@@ -4,17 +4,14 @@ const themeScript = `
 (function () {
   try {
     var pref = localStorage.getItem("${STORAGE_KEY}");
-    var theme;
-    if (pref === "light" || pref === "dark") {
-      theme = pref;
-    } else {
-      theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    }
+    var theme = (pref === "light" || pref === "dark")
+      ? pref
+      : "light";
     var root = document.documentElement;
     root.setAttribute("data-theme", theme);
     root.style.colorScheme = theme;
   } catch (e) {
-    document.documentElement.setAttribute("data-theme", "dark");
+    document.documentElement.setAttribute("data-theme", "light");
   }
 })();
 `;

package/templates/storefront/src/lib/complete-email-sign-up.ts

@@ -1,11 +1,11 @@
 type SignUpVerificationResult = {
-  status: string;
+  status: string | null;
   createdSessionId: string | null;
 };
 
 type SignUpForEmailVerify = {
-  missingFields?: string[];
-  unverifiedFields?: string[];
+  missingFields?: readonly string[] | null;
+  unverifiedFields?: readonly string[] | null;
   update: (params: Record<string, never>) => Promise<SignUpVerificationResult>;
 };
 

package/templates/storefront/src/vendor/ui/brand.ts

@@ -7,24 +7,24 @@ export const BRAND = {
   name: brand.name,
   legalName: brand.legalName,
   tagline: brand.tagline,
-  description: `Unlimited data in 200+ countries. Instant QR activation. Real support.`,
+  description: `Unlimited data in 200+ countries. Instant QR activation. WhatsApp support.`,
   domain: brand.domain,
   support: {
     email: brand.supportEmail,
     whatsapp: brand.supportWhatsapp,
     sms: brand.supportWhatsapp,
     statusUrl: brand.supportUrl,
-    hoursLocal: "16h/day · Mon-Sun · EU + Americas + Asia-Pac",
+    hoursLocal: "24/7",
     responseTimeMinutes: 5,
   },
   social: brand.social,
 } as const;
 
 export const GRADIENTS = {
-  hero: "bg-gradient-to-br from-[#FF7A45] via-[#FF6B35] to-[#D9461C]",
-  heroText: "bg-gradient-to-br from-[#FF6B35] to-[#D9461C] bg-clip-text text-transparent",
-  card: "bg-gradient-to-br from-[#0F1422] to-[#1F2638]",
-  glow: "bg-gradient-to-r from-[#FF6B35]/30 via-[#FF6B35]/40 to-[#FFB088]/30",
+  hero: "bg-gradient-to-br from-sand-50 via-white to-sand-100",
+  heroText: "bg-clip-text text-transparent",
+  card: "bg-gradient-to-br from-white to-sand-50",
+  glow: "bg-gradient-to-r from-[var(--brand-accent)]/20 via-[var(--brand-accent)]/30 to-[var(--brand-accent-light)]/20",
 } as const;
 
 export type SupportChannel = "whatsapp" | "sms" | "email";