@redacto.io/consent-sdk-react 10.2.2-beta.3 → 10.3.0-beta.4

package/dist/types-Bwtzvz4W.d.mts

@@ -0,0 +1,66 @@
+/**
+ * Every colour the console can set on a notice, in the order the server's
+ * `NoticeAppearanceColorsIn` declares them. Keys outside this list are ignored,
+ * so a newer console never breaks an older SDK.
+ */
+declare const NOTICE_COLOR_KEYS: readonly ["background", "surface", "heading", "text", "muted_text", "link", "border", "overlay", "accept_all_bg", "accept_all_text", "accept_bg", "accept_text", "decline_bg", "decline_text", "decline_border", "language_bg", "language_text", "language_selected_bg", "language_selected_text", "toggle_on", "toggle_off", "toggle_knob", "tts_highlight_bg", "tts_highlight_text"];
+/** How checkbox rows are drawn: native checkboxes, or switches. */
+declare const NOTICE_CONTROL_STYLES: readonly ["checkbox", "switch"];
+/** Phones: a centred modal, or a sheet docked to the bottom edge. */
+declare const NOTICE_MOBILE_LAYOUTS: readonly ["modal", "sheet"];
+/** Where the notice sits on wider screens. */
+declare const NOTICE_DESKTOP_POSITIONS: readonly ["center", "bottom-right", "bottom-left", "bottom-bar"];
+/** The page behind the notice: dimmed with `colors.overlay`, or left as is. */
+declare const NOTICE_BACKDROPS: readonly ["dim", "none"];
+/** Phone footer: three stacked buttons, or Accept All over the other two. */
+declare const NOTICE_PHONE_FOOTERS: readonly ["stacked", "paired"];
+declare const NOTICE_TEXT_SCALES: readonly ["sm", "md", "lg"];
+
+/**
+ * Surface and layout family a notice is drawn with, chosen in the Redacto
+ * console and served on `active_config.appearance.style`. Colours never come
+ * from the style: they come from the admin's palette, else the notice's brand.
+ */
+type AppearanceStyle = "classic" | "glass" | "minimal" | "soft";
+/** The subset the Privacy Center's `settings.theme` accepts. */
+type PrivacyCenterTheme = Extract<AppearanceStyle, "classic" | "glass">;
+/** Every colour the console can set, keyed as the server serves them. */
+type NoticeColorKey = (typeof NOTICE_COLOR_KEYS)[number];
+type NoticeAppearanceColors = Partial<Record<NoticeColorKey, string>>;
+type NoticeControlStyle = (typeof NOTICE_CONTROL_STYLES)[number];
+type NoticeMobileLayout = (typeof NOTICE_MOBILE_LAYOUTS)[number];
+type NoticeDesktopPosition = (typeof NOTICE_DESKTOP_POSITIONS)[number];
+type NoticeBackdrop = (typeof NOTICE_BACKDROPS)[number];
+type NoticePhoneFooter = (typeof NOTICE_PHONE_FOOTERS)[number];
+type NoticeTextScale = (typeof NOTICE_TEXT_SCALES)[number];
+/**
+ * `active_config.appearance` as served. Every key is optional and may be
+ * unknown to this SDK version, so it is read through `resolveNoticeAppearance`
+ * and never trusted directly; an empty object is classic.
+ */
+type NoticeAppearance = Readonly<{
+    version?: number;
+    style?: string;
+    template?: string | null;
+    color_mode?: string;
+    brand_color?: string | null;
+    colors?: NoticeAppearanceColors;
+    border_radius?: number;
+    selection_control?: string;
+    control_style?: string;
+    confirm_before_submit?: boolean;
+    mobile_layout?: string;
+    desktop_position?: string;
+    backdrop?: string;
+    collapsible_sections?: boolean;
+    phone_footer?: string;
+    auto_dark?: boolean;
+    dark_colors?: NoticeAppearanceColors;
+    max_width?: number;
+    logo_size?: number;
+    text_scale?: string;
+    motion?: boolean;
+    custom_css?: string;
+}>;
+
+export type { AppearanceStyle as A, NoticeControlStyle as N, PrivacyCenterTheme as P, NoticeMobileLayout as a, NoticeDesktopPosition as b, NoticeBackdrop as c, NoticePhoneFooter as d, NoticeTextScale as e, NoticeAppearance as f };

