@redacto.io/consent-sdk-react 10.0.0-beta.9 → 10.0.0

package/src/RedactoNoticeConsent/injectStyles.ts

@@ -1,151 +0,0 @@
-// CSS injection utility for the consent SDK
-let stylesInjected = false;
-
-export const injectCheckboxStyles = () => {
-  if (stylesInjected || typeof document === 'undefined') {
-    return;
-  }
-
-  const STYLE_ID = 'redacto-consent-checkbox-styles';
-  
-  // Check if styles are already injected
-  if (document.getElementById(STYLE_ID)) {
-    stylesInjected = true;
-    return;
-  }
-
-  const style = document.createElement('style');
-  style.id = STYLE_ID;
-  style.textContent = `
-    /* Redacto Consent SDK Checkbox Styles */
-    .redacto-checkbox-large {
-      appearance: none !important;
-      -webkit-appearance: none !important;
-      -moz-appearance: none !important;
-      height: 20px !important;
-      width: 20px !important;
-      border: 2px solid #d0d5dd !important;
-      border-radius: 5px !important;
-      background-color: transparent !important;
-      cursor: pointer !important;
-      position: relative !important;
-      box-sizing: border-box !important;
-      margin: 0 !important;
-      padding: 4px !important;
-    }
-
-    .redacto-checkbox-small {
-      appearance: none !important;
-      -webkit-appearance: none !important;
-      -moz-appearance: none !important;
-      height: 16px !important;
-      width: 16px !important;
-      border: 2px solid #d0d5dd !important;
-      border-radius: 5px !important;
-      background-color: transparent !important;
-      cursor: pointer !important;
-      position: relative !important;
-      box-sizing: border-box !important;
-      margin: 0 !important;
-      padding: 4px !important;
-    }
-
-    .redacto-checkbox-large:checked {
-      background-color: #4f87ff !important;
-      border-color: #4f87ff !important;
-    }
-
-    .redacto-checkbox-small:checked {
-      background-color: #4f87ff !important;
-      border-color: #4f87ff !important;
-    }
-
-    .redacto-checkbox-large:checked::after {
-      content: '' !important;
-      position: absolute !important;
-      left: 50% !important;
-      top: 50% !important;
-      transform: translate(-50%, -50%) rotate(45deg) !important;
-      width: 4px !important;
-      height: 8px !important;
-      border: solid white !important;
-      border-width: 0 2px 2px 0 !important;
-      box-sizing: border-box !important;
-    }
-
-    .redacto-checkbox-small:checked::after {
-      content: '' !important;
-      position: absolute !important;
-      left: 50% !important;
-      top: 50% !important;
-      transform: translate(-50%, -50%) rotate(45deg) !important;
-      width: 3px !important;
-      height: 6px !important;
-      border: solid white !important;
-      border-width: 0 1.5px 1.5px 0 !important;
-      box-sizing: border-box !important;
-    }
-
-    .redacto-checkbox-large:focus {
-      outline: 2px solid #4f87ff !important;
-      outline-offset: 2px !important;
-    }
-
-    .redacto-checkbox-small:focus {
-      outline: 2px solid #4f87ff !important;
-      outline-offset: 2px !important;
-    }
-
-    /* TTS Highlight Styles - Visible highlighting without layout shift */
-    .redacto-tts-highlight {
-      position: relative !important;
-      transition: background-color 0.3s ease, outline 0.3s ease !important;
-    }
-
-    /* Block-level elements - headings */
-    h2.redacto-tts-highlight,
-    h3.redacto-tts-highlight {
-      background-color: #FFF9C4 !important;
-      border-radius: 3px !important;
-      padding: 2px 4px !important;
-      margin: -2px -4px !important;
-    }
-
-    /* Inline elements - spans, links */
-    span.redacto-tts-highlight,
-    a.redacto-tts-highlight {
-      background-color: #FFF9C4 !important;
-      border-radius: 3px !important;
-      padding: 2px 4px !important;
-      margin: -2px -4px !important;
-    }
-
-    /* Paragraphs - handle carefully to avoid layout shift */
-    p.redacto-tts-highlight {
-      background-color: #FFF9C4 !important;
-      border-radius: 3px !important;
-      padding: 2px 4px !important;
-      margin: -2px -4px !important;
-    }
-
-    /* Buttons - use outline to keep button styles intact */
-    button.redacto-tts-highlight {
-      outline: 3px solid #FFF9C4 !important;
-      outline-offset: 2px !important;
-    }
-
-    /* Spinner animation for verification screens */
-    @keyframes spin {
-      from { transform: rotate(0deg); }
-      to { transform: rotate(360deg); }
-    }
-
-    /* DigiLocker callback retry button hover */
-    .redacto-dl-retry-btn:hover {
-      background-color: #2563eb !important;
-    }
-  `;
-
-  document.head.appendChild(style);
-  stylesInjected = true;
-};

