@consenti/ui 0.1.0 → 0.2.0

package/dist/vue.d.ts

@@ -1,13 +1,56 @@
+import * as vue from 'vue';
+
+type NonEmptyArray<T> = [T, ...T[]];
+type DeepPartial<T> = T extends Function ? T : T extends Array<infer InferredArrayType> ? Array<DeepPartial<InferredArrayType>> : T extends ReadonlyArray<infer InferredReadonlyArrayType> ? ReadonlyArray<DeepPartial<InferredReadonlyArrayType>> : T extends object ? {
+    [Key in keyof T]?: DeepPartial<T[Key]>;
+} : T;
+
+declare const COMPLIANCE_GROUP_IDS: readonly ["opt-in", "opt-out", "opt-out-strict", "opt-in-dpdpa", "opt-in-china", "opt-in-brazil", "general-privacy-consent", "notice-only"];
+
+/**
+ * Compliance-related literal types, derived from the regulation/group ID data
+ * that lives in @consenti/utils (packages/utils/src/compliance.ts).
+ *
+ * This import is type-only and fully erased at compile time — @consenti/types
+ * has no runtime dependency on @consenti/utils. The actual data (COMPLIANCE_GROUPS,
+ * EMBEDDED_COMPLIANCE_MAP, COMPLIANCE_VALIDATION_RULES, GPC_OPTIONS, etc.) lives in
+ * @consenti/utils; import it from there.
+ *
+ * HOW TO ADD A NEW REGULATION OR COMPLIANCE GROUP: see the header comment in
+ * packages/utils/src/compliance.ts — these types auto-update from that data.
+ */
+
+type ComplianceGroupId = typeof COMPLIANCE_GROUP_IDS[number];
+
+interface ComplianceMapData {
+    version: string;
+    countries: Record<string, CountryComplianceEntry>;
+}
+interface CountryComplianceEntry {
+    complianceGroup: ComplianceGroupId;
+    default: ComplianceGroupId;
+    description: string;
+    overriddenRegions?: Record<string, {
+        complianceGroup: ComplianceGroupId;
+        description: string;
+    }>;
+}
+
 type ConsentStatus = 'granted' | 'denied' | 'objected';
+type ConsentAction = 'accept_all' | 'reject_all' | 'custom' | 'update';
 type ConsentValue = Record<string, ConsentStatus>;
 interface Cookie {
     id: string;
-    type?: 'consent' | 'legitimate_interest';
+    legalBasis?: 'mandatory' | 'consent' | 'legitimate_interest';
+    /** @deprecated use legalBasis: 'mandatory' */
     mandatory?: boolean;
+    /** @deprecated use legalBasis */
+    type?: 'consent' | 'legitimate_interest';
     listenGpc?: boolean;
     expiry?: number;
     tcfVendorId?: number;
     tcfPurposes?: number[];
+    tcfSpecialFeatures?: number[];
     cpraCategory?: 'sale' | 'sharing' | 'sensitive';
 }
 type ButtonStyle = 'primary' | 'secondary' | 'text' | 'accent';
@@ -18,6 +61,7 @@ interface Button {
     action: ButtonAction;
     cookies?: string[] | '*' | '!';
     url?: string;
+    type?: string;
 }
 interface MainBanner {
     position: 'top' | 'bottom' | 'middle' | 'left-bottom' | 'right-bottom';
@@ -43,18 +87,13 @@ interface Category {
     };
     cookies: string[];
 }
