@redacto.io/consent-sdk-react 9.1.0 → 9.2.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redacto.io/consent-sdk-react",
-  "version": "9.1.0",
+  "version": "9.2.0-beta.1",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/src/RedactoNoticeConsent/RedactoNoticeConsent.tsx

@@ -4130,13 +4130,11 @@ export const RedactoNoticeConsent = ({
                                 content.dpo_info.dpo_text || ""
                               )}
                             </span>{" "}
-                            {content.dpo_info.dpo_url && (
+                            {content.dpo_info.dpo_email && (
                               <a
                                 id="dpo-dpo-link"
                                 style={{ ...styles.link, ...linkStyle }}
-                                href={content.dpo_info.dpo_url}
-                                target="_blank"
-                                rel="noopener noreferrer"
+                                href={`mailto:${content.dpo_info.dpo_email}`}
                               >
                                 {getTranslatedDpoText(
                                   "dpo_anchor_text",

package/src/RedactoNoticeConsent/api/types.ts

@@ -261,6 +261,7 @@ export type DpoInfo = {
   dpo_text: string;
   dpo_anchor_text: string;
   dpo_url: string;
+  dpo_email?: string;
 };
 
 export type DpoInfoTranslation = {

package/src/RedactoPrivacyCenter/PrivacyCenterCaseDetailsPage.tsx

@@ -144,7 +144,9 @@ export const PrivacyCenterCaseDetailsPage = () => {
 
       {/* Tab content */}
       <div className="pc-case-tab-content">
-        {activeTab === 'messages' && <MessagesTab caseUuid={selectedCase.uuid} />}
+        {activeTab === 'messages' && (
+          <MessagesTab caseUuid={selectedCase.uuid} caseStatus={selectedCase.status} />
+        )}
         {activeTab === 'request-details' && (
           <RequestDetailsTab selectedCase={selectedCase} request_details={request_details} requestTypeLabel={requestTypeLabel} />
         )}

package/src/RedactoPrivacyCenter/PrivacyCenterHomePage.tsx

@@ -4,6 +4,7 @@ import { useInternalNavigation } from './context/NavigationContext';
 import { PrivacyCenterConsentManagerPage } from './PrivacyCenterConsentManagerPage';
 import { PrivacyCenterFormPage } from './PrivacyCenterFormPage';
 import { PrivacyCenterActivityPage } from './PrivacyCenterActivityPage';
+import { PrivacyCenterMyReceiptPage } from './PrivacyCenterMyReceiptPage';
 import { PrivacyCenterCaseDetailsPage } from './PrivacyCenterCaseDetailsPage';
 import { NotificationsPage } from './NotificationsPage';
 
@@ -23,6 +24,8 @@ export function PrivacyCenterHomePage() {
       return <PrivacyCenterFormPage />;
     case 'activity':
       return <PrivacyCenterActivityPage />;
+    case 'receipts':
+      return <PrivacyCenterMyReceiptPage />;
     case 'case-details':
       return <PrivacyCenterCaseDetailsPage />;
     case 'notifications':

package/src/RedactoPrivacyCenter/PrivacyCenterMyReceiptPage.tsx

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+import i18n from './lib/i18n';
+import ReceiptsList from './components/ReceiptsList';
+
+export function PrivacyCenterMyReceiptPage() {
+  useEffect(() => {
+    if (!i18n.language) {
+      i18n.changeLanguage('en');
+    }
+  }, []);
+
+  return (
+    <div
+      style={{
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '0.5rem',
+      }}
+    >
+      <div style={{ paddingTop: '0.25rem' }}>
+        <ReceiptsList />
+      </div>
+    </div>
+  );
+}

package/src/RedactoPrivacyCenter/api/actions.ts

@@ -419,6 +419,72 @@ export async function fetchActivitiesServer(params: {
   }
 }
 
+export async function fetchReceiptsServer(params: {
+  organizationId: string;
+  workspaceId: string;
+  skip?: number;
+  limit?: number;
+  notice_uuid?: string;
+  event_type?: string;
+  status?: string;
+  created_after?: string;
+  created_before?: string;
+  language?: string;
+  authToken?: string;
+  consentClient?: ReturnType<typeof import('./client').createConsentClient>;
+}): Promise<unknown | null> {
+  try {
+    if (!params.consentClient) {
+      throw new Error('Consent client is required');
+    }
+    // Privacy center endpoints use JWT Bearer tokens, not session-based auth
+    const baseRequest = buildBaseRequest(params.organizationId, params.workspaceId, params.authToken);
+
+    const result = await params.consentClient.getReceipts(
+      baseRequest,
+      {
+        skip: params.skip,
+        limit: params.limit,
+        notice_uuid: params.notice_uuid,
+        event_type: params.event_type,
+        status: params.status,
+        created_after: params.created_after,
+        created_before: params.created_before,
+        language: params.language,
+      },
+      params.authToken
+    );
+    return result;
+  } catch (error: any) {
+    return handleServerActionError(error, 'fetching receipts');
+  }
+}
+
+export async function fetchReceiptPdfServer(params: {
+  organizationId: string;
+  workspaceId: string;
+  receiptUuid: string;
+  authToken?: string;
+  consentClient?: ReturnType<typeof import('./client').createConsentClient>;
+}): Promise<Blob | null> {
+  try {
+    if (!params.consentClient) {
+      throw new Error('Consent client is required');
+    }
+    const baseRequest = buildBaseRequest(params.organizationId, params.workspaceId, params.authToken);
+
+    const result = await params.consentClient.getReceiptPdf(
+      baseRequest,
+      params.receiptUuid,
+      params.authToken
+    );
+    return result;
+  } catch (error: any) {
+    // Re-throw 404s (receipt doesn't exist or not yours) so the UI can show a targeted message
+    return handleServerActionError(error, 'downloading receipt PDF', true);
+  }
+}
+
 export async function fetchCaseHistoryServer(params: {
   organizationId: string;
   workspaceId: string;

package/src/RedactoPrivacyCenter/api/client.ts

@@ -464,6 +464,85 @@ export function createConsentClient(baseUrl: string) {
       });
     },
 
+    /**
+     * Get receipts (privacy center) — consent receipts for the authenticated user
+     */
+    async getReceipts(
+      baseRequest: BaseRequest,
+      params: {
+        skip?: number;
+        limit?: number;
+        notice_uuid?: string;
+        event_type?: string;
+        status?: string;
+        created_after?: string;
+        created_before?: string;
+        language?: string;
+      },
+      authToken?: string,
+      options?: Omit<ApiFetchOptions, "getAuthToken">
+    ): Promise<unknown> {
+      const queryParams = new URLSearchParams();
+      if (params.skip !== undefined) queryParams.append("skip", params.skip.toString());
+      if (params.limit !== undefined) queryParams.append("limit", params.limit.toString());
+      if (params.notice_uuid) queryParams.append("notice_uuid", params.notice_uuid);
+      if (params.event_type) queryParams.append("event_type", params.event_type);
+      if (params.status) queryParams.append("status", params.status);
+      if (params.created_after) queryParams.append("created_after", params.created_after);
+      if (params.created_before) queryParams.append("created_before", params.created_before);
+      if (params.language) queryParams.append("language", params.language);
+      const queryString = queryParams.toString();
+      const url = privacyCenterUrl(baseRequest, `/receipts${queryString ? `?${queryString}` : ""}`);
+      return privacyCenterApiFetch<unknown>(url, {
+        ...options,
+        method: "GET",
+        cache: "no-store",
+        authToken: resolveAuthToken(authToken, baseRequest),
+      });
+    },
+
+    /**
+     * Download a single receipt as a PDF (privacy center).
+     * Returns raw PDF bytes as a Blob — the caller builds an object URL to open/save it.
+     * Uses a direct fetch (not privacyCenterApiFetch) because the response is binary, not JSON,
+     * and the Authorization header must be sent (anchor navigation wouldn't carry it).
+     */
+    async getReceiptPdf(
+      baseRequest: BaseRequest,
+      receiptUuid: string,
+      authToken?: string
+    ): Promise<Blob> {
+      const url = privacyCenterUrl(baseRequest, `/receipts/${receiptUuid}/pdf`);
+      const token = resolveAuthToken(authToken, baseRequest);
+      const requestHeaders = new Headers();
+      requestHeaders.set("Accept", "application/pdf");
+      if (token) {
+        const trimmedToken = token.trim();
+        requestHeaders.set(
+          "Authorization",
+          trimmedToken.startsWith("Bearer ") ? trimmedToken : `Bearer ${trimmedToken}`
+        );
+      }
+      const response = await fetch(url, { method: "GET", headers: requestHeaders });
+      if (!response.ok) {
+        let errorMessage = `Request failed with status ${response.status}`;
+        try {
+          const errorData = (await response.json()) as { detail?: unknown; error_code?: string } | null;
+          if (errorData?.detail) {
+            errorMessage =
+              typeof errorData.detail === "string" ? errorData.detail : JSON.stringify(errorData.detail);
+          } else if (errorData?.error_code) {
+            errorMessage = errorData.error_code;
+          }
+        } catch {
+          // non-JSON error body — keep default message
+        }
+        // Prepend HTTP status so callers can branch on it (e.g. 404 = receipt not found)
+        throw new Error(`[${response.status}] ${errorMessage}`);
+      }
+      return response.blob();
+    },
+
     /**
      * Get case history (privacy center)
      */

package/src/RedactoPrivacyCenter/components/CaseDetails/DocumentRequestCard.tsx

@@ -3,15 +3,19 @@ import { IoAttach } from 'react-icons/io5';
 import { PCButton, PCLoader } from '../../ui';
 import type { DocumentRequestCardProps } from '../../lib/types';
 import { UPLOAD_ACTIVE_STATUSES, DOCUMENT_REQUEST_STATUS_LABEL, STATUS_COLORS } from '../../lib/constants';
+import { FinalizedTooltipWrapper } from './FinalizedTooltipWrapper';
 
 export const DocumentRequestCard = ({
   message,
   onUpload,
   isSubmitting,
+  isCaseFinalized,
 }: DocumentRequestCardProps) => {
   const { t } = useTranslation();
   const meta = message.document_request_metadata;
-  if (!meta) return null;
+  if (!meta) {
+    return null;
+  }
 
   const canUpload = UPLOAD_ACTIVE_STATUSES.includes(meta.document_request_status);
   const statusInfo = DOCUMENT_REQUEST_STATUS_LABEL[meta.document_request_status];
@@ -46,18 +50,20 @@ export const DocumentRequestCard = ({
       </div>
 
       {canUpload && (
-        <PCButton
-          variant="outline"
-          size="sm"
-          disabled={isSubmitting}
-          onClick={() => onUpload(message.uuid)}
-          className="pc-doc-request-upload-btn"
-        >
-          {isSubmitting
-            ? <PCLoader variant="spinner" size="sm" />
-            : <IoAttach size={14} />}
-          {t('uploadAndSubmit')}
-        </PCButton>
+        <FinalizedTooltipWrapper enabled={isCaseFinalized} autoWidth>
+          <PCButton
+            variant="outline"
+            size="sm"
+            disabled={isSubmitting || isCaseFinalized}
+            onClick={isCaseFinalized ? undefined : () => onUpload(message.uuid)}
+            className="pc-doc-request-upload-btn"
+          >
+            {isSubmitting
+              ? <PCLoader variant="spinner" size="sm" />
+              : <IoAttach size={14} />}
+            {t('uploadAndSubmit')}
+          </PCButton>
+        </FinalizedTooltipWrapper>
       )}
 
       {meta.document_request_status === 'rejected' && meta.rejection_reason && (

package/src/RedactoPrivacyCenter/components/CaseDetails/FinalizedTooltipWrapper.tsx

@@ -0,0 +1,25 @@
+import type { CSSProperties } from 'react';
+import { PCTooltip } from '../../ui';
+import { useCaseFinalizedTooltip } from '../../lib/constants';
+import type { FinalizedTooltipWrapperProps } from '../../lib/types';
+
+const AUTO_WIDTH_TRIGGER_STYLE: CSSProperties = { width: 'auto' };
+
+export const FinalizedTooltipWrapper = ({
+  enabled,
+  autoWidth = false,
+  children,
+}: FinalizedTooltipWrapperProps) => {
+  const tooltip = useCaseFinalizedTooltip();
+  if (!enabled) {
+    return children;
+  }
+  return (
+    <PCTooltip
+      content={tooltip}
+      triggerStyle={autoWidth ? AUTO_WIDTH_TRIGGER_STYLE : undefined}
+    >
+      {children}
+    </PCTooltip>
+  );
+};

package/src/RedactoPrivacyCenter/components/CaseDetails/MessageComposer.tsx

@@ -3,6 +3,7 @@ import { IoAttach, IoSend, IoDocumentText } from 'react-icons/io5';
 import { PCButton, PCLoader } from '../../ui';
 import type { MessageComposerProps } from '../../lib/types';
 import { formatFileSize } from './utils';
+import { FinalizedTooltipWrapper } from './FinalizedTooltipWrapper';
 
 export const MessageComposer = ({
   messageText,
@@ -13,6 +14,7 @@ export const MessageComposer = ({
   onSend,
   isSending,
   isUploading,
+  isCaseFinalized,
 }: MessageComposerProps) => {
   const { t } = useTranslation();
 
@@ -46,38 +48,45 @@ export const MessageComposer = ({
       )}
 
       <div className="pc-composer-textarea-wrap">
-        <textarea
-          value={messageText}
-          onChange={(e) => onMessageTextChange(e.target.value)}
-          onKeyDown={handleKeyDown}
-          placeholder={t('writeMessagePlaceholder')}
-          rows={3}
-          className="pc-composer-textarea"
-        />
+        <FinalizedTooltipWrapper enabled={isCaseFinalized}>
+          <textarea
+            value={messageText}
+            onChange={(e) => onMessageTextChange(e.target.value)}
+            onKeyDown={handleKeyDown}
+            placeholder={t('writeMessagePlaceholder')}
+            rows={3}
+            className="pc-composer-textarea"
+            disabled={isCaseFinalized}
+          />
+        </FinalizedTooltipWrapper>
       </div>
       <div className="pc-composer-actions">
-        <PCButton
-          variant="outline"
-          size="sm"
-          disabled={isUploading || isSending}
-          onClick={onAttachClick}
-          className="pc-composer-btn"
-        >
-          {isUploading
-            ? <PCLoader variant="spinner" size="sm" />
-            : <IoAttach size={16} />}
-          {t('attachFile')}
-        </PCButton>
-        <PCButton
-          size="sm"
-          disabled={(!messageText.trim() && !pendingUpload) || isSending || isUploading}
-          onClick={onSend}
-          className="pc-composer-btn"
-        >
-          {isSending ? <PCLoader variant="spinner" size="sm" /> : null}
-          {t('send')}
-          <IoSend size={14} />
-        </PCButton>
+        <FinalizedTooltipWrapper enabled={isCaseFinalized} autoWidth>
+          <PCButton
+            variant="outline"
+            size="sm"
+            disabled={isUploading || isSending || isCaseFinalized}
+            onClick={onAttachClick}
+            className="pc-composer-btn"
+          >
+            {isUploading
+              ? <PCLoader variant="spinner" size="sm" />
+              : <IoAttach size={16} />}
+            {t('attachFile')}
+          </PCButton>
+        </FinalizedTooltipWrapper>
+        <FinalizedTooltipWrapper enabled={isCaseFinalized} autoWidth>
+          <PCButton
+            size="sm"
+            disabled={(!messageText.trim() && !pendingUpload) || isSending || isUploading || isCaseFinalized}
+            onClick={onSend}
+            className="pc-composer-btn"
+          >
+            {isSending ? <PCLoader variant="spinner" size="sm" /> : null}
+            {t('send')}
+            <IoSend size={14} />
+          </PCButton>
+        </FinalizedTooltipWrapper>
       </div>
       <div className="pc-composer-footer">
         {t('messagesSecureFooter')}

package/src/RedactoPrivacyCenter/components/CaseDetails/MessageItem.tsx

@@ -13,6 +13,7 @@ export const MessageItem = ({
   message,
   onUploadForRequest,
   isSubmittingForRequest,
+  isCaseFinalized,
 }: MessageItemProps) => {
   const { t } = useTranslation();
   const isPrincipal = message.sender_role === 'data_principal';
@@ -37,6 +38,7 @@ export const MessageItem = ({
             message={message}
             onUpload={onUploadForRequest}
             isSubmitting={isSubmittingForRequest}
+            isCaseFinalized={isCaseFinalized}
           />
         </>
       );

package/src/RedactoPrivacyCenter/components/CaseDetails/MessagesTab.tsx

@@ -10,15 +10,18 @@ import {
   useUploadCaseDocument,
   useSubmitDocumentForRequest,
 } from '../../lib/queries';
-import { STATUS_COLORS } from '../../lib/constants';
+import { STATUS_COLORS, useCaseFinalizedTooltip } from '../../lib/constants';
 import type { MessagesTabProps } from '../../lib/types';
 import { MessageItem } from './MessageItem';
 import { MessageComposer } from './MessageComposer';
 import { useMessagePolling } from './useMessagePolling';
 import { useFileUpload } from './useFileUpload';
+import { isTerminalCaseStatus } from './utils';
 
-export const MessagesTab = ({ caseUuid }: MessagesTabProps) => {
+export const MessagesTab = ({ caseUuid, caseStatus }: MessagesTabProps) => {
+  const isCaseFinalized = isTerminalCaseStatus(caseStatus);
   const { t } = useTranslation();
+  const caseFinalizedTooltip = useCaseFinalizedTooltip();
   const { organization } = useOrganization();
   const { accessToken, refreshToken, onError, updateTokens } = useAuth();
   const authContext = useMemo(
@@ -83,7 +86,9 @@ export const MessagesTab = ({ caseUuid }: MessagesTabProps) => {
         }}
       >
         <span>🔒</span>
-        <span className="pc-messages-notice-text">{t('secureMessagesNotice')}</span>
+        <span className="pc-messages-notice-text">
+          {isCaseFinalized ? caseFinalizedTooltip : t('secureMessagesNotice')}
+        </span>
         <button
           type="button"
           onClick={() => refetch()}
@@ -128,6 +133,7 @@ export const MessagesTab = ({ caseUuid }: MessagesTabProps) => {
             message={msg}
             onUploadForRequest={triggerUploadForRequest}
             isSubmittingForRequest={submittingForRequest === msg.uuid}
+            isCaseFinalized={isCaseFinalized}
           />
         ))}
       </div>
@@ -141,6 +147,7 @@ export const MessagesTab = ({ caseUuid }: MessagesTabProps) => {
         onSend={handleSend}
         isSending={isSending}
         isUploading={isUploading}
+        isCaseFinalized={isCaseFinalized}
       />
     </div>
   );

package/src/RedactoPrivacyCenter/components/CaseDetails/utils.ts

@@ -1,14 +1,29 @@
-import { MAX_FILE_SIZE, ALLOWED_MIME_TYPES } from '../../lib/constants';
+import { MAX_FILE_SIZE, ALLOWED_MIME_TYPES, TERMINAL_CASE_STATUSES } from '../../lib/constants';
 import type { CaseStatusVariant } from '../../lib/types';
 
+export const isTerminalCaseStatus = (status: string | undefined | null): boolean => {
+  if (!status) {
+    return false;
+  }
+  return (TERMINAL_CASE_STATUSES as readonly string[]).includes(status.toLowerCase());
+};
+
 export const getVar = (v: string) => `var(${v})`;
 
 export const getCaseStatusVariant = (status: string): CaseStatusVariant => {
-  const n = status.toLowerCase().replace(/_/g, '');
-  if (n === 'completed') return 'success';
-  if (n === 'rejected' || n === 'declined') return 'error';
-  if (n === 'processing' || n === 'inprogress' || n === 'expired') return 'warning';
-  if (n === 'initiated') return 'info';
+  const normalized = status.toLowerCase().replace(/_/g, '');
+  if (normalized === 'completed') {
+    return 'success';
+  }
+  if (normalized === 'rejected' || normalized === 'declined') {
+    return 'error';
+  }
+  if (normalized === 'processing' || normalized === 'inprogress' || normalized === 'expired') {
+    return 'warning';
+  }
+  if (normalized === 'initiated') {
+    return 'info';
+  }
   return 'secondary';
 };