package/src/RedactoNoticeConsent/language-codes.ts

@@ -1,95 +0,0 @@
-/**
- * Maps English language names to "Native script (English)" display labels.
- * English itself is kept as-is; all others show the native script first.
- */
-export const LANGUAGE_NATIVE_LABELS: Record<string, string> = {
-  English: "English",
-  Assamese: "অসমীয়া (Assamese)",
-  Bengali: "বাংলা (Bengali)",
-  Bodo: "बड़ो (Bodo)",
-  Dogri: "डोगरी (Dogri)",
-  Gujarati: "ગુજરાતી (Gujarati)",
-  Hindi: "हिन्दी (Hindi)",
-  Kannada: "ಕನ್ನಡ (Kannada)",
-  Kashmiri: "كٲشُر (Kashmiri)",
-  "Goan Konkani": "कोंकणी (Goan Konkani)",
-  Maithili: "मैथिली (Maithili)",
-  Malayalam: "മലയാളം (Malayalam)",
-  Manipuri: "ꯃꯩꯇꯩꯂꯣꯟ (Manipuri)",
-  Marathi: "मराठी (Marathi)",
-  Nepali: "नेपाली (Nepali)",
-  Odia: "ଓଡ଼ିଆ (Odia)",
-  Punjabi: "ਪੰਜਾਬੀ (Punjabi)",
-  Sanskrit: "संस्कृतम् (Sanskrit)",
-  Santali: "ᱥᱟᱱᱛᱟᱲᱤ (Santali)",
-  Sindhi: "سنڌي (Sindhi)",
-  Tamil: "தமிழ் (Tamil)",
-  Telugu: "తెలుగు (Telugu)",
-  Urdu: "اردو (Urdu)",
-};
-
-/** Returns the "Native (English)" display label for a language name, falling back to the name itself. */
-export const toNativeLabel = (name: string): string =>
-  LANGUAGE_NATIVE_LABELS[name] ?? name;
-
-/**
- * Maps display language names (as used in supported_languages_and_translations
- * keys and the language dropdown) to BCP-47 codes for the submit-consent payload.
- *
- * Covers English + the 22 languages in the 8th Schedule of the Indian Constitution
- * (DPDP Act 2023, Sections 5 & 6).
- */
-const LANGUAGE_NAME_TO_BCP47: Record<string, string> = {
-  English: "en",
-  Assamese: "as",
-  Bengali: "bn",
-  Bodo: "brx",
-  Dogri: "doi",
-  Gujarati: "gu",
-  Hindi: "hi",
-  Kannada: "kn",
-  Kashmiri: "ks",
-  "Goan Konkani": "gom",
-  Maithili: "mai",
-  Malayalam: "ml",
-  Manipuri: "mni-Mtei",
-  Marathi: "mr",
-  Nepali: "ne",
-  Odia: "or",
-  Punjabi: "pa",
-  Sanskrit: "sa",
-  Santali: "sat",
-  Sindhi: "sd",
-  Tamil: "ta",
-  Telugu: "te",
-  Urdu: "ur",
-};
-
-const KNOWN_BCP47_CODES = new Set(Object.values(LANGUAGE_NAME_TO_BCP47));
-
-/**
- * Convert a language display name or code to a BCP-47 code.
- * Handles these cases:
- *  1. Display name ("Punjabi") → BCP-47 ("pa")
- *  2. Already a BCP-47 tag, including region/script subtags ("pa", "en-US", "zh-Hans") → returned as-is
- *  3. Unknown value → falls back to "en"
- */
-export const toBcp47Code = (language: string): string => {
-  if (LANGUAGE_NAME_TO_BCP47[language]) {
-    return LANGUAGE_NAME_TO_BCP47[language];
-  }
-  if (KNOWN_BCP47_CODES.has(language)) {
-    return language;
-  }
-  const lower = language.toLowerCase();
-  for (const [name, code] of Object.entries(LANGUAGE_NAME_TO_BCP47)) {
-    if (name.toLowerCase() === lower) {
-      return code;
-    }
-  }
-  // Pass through well-formed BCP-47 tags with subtags (e.g. en-US, pa-IN, zh-Hans).
-  if (/^[A-Za-z]{2,3}(?:-[A-Za-z0-9]{2,8})*$/.test(language)) {
-    return language;
-  }
-  return "en";
-};

