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

package/src/RedactoPrivacyCenter/lib/i18n.ts

@@ -0,0 +1,81 @@
+import dayjs from 'dayjs';
+import 'dayjs/locale/hi';
+import 'dayjs/locale/te';
+import 'dayjs/locale/mr';
+import 'dayjs/locale/ta';
+import 'dayjs/locale/ur';
+import 'dayjs/locale/gu';
+import 'dayjs/locale/kn';
+import 'dayjs/locale/ml';
+import 'dayjs/locale/pa-in';
+import 'dayjs/locale/ne';
+import 'dayjs/locale/sd';
+import 'dayjs/locale/bn';
+import 'dayjs/locale/gom-latn';
+import i18n from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { initReactI18next } from 'react-i18next';
+import translations from './locales';
+
+// Map app language codes to dayjs locale IDs.
+// Languages not listed here fall back to 'en'.
+const dayjsLocaleMap: Record<string, string> = {
+  hi: 'hi',
+  te: 'te',
+  mr: 'mr',
+  ta: 'ta',
+  ur: 'ur',
+  gu: 'gu',
+  kn: 'kn',
+  ml: 'ml',
+  pa: 'pa-in',
+  ne: 'ne',
+  sd: 'sd',
+  bn: 'bn',
+  gom: 'gom-latn',
+};
+
+function syncDayjsLocale(lng: string) {
+  dayjs.locale(dayjsLocaleMap[lng] || 'en');
+}
+
+// Convert translations to i18next resources format
+// i18next expects: { [language]: { [namespace]: { [key]: value } } }
+const resources: Record<string, Record<string, any>> = {};
+Object.keys(translations).forEach((lang) => {
+  resources[lang] = translations[lang];
+});
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources,
+    fallbackLng: 'en',
+    defaultNS: 'translation',
+    ns: ['translation'],
+    debug: false,
+    interpolation: {
+      escapeValue: false,
+    },
+    detection: {
+      order: ['sessionStorage', 'navigator', 'htmlTag'],
+      caches: ['sessionStorage'],
+      lookupSessionStorage: 'i18nextLng',
+      convertDetectedLanguage: (lng) => {
+        // Extract base language code (e.g. 'en-US' -> 'en') so it matches
+        // our supported language keys, but preserve script subtags like 'mni-Mtei'.
+        const base = lng.split('-')[0];
+        if (base && resources[base]) return base;
+        return lng;
+      },
+    },
+    react: {
+      useSuspense: false,
+    },
+  });
+
+i18n.on('languageChanged', syncDayjsLocale);
+syncDayjsLocale(i18n.language);
+
+export default i18n;

package/src/RedactoPrivacyCenter/lib/locales.ts

