@redacto.io/consent-sdk-react 9.2.0-beta.2 → 9.3.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redacto.io/consent-sdk-react",
-  "version": "9.2.0-beta.2",
+  "version": "9.3.0-beta.0",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -32,11 +32,11 @@
     "@types/lodash": "^4.17.0",
     "@types/react": "^19.1.3",
     "@types/react-dom": "^19.1.3",
-    "@vitest/coverage-v8": "3.1.3",
+    "@vitest/coverage-v8": "^4.1.8",
     "jsdom": "^26.1.0",
     "tsup": "^8.4.0",
     "typescript": "5.8.2",
-    "vitest": "^3.1.3"
+    "vitest": "^4.1.8"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17 || ^18 || ^19",

package/src/RedactoPrivacyCenter/PrivacyCenterLayout.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState, useRef, type ReactNode } from 'react';
 import { OrganizationProvider } from './context/OrganizationContext';
+import { DataAvailabilityProvider } from './context/DataAvailabilityContext';
 import type { OrganizationDetail } from './lib/types';
 import {
   checkAndRefreshAuth,
@@ -161,9 +162,11 @@ export function PrivacyCenterLayout({ children, slug, onBack }: PrivacyCenterLay
 
   return (
     <OrganizationProvider organization={organization}>
-      <AppShell onBack={onBack}>
-        {children}
-      </AppShell>
+      <DataAvailabilityProvider>
+        <AppShell onBack={onBack}>
+          {children}
+        </AppShell>
+      </DataAvailabilityProvider>
     </OrganizationProvider>
   );
 }

package/src/RedactoPrivacyCenter/components/AppShell/AppShell.tsx

@@ -19,6 +19,9 @@ import { TopAppBar } from './TopAppBar';
 import { SidebarNav } from './SidebarNav';
 import { MobileNavDrawer } from './MobileNavDrawer';
 import { PageHeader } from './PageHeader';
+import { PCLoader } from '../../ui';
+import { useDataAvailability } from '../../context/DataAvailabilityContext';
+import { PrivacyCenterEmptyState } from '../PrivacyCenterEmptyState';
 import type { PrivacyCenterLayoutProps } from '../types';
 
 export default function AppShell({
@@ -35,6 +38,13 @@ export default function AppShell({
 
   const isMobile = useMediaQuery('(max-width: 639px)');
 
+  // Keep the shell minimal — top bar + a content spinner — until we've CONFIRMED
+  // the user has data. Hiding the sidebar/tabs/bell during 'checking' (not just
+  // 'empty') stops the nav from flashing in on refresh only to disappear when
+  // the API resolves to "no data". The branded top bar stays visible throughout.
+  const { status } = useDataAvailability();
+  const hideNav = status !== 'has-data';
+
   // Close mobile drawer when crossing the breakpoint
   useEffect(() => {
     if (!isMobile && isMobileNavOpen) setMobileNavOpen(false);
@@ -110,14 +120,15 @@ export default function AppShell({
         <main className="pc-root pc-shell-root" style={rootStyle}>
           <TopAppBar
             ref={hamburgerRef}
-            showHamburger={isMobile}
+            showHamburger={isMobile && !hideNav}
             onOpenMobileNav={() => setMobileNavOpen(true)}
             locale={locale}
             onLocaleChange={setLocale}
             onBack={onBack}
+            showNotifications={!hideNav}
           />
           <div className="pc-shell-body" style={bodyStyle}>
-            {!isMobile && (
+            {!isMobile && !hideNav && (
               <SidebarNav
                 className={sidebarClassName}
                 isExpanded={sidebar.isExpanded}
@@ -126,8 +137,28 @@ export default function AppShell({
             )}
             <section className="pc-shell-content" style={mainStyle}>
               <div className={contentClassName} style={contentWrapperStyle}>
-                <PageHeader />
-                <div style={{ flex: 1, minWidth: 0, width: '100%' }}>{children}</div>
+                {status === 'checking' ? (
+                  <div
+                    style={{
+                      ...pcStyles.flex,
+                      ...pcStyles.itemsCenter,
+                      ...pcStyles.justifyCenter,
+                      flex: 1,
+                      minHeight: 240,
+                    }}
+                  >
+                    <PCLoader variant="spinner" color="info" size="lg" />
+                  </div>
+                ) : status === 'empty' ? (
+                  <div style={{ flex: 1, minWidth: 0, width: '100%' }}>
+                    <PrivacyCenterEmptyState />
+                  </div>
+                ) : (
+                  <>
+                    <PageHeader />
+                    <div style={{ flex: 1, minWidth: 0, width: '100%' }}>{children}</div>
+                  </>
+                )}
                 <div
                   style={{
                     ...pcStyles.flex,
@@ -143,7 +174,7 @@ export default function AppShell({
               </div>
             </section>
           </div>
-          {isMobile && (
+          {isMobile && !hideNav && (
             <MobileNavDrawer
               isOpen={isMobileNavOpen}
               onClose={() => setMobileNavOpen(false)}

package/src/RedactoPrivacyCenter/components/AppShell/TopAppBar.tsx

@@ -26,10 +26,11 @@ type TopAppBarProps = {
   locale: string;
   onLocaleChange: (next: string) => void;
   onBack?: 'back' | 'signout';
+  showNotifications?: boolean;
 };
 
 export const TopAppBar = forwardRef<HTMLButtonElement, TopAppBarProps>(function TopAppBar(
-  { onOpenMobileNav, showHamburger, locale, onLocaleChange, onBack },
+  { onOpenMobileNav, showHamburger, locale, onLocaleChange, onBack, showNotifications = true },
   hamburgerRef,
 ) {
   const { t } = useTranslation();
@@ -170,7 +171,7 @@ export const TopAppBar = forwardRef<HTMLButtonElement, TopAppBarProps>(function
               onChange={handleLanguageChange}
             />
           )}
-          <NotificationBell />
+          {showNotifications && <NotificationBell />}
           <UserMenu onBack={onBack} />
         </div>
       </header>

package/src/RedactoPrivacyCenter/components/PrivacyCenterEmptyState.tsx

@@ -0,0 +1,76 @@
+import { useTranslation } from 'react-i18next';
+import character from '../assets/character.svg';
+import { PCText, PCTitle } from '../ui';
+import { pcStyles } from '../styles/pcStyles';
+import { getVar } from '../lib/utils';
+
+/**
+ * Full-screen content shown (in place of the consent manager / tabs) when the
+ * user has no data anywhere — no consents, no data-request cases, no activity.
+ * Purely presentational: a friendly illustration, heading, and subtitle.
+ */
+export function PrivacyCenterEmptyState() {
+  const { t } = useTranslation();
+
+  return (
+    <div
+      style={{
+        ...pcStyles.flex,
+        ...pcStyles.flexCol,
+        ...pcStyles.itemsCenter,
+        ...pcStyles.justifyCenter,
+        ...pcStyles.textCenter,
+        width: '100%',
+        maxWidth: 460,
+        margin: '0 auto',
+        minHeight: 'min(62vh, 540px)',
+        paddingTop: getVar('--pc-spacing-2xl'),
+        paddingBottom: getVar('--pc-spacing-2xl'),
+        gap: getVar('--pc-spacing-xl'),
+      }}
+    >
+      <div
+        aria-hidden="true"
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          width: 168,
+          height: 168,
+          borderRadius: '50%',
+          background:
+            'color-mix(in srgb, var(--pc-primary) 8%, var(--pc-bg-shell))',
+          flexShrink: 0,
+        }}
+      >
+        <img
+          src={character}
+          alt=""
+          style={{ width: 104, height: 'auto', display: 'block' }}
+        />
+      </div>
+
+      <div
+        style={{
+          ...pcStyles.flex,
+          ...pcStyles.flexCol,
+          ...pcStyles.itemsCenter,
+          gap: getVar('--pc-spacing-sm'),
+        }}
+      >
+        <PCTitle as="h2" style={{ margin: 0 }}>
+          {t('noDataTitle')}
+        </PCTitle>
+        <PCText
+          as="p"
+          size="base"
+          color="secondary"
+          align="center"
+          style={{ margin: 0, maxWidth: 400 }}
+        >
+          {t('noDataDescription')}
+        </PCText>
+      </div>
+    </div>
+  );
+}

package/src/RedactoPrivacyCenter/components/ReceiptsList.tsx

@@ -13,7 +13,7 @@ import { useAuth } from '../context/AuthContext';
 import { useBaseUrl } from '../context/BaseUrlContext';
 import { useCurrentLanguage } from '../lib/useCurrentLanguage';
 import { toast } from '../utils/toast';
-import type { Receipt, ReceiptEventType, ReceiptPurposeStatus } from '../lib/types';
+import type { Receipt, ReceiptEventType } from '../lib/types';
 import { useReceiptColumns } from './receiptColumns';
 
 /**
@@ -89,7 +89,6 @@ export default function ReceiptsList() {
 
   // ─── Filters ────────────────────────────────────────────────────────────────
   const [eventType, setEventType] = useState<ReceiptEventType | ''>('');
-  const [status, setStatus] = useState<ReceiptPurposeStatus | ''>('');
   const [datePreset, setDatePreset] = useState<string>(''); // '' | '1' | '7' | '30' | '90' | 'custom'
   const [customFrom, setCustomFrom] = useState<string>('');
   const [customTo, setCustomTo] = useState<string>('');
@@ -104,15 +103,6 @@ export default function ReceiptsList() {
     ],
     [t]
   );
-  const statusOptions = useMemo<SelectOption[]>(
-    () => [
-      { value: '', label: t('all') },
-      { value: 'CONSENTED', label: t('consented') },
-      { value: 'DECLINED', label: t('declined') },
-      { value: 'WITHDRAWN', label: t('withdrawn') },
-    ],
-    [t]
-  );
   const dateOptions = useMemo<SelectOption[]>(
     () => [
       { value: '', label: t('allTime') },
@@ -126,9 +116,8 @@ export default function ReceiptsList() {
   );
 
   const eventValue = eventTypeOptions.find((o) => o.value === eventType) ?? null;
-  const statusValue = statusOptions.find((o) => o.value === status) ?? null;
   const dateValue = dateOptions.find((o) => o.value === datePreset) ?? null;
-  const hasActiveFilters = Boolean(eventType || status || datePreset);
+  const hasActiveFilters = Boolean(eventType || datePreset);
   const isCustomRangeInvalid = useMemo(
     () =>
       datePreset === 'custom' &&
@@ -142,9 +131,6 @@ export default function ReceiptsList() {
     if (eventType && eventValue?.label) {
       filters.push({ id: 'event', label: t('event'), value: eventValue.label });
     }
-    if (status && statusValue?.label) {
-      filters.push({ id: 'status', label: t('status'), value: statusValue.label });
-    }
     if (datePreset && dateValue?.label) {
       let dateLabel = dateValue.label;
       if (datePreset === 'custom') {
@@ -156,16 +142,12 @@ export default function ReceiptsList() {
     }
 
     return filters;
-  }, [eventType, eventValue, status, statusValue, datePreset, dateValue, customFrom, customTo, t]);
+  }, [eventType, eventValue, datePreset, dateValue, customFrom, customTo, t]);
 
   const handleEventChange = (opt: SelectOption | null) => {
     setEventType((opt ? String(opt.value) : '') as ReceiptEventType | '');
     setCurrentPage(1);
   };
-  const handleStatusChange = (opt: SelectOption | null) => {
-    setStatus((opt ? String(opt.value) : '') as ReceiptPurposeStatus | '');
-    setCurrentPage(1);
-  };
   const handleDateChange = (opt: SelectOption | null) => {
     const nextDatePreset = opt ? String(opt.value) : '';
     setDatePreset(nextDatePreset);
@@ -177,7 +159,6 @@ export default function ReceiptsList() {
   };
   const handleClearFilters = () => {
     setEventType('');
-    setStatus('');
     setDatePreset('');
     setCustomFrom('');
     setCustomTo('');
@@ -199,7 +180,6 @@ export default function ReceiptsList() {
             skip,
             limit: size,
             event_type: eventType || undefined,
-            status: status || undefined,
             created_after,
             created_before,
             language: langParam,
@@ -229,7 +209,6 @@ export default function ReceiptsList() {
       currentPage,
       pageSize,
       eventType,
-      status,
       datePreset,
       customFrom,
       customTo,
@@ -375,23 +354,6 @@ export default function ReceiptsList() {
             dropdownMatchTriggerWidth
             style={{ width: '100%' }}
           />
-          <PCSelect
-            className="pc-filter-select pc-receipts-filter-control"
-            size="sm"
-            label={t('status')}
-            placeholder={t('all')}
-            options={statusOptions}
-            value={statusValue}
-            onChange={handleStatusChange}
-            onClear={() => {
-              setStatus('');
-              setCurrentPage(1);
-            }}
-            clearable={Boolean(status)}
-            showSelectedCheck
-            dropdownMatchTriggerWidth
-            style={{ width: '100%' }}
-          />
           <PCSelect
             className="pc-filter-select pc-receipts-filter-control"
             size="sm"

package/src/RedactoPrivacyCenter/context/DataAvailabilityContext.tsx

@@ -0,0 +1,169 @@
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  type ReactNode,
+} from 'react';
+import { fetchUserConsents, fetchActivities, fetchCaseHistory } from '../lib/api';
+import { useCurrentLanguage } from '../lib/useCurrentLanguage';
+import { useOrganization } from './OrganizationContext';
+import { useAuth } from './AuthContext';
+import { useBaseUrl } from './BaseUrlContext';
+
+export type DataAvailabilityStatus = 'checking' | 'has-data' | 'empty';
+
+type DataAvailabilityContextValue = {
+  status: DataAvailabilityStatus;
+};
+
+const DataAvailabilityContext = createContext<DataAvailabilityContextValue | null>(null);
+
+/**
+ * Determines whether the authenticated user has ANY data in the Privacy Center
+ * (consents, data-request cases, or activity). When all three are empty we
+ * surface a dedicated empty state instead of dropping the user into a shell
+ * full of empty tables.
+ *
+ * Fail-open by design: the underlying fetchers return `null` on non-auth
+ * errors (and may reject if a post-refresh retry throws). A `null`/rejected
+ * signal is treated as "has data" so a transient or auth error never wrongly
+ * locks a user out — the empty state shows ONLY when all three signals
+ * conclusively resolve to empty.
+ */
+export const DataAvailabilityProvider = ({ children }: { children: ReactNode }) => {
+  const { organization } = useOrganization();
+  const { accessToken, refreshToken, onError, updateTokens } = useAuth();
+  const { consentClient } = useBaseUrl();
+  const { langParam } = useCurrentLanguage();
+
+  const organizationId = organization?.uuid;
+  const workspaceId = organization?.workspaces[0]?.uuid;
+
+  // Memoized to keep the fetch identity stable across renders (mirrors the
+  // canonical pattern in ActivitiesList / AuthContext).
+  const authContext = useMemo(
+    () => ({ accessToken, refreshToken, onError, updateTokens }),
+    [accessToken, refreshToken, onError, updateTokens],
+  );
+
+  const [status, setStatus] = useState<DataAvailabilityStatus>('checking');
+
+  // Monotonic run id guards against a stale in-flight check (org/token changed)
+  // overwriting a newer one; mountedRef guards against setState after unmount.
+  const runIdRef = useRef(0);
+  const mountedRef = useRef(true);
+  useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+
+  const runCheck = useCallback(async () => {
+    if (!organizationId || !workspaceId) return;
+
+    const runId = ++runIdRef.current;
+    setStatus('checking');
+
+    // Cases require the user's email (same source the request Form reads).
+    const contact =
+      typeof window !== 'undefined' ? sessionStorage.getItem('email') : null;
+
+    // Each signal resolves to a boolean "is empty". A `null` result (the
+    // fetchers' non-auth error path) or a rejection (rare post-refresh retry
+    // throw) resolves to `false` so the signal counts as "has data" — the
+    // empty state shows ONLY when all three conclusively resolve to empty.
+    const consentsEmptyP: Promise<boolean> = fetchUserConsents({
+      organizationId,
+      workspaceId,
+      limit: 1,
+      nominatedLimit: 1,
+      language: langParam,
+      authContext,
+      consentClient,
+    })
+      .then(
+        (v) =>
+          !!v &&
+          v.status_summary?.total_purposes === 0 &&
+          (v.direct?.length ?? 0) === 0 &&
+          (v.nominated?.length ?? 0) === 0 &&
+          (v.nominators?.length ?? 0) === 0,
+      )
+      .catch(() => false);
+
+    // No contact => we can't check cases, so treat as empty and rely on the
+    // other two signals' fail-open. With a contact, a null/rejected result
+    // fails open (not empty).
+    const casesEmptyP: Promise<boolean> = contact
+      ? fetchCaseHistory(
+          organizationId,
+          workspaceId,
+          contact,
+          0,
+          1,
+          authContext,
+          consentClient,
+          langParam,
+        )
+          .then((v) => !!v && (v.data?.length ?? 0) === 0)
+          .catch(() => false)
+      : Promise.resolve(true);
+
+    const activitiesEmptyP: Promise<boolean> = fetchActivities(
+      organizationId,
+      workspaceId,
+      0,
+      1,
+      authContext,
+      consentClient,
+      langParam,
+    )
+      .then((v) => !!v && (v.pagination?.total_count ?? 0) === 0)
+      .catch(() => false);
+
+    const [consentsEmpty, casesEmpty, activitiesEmpty] = await Promise.all([
+      consentsEmptyP,
+      casesEmptyP,
+      activitiesEmptyP,
+    ]);
+
+    // Ignore if a newer check superseded this one or we unmounted.
+    if (!mountedRef.current || runId !== runIdRef.current) return;
+
+    setStatus(
+      consentsEmpty && casesEmpty && activitiesEmpty ? 'empty' : 'has-data',
+    );
+  }, [organizationId, workspaceId, authContext, consentClient, langParam]);
+
+  useEffect(() => {
+    if (organizationId && workspaceId && accessToken) {
+      void runCheck();
+    }
+  }, [organizationId, workspaceId, accessToken, runCheck]);
+
+  const value = useMemo<DataAvailabilityContextValue>(
+    () => ({ status }),
+    [status],
+  );
+
+  return (
+    <DataAvailabilityContext.Provider value={value}>
+      {children}
+    </DataAvailabilityContext.Provider>
+  );
+};
+
+export const useDataAvailability = (): DataAvailabilityContextValue => {
+  const ctx = useContext(DataAvailabilityContext);
+  if (!ctx) {
+    throw new Error(
+      'useDataAvailability must be used within a DataAvailabilityProvider',
+    );
+  }
+  return ctx;
+};

package/src/RedactoPrivacyCenter/locales/as/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "অভিযোগৰ প্ৰকাৰ",
   "close": "বন্ধ কৰক",
   "noData": "ডেটা নাই",
+  "noDataTitle": "এতিয়ালৈকে দেখুৱাবলৈ একো নাই",
+  "noDataDescription": "আপোনাৰ একাউণ্টৰ সৈতে সংযুক্ত কোনো সন্মতি, অনুৰোধ বা কাৰ্য্যাৱলী আমি এতিয়ালৈকে বিচাৰি পোৱা নাই। উপলব্ধ হোৱাৰ লগে লগে আপোনাৰ গোপনীয়তা ৰেকৰ্ডসমূহ ইয়াত দেখা যাব।",
   "rowsPerPage": "পৃষ্ঠাত শাৰী:",
   "pageOf": "পৃষ্ঠা {{current}} / {{total}}",
   "rowsSelected": "{{total}}-ৰ {{count}} শাৰী নিৰ্বাচিত",

package/src/RedactoPrivacyCenter/locales/bho/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "शिकायत प्रकार",
   "close": "बन्द करीं",
   "noData": "कोनो डेटा नै",
+  "noDataTitle": "अबहीं देखावे खातिर कुछ नइखे",
+  "noDataDescription": "रउरा खाता से जुड़ल कवनो सहमति, अनुरोध, या गतिविधि अबहीं तक ना मिलल। रउरा गोपनीयता रिकॉर्ड उपलब्ध होते ई इहाँ देखाई दिही।",
   "rowsPerPage": "पृष्ठ प्रति पंक्ति:",
   "pageOf": "पृष्ठ {{current}} / {{total}}",
   "rowsSelected": "{{total}} में से {{count}} पंक्ति चुनल गइल",

package/src/RedactoPrivacyCenter/locales/bn/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "অভিযোগের ধরন",
   "close": "বন্ধ করুন",
   "noData": "কোনো ডেটা নেই",
+  "noDataTitle": "এখনো দেখানোর মতো কিছু নেই",
+  "noDataDescription": "আপনার অ্যাকাউন্টের সাথে সম্পর্কিত কোনো সম্মতি, অনুরোধ বা ক্রিয়াকলাপ আমরা এখনো খুঁজে পাইনি। উপলব্ধ হওয়ার সাথে সাথেই আপনার গোপনীয়তা রেকর্ডগুলি এখানে প্রদর্শিত হবে।",
   "rowsPerPage": "প্রতি পৃষ্ঠায় সারি:",
   "pageOf": "পৃষ্ঠা {{current}} / {{total}}",
   "rowsSelected": "{{total}}-এর মধ্যে {{count}} সারি নির্বাচিত",

package/src/RedactoPrivacyCenter/locales/brx/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "गुनासो थाखो",
   "close": "बन्द खालाम",
   "noData": "डेटा नंगौ",
+  "noDataTitle": "दानो दिनथिनो थाखाय जेबो गैया",
+  "noDataDescription": "दानो सम नोंथांनि एकाउन्टजों सोमोन्दो थानाय जेबो सहमति, हाबाय एबा खामानि जों मोननो हायाखै। नोंथांनि गोपनीयथा रिकर्डफोर मोननो हानाय बादि बेयावनो दिनथिजागोन।",
   "rowsPerPage": "पृष्ठनि पंक्ति:",
   "pageOf": "पृष्ठ {{current}} / {{total}}",
   "rowsSelected": "{{total}} निफ्राय {{count}} पंक्ति सायख 'खै",

package/src/RedactoPrivacyCenter/locales/doi/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "शिकायत प्रकार",
   "close": "बंद करो",
   "noData": "कोनो डेटा नै",
+  "noDataTitle": "अजें दिक्खाने आस्तै किछ नेईं",
+  "noDataDescription": "तुंदे खाते कन्नै जुड़ी दी कोई बी सहमति, बेनती जां गतिविधि अजें तक नेईं मिली। तुंदे गोपनीयता रिकॉर्ड उपलब्ध होंदे गै इत्थें दिक्खने गी मिलङन।",
   "rowsPerPage": "पृष्ठ प्रति पंक्ति:",
   "pageOf": "पृष्ठ {{current}} / {{total}}",
   "rowsSelected": "{{total}} मध्ये {{count}} पंक्ति चुनल गेल",

package/src/RedactoPrivacyCenter/locales/en/translation.json

@@ -195,6 +195,8 @@
   "grievanceTypes": "Grievance Types",
   "close": "Close",
   "noData": "No Data",
+  "noDataTitle": "Nothing to show yet",
+  "noDataDescription": "We couldn't find any consents, requests, or activity linked to your account yet. Your privacy records will appear here once they're available.",
   "rowsPerPage": "Rows per page:",
   "pageOf": "Page {{current}} of {{total}}",
   "rowsSelected": "{{count}} of {{total}} row(s) selected",

package/src/RedactoPrivacyCenter/locales/gom/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "तक्रार प्रकार",
   "close": "बंद करात",
   "noData": "डेटा ना",
+  "noDataTitle": "अजून दाखोवपाक कांय ना",
+  "noDataDescription": "तुमच्या खात्याकडेन जोडिल्ली कसलीच संमती, मागण्यो वा कृती आमकां अजून मेळूंक नात. उपलब्ध जातकच तुमच्यो गोपनीयता नोंदी हांगा दिसतल्यो.",
   "rowsPerPage": "पानाक पंक्ती:",
   "pageOf": "पान {{current}} / {{total}}",
   "rowsSelected": "{{total}} मध्ये {{count}} पंक्ती निवडली",

package/src/RedactoPrivacyCenter/locales/gu/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "ફરિયાદ પ્રકારો",
   "close": "બંધ કરો",
   "noData": "ડેટા નથી",
+  "noDataTitle": "હજુ સુધી બતાવવા માટે કંઈ નથી",
+  "noDataDescription": "તમારા ખાતા સાથે જોડાયેલી કોઈ સંમતિઓ, વિનંતીઓ અથવા પ્રવૃત્તિ અમને હજુ સુધી મળી નથી. તમારા ગોપનીયતા રેકોર્ડ ઉપલબ્ધ થતાં જ અહીં દેખાશે.",
   "rowsPerPage": "દર પૃષ્ઠ પંક્તિઓ:",
   "pageOf": "પૃષ્ઠ {{current}} / {{total}}",
   "rowsSelected": "{{total}} માંથી {{count}} પંક્તિ પસંદ",

package/src/RedactoPrivacyCenter/locales/hi/translation.json

@@ -185,6 +185,8 @@
   "grievanceTypes": "शिकायत प्रकार",
   "close": "बंद करें",
   "noData": "कोई डेटा नहीं",
+  "noDataTitle": "अभी दिखाने के लिए कुछ नहीं",
+  "noDataDescription": "हमें अभी तक आपके खाते से जुड़ी कोई सहमति, अनुरोध या गतिविधि नहीं मिली। उपलब्ध होते ही आपके गोपनीयता रिकॉर्ड यहाँ दिखाई देंगे।",
   "rowsPerPage": "प्रति पृष्ठ पंक्तियाँ:",
   "pageOf": "पृष्ठ {{current}} / {{total}}",
   "rowsSelected": "कुल {{total}} में से {{count}} पंक्तियाँ चयनित",

package/src/RedactoPrivacyCenter/locales/kn/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "ಪರಾತಿ ವಿಧಗಳು",
   "close": "ಮುಚ್ಚಿ",
   "noData": "ಡೇಟಾ ಇಲ್ಲ",
+  "noDataTitle": "ಇನ್ನೂ ತೋರಿಸಲು ಏನೂ ಇಲ್ಲ",
+  "noDataDescription": "ನಿಮ್ಮ ಖಾತೆಗೆ ಸಂಬಂಧಿಸಿದ ಯಾವುದೇ ಸಮ್ಮತಿಗಳು, ವಿನಂತಿಗಳು ಅಥವಾ ಚಟುವಟಿಕೆ ನಮಗೆ ಇನ್ನೂ ಕಂಡುಬಂದಿಲ್ಲ. ನಿಮ್ಮ ಗೌಪ್ಯತಾ ದಾಖಲೆಗಳು ಲಭ್ಯವಾದ ತಕ್ಷಣ ಅವು ಇಲ್ಲಿ ಗೋಚರಿಸುತ್ತವೆ.",
   "rowsPerPage": "ಪುಟಕ್ಕೆ ಸಾಲುಗಳು:",
   "pageOf": "ಪುಟ {{current}} / {{total}}",
   "rowsSelected": "{{total}} ರಲ್ಲಿ {{count}} ಸಾಲು ಆಯ್ಕೆಮಾಡಲಾಗಿದೆ",

package/src/RedactoPrivacyCenter/locales/ks/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "شکایت قسم",
   "close": "بند کرو",
   "noData": "ڈیٹا کانہہ",
+  "noDataTitle": "ابٕ تام ہاوُن خٲطرٕ کانٛہہ نٕ",
+  "noDataDescription": "اسہِ تُہنٛدِ اکاؤنٹَس سٕتۍ جُڑٕمٕژ کانٛہہِ رضامندی، درخواستٕ یا سرگرمی ابٕ تام نٕ لَب۔ تُہنٛد رازداری ریکارڈ یہِ دستیاب سپدِتھ یِتہِ کنہِ وُچھنہٕ یِیِہٕ۔",
   "rowsPerPage": "صفحہ فی قطاراں:",
   "pageOf": "صفحہ {{current}} / {{total}}",
   "rowsSelected": "{{total}} منز {{count}} قطار چُنِت",

package/src/RedactoPrivacyCenter/locales/mai/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "शिकायत प्रकार",
   "close": "बन्द करू",
   "noData": "कोनो डेटा नै",
+  "noDataTitle": "अखन तक देखाबय लेल किछु नहि",
+  "noDataDescription": "अहाँक खाता सँ जुड़ल कोनो सहमति, अनुरोध, वा गतिविधि अखन तक नहि भेटल। उपलब्ध होइते अहाँक गोपनीयता रिकॉर्ड एतय देखाएत।",
   "rowsPerPage": "पृष्ठ प्रति पंक्ति:",
   "pageOf": "पृष्ठ {{current}} / {{total}}",
   "rowsSelected": "{{total}} मध्ये {{count}} पंक्ति चुनल गेल",

package/src/RedactoPrivacyCenter/locales/ml/translation.json

@@ -182,6 +182,8 @@
   "grievanceTypes": "പരാതി തരങ്ങൾ",
   "close": "അടയ്ക്കുക",
   "noData": "ഡാറ്റയില്ല",
+  "noDataTitle": "ഇതുവരെ കാണിക്കാൻ ഒന്നുമില്ല",
+  "noDataDescription": "നിങ്ങളുടെ അക്കൗണ്ടുമായി ബന്ധിപ്പിച്ച സമ്മതങ്ങളോ അഭ്യർത്ഥനകളോ പ്രവൃത്തിയോ ഇതുവരെ ഞങ്ങൾക്ക് കണ്ടെത്താനായില്ല. നിങ്ങളുടെ സ്വകാര്യതാ രേഖകൾ ലഭ്യമാകുമ്പോൾ അവ ഇവിടെ ദൃശ്യമാകും.",
   "rowsPerPage": "പേജിന് വരികൾ:",
   "pageOf": "പേജ് {{current}} / {{total}}",
   "rowsSelected": "{{total}}-ൽ {{count}} വരി തിരഞ്ഞെടുത്തു",