package/src/RedactoNoticeConsent/services/storage.ts

@@ -1,122 +0,0 @@
-/**
- * Session Storage Service
- * 
- * Handles state persistence for consent flow during DigiLocker redirects.
- * Uses sessionStorage to maintain state across page navigations.
- */
-
-import type { PersistedConsentState } from "../api/types";
-
-const STORAGE_KEY = "redacto_consent_sdk_state";
-const STATE_EXPIRY_MS = 30 * 60 * 1000; // 30 minutes
-
-/**
- * Check if code is running in browser environment
- */
-const isBrowser = (): boolean => {
-  return typeof window !== "undefined" && typeof window.sessionStorage !== "undefined";
-};
-
-/**
- * Save consent flow state to sessionStorage
- */
-export const saveConsentState = (state: PersistedConsentState): void => {
-  if (!isBrowser()) {
-    console.warn("SessionStorage not available - state not persisted");
-    return;
-  }
-
-  try {
-    const stateWithTimestamp = {
-      ...state,
-      timestamp: new Date().toISOString(),
-    };
-    sessionStorage.setItem(STORAGE_KEY, JSON.stringify(stateWithTimestamp));
-  } catch (error) {
-    console.error("Failed to save consent state:", error);
-  }
-};
-
-/**
- * Retrieve consent flow state from sessionStorage
- * Returns null if state doesn't exist or is expired
- */
-export const getConsentState = (): PersistedConsentState | null => {
-  if (!isBrowser()) {
-    return null;
-  }
-
-  try {
-    const savedState = sessionStorage.getItem(STORAGE_KEY);
-    if (!savedState) {
-      return null;
-    }
-
-    const parsed: PersistedConsentState = JSON.parse(savedState);
-
-    // Check if state is expired
-    const stateAge = Date.now() - new Date(parsed.timestamp).getTime();
-    if (stateAge > STATE_EXPIRY_MS) {
-      clearConsentState();
-      return null;
-    }
-
-    return parsed;
-  } catch (error) {
-    console.error("Failed to get consent state:", error);
-    return null;
-  }
-};
-
-/**
- * Clear consent flow state from sessionStorage
- */
-export const clearConsentState = (): void => {
-  if (!isBrowser()) {
-    return;
-  }
-
-  try {
-    sessionStorage.removeItem(STORAGE_KEY);
-  } catch (error) {
-    console.error("Failed to clear consent state:", error);
-  }
-};
-
-/**
- * Update specific fields in the persisted consent state
- */
-export const updateConsentState = (updates: Partial<PersistedConsentState>): void => {
-  const currentState = getConsentState();
-  if (currentState) {
-    saveConsentState({
-      ...currentState,
-      ...updates,
-      timestamp: new Date().toISOString(),
-    });
-  }
-};
-
-/**
- * Check if there's a pending verification to resume
- */
-export const hasPendingVerification = (): boolean => {
-  const state = getConsentState();
-  return state !== null && state.flowState === "digilocker-pending";
-};
-
-/**
- * Get verification result from persisted state
- */
-export const getVerificationResult = (): "pending" | "verified" | "failed" | "in_progress" | "expired" | null => {
-  const state = getConsentState();
-  return state?.verificationResult ?? null;
-};
-
-/**
- * Get verification reference from persisted state (after successful verification)
- */
-export const getVerificationReference = (): string | null => {
-  const state = getConsentState();
-  return state?.verificationReference ?? null;
-};