@redacto.io/consent-sdk-react 3.4.0 → 3.6.0

package/src/RedactoPrivacyCenter/utils/status.ts

@@ -0,0 +1,111 @@
+/**
+ * Unified status color utilities for privacy center app
+ * Handles both consent statuses and case/request statuses
+ */
+
+export const STATUS_COLORS = {
+  // Consent/Purpose statuses (uppercase)
+  ACTIVE: 'bg-green-100 text-green-800 border border-green-200',
+  INACTIVE: 'bg-gray-100 text-gray-800 border border-gray-200',
+  EXPIRED: 'bg-orange-50 text-orange-700 border border-orange-200',
+  PENDING: 'bg-yellow-50 text-yellow-800 border border-yellow-200',
+  SUSPENDED: 'bg-red-50 text-red-700 border border-red-200',
+  WITHDRAWN: 'bg-red-50 text-red-700 border border-red-200',
+  DECLINED: 'bg-red-50 text-red-700 border border-red-200',
+  REVOKED: 'bg-red-50 text-red-700 border border-red-200',
+
+  // User statuses (capitalized)
+  Active: 'bg-green-100 text-green-800 border border-green-200',
+  Revoked: 'bg-red-50 text-red-700 border border-red-200',
+  Expired: 'bg-orange-50 text-orange-700 border border-orange-200',
+
+  // Data element statuses (lowercase)
+  enabled: 'bg-green-100 text-green-800 border border-green-200',
+  disabled: 'bg-gray-100 text-gray-800 border border-gray-200',
+  required: 'bg-blue-100 text-blue-800 border border-blue-200',
+
+  // Case/Request statuses (lowercase)
+  completed: 'bg-[#00B41D1A] text-[#00B41D]',
+  processing: 'bg-[#FF9A001A] text-[#FF9A00]',
+  'in_progress': 'bg-[#FF9A001A] text-[#FF9A00]',
+  initiated: 'bg-[#4F87FF1A] text-[#4F87FF]',
+  rejected: 'bg-[#FF47471A] text-[#FF4747]',
+  declined: 'bg-[#FF47471A] text-[#FF4747]',
+
+  default: 'bg-gray-100 text-gray-800 border border-gray-200',
+} as const;
+
+export type StatusColorParams = {
+  status: string | boolean;
+};
+
+export type FormatDateParams = {
+  date: string | Date;
+};
+
+/**
+ * Get status color class string for a given status
+ * Handles various status formats (uppercase, lowercase, capitalized, boolean)
+ */
+export const getStatusColor = ({ status }: StatusColorParams): string => {
+  // Handle boolean values for enabled/disabled
+  if (typeof status === 'boolean') {
+    return status ? STATUS_COLORS.enabled : STATUS_COLORS.disabled;
+  }
+
+  const statusStr = String(status);
+  const normalizedStatus = statusStr.toUpperCase();
+  const lowerStatus = statusStr.toLowerCase();
+
+  // Direct mapping for known statuses (try uppercase first)
+  if (STATUS_COLORS[normalizedStatus as keyof typeof STATUS_COLORS]) {
+    return STATUS_COLORS[normalizedStatus as keyof typeof STATUS_COLORS];
+  }
+
+  // Try lowercase for case statuses
+  if (STATUS_COLORS[lowerStatus as keyof typeof STATUS_COLORS]) {
+    return STATUS_COLORS[lowerStatus as keyof typeof STATUS_COLORS];
+  }
+
+  // Try capitalized (first letter uppercase)
+  const capitalizedStatus = statusStr.charAt(0).toUpperCase() + statusStr.slice(1).toLowerCase();
+  if (STATUS_COLORS[capitalizedStatus as keyof typeof STATUS_COLORS]) {
+    return STATUS_COLORS[capitalizedStatus as keyof typeof STATUS_COLORS];
+  }
+
+  // Handle common status patterns
+  if (normalizedStatus.includes('ACTIVE')) {
+    return STATUS_COLORS.ACTIVE;
+  }
+
+  if (normalizedStatus.includes('INACTIVE') || normalizedStatus.includes('DISABLED')) {
+    return STATUS_COLORS.INACTIVE;
+  }
+
+  if (normalizedStatus.includes('EXPIRED')) {
+    return STATUS_COLORS.EXPIRED;
+  }
+
+  if (normalizedStatus.includes('PENDING')) {
+    return STATUS_COLORS.PENDING;
+  }
+
+  if (normalizedStatus.includes('SUSPENDED') || normalizedStatus.includes('REVOKED') || normalizedStatus.includes('WITHDRAWN')) {
+    return STATUS_COLORS.SUSPENDED;
+  }
+
+  if (lowerStatus.includes('completed')) {
+    return STATUS_COLORS.completed;
+  }
+
+  if (lowerStatus.includes('processing') || lowerStatus.includes('in_progress')) {
+    return STATUS_COLORS.processing;
+  }
+
+  if (lowerStatus.includes('rejected') || lowerStatus.includes('declined')) {
+    return STATUS_COLORS.rejected;
+  }
+
+  // Default fallback
+  return STATUS_COLORS.default;
+};