@@ -0,0 +1,105 @@
+// Static imports of all locale files for bundling
+import enTranslation from '../locales/en/translation.json';
+import asTranslation from '../locales/as/translation.json';
+import bnTranslation from '../locales/bn/translation.json';
+import bhoTranslation from '../locales/bho/translation.json';
+import brxTranslation from '../locales/brx/translation.json';
+import doiTranslation from '../locales/doi/translation.json';
+import gomTranslation from '../locales/gom/translation.json';
+import guTranslation from '../locales/gu/translation.json';
+import hiTranslation from '../locales/hi/translation.json';
+import knTranslation from '../locales/kn/translation.json';
+import ksTranslation from '../locales/ks/translation.json';
+import maiTranslation from '../locales/mai/translation.json';
+import mlTranslation from '../locales/ml/translation.json';
+import mniMteiTranslation from '../locales/mni-Mtei/translation.json';
+import mrTranslation from '../locales/mr/translation.json';
+import neTranslation from '../locales/ne/translation.json';
+import orTranslation from '../locales/or/translation.json';
+import paTranslation from '../locales/pa/translation.json';
+import saTranslation from '../locales/sa/translation.json';
+import satTranslation from '../locales/sat/translation.json';
+import sdTranslation from '../locales/sd/translation.json';
+import taTranslation from '../locales/ta/translation.json';
+import teTranslation from '../locales/te/translation.json';
+import urTranslation from '../locales/ur/translation.json';
+
+const activityFetchErrorTranslations: Record<string, string> = {
+  en: 'Failed to fetch activity data',
+  as: 'কাৰ্যকলাপৰ তথ্য আনিবলৈ ব্যৰ্থ',
+  bn: 'কার্যকলাপের ডেটা আনতে ব্যর্থ',
+  bho: 'गतिविधि डेटा लावे में विफल',
+  brx: 'खामानि डाटा लाङो दिहुनायाव असफल',
+  doi: 'गतिविधि डेटा लावै मे असफल',
+  gom: 'क्रियाकलाप डेटा आणपांत अयशस्वी',
+  gu: 'પ્રવૃત્તિ ડેટા મેળવવામાં નિષ્ફળ',
+  hi: 'गतिविधि डेटा लाने में विफल',
+  kn: 'ಚಟುವಟಿಕೆ ಡೇಟಾವನ್ನು ತರಲು ವಿಫಲ',
+  ks: 'سرگرمی ڈیٹا حاصل کرنے میں ناکام',
+  mai: 'गतिविधि डेटा लावै मे असफल',
+  ml: 'പ്രവർത്തന ഡാറ്റ ലഭ്യമാക്കുന്നതിൽ പരാജയപ്പെട്ടു',
+  'mni-Mtei': 'ꯈꯨꯗꯝꯕꯤꯠ ꯗꯦꯇꯥ ꯐꯪꯉꯕꯗ ꯌꯥꯝꯅꯥ ꯋꯥꯏ꯫',
+  mr: 'क्रियाकलाप डेटा आणण्यात अयशस्वी',
+  ne: 'गतिविधि डेटा ल्याउन असफल',
+  or: 'କାର୍ଯ୍ୟକଳାପ ତଥ୍ୟ ଆଣିବାରେ ବିଫଳ',
+  pa: 'ਗਤੀਵਿਧੀ ਡਾਟਾ ਲਿਆਉਣ ਵਿੱਚ ਅਸਫਲ',
+  sa: 'क्रियाकलाप-दत्तांशम् आने विफलम्',
+  sat: 'ᱠᱟᱹᱢᱤ ᱰᱟᱴᱟ ᱟᱹᱜᱩ ᱨᱮ ᱵᱤᱯᱚᱠ',
+  sd: 'سرگرمي جي ڊيٽا حاصل ڪرڻ ۾ ناڪام',
+  ta: 'செயல்பாட்டு தரவை பெற முடியவில்லை',
+  te: 'కార్యకలాప డేటాను తెచ్చుకోవడం విఫలమైంది',
+  ur: 'سرگرمی کا ڈیٹا حاصل کرنے میں ناکام',
+};
+
+function withSharedActivityErrors(
+  language: string,
+  translation: Record<string, any>
+) {
+  return {
+    ...translation,
+    failedToFetchActivityData:
+      activityFetchErrorTranslations[language] ??
+      activityFetchErrorTranslations.en,
+  };
+}
+
+// Map of language codes to translation objects
+const translations: Record<string, Record<string, any>> = {
+  en: { translation: withSharedActivityErrors('en', enTranslation) },
+  as: { translation: withSharedActivityErrors('as', asTranslation) },
+  bn: { translation: withSharedActivityErrors('bn', bnTranslation) },
+  bho: { translation: withSharedActivityErrors('bho', bhoTranslation) },
+  brx: { translation: withSharedActivityErrors('brx', brxTranslation) },
+  doi: { translation: withSharedActivityErrors('doi', doiTranslation) },
+  gom: { translation: withSharedActivityErrors('gom', gomTranslation) },
+  gu: { translation: withSharedActivityErrors('gu', guTranslation) },
+  hi: { translation: withSharedActivityErrors('hi', hiTranslation) },
+  kn: { translation: withSharedActivityErrors('kn', knTranslation) },
+  ks: { translation: withSharedActivityErrors('ks', ksTranslation) },
+  mai: { translation: withSharedActivityErrors('mai', maiTranslation) },
+  ml: { translation: withSharedActivityErrors('ml', mlTranslation) },
+  'mni-Mtei': { translation: withSharedActivityErrors('mni-Mtei', mniMteiTranslation) },
+  mr: { translation: withSharedActivityErrors('mr', mrTranslation) },
+  ne: { translation: withSharedActivityErrors('ne', neTranslation) },
+  or: { translation: withSharedActivityErrors('or', orTranslation) },
+  pa: { translation: withSharedActivityErrors('pa', paTranslation) },
+  sa: { translation: withSharedActivityErrors('sa', saTranslation) },
+  sat: { translation: withSharedActivityErrors('sat', satTranslation) },
+  sd: { translation: withSharedActivityErrors('sd', sdTranslation) },
+  ta: { translation: withSharedActivityErrors('ta', taTranslation) },
+  te: { translation: withSharedActivityErrors('te', teTranslation) },
+  ur: { translation: withSharedActivityErrors('ur', urTranslation) },
+};
+
+export function getTranslation(language: string, namespace: string) {
+  const langTranslations = translations[language];
+  if (!langTranslations) {
+    // Fallback to English if language not found
+    const fallback = translations.en?.[namespace];
+    return fallback || {};
+  }
+  const translation = langTranslations[namespace];
+  return translation || {};
+}
+
+export default translations;

