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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redacto.io/consent-sdk-react",
-  "version": "9.1.0",
+  "version": "9.2.0-beta.0",
   "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/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';
 };
 

package/src/RedactoPrivacyCenter/components/DataRequest/PurposeSelectionSection.tsx

@@ -145,6 +145,18 @@ export default function PurposeSelectionSection({
             ? t('whatDataToAccess')
             : t('whatDataToDelete')}
         </p>
+        <p style={{
+          marginTop: '0.25rem',
+          marginBottom: '0.5rem',
+          paddingLeft: getVar('--pc-spacing-sm'),
+          borderLeft: `2px solid ${getVar('--pc-primary')}`,
+          fontSize: pcStyles.textXs.fontSize,
+          color: getVar('--pc-text-secondary'),
+          lineHeight: 1.4,
+        }}>
+          {t('revocationNotDeletionNote') ||
+            'Revoking consent does not delete data the organization already holds. You can still request access to or erasure of this data, including for purposes whose consent you have withdrawn.'}
+        </p>
         {!isErasure && (
           <PCCheckbox
             label={t('selectAll')}

package/src/RedactoPrivacyCenter/components/Form.tsx

@@ -9,7 +9,6 @@ import { AiOutlineClose } from 'react-icons/ai';
 import { PiUploadBold } from 'react-icons/pi';
 import { toast } from '../utils/toast';
 import { PCButton, PCCheckbox, PCInput, PCLoader, PCSelect, PCTextarea } from '../ui';
-import { PCModal } from '../ui/PCModal';
 import { pcStyles } from '../styles/pcStyles';
 import { createCaseRequest, getFormData } from '../lib/api';
 import { ensureValidToken } from '../lib/utils';
@@ -41,8 +40,7 @@ import NominationDataSection from './DataRequest/NominationDataSection';
 import PurposeSelectionSection from './DataRequest/PurposeSelectionSection';
 import RequestSubmit from './RequestSubmit';
 import type { CaseHistoryProps } from './types';
-import { FiAlertCircle, FiChevronDown, FiChevronUp, FiX } from 'react-icons/fi';
-import { MAX_DISPLAYED_PURPOSE_NAMES_IN_ERASURE_MODAL } from './constant';
+import { FiChevronDown, FiChevronUp, FiX } from 'react-icons/fi';
 
 const getVar = (varName: string): string => `var(${varName})`;
 
@@ -134,10 +132,6 @@ export default function Form({
   const [isTranslating, setIsTranslating] = useState(false);
   const [isRequestDetailsExpanded, setIsRequestDetailsExpanded] =
     useState(true);
-  const [isErasureConsentModalOpen, setIsErasureConsentModalOpen] =
-    useState(false);
-  const [revokeConsentOnFulfilment, setRevokeConsentOnFulfilment] =
-    useState(false);
 
   const resetFileInput = () => {
     if (fileInputRef.current) {
@@ -164,11 +158,13 @@ export default function Form({
 
       const uniqueElements = new Map();
       extractedPurposes.forEach((purpose) => {
-        // Ensure data_elements is an array and filter out any null/undefined elements
-        // Only include data elements with selected === true
+        // Ensure data_elements is an array and filter out any null/undefined elements.
+        // Include every data element the org holds for this user, regardless of current
+        // consent state. Revoking consent does not delete data (TECH-4089), so purposes
+        // with revoked/withdrawn consent must remain raisable for access/erasure/correction.
         const validDataElements = Array.isArray(purpose.data_elements)
           ? purpose.data_elements.filter(
-            (element) => element !== null && element !== undefined && element.uuid && element.selected
+            (element) => element !== null && element !== undefined && element.uuid
           )
           : [];
 
@@ -188,13 +184,14 @@ export default function Form({
         Array.from(uniqueElements.values()) as DataElement[]
       );
 
-      // Ensure data_elements are properly preserved with all properties
-      // Only include data elements with selected === true, and filter out purposes with no data elements
+      // Ensure data_elements are properly preserved with all properties.
+      // Include data elements regardless of consent state (revocation ≠ deletion,
+      // TECH-4089); only drop purposes that genuinely have no data elements.
       const processedPurposes = extractedPurposes
         .map((p) => {
           const validDataElements = Array.isArray(p.data_elements)
             ? p.data_elements
-              .filter((de) => de !== null && de !== undefined && de.selected)
+              .filter((de) => de !== null && de !== undefined && de.uuid)
               .map((de) => ({
                 ...de,
                 selected: false,
@@ -321,13 +318,14 @@ export default function Form({
         .map((p) => p?.purpose)
         .filter((p) => p !== null && p !== undefined);
 
-      // Ensure data_elements are properly preserved with all properties
-      // Only include data elements with selected === true, and filter out purposes with no data elements
+      // Ensure data_elements are properly preserved with all properties.
+      // Include data elements regardless of consent state (revocation ≠ deletion,
+      // TECH-4089); only drop purposes that genuinely have no data elements.
       const processedPurposes = extractedPurposes
         .map((p) => {
           const validDataElements = Array.isArray(p.data_elements)
             ? p.data_elements
-              .filter((de) => de !== null && de !== undefined && de.selected)
+              .filter((de) => de !== null && de !== undefined && de.uuid)
               .map((de) => ({
                 ...de,
                 selected: false,
@@ -505,47 +503,13 @@ export default function Form({
     return translatedName;
   }, [data]);
 
-  const selectedErasurePurposeList = useMemo(
-    () =>
-      erasurePurposes
-        .filter((p) => p.selected || p.data_elements.some((de) => de.selected))
-        .map((p) => p.name)
-        .filter(Boolean),
-    [erasurePurposes]
-  );
-
-  const selectedErasurePurposeNames = useMemo(() => {
-    if (
-      selectedErasurePurposeList.length === 0 ||
-      selectedErasurePurposeList.length > MAX_DISPLAYED_PURPOSE_NAMES_IN_ERASURE_MODAL
-    ) {
-      return t('revokeConsentModalYourPurposes');
-    }
-    return selectedErasurePurposeList.join(', ');
-  }, [selectedErasurePurposeList, t]);
-
   const handleSubmitClick = () => {
-    if (!isFormValid){
-       return
-    };
-    if (requestType === RequestTypeEnum.ERASURE) {
-      setIsErasureConsentModalOpen(true);
+    if (!isFormValid) {
       return;
     }
-    setRevokeConsentOnFulfilment(false);
     void handleSubmit(false);
   };
 
-  const handleErasureModalChoice = (revoke: boolean) => {
-    setRevokeConsentOnFulfilment(revoke);
-    setIsErasureConsentModalOpen(false);
-    void handleSubmit(revoke);
-  };
-
-  const handleErasureModalClose = () => {
-    setIsErasureConsentModalOpen(false);
-  };
-
   const handleSubmit = async (revokeConsent: boolean = false) => {
     if (!isFormValid){
        return
@@ -923,8 +887,6 @@ export default function Form({
           caseId={caseId || ''}
           contact={formData?.contact}
           onCreateRequest={onCreateRequest}
-          revokeConsentOnFulfilment={revokeConsentOnFulfilment}
-          revokedPurposeNames={selectedErasurePurposeNames}
         />
       ) : (
         <div>
@@ -1511,82 +1473,6 @@ export default function Form({
           </div>
         </div>
       )}
-      <PCModal
-        isOpen={isErasureConsentModalOpen}
-        onClose={handleErasureModalClose}
-        size="md"
-        showCloseButton={false}
-        footer={
-          <div className="pc-erasure-modal-footer">
-            <PCButton
-              variant="secondary"
-              onClick={() => handleErasureModalChoice(false)}
-              disabled={isLoading}
-            >
-              {t('revokeConsentNo')}
-            </PCButton>
-            <PCButton
-              variant="primary"
-              onClick={() => handleErasureModalChoice(true)}
-              disabled={isLoading}
-              isLoading={isLoading}
-            >
-              {t('revokeConsentYes')}
-            </PCButton>
-          </div>
-        }
-      >
-        <div className="pc-erasure-modal-content">
-          <div className="pc-erasure-modal-header">
-            <div className="pc-erasure-modal-icon">
-              <FiAlertCircle size={24} />
-            </div>
-            <p className="pc-erasure-modal-title">
-              {t('revokeConsentModalTitle')}
-            </p>
-            <p className="pc-erasure-modal-question">
-              {t('revokeConsentModalQuestion')}
-            </p>
-          </div>
-
-          <div className="pc-erasure-modal-purposes">
-            <p className="pc-erasure-modal-purposes-label">
-              {t('revokeConsentModalPurposesLabel')}
-            </p>
-            {selectedErasurePurposeList.length > 0 ? (
-              <>
-                {selectedErasurePurposeList
-                  .slice(0, MAX_DISPLAYED_PURPOSE_NAMES_IN_ERASURE_MODAL)
-                  .map((name) => (
-                    <div key={name} className="pc-erasure-modal-purpose-item">
-                      {name}
-                    </div>
-                  ))}
-                {selectedErasurePurposeList.length > MAX_DISPLAYED_PURPOSE_NAMES_IN_ERASURE_MODAL && (
-                  <span className="pc-erasure-modal-purposes-placeholder">
-                    {t('revokeConsentModalAndMore', {
-                      count: selectedErasurePurposeList.length - MAX_DISPLAYED_PURPOSE_NAMES_IN_ERASURE_MODAL,
-                    })}
-                  </span>
-                )}
-              </>
-            ) : (
-              <span className="pc-erasure-modal-purposes-placeholder">
-                {t('revokeConsentModalYourPurposes')}
-              </span>
-            )}
-          </div>
-
-          <div className="pc-erasure-modal-warning">
-            <p className="pc-erasure-modal-warning-text">
-              <span className="pc-erasure-modal-warning-label">
-                {t('revokeConsentModalIfYesLabel')}
-              </span>{' '}
-              {t('revokeConsentModalIfYesBody')}
-            </p>
-          </div>
-        </div>
-      </PCModal>
     </>
   );
 }

package/src/RedactoPrivacyCenter/lib/constants.ts

@@ -138,6 +138,18 @@ export const STATUS_COLORS = {
   infoBanner: { color: '#1d4ed8', bg: '#eff6ff', border: '#bfdbfe' },
 } as const;
 
+// ─── Case statuses ────────────────────────────────────────────────────────────
+
+export const TERMINAL_CASE_STATUSES = ['completed', 'rejected', 'declined', 'expired'] as const;
+
+export const CASE_FINALIZED_TOOLTIP_KEY = 'caseFinalizedMessagesTooltip';
+export const CASE_FINALIZED_TOOLTIP_FALLBACK = 'This case is finalized — messages can no longer be sent.';
+
+export const useCaseFinalizedTooltip = () => {
+  const { t } = useTranslation();
+  return t(CASE_FINALIZED_TOOLTIP_KEY, CASE_FINALIZED_TOOLTIP_FALLBACK);
+};
+
 // ─── Document request ─────────────────────────────────────────────────────────
 
 export const UPLOAD_ACTIVE_STATUSES: DocumentRequestStatus[] = ['pending', 'replacement_requested'];

package/src/RedactoPrivacyCenter/lib/types.ts

@@ -509,6 +509,7 @@ export type MessageItemProps = Readonly<{
   message: CaseMessage;
   onUploadForRequest: (requestEventUuid: string) => void;
   isSubmittingForRequest: boolean;
+  isCaseFinalized: boolean;
 }>;
 
 export type ChatBubbleProps = Readonly<{
@@ -526,6 +527,7 @@ export type DocumentRequestCardProps = Readonly<{
   message: CaseMessage;
   onUpload: (requestEventUuid: string) => void;
   isSubmitting: boolean;
+  isCaseFinalized: boolean;
 }>
 
 export type StatusEventProps = Readonly<{
@@ -540,6 +542,7 @@ export type StatusEventProps = Readonly<{
 
 export type MessagesTabProps = Readonly<{
   caseUuid: string;
+  caseStatus: string;
 }>;
 
 export type MessageComposerProps = Readonly<{
@@ -551,6 +554,13 @@ export type MessageComposerProps = Readonly<{
   onSend: () => void;
   isSending: boolean;
   isUploading: boolean;
+  isCaseFinalized: boolean;
+}>;
+
+export type FinalizedTooltipWrapperProps = Readonly<{
+  enabled: boolean;
+  autoWidth?: boolean;
+  children: React.ReactElement;
 }>;
 
 export type CaseStatusVariant =

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

@@ -202,6 +202,7 @@
   "submitted": "দাখিল কৰা হৈছে",
   "responseDue": "প্ৰতিক্ৰিয়া বাকী",
   "secureMessagesNotice": "আপোনাৰ বাৰ্তাসমূহ কেৱল গোপনীয়তা দলক সুৰক্ষিতভাৱে প্ৰেৰণ কৰা হয়।",
+  "caseFinalizedMessagesTooltip": "এই গোচৰটো চূড়ান্ত কৰা হৈছে — এতিয়া বাৰ্তা পঠাব নোৱাৰি।",
   "noMessagesYet": "এতিয়ালৈকে কোনো বাৰ্তা নাই",
   "writeMessagePlaceholder": "গোপনীয়তা দলক বাৰ্তা লিখক...",
   "attachFile": "ফাইল সংলগ্ন কৰক",

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

@@ -202,6 +202,7 @@
   "submitted": "जमा भइल",
   "responseDue": "जवाब बाकी बा",
   "secureMessagesNotice": "रउआ संदेश बस गोपनीयता टीम के सुरक्षित तरीका से भेजल जाला।",
+  "caseFinalizedMessagesTooltip": "ई केस अंतिम हो गइल बा — अब संदेस ना भेजल जा सके।",
   "noMessagesYet": "अबहीं तक कवनो संदेश नइखे",
   "writeMessagePlaceholder": "गोपनीयता टीम के संदेश लिखीं...",
   "attachFile": "फाइल जोड़ीं",

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

@@ -202,6 +202,7 @@
   "submitted": "জমা দেওয়া হয়েছে",
   "responseDue": "প্রতিক্রিয়া বাকি",
   "secureMessagesNotice": "আপনার বার্তাগুলি শুধুমাত্র গোপনীয়তা দলের কাছে নিরাপদে পাঠানো হয়।",
+  "caseFinalizedMessagesTooltip": "এই কেসটি চূড়ান্ত করা হয়েছে — বার্তা আর পাঠানো যাবে না।",
   "noMessagesYet": "এখনো কোনো বার্তা নেই",
   "writeMessagePlaceholder": "গোপনীয়তা দলকে একটি বার্তা লিখুন...",
   "attachFile": "ফাইল সংযুক্ত করুন",

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

@@ -202,6 +202,7 @@
   "submitted": "दाखिल जादों",
   "responseDue": "फिननाय बाकी",
   "secureMessagesNotice": "नोंथांनि खौरांफोर सिगां गोपनीयथा हानजाखौ सुरक्षित बायदिजों दैथायदों।",
+  "caseFinalizedMessagesTooltip": "बे केसआ जोबनाय जायो — दानै खौरांखौ दैथाय हुनो हाया।",
   "noMessagesYet": "दानो सम कोनो खौरां गैया",
   "writeMessagePlaceholder": "गोपनीयथा हानजाखौ खौरां लिर...",
   "attachFile": "फाइल लाफाब",