@redacto.io/consent-sdk-react-native 5.0.0-beta.3 → 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;
@@ -818,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;
@@ -818,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

@@ -14247,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 = {
@@ -15630,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 "";
   }
@@ -15709,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 "";
@@ -15722,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" } : {}
@@ -15731,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;
@@ -15770,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: [
@@ -15801,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();
@@ -15886,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;
@@ -15975,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";
@@ -15626,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 "";
   }
@@ -15705,7 +15705,7 @@ function groupByTime(items, getTs, classify) {
   );
 }
 function useRelativeDate() {
-  const { t } = useTranslation12();
+  const { t, i18n: i18n2 } = useTranslation12();
   return useCallback8(
     (ts) => {
       if (!ts) return "";
@@ -15718,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" } : {}
@@ -15727,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;
@@ -15766,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: [
@@ -15797,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();
@@ -15882,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;
@@ -15971,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.3",
+  "version": "5.0.0-beta.4",
   "description": "React Native SDK for integrating Redacto consent notices and privacy center in mobile apps.",
   "keywords": [
     "consent",