package/src/RedactoPrivacyCenter/lib/queries.ts

@@ -0,0 +1,30 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchCaseHistory, type AuthContext } from './api';
+import { useBaseUrl } from '../context/BaseUrlContext';
+import { useCurrentLanguage } from './useCurrentLanguage';
+
+export const useCaseHistory = (
+  organizationId: string | undefined,
+  workspaceId: string | undefined,
+  contact: string | undefined,
+  authContext?: AuthContext
+) => {
+  const { consentClient } = useBaseUrl();
+  // Include accessToken in queryKey so queries refetch when tokens change
+  // This ensures data is refetched with new tokens after refresh
+  const accessToken = authContext?.accessToken;
+  const { currentLanguage, langParam } = useCurrentLanguage();
+
+  return useQuery({
+    queryKey: ['caseHistory', organizationId, workspaceId, contact, accessToken, currentLanguage],
+    queryFn: async () => {
+      if (!organizationId || !workspaceId || !contact) {
+        return [];
+      }
+      const response = await fetchCaseHistory(organizationId, workspaceId, contact, undefined, undefined, authContext, consentClient, langParam);
+      return response?.data || [];
+    },
+    enabled: !!organizationId && !!workspaceId && !!contact && !!consentClient,
+    retry: 1,
+  });
+};

package/src/RedactoPrivacyCenter/lib/types.ts