package/src/RedactoPrivacyCenter/utils/toast.ts

@@ -0,0 +1,130 @@
+/**
+ * Simple Toast Utility
+ * Replaces react-toastify with a lightweight inline-styled solution
+ */
+
+type ToastType = 'success' | 'error' | 'info' | 'warning';
+
+interface ToastOptions {
+  duration?: number;
+}
+
+let toastContainer: HTMLDivElement | null = null;
+const activeToastKeys = new Set<string>();
+
+const createToastContainer = () => {
+  if (typeof document === 'undefined') return null;
+
+  if (!toastContainer) {
+    toastContainer = document.createElement('div');
+    toastContainer.id = 'pc-toast-container';
+    toastContainer.style.cssText = `
+      position: fixed;
+      top: 20px;
+      right: 20px;
+      z-index: 10000;
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      pointer-events: none;
+    `;
+    document.body.appendChild(toastContainer);
+  }
+
+  return toastContainer;
+};
+
+const showToast = (message: string, type: ToastType, options: ToastOptions = {}) => {
+  if (typeof document === 'undefined') {
+    // Fallback to console in SSR
+    console[type === 'error' ? 'error' : 'log'](`[${type.toUpperCase()}] ${message}`);
+    return;
+  }
+
+  const container = createToastContainer();
+  if (!container) return;
+
+  const toastKey = `${type}:${message}`;
+  if (activeToastKeys.has(toastKey)) {
+    return;
+  }
+  activeToastKeys.add(toastKey);
+
+  const toast = document.createElement('div');
+  const duration = options.duration || 3000;
+
+  const colors = {
+    success: { bg: '#10b981', text: '#ffffff' },
+    error: { bg: '#ef4444', text: '#ffffff' },
+    info: { bg: '#3b82f6', text: '#ffffff' },
+    warning: { bg: '#f59e0b', text: '#ffffff' },
+  };
+
+  const color = colors[type];
+
+  toast.style.cssText = `
+    background-color: ${color.bg};
+    color: ${color.text};
+    padding: 12px 16px;
+    border-radius: 8px;
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    font-size: 14px;
+    font-weight: 500;
+    min-width: 200px;
+    max-width: 400px;
+    pointer-events: auto;
+    animation: pc-slideInRight 0.3s ease-out;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  `;
+
+  toast.textContent = message;
+  container.appendChild(toast);
+
+  // Add animation keyframes if not already present
+  if (!document.getElementById('pc-toast-animations')) {
+    const style = document.createElement('style');
+    style.id = 'pc-toast-animations';
+    style.textContent = `
+      @keyframes pc-slideInRight {
+        from {
+          transform: translateX(100%);
+          opacity: 0;
+        }
+        to {
+          transform: translateX(0);
+          opacity: 1;
+        }
+      }
+      @keyframes pc-slideOutRight {
+        from {
+          transform: translateX(0);
+          opacity: 1;
+        }
+        to {
+          transform: translateX(100%);
+          opacity: 0;
+        }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+
+  setTimeout(() => {
+    toast.style.animation = 'pc-slideOutRight 0.3s ease-out';
+    setTimeout(() => {
+      activeToastKeys.delete(toastKey);
+      if (toast.parentNode) {
+        toast.parentNode.removeChild(toast);
+      }
+    }, 300);
+  }, duration);
+};
+
+export const toast = {
+  success: (message: string, options?: ToastOptions) => showToast(message, 'success', options),
+  error: (message: string, options?: ToastOptions) => showToast(message, 'error', options),
+  info: (message: string, options?: ToastOptions) => showToast(message, 'info', options),
+  warning: (message: string, options?: ToastOptions) => showToast(message, 'warning', options),
+};

package/src/index.ts

@@ -1,2 +1,12 @@
 export { default as RedactoNoticeConsent } from "./RedactoNoticeConsent";
 export { default as RedactoNoticeConsentInline } from "./RedactoNoticeConsentInline";
+
+// Guardian Verification Components
+export { DigiLockerCallback } from "./RedactoNoticeConsent/components/DigiLockerCallback";
+
+// Types for Guardian Verification
+export type {
+  DigiLockerCallbackProps,
+  ConsentFlowState,
+  GuardianVerificationErrorCode,
+} from "./RedactoNoticeConsent/api/types";

package/src/privacy-center.ts

@@ -0,0 +1,107 @@
+// Privacy Center - Certified UI
+export { RedactoPrivacyCenter } from './RedactoPrivacyCenter/RedactoPrivacyCenter';
+export { PrivacyCenterLayout } from './RedactoPrivacyCenter/PrivacyCenterLayout';
+export { PrivacyCenterHomePage } from './RedactoPrivacyCenter/PrivacyCenterHomePage';
+export { PrivacyCenterConsentManagerPage } from './RedactoPrivacyCenter/PrivacyCenterConsentManagerPage';
+export { PrivacyCenterFormPage } from './RedactoPrivacyCenter/PrivacyCenterFormPage';
+export { PrivacyCenterActivityPage } from './RedactoPrivacyCenter/PrivacyCenterActivityPage';
+
+// Privacy Center - Headless Core (API client & types)
+export { createConsentClient } from './RedactoPrivacyCenter/api/client';
+export type { BaseRequest } from './RedactoPrivacyCenter/api/client';
+export type { ApiFetchOptions, ApiResponse } from './RedactoPrivacyCenter/api/fetcher';
+
+// Privacy Center - Headless Core (types)
+export type {
+  Workspace,
+  OrganizationDetail,
+  OrganizationResponse,
+  DataElement,
+  Purpose,
+  RawPurposeWrapper,
+  GrievanceValue,
+  GrievanceOptions,
+  FormData,
+  FormDataResponse,
+  NominationData,
+  UpdatePurpose,
+  UpdateCorrectionDataItem,
+  GrievanceTypeElement,
+  UpdateRequestDetails,
+  UserDataRequest,
+  CreateCaseResponse,
+  OtpResponse,
+  OtpVerificationResponse,
+  TokenExchangeResponse,
+  FetchOrgParams,
+  ConsentDataElement,
+  UserConsent,
+  NominatorInfo,
+  ConsentHistoryStatusSummary,
+  ProductConsentHistoryGroup,
+  NominatedPurposesGroup,
+  Pagination,
+  UserConsentDetail,
+  UserConsentResponse,
+  ManageConsentResponse,
+  ManageConsentParams,
+  Activity,
+  ActivityDetail,
+  ActivityResponse,
+  ActivityBadgeStatus,
+  CaseRequest,
+  CaseHistoryDetail,
+  CaseHistoryResponse,
+} from './RedactoPrivacyCenter/lib/types';
+
+export {
+  RequestTypeEnum,
+  GrievanceTypeEnum,
+  ConsentStatusEnum,
+} from './RedactoPrivacyCenter/lib/types';
+
+export type { ConsentAction } from './RedactoPrivacyCenter/lib/types';
+
+// Privacy Center - Headless Core (API orchestration with auth retry)
+export {
+  getFormData,
+  createCaseRequest,
+  fetchProducts,
+  fetchUserConsents,
+  manageConsent,
+  fetchActivities,
+  fetchCaseHistory,
+  createOtp,
+  verifyOtp,
+  exchangeToken,
+} from './RedactoPrivacyCenter/lib/api';
+
+export type { AuthContext } from './RedactoPrivacyCenter/lib/api';
+
+// Privacy Center - Headless Core (auth utilities)
+export {
+  decodeJwtToken,
+  isJwtExpired,
+  ensureValidToken,
+  signOutPrivacyCenter,
+  getCookieValue,
+  setRefreshTokenCookie,
+  checkAndRefreshAuth,
+  compareEmails,
+  isUserAuthenticated,
+  getInitialState,
+  getActivityTypeStatus,
+  formatActivityType,
+} from './RedactoPrivacyCenter/lib/utils';
+
+// Privacy Center - Headless Hook (React Query)
+export { useCaseHistory } from './RedactoPrivacyCenter/lib/queries';
+
+// Privacy Center - Context providers (for custom compositions)
+export { AuthProvider, useAuth } from './RedactoPrivacyCenter/context/AuthContext';
+export { BaseUrlProvider, useBaseUrl } from './RedactoPrivacyCenter/context/BaseUrlContext';
+export { NavigationProvider, useInternalNavigation } from './RedactoPrivacyCenter/context/NavigationContext';
+export type { InternalPage } from './RedactoPrivacyCenter/context/NavigationContext';
+
+// Privacy Center - Style injection
+export { injectPCStyles } from './RedactoPrivacyCenter/styles/injectStyles';

package/tsconfig.json

@@ -8,6 +8,8 @@
     "moduleResolution": "node",
     "esModuleInterop": true,
     "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "types": ["react", "react-dom"],
     "plugins": [{ "name": "typescript-plugin-css-modules" }]
   },
   "include": ["src"]

package/tsup.config.ts

@@ -3,14 +3,29 @@ import { defineConfig } from "tsup";
 export default defineConfig({
   entry: {
     index: "src/index.ts",
+    "privacy-center": "src/privacy-center.ts",
   },
   format: ["esm", "cjs"],
   dts: true,
-  external: ["react", "react-dom", "jwt-decode"],
+  external: [
+    "react",
+    "react-dom",
+    "jwt-decode",
+    "@tanstack/react-query",
+    "@tanstack/react-table",
+    "i18next",
+    "i18next-browser-languagedetector",
+    "react-i18next",
+    "lucide-react",
+    "react-icons",
+    "dayjs",
+    "lodash",
+  ],
   clean: true,
   loader: {
     ".png": "dataurl",
     ".jpg": "dataurl",
     ".svg": "dataurl",
+    ".css": "local-css",
   },
 });

package/src/utils/isLegacyApi.ts

@@ -1,12 +0,0 @@
-// @deprecated Remove when production backend supports the new payload format.
-export function isLegacyApi(baseUrl: string): boolean {
-  try {
-    return new URL(baseUrl).hostname.endsWith(".redacto.io");
-  } catch {
-    try {
-      return new URL(`https://${baseUrl}`).hostname.endsWith(".redacto.io");
-    } catch {
-      return false;
-    }
-  }
-}