@redacto.io/consent-sdk-react 10.0.0-beta.1 → 10.0.0-beta.12

package/src/RedactoNoticeConsentInline/api/index.ts

@@ -1,106 +0,0 @@
-import { parseApiError } from "../../shared/api-errors";
-import type {
-  ConsentContent,
-  ConsentEventPayload,
-  FetchConsentContentParams,
-  SubmitConsentEventParams,
-} from "./types";
-
-const BASE_URL = "https://api.redacto.tech/consent";
-
-export const fetchConsentContent = async ({
-  org_uuid,
-  workspace_uuid,
-  notice_uuid,
-  baseUrl,
-  specific_uuid,
-}: FetchConsentContentParams): Promise<ConsentContent> => {
-  const apiBaseUrl = baseUrl || BASE_URL;
-
-  const url = new URL(
-    `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/notices/get-notice/${notice_uuid}`
-  );
-
-  if (specific_uuid) {
-    url.searchParams.append("specific_uuid", specific_uuid);
-  }
-
-  const response = await fetch(url.toString(), {
-    method: "GET",
-    headers: {
-      "Content-Type": "application/json",
-    },
-  });
-
-  if (!response.ok) {
-    throw await parseApiError(
-      response,
-      "Could not load the consent notice. Please try again."
-    );
-  }
-
-  const data = await response.json();
-  return data;
-};
-
-export const submitConsentEvent = async ({
-  org_uuid,
-  workspace_uuid,
-  accessToken,
-  baseUrl,
-  ledgerBaseUrl,
-  noticeUuid,
-  purposes,
-  declined,
-  meta_data,
-}: SubmitConsentEventParams): Promise<void> => {
-  // Fall back to the consent server when no ledger is configured, so existing
-  // integrations that only pass baseUrl remain backwards compatible.
-  const apiBaseUrl = ledgerBaseUrl || baseUrl || BASE_URL;
-
-  const payload: ConsentEventPayload = {
-    notice_uuid: noticeUuid,
-    purposes: purposes.map((purpose) => {
-      if (!purpose.uuid) {
-        throw new Error(`Invalid purpose data: missing uuid`);
-      }
-
-      // Only include enabled data elements (disabled elements are not selectable)
-      const dataElements = purpose.data_elements
-        .filter((element) => element.enabled)
-        .map((element) => ({
-          uuid: element.uuid,
-          selected: element.required ? true : Boolean(element.selected),
-        }));
-
-      return {
-        purpose_uuid: purpose.uuid,
-        selected: Boolean(purpose.selected),
-        data_elements: dataElements.length > 0 ? dataElements : undefined,
-      };
-    }),
-    select_all_mandatory: false,
-    source: "WEB",
-    declined,
-    meta_data,
-  };
-
-  const response = await fetch(
-    `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/submit-consent`,
-    {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${accessToken}`,
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify(payload),
-    }
-  );
-
-  if (!response.ok) {
-    throw await parseApiError(
-      response,
-      "Could not submit your consent. Please try again."
-    );
-  }
-};

package/src/RedactoNoticeConsentInline/api/types.ts

@@ -1,183 +0,0 @@
-import type { DpoInfo, DpoInfoTranslation } from "../../RedactoNoticeConsent/api/types";
-
-export type RedactoJwtPayload = {
-  organisation_uuid: string;
-  workspace_uuid: string;
-};
-
-export type ConsentContent = {
-  code: number;
-  status: string;
-  detail: {
-    uuid: string;
-    name: string;
-    organisation_uuid: string;
-    workspace_uuid: string;
-    collection_point_uuids: string[];
-    collection_points: {
-      uuid: string;
-      organisation_uuid: string;
-      workspace_uuid: string;
-      name: string;
-      created_at: string;
-      updated_at: string;
-    }[];
-    active_config: {
-      uuid: string;
-      notice_uuid: string;
-      organisation_uuid: string;
-      workspace_uuid: string;
-      version: number;
-      status: string;
-      notice_text: string;
-      additional_text: string;
-      confirm_button_text: string;
-      decline_button_text: string;
-      logo_url: string;
-      privacy_policy_url: string;
-      privacy_center_url: string;
-      primary_color: string;
-      secondary_color: string;
-      font_preference: string;
-      purposes: {
-        uuid: string;
-        name: string;
-        description: string;
-        industries?: string;
-        data_elements: {
-          uuid: string;
-          name: string;
-          description: string | null;
-          industries?: string | null;
-          enabled: boolean;
-          required: boolean;
-        }[];
-      }[];
-      default_language: string;
-      supported_languages_and_translations: {
-        [key: string]: {
-          notice_text: string;
-          additional_text: string;
-          confirm_button_text: string;
-          decline_button_text: string;
-          privacy_policy_prefix_text: string;
-          privacy_policy_anchor_text: string;
-          privacy_center_anchor_text?: string;
-          purpose_section_heading: string;
-          data_elements: {
-            [key: string]: string;
-          };
-          purposes: {
-            [key: string]: string | { name: string; description: string };
-          };
-          dpo_info?: DpoInfoTranslation;
-        };
-      };
-      created_at: string;
-      updated_at: string;
-      deployed_at: string;
-      privacy_policy_prefix_text: string;
-      privacy_policy_anchor_text: string;
-      privacy_center_anchor_text?: string;
-      purpose_section_heading: string;
-      dpo_info?: DpoInfo;
-    };
-    created_at: string;
-    updated_at: string;
-  };
-};
-
-export type ConsentPreference = {
-  id: string;
-  name: string;
-  description: string;
-  required: boolean;
-};
-
-export type ConsentSelection = {
-  id: string;
-  enabled: boolean;
-};
-
-export type Settings = {
-  button: {
-    accept: {
-      backgroundColor: string;
-      textColor: string;
-    };
-    decline: {
-      backgroundColor: string;
-      textColor: string;
-    };
-    language: {
-      backgroundColor: string;
-      textColor: string;
-      selectedBackgroundColor?: string;
-      selectedTextColor?: string;
-    };
-  };
-  link: string;
-  borderRadius?: string;
-  backgroundColor?: string;
-  headingColor?: string;
-  textColor?: string;
-  borderColor?: string;
-};
-
-export type FetchConsentContentParams = {
-  org_uuid: string;
-  workspace_uuid: string;
-  notice_uuid: string;
-  baseUrl?: string;
-  language?: string;
-  specific_uuid?: string;
-};
-
-export type ConsentEventPayload = {
-  notice_uuid: string;
-  purposes: Array<{
-    purpose_uuid: string;
-    selected: boolean;
-    data_elements?: Array<{
-      uuid: string;
-      selected: boolean;
-    }>;
-  }>;
-  select_all_mandatory: boolean;
-  source?: string;
-  declined?: boolean;
-  meta_data?: {
-    specific_uuid: string;
-  };
-};
-
-export type DataElement = {
-  uuid: string;
-  name: string;
-  enabled: boolean;
-  required: boolean;
-  selected: boolean;
-};
-
-export type Purpose = {
-  uuid: string;
-  name: string;
-  description: string;
-  industries?: string;
-  selected: boolean;
-  data_elements: Array<DataElement>;
-};
-
-export type SubmitConsentEventParams = {
-  org_uuid: string;
-  workspace_uuid: string;
-  accessToken: string;
-  baseUrl?: string;
-  ledgerBaseUrl?: string;
-  noticeUuid: string;
-  purposes: Array<Purpose>;
-  declined: boolean;
-  meta_data?: {
-    specific_uuid: string;
-  };
-};

package/src/RedactoNoticeConsentInline/index.ts

@@ -1 +0,0 @@
-export { RedactoConsentInline as default } from "./RedactoNoticeConsentInline";

package/src/RedactoNoticeConsentInline/injectStyles.ts

@@ -1,40 +0,0 @@
-// CSS injection utility for the consent SDK
-let spinnerAnimationInjected = false;
-
-/**
- * Injects the spinner animation keyframes needed for the loading indicator.
- * This is separate from checkbox styles since this component uses native checkboxes.
- */
-export const injectSpinnerAnimation = () => {
-  if (spinnerAnimationInjected || typeof document === 'undefined') {
-    return;
-  }
-
-  const STYLE_ID = 'redacto-consent-spinner-animation';
-  
-  // Check if animation is already injected
-  if (document.getElementById(STYLE_ID)) {
-    spinnerAnimationInjected = true;
-    return;
-  }
-
-  const style = document.createElement('style');
-  style.id = STYLE_ID;
-  style.textContent = `
-    /* Loading spinner animation */
-    @keyframes spin {
-      0% {
-        transform: rotate(0deg);
-      }
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-  `;
-
-  document.head.appendChild(style);
-  spinnerAnimationInjected = true;
-};
-
-// Keep the old function name for backward compatibility if needed elsewhere
-export const injectCheckboxStyles = injectSpinnerAnimation;