@@ -0,0 +1,346 @@
+export type Workspace = {
+  uuid: string;
+  suid: string;
+  name: string;
+  description: string;
+  workspace_type: string;
+  status: string;
+};
+
+export type OrganizationDetail = {
+  uuid: string;
+  suid: string;
+  name: string;
+  slug: string;
+  description: string;
+  domain: string;
+  workspaces: Workspace[];
+  ai_summary: Record<string, unknown>;
+  icon_url: string | null;
+  activated: boolean;
+  allowed_domains: string[];
+};
+
+export type OrganizationResponse = {
+  code: number;
+  status: string;
+  detail: OrganizationDetail;
+};
+
+export type DataElement = {
+  uuid: string;
+  name: string;
+  description: string;
+  enabled: boolean;
+  required: boolean;
+  given_consent: boolean;
+  selected: boolean;
+};
+
+export type Purpose = {
+  uuid: string;
+  name: string;
+  description: string;
+  industries: string;
+  selected: boolean;
+  given_consent: boolean;
+  data_elements: DataElement[];
+  status?: string;
+  validity?: number | null;
+  purpose_uuid?: string;
+  enabled?: boolean;
+};
+
+export type RawPurposeWrapper = {
+  purpose: Purpose;
+};
+
+export type GrievanceValue =
+  | 'consent_violation'
+  | 'unlawful_processing'
+  | 'data_breach';
+
+export type GrievanceOptions = {
+  value: GrievanceValue;
+  label: string;
+};
+
+export type FormData = {
+  uuid: string;
+  name: string;
+  contact: string;
+  grievance_options: GrievanceOptions[];
+  purposes: RawPurposeWrapper[];
+};
+
+export type FormDataResponse = {
+  code: number;
+  detail: FormData;
+};
+
+export enum RequestTypeEnum {
+  ACCESS = 'ACCESS',
+  CORRECTION = 'CORRECTION',
+  ERASURE = 'erasure',
+  GRIEVANCE = 'grievance',
+  NOMINATION = 'nomination',
+}
+
+export type NominationData = {
+  nominee_email: string;
+  nominee_mobile?: string;
+};
+
+export type UpdatePurpose = {
+  purpose_uuid: string;
+  data_element_uuids: string[];
+};
+
+export type UpdateCorrectionDataItem = {
+  name: string;
+  curr_value: string;
+  new_value: string;
+};
+
+export enum GrievanceTypeEnum {
+  CONSENT_VIOLATION = 'consent_violation',
+  UNLAWFUL_PROCESSING = 'unlawful_processing',
+  DATA_BREACH = 'data_breach',
+}
+
+export type GrievanceTypeElement = {
+  grievance: GrievanceValue;
+};
+
+export type UpdateRequestDetails = {
+  purposes: UpdatePurpose[];
+  correction_data: UpdateCorrectionDataItem[];
+  grievance_types?: GrievanceTypeElement[];
+  nomination_data?: NominationData;
+};
+
+export type UserDataRequest = {
+  uuid: string;
+  name: string;
+  contact: string;
+  request_type: RequestTypeEnum;
+  supporting_docs_uuids: string[];
+  request_details: {
+    purposes: UpdatePurpose[];
+    correction_data: UpdateCorrectionDataItem[];
+    grievance_types: GrievanceTypeElement[];
+    nomination_data?: NominationData;
+  };
+  time_period: number | null;
+  requestor_note: string;
+};
+
+export type CreateCaseResponse = {
+  code: number;
+  status: string;
+  detail: {
+    uuid: string;
+    case_id: string;
+  };
+};
+
+export type OtpResponse = {
+  uuid: string;
+  to: string;
+  channel: string;
+  expire_at: string;
+  success: boolean;
+  message: string;
+};
+
+export type OtpVerificationResponse = {
+  token: string;
+  success: boolean;
+  message: string;
+};
+
+export type TokenExchangeResponse = {
+  token: string;
+  refresh_token: string;
+  expires_at: string;
+  notice_uuid: string;
+};
+
+export type FetchOrgParams = {
+  slug?: string;
+  name?: string;
+};
+
+export type ConsentDataElement = {
+  uuid: string;
+  name: string;
+  enabled: boolean;
+  required: boolean;
+  selected: boolean;
+};
+
+export type UserConsent = {
+  purpose_uuid?: string;
+  purpose: string;
+  purpose_description: string;
+  status: ConsentStatusEnum;
+  given_date: string;
+  valid_till: string;
+  method: string;
+  data_elements: ConsentDataElement[];
+  product_uuid?: string;
+  product_name?: string;
+  product_description?: string | null;
+  nominator_info?: NominatorInfo;
+};
+
+export type NominatorInfo = {
+  org_user_id: string;
+  name: string | null;
+  uuid: string;
+  email: string | null;
+};
+
+export type ConsentHistoryStatusSummary = {
+  total_purposes: number;
+  direct_purposes: number;
+  nominated_purposes: number;
+  nominee_purposes?: number;
+  active_purposes: number;
+  inactive_purposes: number;
+};
+
+export type ProductConsentHistoryGroup = {
+  product_uuid: string;
+  product_name: string;
+  product_description: string | null;
+  purposes: UserConsent[];
+  total_purposes: number;
+  active_purposes: number;
+};
+
+export type NominatedPurposesGroup = {
+  nominator_info: NominatorInfo;
+  product_groups: ProductConsentHistoryGroup[];
+};
+
+export type Pagination = {
+  total_count: number;
+  offset: number;
+  limit: number;
+};
+
+export type UserConsentDetail = {
+  data?: UserConsent[];
+  product_purpose_groups?: ProductConsentHistoryGroup[];
+  pagination: Pagination;
+  direct_product_groups?: ProductConsentHistoryGroup[];
+  user_status?: 'ACTIVE' | 'TRANSFERRED' | null;
+  nominated_purposes?: NominatedPurposesGroup[];
+  nominators?: NominatorInfo[];
+  status_summary?: ConsentHistoryStatusSummary | null;
+};
+
+export type UserConsentResponse = {
+  code: number;
+  status: string;
+  detail: UserConsentDetail;
+};
+
+export enum ConsentStatusEnum {
+  ACTIVE = 'ACTIVE',
+  WITHDRAWN = 'WITHDRAW',
+  EXPIRED = 'EXPIRED',
+  DECLINED = 'DECLINED',
+}
+
+export type ConsentAction = 'revoke' | 'regrant' | 'renew';
+
+export type ManageConsentResponse = {
+  code: number;
+  status: string;
+  detail: {
+    success: boolean;
+  };
+};
+
+export type ManageConsentParams = {
+  organizationId: string;
+  workspaceId: string;
+  purposeId: string;
+  contact: string;
+  action: ConsentAction;
+  nominatorContact?: string;
+  dataElementUuids?: string[];
+};
+
+export type GrievanceDataSectionProps = {
+  grievanceOptions: GrievanceOptions[];
+  selectedGrievances: Record<string, boolean>;
+  setSelectedGrievances: React.Dispatch<
+    React.SetStateAction<Record<string, boolean>>
+  >;
+};
+
+export type NominationDataSectionProps = {
+  nominationData: NominationData;
+  setNominationData: React.Dispatch<React.SetStateAction<NominationData>>;
+  isTranslating?: boolean;
+};
+
+export type Activity = {
+  activity_type: string;
+  activity_type_display?: string;
+  timestamp: string;
+  title: string;
+  title_display?: string;
+  description: string;
+  description_display?: string;
+  case_id?: string;
+  status?: 'Processing' | 'Completed' | 'Rejected';
+  status_display?: string;
+};
+
+export type ActivityDetail = {
+  data: Activity[];
+  pagination: Pagination;
+};
+
+export type ActivityResponse = {
+  code: number;
+  status: string;
+  detail: ActivityDetail;
+};
+
+export type ActivityBadgeStatus =
+  | 'success'
+  | 'warning'
+  | 'error'
+  | 'info'
+  | 'pending';
+
+export type CaseRequest = {
+  uuid: string;
+  case_id: string;
+  status: string;
+  status_display?: string;
+  request_type: string;
+  request_type_display?: string;
+  description: string;
+  description_display?: string;
+  created_at: string;
+  completed_at?: string;
+  due_date?: string;
+  request_details?: any;
+};
+
+export type CaseHistoryDetail = {
+  data: CaseRequest[];
+  pagination: Pagination;
+};
+
+export type CaseHistoryResponse = {
+  code: number;
+  status: string;
+  detail: CaseRequest[];
+};