package/dist/types-Bwtzvz4W.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Every colour the console can set on a notice, in the order the server's
+ * `NoticeAppearanceColorsIn` declares them. Keys outside this list are ignored,
+ * so a newer console never breaks an older SDK.
+ */
+declare const NOTICE_COLOR_KEYS: readonly ["background", "surface", "heading", "text", "muted_text", "link", "border", "overlay", "accept_all_bg", "accept_all_text", "accept_bg", "accept_text", "decline_bg", "decline_text", "decline_border", "language_bg", "language_text", "language_selected_bg", "language_selected_text", "toggle_on", "toggle_off", "toggle_knob", "tts_highlight_bg", "tts_highlight_text"];
+/** How checkbox rows are drawn: native checkboxes, or switches. */
+declare const NOTICE_CONTROL_STYLES: readonly ["checkbox", "switch"];
+/** Phones: a centred modal, or a sheet docked to the bottom edge. */
+declare const NOTICE_MOBILE_LAYOUTS: readonly ["modal", "sheet"];
+/** Where the notice sits on wider screens. */
+declare const NOTICE_DESKTOP_POSITIONS: readonly ["center", "bottom-right", "bottom-left", "bottom-bar"];
+/** The page behind the notice: dimmed with `colors.overlay`, or left as is. */
+declare const NOTICE_BACKDROPS: readonly ["dim", "none"];
+/** Phone footer: three stacked buttons, or Accept All over the other two. */
+declare const NOTICE_PHONE_FOOTERS: readonly ["stacked", "paired"];
+declare const NOTICE_TEXT_SCALES: readonly ["sm", "md", "lg"];
+
+/**
+ * Surface and layout family a notice is drawn with, chosen in the Redacto
+ * console and served on `active_config.appearance.style`. Colours never come
+ * from the style: they come from the admin's palette, else the notice's brand.
+ */
+type AppearanceStyle = "classic" | "glass" | "minimal" | "soft";
+/** The subset the Privacy Center's `settings.theme` accepts. */
+type PrivacyCenterTheme = Extract<AppearanceStyle, "classic" | "glass">;
+/** Every colour the console can set, keyed as the server serves them. */
+type NoticeColorKey = (typeof NOTICE_COLOR_KEYS)[number];
+type NoticeAppearanceColors = Partial<Record<NoticeColorKey, string>>;
+type NoticeControlStyle = (typeof NOTICE_CONTROL_STYLES)[number];
+type NoticeMobileLayout = (typeof NOTICE_MOBILE_LAYOUTS)[number];
+type NoticeDesktopPosition = (typeof NOTICE_DESKTOP_POSITIONS)[number];
+type NoticeBackdrop = (typeof NOTICE_BACKDROPS)[number];
+type NoticePhoneFooter = (typeof NOTICE_PHONE_FOOTERS)[number];
+type NoticeTextScale = (typeof NOTICE_TEXT_SCALES)[number];
+/**
+ * `active_config.appearance` as served. Every key is optional and may be
+ * unknown to this SDK version, so it is read through `resolveNoticeAppearance`
+ * and never trusted directly; an empty object is classic.
+ */
+type NoticeAppearance = Readonly<{
+    version?: number;
+    style?: string;
+    template?: string | null;
+    color_mode?: string;
+    brand_color?: string | null;
+    colors?: NoticeAppearanceColors;
+    border_radius?: number;
+    selection_control?: string;
+    control_style?: string;
+    confirm_before_submit?: boolean;
+    mobile_layout?: string;
+    desktop_position?: string;
+    backdrop?: string;
+    collapsible_sections?: boolean;
+    phone_footer?: string;
+    auto_dark?: boolean;
+    dark_colors?: NoticeAppearanceColors;
+    max_width?: number;
+    logo_size?: number;
+    text_scale?: string;
+    motion?: boolean;
+    custom_css?: string;
+}>;
+
+export type { AppearanceStyle as A, NoticeControlStyle as N, PrivacyCenterTheme as P, NoticeMobileLayout as a, NoticeDesktopPosition as b, NoticeBackdrop as c, NoticePhoneFooter as d, NoticeTextScale as e, NoticeAppearance as f };

package/package.json

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

package/dist/chunk-6EET4YOY.mjs

@@ -1,93 +0,0 @@
-// src/shared/idempotency.ts
-var HEADER = "Idempotency-Key";
-var pending = /* @__PURE__ */ new Map();
-var MAX_PENDING = 16;
-var mintKey = () => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 14)}-${Math.random().toString(36).slice(2, 14)}`;
-};
-var statusOf = (outcome) => {
-  if (typeof Response !== "undefined" && outcome instanceof Response) {
-    return outcome.status;
-  }
-  if (outcome && typeof outcome === "object" && "status" in outcome) {
-    const status = outcome.status;
-    if (typeof status === "number") return status;
-  }
-  return void 0;
-};
-var settledOnResolve = (result) => {
-  const status = statusOf(result);
-  return status === void 0 || status < 500;
-};
-var settledOnReject = (error) => {
-  const status = statusOf(error);
-  return status !== void 0 && status < 500;
-};
-var withIdempotencyKey = async (url, body, send) => {
-  const signature = `${url}
-${body}`;
-  let entry = pending.get(signature);
-  if (!entry) {
-    entry = { key: mintKey(), inFlight: 0, keep: false };
-    if (pending.size >= MAX_PENDING) {
-      const oldest = pending.keys().next().value;
-      if (oldest !== void 0) pending.delete(oldest);
-    }
-    pending.set(signature, entry);
-  } else if (entry.inFlight === 0) {
-    entry.keep = false;
-  }
-  entry.inFlight += 1;
-  const settle = (settled) => {
-    entry.inFlight -= 1;
-    if (!settled) entry.keep = true;
-    if (entry.inFlight === 0 && !entry.keep) pending.delete(signature);
-  };
-  try {
-    const result = await send({ [HEADER]: entry.key });
-    settle(settledOnResolve(result));
-    return result;
-  } catch (error) {
-    settle(settledOnReject(error));
-    throw error;
-  }
-};
-
-// src/RedactoNoticeConsent/useMediaQuery.ts
-import { useState, useEffect } from "react";
-var useMediaQuery = (query) => {
-  const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = useState(getMatches);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const media = window.matchMedia(query);
-    const listener = (e) => {
-      setMatches(e.matches);
-    };
-    if (media.addEventListener) {
-      media.addEventListener("change", listener);
-    } else {
-      media.addListener(listener);
-    }
-    return () => {
-      if (media.removeEventListener) {
-        media.removeEventListener("change", listener);
-      } else {
-        media.removeListener(listener);
-      }
-    };
-  }, [query]);
-  return matches;
-};
-
-// src/shared/sandbox.ts
-var SANDBOX_TOKEN_HEADER = "X-Consent-Token";
-
-export {
-  SANDBOX_TOKEN_HEADER,
-  withIdempotencyKey,
-  useMediaQuery
-};