-interface PreferenceModal {
+interface PreferenceModal extends Omit<MainBanner, "position"> {
     position?: 'left' | 'right' | 'center';
-    overlayOpacity?: number;
-    showClose?: boolean;
-    showLocaleSwitcher?: boolean;
-    heading?: string;
-    headingTag?: string;
     subheading?: string;
-    htmlText?: string;
-    buttons: Button[];
     categories: Category[];
     persistent?: boolean;
+    /** Screen width in px below which the modal expands to full screen. Default: 576. Set to 0 to disable. */
+    mobileFullScreenBreakpoint?: number;
 }
 interface DpdpaConfig {
     dataFiduciary: string;
@@ -63,6 +102,7 @@ interface DpdpaConfig {
 }
 interface ResolvedProfile {
     id: number;
+    profileUuid?: string;
     version: number;
     defaultLocale: string;
     locales?: string[];
@@ -73,6 +113,26 @@ interface ResolvedProfile {
     cookieSigningKey?: string;
     dpdpa?: DpdpaConfig;
     darkMode?: boolean;
+    gpcMode?: 'ignore' | 'honor' | 'strict';
+    complianceGroup?: string;
+    complianceConfig?: Record<string, string>;
+}
+type WidgetCountryResolverFn = () => Promise<{
+    country: string | null;
+    region: string | null;
+    confidence: number;
+}>;
+interface AgeGateWidgetConfig {
+    enabled: boolean;
+    minimumAge: number;
+    requireParentalConsent?: boolean;
+}
+interface ComplianceWidgetConfig {
+    type?: 'auto' | ComplianceGroupId | string;
+    geoDataProvider?: 'default' | WidgetCountryResolverFn;
+    autoComplianceMap?: 'default' | ComplianceMapData | 'auto';
+    complianceMapUrl?: string;
+    ageGate?: AgeGateWidgetConfig;
 }
 interface GtmConfig {
     containerId?: string;
@@ -88,6 +148,9 @@ interface ApiConfig {
     enabled?: boolean;
     baseUrl?: string;
     authToken?: string;
+    tenantId?: string;
+    complianceGroup?: string;
+    trustDomain?: boolean;
 }
 interface ThemeConfig {
     bgColor?: string;
@@ -109,35 +172,52 @@ interface ThemeConfig {
     accentTextColor?: string;
 }
 interface CoreConfig {
-    profileId?: number;
+    tenantId?: string;
     autoHonorGPC?: boolean | 'strict';
     locale?: string;
     disableCssTemplate?: boolean;
-    signCookies?: boolean;
     cookieSigningKey?: string;
     allowReceipt?: boolean;
     cookieDomains?: string;
     storage?: 'cookie' | 'localStorage';
     theme?: ThemeConfig;
-    privacyPolicyUrl?: string;
-    regulation?: 'gdpr' | 'ccpa' | 'cpra' | 'dpdpa' | 'uk-gdpr' | 'lgpd' | 'pipeda' | 'popia' | 'pdpa-th' | 'appi' | 'kvkk';
     userId?: string;
+    usePrebuiltProfiles?: 'all' | NonEmptyArray<ComplianceGroupId>;
+    cacheResolvedProfiles?: boolean;
+    console?: Array<'info' | 'log' | 'warning' | 'error'>;
 }
 interface ConsentiConfig {
     core: CoreConfig;
+    compliance?: ComplianceWidgetConfig;
     rootEl?: string | HTMLElement;
     darkMode?: boolean;
     autoInit?: boolean;
     api?: ApiConfig;
     utils?: UtilsConfig;
     plugins?: ConsentiPlugin[];
-    profileOverride?: Partial<ResolvedProfile>;
+    profileOverride?: DeepPartial<ResolvedProfile>;
+    /** When true, suppresses the "Powered by Consenti" footer link in the banner and modal. */
+    hidePoweredBy?: boolean;
 }
+type ConsentiEventName = 'bannerInitialized' | 'consenti:bannerInitialized' | 'bannerVisibility' | 'consenti:bannerVisibility' | 'modalVisibility' | 'consenti:modalVisibility' | 'consentBeingSubmitted' | 'consenti:consentBeingSubmitted' | 'consentSubmitted' | 'consenti:consentSubmitted';
 interface ConsentiWidgetAPI {
     hasConsent(): boolean;
     getConsent(): ConsentValue | null;
     getConsentDate(): Date | false;
     getGTMConsent(): Record<string, string> | null;
+    isCookieGranted(cookieId: string, requestValue?: boolean): boolean | ConsentStatus;
+    isCategoryGranted(categoryId: string, requestValue?: boolean): boolean | {
+        [cookieId: string]: ConsentStatus;
+    }[];
+    grantAll(onlyMandatory?: boolean): Promise<void>;
+    denyAll(includingMandatory?: boolean): Promise<void>;
+    on(event: ConsentiEventName, handler: (data: ConsentEvent) => void): void;
+    off(event: ConsentiEventName, handler: (data: ConsentEvent) => void): void;
+    version(): {
+        package: string;
+        profileVersion: number | null;
+        consentVersion: number;
+    };
     bannerVisibility(): 'main' | 'gpc' | false;
     modalVisibility(): 'preference' | false;
     getProfile(): ResolvedProfile | null;
@@ -152,6 +232,10 @@ interface ConsentiWidgetAPI {
     getBannerElement(): HTMLElement | null;
     getModalElement(): HTMLElement | null;
     switchLocale(locale: string): void;
+    setDarkMode(enable?: boolean): void;
+    setTheme(theme: Partial<ThemeConfig>): void;
+    setConfig(config: DeepPartial<ConsentiConfig>): void;
+    setProfile(override: DeepPartial<ResolvedProfile>): void;
     init(): Promise<void>;
     onReady(callback: () => void): void;
     destroy(): void;
@@ -165,6 +249,19 @@ declare abstract class ConsentiPlugin {
     onModalShow?(): void | Promise<void>;
     onModalHide?(): void | Promise<void>;
 }
+interface ConsentEvent {
+    profileId?: number;
+    consent?: ConsentValue;
+    hasExistingConsent?: boolean;
+    show?: boolean;
+    action?: boolean;
+    consentAction?: ConsentAction;
+    consentId?: string;
+    pageUrl?: string;
+    apiResponse?: unknown;
+    fromBroadcast?: boolean;
+    gpcDetected?: boolean;
+}
 
 /**
  * Main entry point for the Consenti widget.
@@ -176,7 +273,7 @@ declare abstract class ConsentiPlugin {
  * @example
  * ```ts
  * const widget = new ConsentiSetup({
- *   core: { profileId: 0 },
+ *   compliance: { type: 'opt-in' },
  * })
  * await widget.ready
  * console.log(widget.hasConsent())
@@ -188,6 +285,7 @@ declare class ConsentiSetup implements ConsentiWidgetAPI {
     private initialized;
     private initializing;
     private profile;
+    private resolvedBase;
     private consentStore;
     private eventBus;
     private banner;
@@ -201,6 +299,8 @@ declare class ConsentiSetup implements ConsentiWidgetAPI {
     private lastSignature;
     /** Tracks which banner variant is currently visible, or null when hidden. */
     private _bannerVariant;
+    /** Maps original handler functions to their DOM-wrapped listeners for on/off bookkeeping. */
+    private _eventHandlers;
     /**
      * Creates and initialises the consent widget.
      *
@@ -233,6 +333,8 @@ declare class ConsentiSetup implements ConsentiWidgetAPI {
      * @param invoke - Function that calls the desired hook method on a single plugin.
      */
     private callPluginHook;
+    private _buildGrantAllConsent;
+    private _buildDenyAllConsent;
     private buildHandlers;
     /**
      * Classifies a consent submission as `accept_all`, `reject_all`, `custom`, or `update`.
@@ -381,6 +483,93 @@ declare class ConsentiSetup implements ConsentiWidgetAPI {
      * @param locale - BCP 47 locale code to switch to (e.g. `'fr'`, `'de-AT'`).
      */
     switchLocale(locale: string): void;
+    /**
+     * Returns `true` if the named cookie's consent is `'granted'`.
+     * When `requestValue` is `true`, returns the raw `ConsentStatus` string instead of a boolean,
+     * or `false` if the cookie is not in the consent map.
+     */
+    isCookieGranted(cookieId: string, requestValue?: boolean): boolean | 'granted' | 'denied' | 'objected';
+    /**
+     * Checks consent for all cookies belonging to the given category.
+     *
+     * With `requestValue = false` (default): returns `true` only when every cookie in the
+     * category is `'granted'`, `false` otherwise.
+     *
+     * With `requestValue = true`: returns an array of one-key records — one per cookie in the
+     * category — e.g. `[{ analytics: 'granted' }, { pixel: 'denied' }]`.
+     *
+     * Returns `false` / `[]` if the category is not found or the widget is not yet initialized.
+     */
+    isCategoryGranted(categoryId: string, requestValue?: boolean): boolean | {
+        [cookieId: string]: 'granted' | 'denied' | 'objected';
+    }[];
+    /**
+     * Programmatically accepts cookies and hides the banner.
+     *
+     * @param onlyMandatory - When `true`, only mandatory cookies are granted and all others
+     *                        are set to `'denied'`. Defaults to `false` (grant everything).
+     */
+    grantAll(onlyMandatory?: boolean): Promise<void>;
+    /**
+     * Programmatically denies cookies and hides the banner.
+     *
+     * @param includingMandatory - When `true`, mandatory cookies are also denied. Defaults to
+     *                             `false` (mandatory cookies remain `'granted'`). Passing `true`
+     *                             logs a warning — ensure this is intentional.
+     */
+    denyAll(includingMandatory?: boolean): Promise<void>;
+    /**
+     * Subscribes to a Consenti widget event. The `consenti:` prefix is optional —
+     * both `'consentSubmitted'` and `'consenti:consentSubmitted'` are accepted.
+     *
+     * The same handler reference must be passed to `off()` to unsubscribe.
+     *
+     * @example
+     * ```ts
+     * const handler = (data) => console.log(data)
+     * widget.on('consentSubmitted', handler)
+     * // later:
+     * widget.off('consentSubmitted', handler)
+     * ```
+     */
+    on(event: ConsentiEventName, handler: (data: ConsentEvent) => void): void;
+    /**
+     * Removes a previously registered event handler. The same function reference passed to
+     * `on()` must be used here.
+     */
+    off(event: ConsentiEventName, handler: (data: ConsentEvent) => void): void;
+    /**
+     * Returns the current version of the package and the active profile/consent versions.
+     * Useful for debugging and support diagnostics.
+     */
+    version(): {
+        package: string;
+        profileVersion: number | null;
+        consentVersion: number;
+    };
+    /**
+     * Toggles or sets dark mode at runtime without re-initialising the widget.
+     * When `enable` is omitted, the current dark mode state is toggled.
+     */
+    setDarkMode(enable?: boolean): void;
+    /**
+     * Applies partial theme token overrides at runtime, merging them into the current theme.
+     * CSS custom properties on the root element are updated immediately.
+     */
+    setTheme(theme: Partial<ThemeConfig>): void;
+    /**
+     * Deep-merges a partial config into the current widget config.
+     * Theme and dark mode side-effects are re-applied immediately.
+     * Changes to locale or profile require an explicit `switchLocale()` or `init()` call.
+     */
+    setConfig(config: DeepPartial<ConsentiConfig>): void;
+    /**
+     * Merges a partial profile override into the current profile and re-renders any visible UI.
+     * Does not make a network request — the resolved base profile from the last `init()` is reused.
+     *
+     * No-op before `init()` completes (while `resolvedBase` is null).
+     */
+    setProfile(override: DeepPartial<ResolvedProfile>): void;
     /**
      * Destroys the widget — removes all DOM elements, disconnects the BroadcastChannel,
      * and calls `destroy()` on all registered plugins.
@@ -390,34 +579,6 @@ declare class ConsentiSetup implements ConsentiWidgetAPI {
     destroy(): void;
 }
 
-/**
- * Vue 3 composable integration for `@consenti/ui`.
- *
- * Import from the `@consenti/ui/vue` subpath to keep this module
- * tree-shaken out of vanilla JS or React bundles.
- *
- * Intended for **Nuxt 3** and any Vue 3 project where you manage the `ConsentiSetup`
- * instance yourself (typically in a `.client.ts` plugin) and want `useConsent()`
- * to be reactive in components.
- *
- * @example
- * ```ts
- * // plugins/consenti.client.ts (Nuxt 3)
- * import { ConsentiSetup } from '@consenti/ui'
- * import { setConsentiWidget } from '@consenti/ui/vue'
- *
- * export default defineNuxtPlugin(() => {
- *   const widget = new ConsentiSetup({ core: { profileId: 0 } })
- *   setConsentiWidget(widget)
- * })
- *
- * // Any component
- * import { useConsent } from '@consenti/ui/vue'
- *
- * const { hasConsent, submitConsent } = useConsent()
- * ```
- */
-
 /**
  * Registers the active `ConsentiSetup` instance so `useConsent()` can read from it.
  * Call this once after creating your widget, typically in a `.client.ts` Nuxt plugin.
@@ -426,21 +587,51 @@ declare class ConsentiSetup implements ConsentiWidgetAPI {
  */
 declare function setConsentiWidget(widget: ConsentiSetup): void;
 /**
- * Vue 3 composable that exposes consent state and triggers reactivity on consent changes.
+ * Vue 3 composable that exposes consent state, banner/modal visibility, and widget actions.
  *
- * Listens to `consenti:consentSubmitted` on `window` via `onMounted` / `onUnmounted`
- * and increments a `ref(tick)` counter. Reactive getters read `tick.value` to register
- * a Vue dependency so components re-render when consent changes.
+ * State values (`hasConsent`, `consent`, `consentDate`, `bannerVisible`, `modalVisible`) are
+ * Vue `Ref`s — they are reactive in templates and `watch`/`computed` without calling `.value`
+ * in the template (Vue auto-unwraps top-level refs).
  *
- * Returns SSR-safe fallback values during Nuxt server render.
+ * Event listeners are registered in `onMounted` and removed in `onUnmounted`, so this
+ * composable is safe to call in components that render on the server (Nuxt SSR): the refs
+ * simply hold their initial values (`false` / `null`) during SSR and hydrate correctly.
  *
- * @returns An object with `hasConsent`, `getConsent`, `submitConsent`, and `getConsentDate`.
+ * @returns Reactive refs for consent state and plain functions for widget actions.
  */
 declare function useConsent(): {
-    hasConsent: () => boolean;
-    getConsent: () => ConsentValue | null;
-    submitConsent: (_consent: Partial<ConsentValue>) => Promise<void>;
-    getConsentDate: () => Date | false;
+    /** Reactive — `true` once the visitor has saved a valid consent record. */
+    hasConsent: vue.Ref<boolean, boolean>;
+    /** Reactive — the stored consent map (`Record<cookieId, status>`), or `null`. */
+    consent: vue.Ref<ConsentValue | null, ConsentValue | null>;
+    /** Reactive — `Date` of the last consent submission, or `false`. */
+    consentDate: vue.Ref<false | Date, false | Date>;
+    /** Reactive — `'main'`, `'gpc'`, or `false` (banner hidden). */
+    bannerVisible: vue.Ref<false | "main" | "gpc", false | "main" | "gpc">;
+    /** Reactive — `'preference'` or `false` (modal hidden). */
+    modalVisible: vue.Ref<false | "preference", false | "preference">;
+    /** Shows the consent banner. Pass `true` to force the GPC variant. */
+    showBanner: (gpc?: boolean) => void | undefined;
+    /** Hides the consent banner. */
+    hideBanner: () => void | undefined;
+    /** Opens the preference modal. */
+    showModal: () => void | undefined;
+    /** Closes the preference modal. */
+    hideModal: () => void | undefined;
+    /** Grants all non-mandatory cookies. Pass `true` to grant only mandatory ones and deny the rest. */
+    grantAll: (onlyMandatory?: boolean) => Promise<void>;
+    /** Denies all non-mandatory cookies. Pass `true` to deny mandatory ones too (use with care). */
+    denyAll: (includingMandatory?: boolean) => Promise<void>;
+    /** Saves the given partial consent map. */
+    submitConsent: (c: Partial<ConsentValue>) => Promise<void>;
+    /** Deletes the current consent record and re-shows the banner. */
+    reConsent: () => Promise<void>;
+    /** Returns `true` if the given cookie ID is `'granted'`. */
+    isCookieGranted: (id: string) => boolean;
+    /** Returns `true` if every cookie in the given category is `'granted'`. */
+    isCategoryGranted: (id: string) => boolean;
+    /** Switches the active locale and re-renders the banner and modal. */
+    switchLocale: (locale: string) => void | undefined;
 };
 
 export { setConsentiWidget, useConsent };

package/dist/vue.js

@@ -1,73 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/vue.ts
-var vue_exports = {};
-__export(vue_exports, {
-  setConsentiWidget: () => setConsentiWidget,
-  useConsent: () => useConsent
-});
-module.exports = __toCommonJS(vue_exports);
-var import_vue = require("vue");
-var _widget = null;
-function setConsentiWidget(widget) {
-  _widget = widget;
-}
-function useConsent() {
-  const isServer = typeof window === "undefined";
-  const tick = (0, import_vue.ref)(0);
-  const handler = () => {
-    tick.value++;
-  };
-  (0, import_vue.onMounted)(() => {
-    window.addEventListener("consenti:consentSubmitted", handler);
-  });
-  (0, import_vue.onUnmounted)(() => {
-    window.removeEventListener("consenti:consentSubmitted", handler);
-  });
-  if (isServer) {
-    return {
-      hasConsent: () => false,
-      getConsent: () => null,
-      submitConsent: async (_consent) => {
-      },
-      getConsentDate: () => false
-    };
-  }
-  return {
-    /** Returns `true` if the visitor has saved consent. Reactive — re-evaluated on consent change. */
-    hasConsent: () => {
-      void tick.value;
-      return _widget?.hasConsent() ?? false;
-    },
-    /** Returns the stored consent map, or `null`. Reactive. */
-    getConsent: () => {
-      void tick.value;
-      return _widget?.getConsent() ?? null;
-    },
-    /** Saves the given partial consent map. Missing keys default to `'denied'`. */
-    submitConsent: (consent) => _widget?.submitConsent(consent) ?? Promise.resolve(),
-    /** Returns the `Date` of last consent submission, or `false`. Reactive. */
-    getConsentDate: () => {
-      void tick.value;
-      return _widget?.getConsentDate() ?? false;
-    }
-  };
-}
+"use strict";var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var w=(o,t)=>{for(var a in t)r(o,a,{get:t[a],enumerable:!0})},b=(o,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of C(t))!m.call(o,i)&&i!==a&&r(o,i,{get:()=>t[i],enumerable:!(l=f(t,i))||l.enumerable});return o};var v=o=>b(r({},"__esModule",{value:!0}),o);var g={};w(g,{setConsentiWidget:()=>p,useConsent:()=>y});module.exports=v(g);var s=require("vue"),e=null;function p(o){e=o}function y(){let o=(0,s.ref)(e?.hasConsent()??!1),t=(0,s.ref)(e?.getConsent()??null),a=(0,s.ref)(e?.getConsentDate()??!1),l=(0,s.ref)(!1),i=(0,s.ref)(!1),d=()=>{o.value=e?.hasConsent()??!1,t.value=e?.getConsent()??null,a.value=e?.getConsentDate()??!1},u=()=>{l.value=e?.bannerVisibility()??!1},c=()=>{i.value=e?.modalVisibility()??!1};return(0,s.onMounted)(()=>{typeof window>"u"||(window.addEventListener("consenti:consentSubmitted",d),window.addEventListener("consenti:bannerVisibility",u),window.addEventListener("consenti:modalVisibility",c))}),(0,s.onUnmounted)(()=>{typeof window>"u"||(window.removeEventListener("consenti:consentSubmitted",d),window.removeEventListener("consenti:bannerVisibility",u),window.removeEventListener("consenti:modalVisibility",c))}),{hasConsent:o,consent:t,consentDate:a,bannerVisible:l,modalVisible:i,showBanner:n=>e?.showBanner(n),hideBanner:()=>e?.hideBanner(),showModal:()=>e?.showModal(),hideModal:()=>e?.hideModal(),grantAll:n=>e?.grantAll(n)??Promise.resolve(),denyAll:n=>e?.denyAll(n)??Promise.resolve(),submitConsent:n=>e?.submitConsent(n)??Promise.resolve(),reConsent:()=>e?.reConsent()??Promise.resolve(),isCookieGranted:n=>e?.isCookieGranted(n)??!1,isCategoryGranted:n=>e?.isCategoryGranted(n)??!1,switchLocale:n=>e?.switchLocale(n)}}
 //# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vue.ts"],"sourcesContent":["/**\n * Vue 3 composable integration for `@consenti/ui`.\n *\n * Import from the `@consenti/ui/vue` subpath to keep this module\n * tree-shaken out of vanilla JS or React bundles.\n *\n * Intended for **Nuxt 3** and any Vue 3 project where you manage the `ConsentiSetup`\n * instance yourself (typically in a `.client.ts` plugin) and want `useConsent()`\n * to be reactive in components.\n *\n * @example\n * ```ts\n * // plugins/consenti.client.ts (Nuxt 3)\n * import { ConsentiSetup } from '@consenti/ui'\n * import { setConsentiWidget } from '@consenti/ui/vue'\n *\n * export default defineNuxtPlugin(() => {\n *   const widget = new ConsentiSetup({ core: { profileId: 0 } })\n *   setConsentiWidget(widget)\n * })\n *\n * // Any component\n * import { useConsent } from '@consenti/ui/vue'\n *\n * const { hasConsent, submitConsent } = useConsent()\n * ```\n */\n\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport type { ConsentValue } from './types'\nimport type { ConsentiSetup } from './core/consenti-setup'\n\n/**\n * Module-level singleton — the active `ConsentiSetup` instance.\n * Using a module-level variable (rather than `provide`/`inject`) keeps the integration\n * zero-configuration: no wrapper component is required.\n */\nlet _widget: ConsentiSetup | null = null\n\n/**\n * Registers the active `ConsentiSetup` instance so `useConsent()` can read from it.\n * Call this once after creating your widget, typically in a `.client.ts` Nuxt plugin.\n *\n * @param widget - The `ConsentiSetup` instance to register.\n */\nexport function setConsentiWidget(widget: ConsentiSetup): void {\n  _widget = widget\n}\n\n/**\n * Vue 3 composable that exposes consent state and triggers reactivity on consent changes.\n *\n * Listens to `consenti:consentSubmitted` on `window` via `onMounted` / `onUnmounted`\n * and increments a `ref(tick)` counter. Reactive getters read `tick.value` to register\n * a Vue dependency so components re-render when consent changes.\n *\n * Returns SSR-safe fallback values during Nuxt server render.\n *\n * @returns An object with `hasConsent`, `getConsent`, `submitConsent`, and `getConsentDate`.\n */\nexport function useConsent() {\n  const isServer = typeof window === 'undefined'\n\n  const tick = ref(0)\n  const handler = () => { tick.value++ }\n\n  onMounted(() => {\n    window.addEventListener('consenti:consentSubmitted', handler)\n  })\n\n  onUnmounted(() => {\n    window.removeEventListener('consenti:consentSubmitted', handler)\n  })\n\n  if (isServer) {\n    return {\n      hasConsent: () => false as boolean,\n      getConsent: () => null as ConsentValue | null,\n      submitConsent: async (_consent: Partial<ConsentValue>) => {},\n      getConsentDate: () => false as Date | false,\n    }\n  }\n\n  return {\n    /** Returns `true` if the visitor has saved consent. Reactive — re-evaluated on consent change. */\n    hasConsent: () => {\n      void tick.value // registers Vue dependency\n      return _widget?.hasConsent() ?? false\n    },\n    /** Returns the stored consent map, or `null`. Reactive. */\n    getConsent: () => {\n      void tick.value\n      return _widget?.getConsent() ?? null\n    },\n    /** Saves the given partial consent map. Missing keys default to `'denied'`. */\n    submitConsent: (consent: Partial<ConsentValue>) =>\n      _widget?.submitConsent(consent) ?? Promise.resolve(),\n    /** Returns the `Date` of last consent submission, or `false`. Reactive. */\n    getConsentDate: () => {\n      void tick.value\n      return _widget?.getConsentDate() ?? false\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BA,iBAA4C;AAS5C,IAAI,UAAgC;AAQ7B,SAAS,kBAAkB,QAA6B;AAC7D,YAAU;AACZ;AAaO,SAAS,aAAa;AAC3B,QAAM,WAAW,OAAO,WAAW;AAEnC,QAAM,WAAO,gBAAI,CAAC;AAClB,QAAM,UAAU,MAAM;AAAE,SAAK;AAAA,EAAQ;AAErC,4BAAU,MAAM;AACd,WAAO,iBAAiB,6BAA6B,OAAO;AAAA,EAC9D,CAAC;AAED,8BAAY,MAAM;AAChB,WAAO,oBAAoB,6BAA6B,OAAO;AAAA,EACjE,CAAC;AAED,MAAI,UAAU;AACZ,WAAO;AAAA,MACL,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,eAAe,OAAO,aAAoC;AAAA,MAAC;AAAA,MAC3D,gBAAgB,MAAM;AAAA,IACxB;AAAA,EACF;AAEA,SAAO;AAAA;AAAA,IAEL,YAAY,MAAM;AAChB,WAAK,KAAK;AACV,aAAO,SAAS,WAAW,KAAK;AAAA,IAClC;AAAA;AAAA,IAEA,YAAY,MAAM;AAChB,WAAK,KAAK;AACV,aAAO,SAAS,WAAW,KAAK;AAAA,IAClC;AAAA;AAAA,IAEA,eAAe,CAAC,YACd,SAAS,cAAc,OAAO,KAAK,QAAQ,QAAQ;AAAA;AAAA,IAErD,gBAAgB,MAAM;AACpB,WAAK,KAAK;AACV,aAAO,SAAS,eAAe,KAAK;AAAA,IACtC;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/vue.ts"],"sourcesContent":["/**\n * Vue 3 composable integration for `@consenti/ui`.\n *\n * Import from the `@consenti/ui/vue` subpath to keep this module\n * tree-shaken out of vanilla JS or React bundles.\n *\n * Intended for **Nuxt 3** and any Vue 3 project where you manage the `ConsentiSetup`\n * instance yourself (typically in a `.client.ts` plugin) and want `useConsent()`\n * to be reactive in components.\n *\n * @example\n * ```ts\n * // plugins/consenti.client.ts (Nuxt 3)\n * import { ConsentiSetup } from '@consenti/ui'\n * import { setConsentiWidget } from '@consenti/ui/vue'\n *\n * export default defineNuxtPlugin(() => {\n *   const widget = new ConsentiSetup({\n *     api: { enabled: true, baseUrl: useRuntimeConfig().public.apiUrl },\n *   })\n *   setConsentiWidget(widget)\n * })\n *\n * // Any component\n * import { useConsent } from '@consenti/ui/vue'\n *\n * const { hasConsent, consent, showModal } = useConsent()\n * // hasConsent, consent, bannerVisible, modalVisible are Refs — reactive in templates\n * ```\n */\n\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport type { ConsentValue } from './types'\nimport type { ConsentiSetup } from './core/consenti-setup'\n\n/**\n * Module-level singleton — the active `ConsentiSetup` instance.\n * Using a module-level variable (rather than `provide`/`inject`) keeps the integration\n * zero-configuration: no wrapper component is required.\n */\nlet _widget: ConsentiSetup | null = null\n\n/**\n * Registers the active `ConsentiSetup` instance so `useConsent()` can read from it.\n * Call this once after creating your widget, typically in a `.client.ts` Nuxt plugin.\n *\n * @param widget - The `ConsentiSetup` instance to register.\n */\nexport function setConsentiWidget(widget: ConsentiSetup): void {\n  _widget = widget\n}\n\n/**\n * Vue 3 composable that exposes consent state, banner/modal visibility, and widget actions.\n *\n * State values (`hasConsent`, `consent`, `consentDate`, `bannerVisible`, `modalVisible`) are\n * Vue `Ref`s — they are reactive in templates and `watch`/`computed` without calling `.value`\n * in the template (Vue auto-unwraps top-level refs).\n *\n * Event listeners are registered in `onMounted` and removed in `onUnmounted`, so this\n * composable is safe to call in components that render on the server (Nuxt SSR): the refs\n * simply hold their initial values (`false` / `null`) during SSR and hydrate correctly.\n *\n * @returns Reactive refs for consent state and plain functions for widget actions.\n */\nexport function useConsent() {\n  const hasConsent   = ref<boolean>(_widget?.hasConsent() ?? false)\n  const consent      = ref<ConsentValue | null>(_widget?.getConsent() ?? null)\n  const consentDate  = ref<Date | false>(_widget?.getConsentDate() ?? false)\n  const bannerVisible = ref<'main' | 'gpc' | false>(false)\n  const modalVisible  = ref<'preference' | false>(false)\n\n  const onConsent = () => {\n    hasConsent.value  = _widget?.hasConsent() ?? false\n    consent.value     = _widget?.getConsent() ?? null\n    consentDate.value = _widget?.getConsentDate() ?? false\n  }\n  const onBanner = () => { bannerVisible.value = _widget?.bannerVisibility() ?? false }\n  const onModal  = () => { modalVisible.value  = _widget?.modalVisibility() ?? false }\n\n  onMounted(() => {\n    if (typeof window === 'undefined') return\n    window.addEventListener('consenti:consentSubmitted', onConsent)\n    window.addEventListener('consenti:bannerVisibility',  onBanner)\n    window.addEventListener('consenti:modalVisibility',   onModal)\n  })\n\n  onUnmounted(() => {\n    if (typeof window === 'undefined') return\n    window.removeEventListener('consenti:consentSubmitted', onConsent)\n    window.removeEventListener('consenti:bannerVisibility',  onBanner)\n    window.removeEventListener('consenti:modalVisibility',   onModal)\n  })\n\n  return {\n    /** Reactive — `true` once the visitor has saved a valid consent record. */\n    hasConsent,\n    /** Reactive — the stored consent map (`Record<cookieId, status>`), or `null`. */\n    consent,\n    /** Reactive — `Date` of the last consent submission, or `false`. */\n    consentDate,\n    /** Reactive — `'main'`, `'gpc'`, or `false` (banner hidden). */\n    bannerVisible,\n    /** Reactive — `'preference'` or `false` (modal hidden). */\n    modalVisible,\n\n    /** Shows the consent banner. Pass `true` to force the GPC variant. */\n    showBanner: (gpc?: boolean) => _widget?.showBanner(gpc),\n    /** Hides the consent banner. */\n    hideBanner: () => _widget?.hideBanner(),\n    /** Opens the preference modal. */\n    showModal: () => _widget?.showModal(),\n    /** Closes the preference modal. */\n    hideModal: () => _widget?.hideModal(),\n\n    /** Grants all non-mandatory cookies. Pass `true` to grant only mandatory ones and deny the rest. */\n    grantAll: (onlyMandatory?: boolean) => _widget?.grantAll(onlyMandatory) ?? Promise.resolve(),\n    /** Denies all non-mandatory cookies. Pass `true` to deny mandatory ones too (use with care). */\n    denyAll: (includingMandatory?: boolean) => _widget?.denyAll(includingMandatory) ?? Promise.resolve(),\n    /** Saves the given partial consent map. */\n    submitConsent: (c: Partial<ConsentValue>) => _widget?.submitConsent(c) ?? Promise.resolve(),\n    /** Deletes the current consent record and re-shows the banner. */\n    reConsent: () => _widget?.reConsent() ?? Promise.resolve(),\n\n    /** Returns `true` if the given cookie ID is `'granted'`. */\n    isCookieGranted: (id: string) => (_widget?.isCookieGranted(id) ?? false) as boolean,\n    /** Returns `true` if every cookie in the given category is `'granted'`. */\n    isCategoryGranted: (id: string) => (_widget?.isCategoryGranted(id) ?? false) as boolean,\n    /** Switches the active locale and re-renders the banner and modal. */\n    switchLocale: (locale: string) => _widget?.switchLocale(locale),\n  }\n}\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GA+BA,IAAAK,EAA4C,eASxCC,EAAgC,KAQ7B,SAASJ,EAAkBK,EAA6B,CAC7DD,EAAUC,CACZ,CAeO,SAASJ,GAAa,CAC3B,IAAMK,KAAe,OAAaF,GAAS,WAAW,GAAK,EAAK,EAC1DG,KAAe,OAAyBH,GAAS,WAAW,GAAK,IAAI,EACrEI,KAAe,OAAkBJ,GAAS,eAAe,GAAK,EAAK,EACnEK,KAAgB,OAA4B,EAAK,EACjDC,KAAgB,OAA0B,EAAK,EAE/CC,EAAY,IAAM,CACtBL,EAAW,MAASF,GAAS,WAAW,GAAK,GAC7CG,EAAQ,MAAYH,GAAS,WAAW,GAAK,KAC7CI,EAAY,MAAQJ,GAAS,eAAe,GAAK,EACnD,EACMQ,EAAW,IAAM,CAAEH,EAAc,MAAQL,GAAS,iBAAiB,GAAK,EAAM,EAC9ES,EAAW,IAAM,CAAEH,EAAa,MAASN,GAAS,gBAAgB,GAAK,EAAM,EAEnF,sBAAU,IAAM,CACV,OAAO,OAAW,MACtB,OAAO,iBAAiB,4BAA6BO,CAAS,EAC9D,OAAO,iBAAiB,4BAA8BC,CAAQ,EAC9D,OAAO,iBAAiB,2BAA8BC,CAAO,EAC/D,CAAC,KAED,eAAY,IAAM,CACZ,OAAO,OAAW,MACtB,OAAO,oBAAoB,4BAA6BF,CAAS,EACjE,OAAO,oBAAoB,4BAA8BC,CAAQ,EACjE,OAAO,oBAAoB,2BAA8BC,CAAO,EAClE,CAAC,EAEM,CAEL,WAAAP,EAEA,QAAAC,EAEA,YAAAC,EAEA,cAAAC,EAEA,aAAAC,EAGA,WAAaI,GAAkBV,GAAS,WAAWU,CAAG,EAEtD,WAAY,IAAMV,GAAS,WAAW,EAEtC,UAAW,IAAMA,GAAS,UAAU,EAEpC,UAAW,IAAMA,GAAS,UAAU,EAGpC,SAAWW,GAA4BX,GAAS,SAASW,CAAa,GAAK,QAAQ,QAAQ,EAE3F,QAAUC,GAAiCZ,GAAS,QAAQY,CAAkB,GAAK,QAAQ,QAAQ,EAEnG,cAAgBC,GAA6Bb,GAAS,cAAca,CAAC,GAAK,QAAQ,QAAQ,EAE1F,UAAW,IAAMb,GAAS,UAAU,GAAK,QAAQ,QAAQ,EAGzD,gBAAkBc,GAAgBd,GAAS,gBAAgBc,CAAE,GAAK,GAElE,kBAAoBA,GAAgBd,GAAS,kBAAkBc,CAAE,GAAK,GAEtE,aAAeC,GAAmBf,GAAS,aAAae,CAAM,CAChE,CACF","names":["vue_exports","__export","setConsentiWidget","useConsent","__toCommonJS","import_vue","_widget","widget","hasConsent","consent","consentDate","bannerVisible","modalVisible","onConsent","onBanner","onModal","gpc","onlyMandatory","includingMandatory","c","id","locale"]}

package/dist/vue.mjs

@@ -1,52 +1,2 @@
-// src/vue.ts
-import { ref, onMounted, onUnmounted } from "vue";
-var _widget = null;
-function setConsentiWidget(widget) {
-  _widget = widget;
-}
-function useConsent() {
-  const isServer = typeof window === "undefined";
-  const tick = ref(0);
-  const handler = () => {
-    tick.value++;
-  };
-  onMounted(() => {
-    window.addEventListener("consenti:consentSubmitted", handler);
-  });
-  onUnmounted(() => {
-    window.removeEventListener("consenti:consentSubmitted", handler);
-  });
-  if (isServer) {
-    return {
-      hasConsent: () => false,
-      getConsent: () => null,
-      submitConsent: async (_consent) => {
-      },
-      getConsentDate: () => false
-    };
-  }
-  return {
-    /** Returns `true` if the visitor has saved consent. Reactive — re-evaluated on consent change. */
-    hasConsent: () => {
-      void tick.value;
-      return _widget?.hasConsent() ?? false;
-    },
-    /** Returns the stored consent map, or `null`. Reactive. */
-    getConsent: () => {
-      void tick.value;
-      return _widget?.getConsent() ?? null;
-    },
-    /** Saves the given partial consent map. Missing keys default to `'denied'`. */
-    submitConsent: (consent) => _widget?.submitConsent(consent) ?? Promise.resolve(),
-    /** Returns the `Date` of last consent submission, or `false`. Reactive. */
-    getConsentDate: () => {
-      void tick.value;
-      return _widget?.getConsentDate() ?? false;
-    }
-  };
-}
-export {
-  setConsentiWidget,
-  useConsent
-};
+import{ref as o,onMounted as c,onUnmounted as f}from"vue";var e=null;function m(t){e=t}function w(){let t=o(e?.hasConsent()??!1),s=o(e?.getConsent()??null),i=o(e?.getConsentDate()??!1),a=o(!1),l=o(!1),r=()=>{t.value=e?.hasConsent()??!1,s.value=e?.getConsent()??null,i.value=e?.getConsentDate()??!1},d=()=>{a.value=e?.bannerVisibility()??!1},u=()=>{l.value=e?.modalVisibility()??!1};return c(()=>{typeof window>"u"||(window.addEventListener("consenti:consentSubmitted",r),window.addEventListener("consenti:bannerVisibility",d),window.addEventListener("consenti:modalVisibility",u))}),f(()=>{typeof window>"u"||(window.removeEventListener("consenti:consentSubmitted",r),window.removeEventListener("consenti:bannerVisibility",d),window.removeEventListener("consenti:modalVisibility",u))}),{hasConsent:t,consent:s,consentDate:i,bannerVisible:a,modalVisible:l,showBanner:n=>e?.showBanner(n),hideBanner:()=>e?.hideBanner(),showModal:()=>e?.showModal(),hideModal:()=>e?.hideModal(),grantAll:n=>e?.grantAll(n)??Promise.resolve(),denyAll:n=>e?.denyAll(n)??Promise.resolve(),submitConsent:n=>e?.submitConsent(n)??Promise.resolve(),reConsent:()=>e?.reConsent()??Promise.resolve(),isCookieGranted:n=>e?.isCookieGranted(n)??!1,isCategoryGranted:n=>e?.isCategoryGranted(n)??!1,switchLocale:n=>e?.switchLocale(n)}}export{m as setConsentiWidget,w as useConsent};
 //# sourceMappingURL=vue.mjs.map