package/src/RedactoPrivacyCenter/lib/useCurrentLanguage.ts

@@ -0,0 +1,37 @@
+import { useSyncExternalStore, useCallback } from 'react';
+import i18n from './i18n';
+
+const DEFAULT_LANGUAGE = 'en';
+
+/**
+ * Returns the language query param to send to the API.
+ * Returns `undefined` for the default language (English) so that
+ * existing un-localised behaviour is preserved.
+ */
+export function getLangParam(language: string): string | undefined {
+  return language !== DEFAULT_LANGUAGE ? language : undefined;
+}
+
+/**
+ * React hook that subscribes to i18next language changes.
+ * Returns `{ currentLanguage, langParam }` where `langParam`
+ * is `undefined` for the default language.
+ *
+ * Unlike reading `i18n.language` directly, this hook triggers a
+ * component re-render whenever the language changes.
+ */
+export function useCurrentLanguage() {
+  const subscribe = useCallback((onStoreChange: () => void) => {
+    i18n.on('languageChanged', onStoreChange);
+    return () => {
+      i18n.off('languageChanged', onStoreChange);
+    };
+  }, []);
+
+  const getSnapshot = useCallback(() => i18n.language, []);
+
+  const currentLanguage = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const langParam = getLangParam(currentLanguage);
+
+  return { currentLanguage, langParam };
+}