@redacto.io/consent-sdk-react-native 5.0.0-beta.2 → 5.0.0-beta.4

package/dist/{chunk-IVOOB4JK.mjs → chunk-UVRSRLYW.mjs}

@@ -33,12 +33,20 @@ var languageOptions = [
 ];
 var codeByLabel = new Map(languageOptions.map((o) => [o.label, o.value]));
 var codeByLower = new Map(languageOptions.map((o) => [o.value.toLowerCase(), o.value]));
-function toLanguageCode(lang) {
+var englishName = (label) => {
   var _a, _b;
+  return (_b = (_a = label.match(/\(([^)]+)\)\s*$/)) == null ? void 0 : _a[1]) != null ? _b : label;
+};
+var codeByName = new Map(
+  languageOptions.map((o) => [englishName(o.label).toLowerCase(), o.value])
+);
+function toLanguageCode(lang) {
+  var _a, _b, _c;
   if (!lang) return void 0;
   const trimmed = lang.trim();
   if (!trimmed) return void 0;
-  return (_b = (_a = codeByLabel.get(trimmed)) != null ? _a : codeByLower.get(trimmed.toLowerCase())) != null ? _b : trimmed;
+  const lower = trimmed.toLowerCase();
+  return (_c = (_b = (_a = codeByLabel.get(trimmed)) != null ? _a : codeByName.get(lower)) != null ? _b : codeByLower.get(lower)) != null ? _c : trimmed;
 }
 
 export {

package/dist/index.js

@@ -74,12 +74,20 @@ var languageOptions = [
 ];
 var codeByLabel = new Map(languageOptions.map((o) => [o.label, o.value]));
 var codeByLower = new Map(languageOptions.map((o) => [o.value.toLowerCase(), o.value]));
-function toLanguageCode(lang) {
+var englishName = (label) => {
   var _a, _b;
+  return (_b = (_a = label.match(/\(([^)]+)\)\s*$/)) == null ? void 0 : _a[1]) != null ? _b : label;
+};
+var codeByName = new Map(
+  languageOptions.map((o) => [englishName(o.label).toLowerCase(), o.value])
+);
+function toLanguageCode(lang) {
+  var _a, _b, _c;
   if (!lang) return void 0;
   const trimmed = lang.trim();
   if (!trimmed) return void 0;
-  return (_b = (_a = codeByLabel.get(trimmed)) != null ? _a : codeByLower.get(trimmed.toLowerCase())) != null ? _b : trimmed;
+  const lower = trimmed.toLowerCase();
+  return (_c = (_b = (_a = codeByLabel.get(trimmed)) != null ? _a : codeByName.get(lower)) != null ? _b : codeByLower.get(lower)) != null ? _c : trimmed;
 }
 
 // src/RedactoNoticeConsent/api/index.ts

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   toLanguageCode
-} from "./chunk-IVOOB4JK.mjs";
+} from "./chunk-UVRSRLYW.mjs";
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
 import {

package/dist/privacy-center.d.mts

@@ -5,6 +5,63 @@ import * as react_native from 'react-native';
 import { StyleProp, ViewStyle, TextStyle, KeyboardTypeOptions, DimensionValue, Animated } from 'react-native';
 import * as lucide_react_native from 'lucide-react-native';
 
+interface ThemeColors {
+    background: string;
+    /** Page canvas. Flat mode keeps this equal to background. */
+    canvas: string;
+    surface: string;
+    text: string;
+    textSecondary: string;
+    border: string;
+    primary: string;
+    primaryText: string;
+    error: string;
+    success: string;
+    warning: string;
+    /** Hyperlink / accent text color. Falls back to primary. */
+    link: string;
+    /** Secondary brand color. Falls back to primary. */
+    secondary: string;
+    /** Quiet gray app background that cards sit on. */
+    canvasSubtle: string;
+    /** Secondary surface fill — inset rows, pressed states, skeletons. */
+    surfaceAlt: string;
+    /** Separator lighter than `border` (used inside cards). */
+    hairline: string;
+    /** Soft tint of `primary` for icon tiles / active pills. */
+    primarySoft: string;
+    /** Foreground (icon/label) color used on `primarySoft`. */
+    primaryOn: string;
+    /** Informational accent (badges / info states). */
+    info: string;
+    /** Soft status tints for badges, empty states, and icon tiles. */
+    successSoft: string;
+    warningSoft: string;
+    errorSoft: string;
+    infoSoft: string;
+    /** Scrim behind modals / bottom sheets. */
+    overlay: string;
+}
+type BrandingMeta = {
+    logo_url: string | null;
+    icon_url: string | null;
+    brand_name: string;
+    hide_platform_branding: boolean;
+};
+interface ThemeContextType {
+    colors: ThemeColors;
+    /** Org branding metadata (logo, brand name). Null until/unless it resolves. */
+    branding: BrandingMeta | null;
+    /** True while org branding is being fetched (used to gate first paint). */
+    isLoading: boolean;
+}
+declare function ThemeProvider({ children, slug, baseUrl, }: {
+    children: ReactNode;
+    slug?: string;
+    baseUrl?: string;
+}): React.JSX.Element;
+declare function useTheme(): ThemeContextType;
+
 type Workspace = {
     uuid: string;
     suid: string;
@@ -636,7 +693,7 @@ declare function createConsentClient(baseUrl: string, ledgerBaseUrl?: string): {
     manageConsent(baseRequest: BaseRequest, purposeId: string, contact: string, status: "revoke" | "regrant" | "renew", authToken?: string, options?: Omit<ApiFetchOptions, "getAuthToken">, nominatorContact?: string, dataElementUuids?: string[], noticeUuid?: string, dataElements?: Array<{
         uuid: string;
         selected: boolean;
-    }>): Promise<unknown>;
+    }>, language?: string): Promise<unknown>;
     /**
      * Get activities (privacy center)
      */
@@ -772,7 +829,7 @@ type FetchUserConsentsParams = {
     consentClient?: BaseUrlContextValue['consentClient'];
 };
 declare const fetchUserConsents: (params: FetchUserConsentsParams) => Promise<UserConsentDetail | null>;
-declare const manageConsent: ({ organizationId, workspaceId, purposeId, contact, action, authContext, consentClient, nominatorContact, dataElementUuids, noticeUuid, dataElements, }: {
+declare const manageConsent: ({ organizationId, workspaceId, purposeId, contact, action, authContext, consentClient, nominatorContact, dataElementUuids, noticeUuid, dataElements, language, }: {
     organizationId: string;
     workspaceId: string;
     purposeId: string;
@@ -787,6 +844,7 @@ declare const manageConsent: ({ organizationId, workspaceId, purposeId, contact,
         uuid: string;
         selected: boolean;
     }>;
+    language?: string;
 }) => Promise<boolean | null>;
 declare const fetchActivities: (organizationId: string, workspaceId: string, offset?: number, limit?: number, authContext?: AuthContext, consentClient?: BaseUrlContextValue["consentClient"], language?: string) => Promise<ActivityDetail | null>;
 declare const fetchCaseHistory: (organizationId: string, workspaceId: string, contact: string, offset?: number, limit?: number, authContext?: AuthContext, consentClient?: BaseUrlContextValue["consentClient"], language?: string) => Promise<CaseHistoryDetail | null>;
@@ -817,63 +875,6 @@ interface AuthProviderProps {
 declare function AuthProvider({ children, accessToken: initialAccessToken, refreshToken: initialRefreshToken, onError }: AuthProviderProps): React.JSX.Element;
 declare function useAuth(): AuthContextType;
 
-interface ThemeColors {
-    background: string;
-    /** Page canvas. Flat mode keeps this equal to background. */
-    canvas: string;
-    surface: string;
-    text: string;
-    textSecondary: string;
-    border: string;
-    primary: string;
-    primaryText: string;
-    error: string;
-    success: string;
-    warning: string;
-    /** Hyperlink / accent text color. Falls back to primary. */
-    link: string;
-    /** Secondary brand color. Falls back to primary. */
-    secondary: string;
-    /** Quiet gray app background that cards sit on. */
-    canvasSubtle: string;
-    /** Secondary surface fill — inset rows, pressed states, skeletons. */
-    surfaceAlt: string;
-    /** Separator lighter than `border` (used inside cards). */
-    hairline: string;
-    /** Soft tint of `primary` for icon tiles / active pills. */
-    primarySoft: string;
-    /** Foreground (icon/label) color used on `primarySoft`. */
-    primaryOn: string;
-    /** Informational accent (badges / info states). */
-    info: string;
-    /** Soft status tints for badges, empty states, and icon tiles. */
-    successSoft: string;
-    warningSoft: string;
-    errorSoft: string;
-    infoSoft: string;
-    /** Scrim behind modals / bottom sheets. */
-    overlay: string;
-}
-type BrandingMeta = {
-    logo_url: string | null;
-    icon_url: string | null;
-    brand_name: string;
-    hide_platform_branding: boolean;
-};
-interface ThemeContextType {
-    colors: ThemeColors;
-    /** Org branding metadata (logo, brand name). Null until/unless it resolves. */
-    branding: BrandingMeta | null;
-    /** True while org branding is being fetched (used to gate first paint). */
-    isLoading: boolean;
-}
-declare function ThemeProvider({ children, slug, baseUrl, }: {
-    children: ReactNode;
-    slug?: string;
-    baseUrl?: string;
-}): React.JSX.Element;
-declare function useTheme(): ThemeContextType;
-
 /**
  * Curated icon registry. The whole Privacy Center draws icons through this one
  * component so sizing, stroke weight and color stay consistent and the icon

package/dist/privacy-center.d.ts

@@ -5,6 +5,63 @@ import * as react_native from 'react-native';
 import { StyleProp, ViewStyle, TextStyle, KeyboardTypeOptions, DimensionValue, Animated } from 'react-native';
 import * as lucide_react_native from 'lucide-react-native';
 
+interface ThemeColors {
+    background: string;
+    /** Page canvas. Flat mode keeps this equal to background. */
+    canvas: string;
+    surface: string;
+    text: string;
+    textSecondary: string;
+    border: string;
+    primary: string;
+    primaryText: string;
+    error: string;
+    success: string;
+    warning: string;
+    /** Hyperlink / accent text color. Falls back to primary. */
+    link: string;
+    /** Secondary brand color. Falls back to primary. */
+    secondary: string;
+    /** Quiet gray app background that cards sit on. */
+    canvasSubtle: string;
+    /** Secondary surface fill — inset rows, pressed states, skeletons. */
+    surfaceAlt: string;
+    /** Separator lighter than `border` (used inside cards). */
+    hairline: string;
+    /** Soft tint of `primary` for icon tiles / active pills. */
+    primarySoft: string;
+    /** Foreground (icon/label) color used on `primarySoft`. */
+    primaryOn: string;
+    /** Informational accent (badges / info states). */
+    info: string;
+    /** Soft status tints for badges, empty states, and icon tiles. */
+    successSoft: string;
+    warningSoft: string;
+    errorSoft: string;
+    infoSoft: string;
+    /** Scrim behind modals / bottom sheets. */
+    overlay: string;
+}
+type BrandingMeta = {
+    logo_url: string | null;
+    icon_url: string | null;
+    brand_name: string;
+    hide_platform_branding: boolean;
+};
+interface ThemeContextType {
+    colors: ThemeColors;
+    /** Org branding metadata (logo, brand name). Null until/unless it resolves. */
+    branding: BrandingMeta | null;
+    /** True while org branding is being fetched (used to gate first paint). */
+    isLoading: boolean;
+}
+declare function ThemeProvider({ children, slug, baseUrl, }: {
+    children: ReactNode;
+    slug?: string;
+    baseUrl?: string;
+}): React.JSX.Element;
+declare function useTheme(): ThemeContextType;
+
 type Workspace = {
     uuid: string;
     suid: string;
@@ -636,7 +693,7 @@ declare function createConsentClient(baseUrl: string, ledgerBaseUrl?: string): {
     manageConsent(baseRequest: BaseRequest, purposeId: string, contact: string, status: "revoke" | "regrant" | "renew", authToken?: string, options?: Omit<ApiFetchOptions, "getAuthToken">, nominatorContact?: string, dataElementUuids?: string[], noticeUuid?: string, dataElements?: Array<{
         uuid: string;
         selected: boolean;
-    }>): Promise<unknown>;
+    }>, language?: string): Promise<unknown>;
     /**
      * Get activities (privacy center)
      */
@@ -772,7 +829,7 @@ type FetchUserConsentsParams = {
     consentClient?: BaseUrlContextValue['consentClient'];
 };
 declare const fetchUserConsents: (params: FetchUserConsentsParams) => Promise<UserConsentDetail | null>;
-declare const manageConsent: ({ organizationId, workspaceId, purposeId, contact, action, authContext, consentClient, nominatorContact, dataElementUuids, noticeUuid, dataElements, }: {
+declare const manageConsent: ({ organizationId, workspaceId, purposeId, contact, action, authContext, consentClient, nominatorContact, dataElementUuids, noticeUuid, dataElements, language, }: {
     organizationId: string;
     workspaceId: string;
     purposeId: string;
@@ -787,6 +844,7 @@ declare const manageConsent: ({ organizationId, workspaceId, purposeId, contact,
         uuid: string;
         selected: boolean;
     }>;
+    language?: string;
 }) => Promise<boolean | null>;
 declare const fetchActivities: (organizationId: string, workspaceId: string, offset?: number, limit?: number, authContext?: AuthContext, consentClient?: BaseUrlContextValue["consentClient"], language?: string) => Promise<ActivityDetail | null>;
 declare const fetchCaseHistory: (organizationId: string, workspaceId: string, contact: string, offset?: number, limit?: number, authContext?: AuthContext, consentClient?: BaseUrlContextValue["consentClient"], language?: string) => Promise<CaseHistoryDetail | null>;
@@ -817,63 +875,6 @@ interface AuthProviderProps {
 declare function AuthProvider({ children, accessToken: initialAccessToken, refreshToken: initialRefreshToken, onError }: AuthProviderProps): React.JSX.Element;
 declare function useAuth(): AuthContextType;
 
-interface ThemeColors {
-    background: string;
-    /** Page canvas. Flat mode keeps this equal to background. */
-    canvas: string;
-    surface: string;
-    text: string;
-    textSecondary: string;
-    border: string;
-    primary: string;
-    primaryText: string;
-    error: string;
-    success: string;
-    warning: string;
-    /** Hyperlink / accent text color. Falls back to primary. */
-    link: string;
-    /** Secondary brand color. Falls back to primary. */
-    secondary: string;
-    /** Quiet gray app background that cards sit on. */
-    canvasSubtle: string;
-    /** Secondary surface fill — inset rows, pressed states, skeletons. */
-    surfaceAlt: string;
-    /** Separator lighter than `border` (used inside cards). */
-    hairline: string;
-    /** Soft tint of `primary` for icon tiles / active pills. */
-    primarySoft: string;
-    /** Foreground (icon/label) color used on `primarySoft`. */
-    primaryOn: string;
-    /** Informational accent (badges / info states). */
-    info: string;
-    /** Soft status tints for badges, empty states, and icon tiles. */
-    successSoft: string;
-    warningSoft: string;
-    errorSoft: string;
-    infoSoft: string;
-    /** Scrim behind modals / bottom sheets. */
-    overlay: string;
-}
-type BrandingMeta = {
-    logo_url: string | null;
-    icon_url: string | null;
-    brand_name: string;
-    hide_platform_branding: boolean;
-};
-interface ThemeContextType {
-    colors: ThemeColors;
-    /** Org branding metadata (logo, brand name). Null until/unless it resolves. */
-    branding: BrandingMeta | null;
-    /** True while org branding is being fetched (used to gate first paint). */
-    isLoading: boolean;
-}
-declare function ThemeProvider({ children, slug, baseUrl, }: {
-    children: ReactNode;
-    slug?: string;
-    baseUrl?: string;
-}): React.JSX.Element;
-declare function useTheme(): ThemeContextType;
-
 /**
  * Curated icon registry. The whole Privacy Center draws icons through this one
  * component so sizing, stroke weight and color stay consistent and the icon

package/dist/privacy-center.js

@@ -10235,7 +10235,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
      * Without a ledger, the legacy Python `/manage-consent?status=` endpoint is
      * used with its `{ purpose_uuid, contact, ... }` payload.
      */
-    async manageConsent(baseRequest, purposeId, contact, status, authToken, options, nominatorContact, dataElementUuids, noticeUuid, dataElements) {
+    async manageConsent(baseRequest, purposeId, contact, status, authToken, options, nominatorContact, dataElementUuids, noticeUuid, dataElements, language) {
       if (!useLedger) {
         const url2 = `${baseUrl}/organisations/${baseRequest.organisationUuid}/workspaces/${baseRequest.workspaceUuid}/dsar/privacy-center/manage-consent?status=${status}`;
         const body2 = { purpose_uuid: purposeId, contact };
@@ -10245,6 +10245,9 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
         if (Array.isArray(dataElementUuids) && dataElementUuids.length > 0) {
           body2.data_element_uuids = dataElementUuids;
         }
+        if (language) {
+          body2.language = language;
+        }
         return privacyCenterApiFetch(url2, {
           ...options,
           method: "POST",
@@ -10279,7 +10282,8 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
             selected: purposeSelected,
             data_elements: elements
           }
-        ]
+        ],
+        ...language ? { language } : {}
       };
       const url = ledgerUrl(baseRequest, "/submit-consent");
       return privacyCenterApiFetch(url, {
@@ -10719,7 +10723,8 @@ async function manageConsentServer(params) {
       params.nominatorContact,
       params.dataElementUuids,
       params.noticeUuid,
-      params.dataElements
+      params.dataElements,
+      params.language
     );
     if (result && typeof result === "object" && "success" in result) {
       return Boolean(result.success);
@@ -11210,7 +11215,8 @@ var manageConsent = async ({
   nominatorContact,
   dataElementUuids,
   noticeUuid,
-  dataElements
+  dataElements,
+  language
 }) => {
   try {
     const accessToken = await ensureValidToken(organizationId, workspaceId, void 0, authContext, consentClient);
@@ -11228,7 +11234,8 @@ var manageConsent = async ({
       nominatorContact,
       dataElementUuids,
       noticeUuid,
-      dataElements
+      dataElements,
+      language
     });
     return result;
   } catch (error) {
@@ -14240,6 +14247,13 @@ var languageOptions = [
 ];
 var codeByLabel = new Map(languageOptions.map((o) => [o.label, o.value]));
 var codeByLower = new Map(languageOptions.map((o) => [o.value.toLowerCase(), o.value]));
+var englishName = (label) => {
+  var _a3, _b;
+  return (_b = (_a3 = label.match(/\(([^)]+)\)\s*$/)) == null ? void 0 : _a3[1]) != null ? _b : label;
+};
+var codeByName = new Map(
+  languageOptions.map((o) => [englishName(o.label).toLowerCase(), o.value])
+);
 
 // src/RedactoPrivacyCenter/lib/constants.ts
 var PAGE_CHROME_BY_PAGE = {
@@ -15094,7 +15108,8 @@ function ConsentManager() {
           dataElements: (_b = selectedRecord == null ? void 0 : selectedRecord.data_elements) == null ? void 0 : _b.map((de) => ({
             uuid: de.uuid,
             selected: de.selected
-          }))
+          })),
+          language: langParam
         });
         setIsModalOpen(false);
         setSelectedRecord(null);
@@ -15106,7 +15121,7 @@ function ConsentManager() {
         setIsManageLoading(false);
       }
     },
-    [organizationId, workspaceId, email, authContext, consentClient, selectedRecord, fetchData, t]
+    [organizationId, workspaceId, email, authContext, consentClient, selectedRecord, langParam, fetchData, t]
   );
   const handleExport = (0, import_react25.useCallback)(async () => {
     if (!consentData.length) return;
@@ -15469,6 +15484,7 @@ function ActivitiesList() {
     () => ({ accessToken, refreshToken, onError, updateTokens }),
     [accessToken, refreshToken, onError, updateTokens]
   );
+  const { langParam } = useCurrentLanguage();
   const [activities, setActivities] = (0, import_react26.useState)([]);
   const [totalCount, setTotalCount] = (0, import_react26.useState)(0);
   const [isLoading, setIsLoading] = (0, import_react26.useState)(true);
@@ -15480,7 +15496,7 @@ function ActivitiesList() {
       var _a3, _b, _c;
       if (!organizationId || !workspaceId) return;
       try {
-        const response = await fetchActivities(organizationId, workspaceId, nextOffset, PAGE_SIZE, authContext, consentClient);
+        const response = await fetchActivities(organizationId, workspaceId, nextOffset, PAGE_SIZE, authContext, consentClient, langParam);
         if (!response) return;
         const rows = (_a3 = response.data) != null ? _a3 : [];
         setActivities((prev) => append ? [...prev, ...rows] : rows);
@@ -15491,7 +15507,7 @@ function ActivitiesList() {
         if (!append) setActivities([]);
       }
     },
-    [organizationId, workspaceId, authContext, consentClient]
+    [organizationId, workspaceId, authContext, consentClient, langParam]
   );
   (0, import_react26.useEffect)(() => {
     setIsLoading(true);
@@ -15621,10 +15637,10 @@ var import_react_i18next14 = require("react-i18next");
 // src/RedactoPrivacyCenter/lib/dateGroup.ts
 var import_react27 = require("react");
 var import_react_i18next13 = require("react-i18next");
-function monthKey(ts) {
+function monthKey(ts, locale) {
   if (!ts) return "";
   try {
-    return new Date(ts).toLocaleDateString(void 0, { month: "long", year: "numeric" });
+    return new Date(ts).toLocaleDateString(locale || void 0, { month: "long", year: "numeric" });
   } catch {
     return "";
   }
@@ -15700,7 +15716,7 @@ function groupByTime(items, getTs, classify) {
   );
 }
 function useRelativeDate() {
-  const { t } = (0, import_react_i18next13.useTranslation)();
+  const { t, i18n: i18n2 } = (0, import_react_i18next13.useTranslation)();
   return (0, import_react27.useCallback)(
     (ts) => {
       if (!ts) return "";
@@ -15713,7 +15729,7 @@ function useRelativeDate() {
         if (dayDiff <= 0) return t("today", { defaultValue: "Today" });
         if (dayDiff === 1) return t("yesterday", { defaultValue: "Yesterday" });
         if (dayDiff < 7) return t("daysAgo", { count: dayDiff, defaultValue: "{{count}} days ago" });
-        return d.toLocaleDateString(void 0, {
+        return d.toLocaleDateString(i18n2.language || void 0, {
           month: "short",
           day: "numeric",
           ...d.getFullYear() !== now.getFullYear() ? { year: "numeric" } : {}
@@ -15722,10 +15738,28 @@ function useRelativeDate() {
         return ts;
       }
     },
-    [t]
+    [t, i18n2.language]
   );
 }
 
+// src/RedactoPrivacyCenter/lib/receiptEvent.ts
+function eventLabelKey(eventType) {
+  const v = String(eventType || "").toUpperCase();
+  if (v.includes("GRANT")) {
+    return "consentGranted";
+  }
+  if (v.includes("WITHDRAW") || v.includes("REVOK")) {
+    return "consentRevoked";
+  }
+  if (v.includes("DECLIN")) {
+    return "consentDeclined";
+  }
+  if (v.includes("EXPIR")) {
+    return "consentExpired";
+  }
+  return void 0;
+}
+
 // src/RedactoPrivacyCenter/components/ReceiptsList.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var PAGE_SIZE2 = 10;
@@ -15761,11 +15795,10 @@ function receiptBadgeStatus(eventType) {
   if (v.includes("EXPIR")) return "warning";
   return "secondary";
 }
-var ReceiptRow = import_react28.default.memo(({ item, colors, downloading, onDownload, downloadLabel, dateLabel }) => {
+var ReceiptRow = import_react28.default.memo(({ item, colors, downloading, onDownload, downloadLabel, dateLabel, eventLabel }) => {
   const product = item.product_name_display || item.product_name || "";
-  const event = item.event_type_display || item.event_type || "";
-  const primary = product || event || "-";
-  const badgeLabel = event || "-";
+  const primary = product || eventLabel || "-";
+  const badgeLabel = eventLabel || "-";
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_native41.View, { style: styles31.row, children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NameAvatar, { name: primary, seed: item.uuid || primary, size: "sm" }),
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_native41.View, { style: styles31.body, children: [
@@ -15792,7 +15825,7 @@ var ReceiptRow = import_react28.default.memo(({ item, colors, downloading, onDow
 });
 ReceiptRow.displayName = "ReceiptRow";
 function ReceiptsList() {
-  const { t } = (0, import_react_i18next14.useTranslation)();
+  const { t, i18n: i18n2 } = (0, import_react_i18next14.useTranslation)();
   const { accessToken, refreshToken, organizationId, workspaceId, updateTokens, onError } = useAuth();
   const { consentClient } = useBaseUrl();
   const { colors } = useTheme();
@@ -15877,14 +15910,18 @@ function ReceiptsList() {
   const sections = (0, import_react28.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const r of receipts) {
-      const key = monthKey(r.created_at);
+      const key = monthKey(r.created_at, i18n2.language);
       const arr = map.get(key);
       if (arr) arr.push(r);
       else map.set(key, [r]);
     }
     return Array.from(map, ([title, data]) => ({ title, data }));
-  }, [receipts]);
+  }, [receipts, i18n2.language]);
   const downloadLabel = t("download") || "Download";
+  const eventLabelFor = (r) => {
+    const key = eventLabelKey(r.event_type);
+    return key ? t(key) : r.event_type_display || r.event_type || "-";
+  };
   const handleScroll = (0, import_react28.useCallback)(
     (e) => {
       const { layoutMeasurement, contentOffset, contentSize } = e.nativeEvent;
@@ -15966,7 +16003,8 @@ function ReceiptsList() {
                 downloading: downloadingUuid === item.uuid,
                 onDownload: handleDownload,
                 downloadLabel,
-                dateLabel: relativeLabel(item.created_at)
+                dateLabel: relativeLabel(item.created_at),
+                eventLabel: eventLabelFor(item)
               }
             )
           ] }, `${item.uuid || item.created_at}-${index}`)) }, section2.title)),

package/dist/privacy-center.mjs

@@ -1,7 +1,7 @@
 import {
   __require,
   languageOptions
-} from "./chunk-IVOOB4JK.mjs";
+} from "./chunk-UVRSRLYW.mjs";
 
 // src/RedactoPrivacyCenter/RedactoPrivacyCenter.tsx
 import { useEffect as useEffect20 } from "react";
@@ -10122,7 +10122,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
      * Without a ledger, the legacy Python `/manage-consent?status=` endpoint is
      * used with its `{ purpose_uuid, contact, ... }` payload.
      */
-    async manageConsent(baseRequest, purposeId, contact, status, authToken, options, nominatorContact, dataElementUuids, noticeUuid, dataElements) {
+    async manageConsent(baseRequest, purposeId, contact, status, authToken, options, nominatorContact, dataElementUuids, noticeUuid, dataElements, language) {
       if (!useLedger) {
         const url2 = `${baseUrl}/organisations/${baseRequest.organisationUuid}/workspaces/${baseRequest.workspaceUuid}/dsar/privacy-center/manage-consent?status=${status}`;
         const body2 = { purpose_uuid: purposeId, contact };
@@ -10132,6 +10132,9 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
         if (Array.isArray(dataElementUuids) && dataElementUuids.length > 0) {
           body2.data_element_uuids = dataElementUuids;
         }
+        if (language) {
+          body2.language = language;
+        }
         return privacyCenterApiFetch(url2, {
           ...options,
           method: "POST",
@@ -10166,7 +10169,8 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
             selected: purposeSelected,
             data_elements: elements
           }
-        ]
+        ],
+        ...language ? { language } : {}
       };
       const url = ledgerUrl(baseRequest, "/submit-consent");
       return privacyCenterApiFetch(url, {
@@ -10606,7 +10610,8 @@ async function manageConsentServer(params) {
       params.nominatorContact,
       params.dataElementUuids,
       params.noticeUuid,
-      params.dataElements
+      params.dataElements,
+      params.language
     );
     if (result && typeof result === "object" && "success" in result) {
       return Boolean(result.success);
@@ -11097,7 +11102,8 @@ var manageConsent = async ({
   nominatorContact,
   dataElementUuids,
   noticeUuid,
-  dataElements
+  dataElements,
+  language
 }) => {
   try {
     const accessToken = await ensureValidToken(organizationId, workspaceId, void 0, authContext, consentClient);
@@ -11115,7 +11121,8 @@ var manageConsent = async ({
       nominatorContact,
       dataElementUuids,
       noticeUuid,
-      dataElements
+      dataElements,
+      language
     });
     return result;
   } catch (error) {
@@ -15081,7 +15088,8 @@ function ConsentManager() {
           dataElements: (_b = selectedRecord == null ? void 0 : selectedRecord.data_elements) == null ? void 0 : _b.map((de) => ({
             uuid: de.uuid,
             selected: de.selected
-          }))
+          })),
+          language: langParam
         });
         setIsModalOpen(false);
         setSelectedRecord(null);
@@ -15093,7 +15101,7 @@ function ConsentManager() {
         setIsManageLoading(false);
       }
     },
-    [organizationId, workspaceId, email, authContext, consentClient, selectedRecord, fetchData, t]
+    [organizationId, workspaceId, email, authContext, consentClient, selectedRecord, langParam, fetchData, t]
   );
   const handleExport = useCallback6(async () => {
     if (!consentData.length) return;
@@ -15456,6 +15464,7 @@ function ActivitiesList() {
     () => ({ accessToken, refreshToken, onError, updateTokens }),
     [accessToken, refreshToken, onError, updateTokens]
   );
+  const { langParam } = useCurrentLanguage();
   const [activities, setActivities] = useState14([]);
   const [totalCount, setTotalCount] = useState14(0);
   const [isLoading, setIsLoading] = useState14(true);
@@ -15467,7 +15476,7 @@ function ActivitiesList() {
       var _a3, _b, _c;
       if (!organizationId || !workspaceId) return;
       try {
-        const response = await fetchActivities(organizationId, workspaceId, nextOffset, PAGE_SIZE, authContext, consentClient);
+        const response = await fetchActivities(organizationId, workspaceId, nextOffset, PAGE_SIZE, authContext, consentClient, langParam);
         if (!response) return;
         const rows = (_a3 = response.data) != null ? _a3 : [];
         setActivities((prev) => append ? [...prev, ...rows] : rows);
@@ -15478,7 +15487,7 @@ function ActivitiesList() {
         if (!append) setActivities([]);
       }
     },
-    [organizationId, workspaceId, authContext, consentClient]
+    [organizationId, workspaceId, authContext, consentClient, langParam]
   );
   useEffect12(() => {
     setIsLoading(true);
@@ -15617,10 +15626,10 @@ import { useTranslation as useTranslation13 } from "react-i18next";
 // src/RedactoPrivacyCenter/lib/dateGroup.ts
 import { useCallback as useCallback8 } from "react";
 import { useTranslation as useTranslation12 } from "react-i18next";
-function monthKey(ts) {
+function monthKey(ts, locale) {
   if (!ts) return "";
   try {
-    return new Date(ts).toLocaleDateString(void 0, { month: "long", year: "numeric" });
+    return new Date(ts).toLocaleDateString(locale || void 0, { month: "long", year: "numeric" });
   } catch {
     return "";
   }
@@ -15696,7 +15705,7 @@ function groupByTime(items, getTs, classify) {
   );
 }
 function useRelativeDate() {
-  const { t } = useTranslation12();
+  const { t, i18n: i18n2 } = useTranslation12();
   return useCallback8(
     (ts) => {
       if (!ts) return "";
@@ -15709,7 +15718,7 @@ function useRelativeDate() {
         if (dayDiff <= 0) return t("today", { defaultValue: "Today" });
         if (dayDiff === 1) return t("yesterday", { defaultValue: "Yesterday" });
         if (dayDiff < 7) return t("daysAgo", { count: dayDiff, defaultValue: "{{count}} days ago" });
-        return d.toLocaleDateString(void 0, {
+        return d.toLocaleDateString(i18n2.language || void 0, {
           month: "short",
           day: "numeric",
           ...d.getFullYear() !== now.getFullYear() ? { year: "numeric" } : {}
@@ -15718,10 +15727,28 @@ function useRelativeDate() {
         return ts;
       }
     },
-    [t]
+    [t, i18n2.language]
   );
 }
 
+// src/RedactoPrivacyCenter/lib/receiptEvent.ts
+function eventLabelKey(eventType) {
+  const v = String(eventType || "").toUpperCase();
+  if (v.includes("GRANT")) {
+    return "consentGranted";
+  }
+  if (v.includes("WITHDRAW") || v.includes("REVOK")) {
+    return "consentRevoked";
+  }
+  if (v.includes("DECLIN")) {
+    return "consentDeclined";
+  }
+  if (v.includes("EXPIR")) {
+    return "consentExpired";
+  }
+  return void 0;
+}
+
 // src/RedactoPrivacyCenter/components/ReceiptsList.tsx
 import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 10;
@@ -15757,11 +15784,10 @@ function receiptBadgeStatus(eventType) {
   if (v.includes("EXPIR")) return "warning";
   return "secondary";
 }
-var ReceiptRow = React15.memo(({ item, colors, downloading, onDownload, downloadLabel, dateLabel }) => {
+var ReceiptRow = React15.memo(({ item, colors, downloading, onDownload, downloadLabel, dateLabel, eventLabel }) => {
   const product = item.product_name_display || item.product_name || "";
-  const event = item.event_type_display || item.event_type || "";
-  const primary = product || event || "-";
-  const badgeLabel = event || "-";
+  const primary = product || eventLabel || "-";
+  const badgeLabel = eventLabel || "-";
   return /* @__PURE__ */ jsxs25(View30, { style: styles31.row, children: [
     /* @__PURE__ */ jsx41(NameAvatar, { name: primary, seed: item.uuid || primary, size: "sm" }),
     /* @__PURE__ */ jsxs25(View30, { style: styles31.body, children: [
@@ -15788,7 +15814,7 @@ var ReceiptRow = React15.memo(({ item, colors, downloading, onDownload, download
 });
 ReceiptRow.displayName = "ReceiptRow";
 function ReceiptsList() {
-  const { t } = useTranslation13();
+  const { t, i18n: i18n2 } = useTranslation13();
   const { accessToken, refreshToken, organizationId, workspaceId, updateTokens, onError } = useAuth();
   const { consentClient } = useBaseUrl();
   const { colors } = useTheme();
@@ -15873,14 +15899,18 @@ function ReceiptsList() {
   const sections = useMemo13(() => {
     const map = /* @__PURE__ */ new Map();
     for (const r of receipts) {
-      const key = monthKey(r.created_at);
+      const key = monthKey(r.created_at, i18n2.language);
       const arr = map.get(key);
       if (arr) arr.push(r);
       else map.set(key, [r]);
     }
     return Array.from(map, ([title, data]) => ({ title, data }));
-  }, [receipts]);
+  }, [receipts, i18n2.language]);
   const downloadLabel = t("download") || "Download";
+  const eventLabelFor = (r) => {
+    const key = eventLabelKey(r.event_type);
+    return key ? t(key) : r.event_type_display || r.event_type || "-";
+  };
   const handleScroll = useCallback9(
     (e) => {
       const { layoutMeasurement, contentOffset, contentSize } = e.nativeEvent;
@@ -15962,7 +15992,8 @@ function ReceiptsList() {
                 downloading: downloadingUuid === item.uuid,
                 onDownload: handleDownload,
                 downloadLabel,
-                dateLabel: relativeLabel(item.created_at)
+                dateLabel: relativeLabel(item.created_at),
+                eventLabel: eventLabelFor(item)
               }
             )
           ] }, `${item.uuid || item.created_at}-${index}`)) }, section2.title)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redacto.io/consent-sdk-react-native",
-  "version": "5.0.0-beta.2",
+  "version": "5.0.0-beta.4",
   "description": "React Native SDK for integrating Redacto consent notices and privacy center in mobile apps.",
   "keywords": [
     "consent",