bitsnap-react 1.22.0 → 1.23.0

package/dist/consent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/emems-chat-payment-requests/dist/consent.js","../src/consent/react.tsx","../src/consent/core/types.ts","../src/consent/core/activate.ts","../src/consent/core/config.ts","../src/consent/core/styles.ts","../src/consent/core/ui.ts"],"names":["CONSENT_CATEGORIES","SCRIPT_SELECTOR","FRAME_SELECTOR","allowed","c","category","settled","script","resolve","run","doc","placeholder","name","value","external","loaded","activateScripts","activated","gate","loading","inline","frame","src","DEFAULT_API_HOST","DEFAULT_COLLECT_HOST","defaultConfig","THEMES","POSITIONS","HEX_COLOR","safeColor","safeUrl","url","cleanServices","services","item","cookie","mergeConfig","layers","result","layer","accent","privacy","fetchRemoteConfig","apiHost","key","timeoutMs","controller","timer","response"],"mappings":"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","file":"/home/emems/.t3/worktrees/bitsnap-react/emems-chat-payment-requests/dist/consent.js","sourcesContent":[null,"import { useCallback, useRef, useSyncExternalStore } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/isomorphic-layout-effect\";\nimport { createConsent } from \"./core/controller\";\nimport type {\n  BitsnapConsentApi,\n  ConsentChoices,\n  ConsentConfig,\n  ConsentOptions,\n  ConsentState,\n} from \"./core/types\";\n\ndeclare global {\n  interface Window {\n    BitsnapConsent?: BitsnapConsentApi;\n  }\n}\n\nexport type BitsnapConsentProps = {\n  /** Public project key: loads the project's banner config and logs choices. */\n  projectKey?: string;\n  theme?: ConsentOptions[\"theme\"];\n  locale?: ConsentOptions[\"locale\"];\n  position?: ConsentOptions[\"position\"];\n  privacyPolicyUrl?: string;\n  /** `project` keeps the consent cookie per project key. */\n  scope?: ConsentOptions[\"scope\"];\n  apiHost?: string;\n  collectHost?: string;\n  /** Local config, merged over the project config. */\n  config?: Partial<ConsentConfig>;\n  reloadOnWithdraw?: boolean;\n  /** Google Consent Mode v2: `auto` (default) is on when `gtag` or `dataLayer` already exist. */\n  gcm?: ConsentOptions[\"gcm\"];\n  /** Categories offered when no remote config is loaded. */\n  categories?: ConsentOptions[\"categories\"];\n  /** Dashboard preview: shows the banner from the local options only; touches no cookie. */\n  preview?: boolean;\n  /** Replaces the banner title. */\n  title?: string;\n  /** Replaces the banner description. */\n  description?: string;\n};\n\n/** Mounts Bitsnap Consent on the page. Renders nothing itself (the banner lives in a Shadow DOM). */\nexport function BitsnapConsent(props: BitsnapConsentProps): null {\n  const {\n    projectKey, theme, locale, position, privacyPolicyUrl, scope, apiHost, collectHost, reloadOnWithdraw,\n    gcm, preview, title, description,\n  } = props;\n  const configKey = JSON.stringify(props.config ?? null);\n  const configRef = useRef(props.config);\n  configRef.current = props.config;\n  const categoriesKey = JSON.stringify(props.categories ?? null);\n  const categoriesRef = useRef(props.categories);\n  categoriesRef.current = props.categories;\n\n  // A layout effect: the page's passive effects (first events, tracker) must find the API already there.\n  useIsomorphicLayoutEffect(() => {\n    // A banner from the script tag or another instance already runs on this page.\n    if (window.BitsnapConsent) return;\n    const api = createConsent({\n      projectKey,\n      theme,\n      locale,\n      position,\n      privacyPolicyUrl,\n      scope,\n      apiHost,\n      collectHost,\n      reloadOnWithdraw,\n      gcm,\n      preview,\n      title,\n      description,\n      categories: categoriesRef.current,\n      config: configRef.current,\n    });\n    window.BitsnapConsent = api;\n    return () => {\n      api.destroy();\n      if (window.BitsnapConsent === api) delete window.BitsnapConsent;\n    };\n  }, [\n    projectKey, theme, locale, position, privacyPolicyUrl, scope, apiHost, collectHost, reloadOnWithdraw,\n    gcm, preview, title, description, categoriesKey, configKey,\n  ]);\n\n  return null;\n}\n\nlet lastKey = \"null\";\nlet lastState: ConsentState | null = null;\n\nfunction getSnapshot(): ConsentState | null {\n  const current = typeof window === \"undefined\" ? null : (window.BitsnapConsent?.get() ?? null);\n  const key = JSON.stringify(current);\n  if (key !== lastKey) {\n    lastKey = key;\n    lastState = current;\n  }\n  return lastState;\n}\n\nfunction subscribe(onChange: () => void): () => void {\n  window.addEventListener(\"bitsnap:consent\", onChange);\n  window.addEventListener(\"bitsnap:consent:ready\", onChange);\n  return () => {\n    window.removeEventListener(\"bitsnap:consent\", onChange);\n    window.removeEventListener(\"bitsnap:consent:ready\", onChange);\n  };\n}\n\nexport type UseConsent = {\n  /** The stored choice, or `null` while there is none (or on the server). */\n  consent: ConsentState | null;\n  /** `true` once the visitor has made a choice that is still valid. */\n  decided: boolean;\n  open: () => void;\n  accept: (categories?: Partial<ConsentChoices>) => void;\n  acceptAll: () => void;\n  rejectAll: () => void;\n  reset: () => void;\n};\n\n/** Current consent state of the page, kept up to date as the visitor chooses. */\nexport function useConsent(): UseConsent {\n  const consent = useSyncExternalStore(subscribe, getSnapshot, () => null);\n  const open = useCallback(() => window.BitsnapConsent?.open(), []);\n  const accept = useCallback((categories?: Partial<ConsentChoices>) => window.BitsnapConsent?.accept(categories), []);\n  const acceptAll = useCallback(() => window.BitsnapConsent?.acceptAll(), []);\n  const rejectAll = useCallback(() => window.BitsnapConsent?.rejectAll(), []);\n  const reset = useCallback(() => window.BitsnapConsent?.reset(), []);\n  return { consent, decided: consent !== null, open, accept, acceptAll, rejectAll, reset };\n}\n","export type ConsentCategory = \"analytics\" | \"marketing\" | \"preferences\";\n\nexport type ConsentChoices = Record<ConsentCategory, boolean>;\n\nexport type ConsentTheme = \"auto\" | \"light\" | \"dark\";\n\nexport type ConsentPosition = \"bottom\" | \"bottom-left\" | \"bottom-right\";\n\nexport type ConsentLocale = \"pl\" | \"en\";\n\nexport const CONSENT_CATEGORIES: readonly ConsentCategory[] = [\n  \"analytics\",\n  \"marketing\",\n  \"preferences\",\n];\n\nexport const CONSENT_TEXT_KEYS = [\n  \"title\",\n  \"description\",\n  \"acceptAll\",\n  \"rejectAll\",\n  \"settings\",\n  \"save\",\n  \"close\",\n  \"necessaryTitle\",\n  \"necessaryDescription\",\n  \"analyticsTitle\",\n  \"analyticsDescription\",\n  \"marketingTitle\",\n  \"marketingDescription\",\n  \"preferencesTitle\",\n  \"preferencesDescription\",\n  \"poweredBy\",\n] as const;\n\nexport type ConsentTexts = Record<(typeof CONSENT_TEXT_KEYS)[number], string>;\n\nexport type ConsentService = {\n  name: string;\n  category: ConsentCategory;\n  /** Cookies to delete (best effort) when the category is withdrawn. A trailing `*` matches a prefix. */\n  cookies?: string[];\n};\n\nexport type ConsentConfig = {\n  /** Banner version. A stored choice with a lower `bv` makes the banner ask again. */\n  version: number;\n  theme: ConsentTheme;\n  accentColor?: string;\n  position: ConsentPosition;\n  privacyPolicyUrl?: string;\n  categories: ConsentChoices;\n  services: ConsentService[];\n  texts?: Partial<Record<ConsentLocale, Partial<ConsentTexts>>>;\n  poweredBy: true;\n};\n\n/** What the consent cookie holds, and what `get()` returns. */\nexport type ConsentState = {\n  id: string;\n  /** Unix seconds. */\n  ts: number;\n  /** Version of the banner the choice was made on. */\n  bv: number;\n  c: ConsentChoices;\n};\n\nexport type ConsentAction =\n  | \"accept_all\"\n  | \"reject_all\"\n  | \"custom\"\n  | \"withdraw\";\n\n/** `detail` of `bitsnap:consent` and the argument of `on('change')`. */\nexport type ConsentChangeDetail = ConsentState & {\n  /** `reset` when the visitor's stored choice was cleared (`get()` is `null` then). */\n  action: ConsentAction | \"reset\";\n};\n\nexport type ConsentOptions = {\n  /** Public project key. Enables the remote config and the consent log. */\n  projectKey?: string;\n  theme?: ConsentTheme;\n  locale?: \"auto\" | ConsentLocale;\n  position?: ConsentPosition;\n  privacyPolicyUrl?: string;\n  /** `project` keeps one cookie per project key (`bitsnap_consent_<key>`). */\n  scope?: \"global\" | \"project\";\n  apiHost?: string;\n  collectHost?: string;\n  /** Google Consent Mode v2. `auto` is on when `gtag` or `dataLayer` already exist. */\n  gcm?: \"auto\" | \"on\" | \"off\";\n  /** Local overrides, merged over the defaults and the remote config. */\n  config?: Partial<ConsentConfig>;\n  /** Categories used when no remote config is loaded. */\n  categories?: Partial<ConsentChoices>;\n  reloadOnWithdraw?: boolean;\n  /**\n   * Dashboard preview: shows the banner at once from the local options, never\n   * reads or writes the cookie, loads no remote config, sends no consent log,\n   * and the buttons only close the banner.\n   */\n  preview?: boolean;\n  /** Replaces the banner title (current locale, non-empty values only). */\n  title?: string;\n  /** Replaces the banner description (current locale, non-empty values only). */\n  description?: string;\n};\n\nexport type BitsnapConsentApi = {\n  /**\n   * Whose choice this banner holds: `project` keeps one cookie per project key\n   * (`bitsnap_consent_<key>`), `global` the site-wide `bitsnap_consent`.\n   */\n  readonly scope: \"global\" | \"project\";\n  /** The bare public project key the banner was started with, if any (`pk_` stripped). */\n  readonly projectKey: string | null;\n  get(): ConsentState | null;\n  /**\n   * `true` when the visitor refused `category`, also in a choice made on an older banner\n   * version (which `get()` no longer returns) that they have not answered again yet.\n   */\n  denied(category: ConsentCategory): boolean;\n  on(event: \"change\", fn: (detail: ConsentChangeDetail) => void): () => void;\n  open(): void;\n  close(): void;\n  accept(categories?: Partial<ConsentChoices>): void;\n  acceptAll(): void;\n  rejectAll(): void;\n  reset(): void;\n  /** Resolves with the stored choice (or `null`) once config and stored choice are applied. */\n  ready: Promise<ConsentState | null>;\n  destroy(): void;\n};\n","import { CONSENT_CATEGORIES, type ConsentChoices } from \"./types\";\n\nconst SCRIPT_SELECTOR = 'script[type=\"text/plain\"][data-bitsnap-consent]:not([data-bitsnap-queued])';\nconst FRAME_SELECTOR = \"iframe[data-bitsnap-consent][data-src]\";\n\nconst allowed = (c: ConsentChoices, category: string | null): boolean =>\n  (CONSENT_CATEGORIES as readonly string[]).includes(category ?? \"\") &&\n  c[category as keyof ConsentChoices];\n\n/** Settles when the script has loaded or failed: a broken script must not block the ones after it. */\nfunction settled(script: HTMLScriptElement): Promise<void> {\n  return new Promise((resolve) => {\n    script.addEventListener(\"load\", () => resolve(), { once: true });\n    script.addEventListener(\"error\", () => resolve(), { once: true });\n  });\n}\n\n/** Swaps the placeholder for a live script; resolves once an external one has loaded. */\nfunction run(doc: Document, placeholder: HTMLScriptElement): Promise<void> | undefined {\n  const script = doc.createElement(\"script\");\n  for (const { name, value } of Array.from(placeholder.attributes)) {\n    if (name === \"type\" || name === \"data-bitsnap-queued\") continue;\n    if (name === \"data-type\") {\n      // The embed writes the original `type=\"module\"` here, as `type` itself is `text/plain`.\n      if (value === \"module\") script.setAttribute(\"type\", \"module\");\n    } else if (name === \"data-src\") script.setAttribute(\"src\", value);\n    else script.setAttribute(name, value);\n  }\n  if (placeholder.nonce) script.nonce = placeholder.nonce;\n  const external = script.hasAttribute(\"src\");\n  if (external) {\n    // Dynamic scripts are async by default; keep the order of the page.\n    if (!placeholder.hasAttribute(\"async\")) script.async = false;\n  } else {\n    script.text = placeholder.text;\n  }\n  const loaded = external ? settled(script) : undefined;\n  placeholder.parentNode?.replaceChild(script, placeholder);\n  return loaded;\n}\n\n/**\n * Turns the consented placeholders into live elements:\n * `<script type=\"text/plain\" data-bitsnap-consent=\"marketing\" [data-src] [data-type=\"module\"]>` becomes\n * a real script (attributes copied, `type` dropped or restored from `data-type`, `data-src` -> `src`),\n * and `<iframe data-src>` gets its `src`.\n * Placeholders run in document order: an inline script waits for the external scripts before it\n * (`<script src=lib.js>` then `<script>Lib.init()</script>`), external ones only follow each other.\n */\nexport function activateScripts(doc: Document, c: ConsentChoices): number {\n  let activated = 0;\n  try {\n    /** Set once a placeholder had to wait: everything after it queues behind it. */\n    let gate: Promise<void> | null = null;\n    /** External scripts inserted since the last inline one. */\n    let loading: Promise<void>[] = [];\n    doc.querySelectorAll<HTMLScriptElement>(SCRIPT_SELECTOR).forEach((placeholder) => {\n      if (!allowed(c, placeholder.getAttribute(\"data-bitsnap-consent\"))) return;\n      activated++;\n      const inline = !placeholder.hasAttribute(\"data-src\") && !placeholder.hasAttribute(\"src\");\n      if (gate || (inline && loading.length > 0)) {\n        // Marked so that another call (a later choice) does not queue it again.\n        placeholder.setAttribute(\"data-bitsnap-queued\", \"\");\n        gate = (gate ?? Promise.all(loading).then(() => {})).then(() => {\n          try {\n            return run(doc, placeholder);\n          } catch {\n            // never throw into the host page\n          }\n        });\n        loading = [];\n        return;\n      }\n      const loaded = run(doc, placeholder);\n      if (loaded) loading.push(loaded);\n    });\n    doc.querySelectorAll<HTMLIFrameElement>(FRAME_SELECTOR).forEach((frame) => {\n      if (!allowed(c, frame.getAttribute(\"data-bitsnap-consent\"))) return;\n      const src = frame.getAttribute(\"data-src\");\n      if (src && frame.getAttribute(\"src\") !== src) {\n        frame.setAttribute(\"src\", src);\n        frame.removeAttribute(\"data-src\");\n        activated++;\n      }\n    });\n  } catch {\n    // never throw into the host page\n  }\n  return activated;\n}\n","import {\n  CONSENT_CATEGORIES,\n  type ConsentChoices,\n  type ConsentConfig,\n  type ConsentService,\n} from \"./types\";\n\nexport const DEFAULT_API_HOST = \"https://bitsnap.pl\";\nexport const DEFAULT_COLLECT_HOST = \"https://collect.bitsnap.pl\";\n\nexport function defaultConfig(): ConsentConfig {\n  return {\n    version: 1,\n    theme: \"auto\",\n    position: \"bottom\",\n    categories: { analytics: true, marketing: true, preferences: false },\n    services: [],\n    poweredBy: true,\n  };\n}\n\nconst THEMES = [\"auto\", \"light\", \"dark\"];\nconst POSITIONS = [\"bottom\", \"bottom-left\", \"bottom-right\"];\n\nconst HEX_COLOR = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;\n\nexport function safeColor(value: unknown): string | undefined {\n  return typeof value === \"string\" && HEX_COLOR.test(value.trim())\n    ? value.trim()\n    : undefined;\n}\n\n/** Only http(s) and relative URLs may end up in the banner. */\nexport function safeUrl(value: unknown): string | undefined {\n  if (typeof value !== \"string\") return undefined;\n  const url = value.trim();\n  return /^(?:https?:\\/\\/|\\/(?!\\/)|#|\\?)/i.test(url) ? url : undefined;\n}\n\nfunction cleanServices(value: unknown): ConsentService[] {\n  if (!Array.isArray(value)) return [];\n  const services: ConsentService[] = [];\n  for (const item of value) {\n    if (\n      item &&\n      typeof item.name === \"string\" &&\n      (CONSENT_CATEGORIES as readonly string[]).includes(item.category)\n    ) {\n      services.push({\n        name: item.name,\n        category: item.category,\n        cookies: Array.isArray(item.cookies)\n          ? item.cookies.filter((cookie: unknown) => typeof cookie === \"string\")\n          : undefined,\n      });\n    }\n  }\n  return services;\n}\n\n/** Layers partial configs (later wins) over the defaults, dropping invalid values. */\nexport function mergeConfig(\n  ...layers: (Partial<ConsentConfig> | null | undefined)[]\n): ConsentConfig {\n  const result = defaultConfig();\n  for (const layer of layers) {\n    if (!layer || typeof layer !== \"object\") continue;\n    if (typeof layer.version === \"number\" && layer.version >= 0) {\n      result.version = Math.floor(layer.version);\n    }\n    if (THEMES.includes(layer.theme as string)) result.theme = layer.theme!;\n    if (POSITIONS.includes(layer.position as string)) result.position = layer.position!;\n    const accent = safeColor(layer.accentColor);\n    if (accent) result.accentColor = accent;\n    const privacy = safeUrl(layer.privacyPolicyUrl);\n    if (privacy) result.privacyPolicyUrl = privacy;\n    if (layer.categories && typeof layer.categories === \"object\") {\n      for (const category of CONSENT_CATEGORIES) {\n        if (typeof layer.categories[category] === \"boolean\") {\n          result.categories[category] = layer.categories[category];\n        }\n      }\n    }\n    if (layer.services !== undefined) result.services = cleanServices(layer.services);\n    if (layer.texts && typeof layer.texts === \"object\") result.texts = layer.texts;\n  }\n  return result;\n}\n\nexport function parseCategoryList(value: string | null | undefined): ConsentChoices {\n  const wanted = (value ?? \"\").split(\",\").map((item) => item.trim());\n  return {\n    analytics: wanted.includes(\"analytics\"),\n    marketing: wanted.includes(\"marketing\"),\n    preferences: wanted.includes(\"preferences\"),\n  };\n}\n\n/** What `GET /api/consent/config` answers: whether the banner is on, and its config. */\nexport type RemoteConsentConfig = {\n  /** `false` when the project turned the banner off: nothing is shown, stored choices still apply. */\n  enabled: boolean;\n  config: Partial<ConsentConfig> | null;\n};\n\n/** Loads the project's banner config. Resolves to `null` on any failure or after the timeout. */\nexport async function fetchRemoteConfig(\n  apiHost: string,\n  key: string,\n  timeoutMs = 3000,\n): Promise<RemoteConsentConfig | null> {\n  if (typeof fetch !== \"function\") return null;\n  const controller = typeof AbortController === \"function\" ? new AbortController() : undefined;\n  const timer = setTimeout(() => controller?.abort(), timeoutMs);\n  try {\n    const response = await fetch(\n      `${apiHost.replace(/\\/+$/, \"\")}/api/consent/config?key=${encodeURIComponent(key)}`,\n      { signal: controller?.signal, credentials: \"omit\" },\n    );\n    if (!response.ok) return null;\n    const body = await response.json();\n    if (!body || typeof body !== \"object\") return null;\n    const config = body.config && typeof body.config === \"object\" ? body.config : null;\n    const enabled = body.enabled !== false;\n    return config || !enabled ? { enabled, config } : null;\n  } catch {\n    return null;\n  } finally {\n    clearTimeout(timer);\n  }\n}\n","/** Colors of both themes. Every text/background pair is checked against WCAG AA in the tests. */\nexport const PALETTE = {\n  light: {\n    bg: \"#ffffff\",\n    fg: \"#14171c\",\n    muted: \"#495260\",\n    border: \"#c9ced6\",\n    off: \"#6b7280\",\n    thumb: \"#ffffff\",\n    accent: \"#1d4ed8\",\n    onAccent: \"#ffffff\",\n    link: \"#1d4ed8\",\n  },\n  dark: {\n    bg: \"#171a20\",\n    fg: \"#f1f3f6\",\n    muted: \"#b7beca\",\n    border: \"#3a404b\",\n    off: \"#8b93a1\",\n    thumb: \"#171a20\",\n    accent: \"#8ab4ff\",\n    onAccent: \"#0b1220\",\n    link: \"#9dc0ff\",\n  },\n} as const;\n\nconst vars = (p: (typeof PALETTE)[\"light\"]) =>\n  `--bg:${p.bg};--fg:${p.fg};--muted:${p.muted};--border:${p.border};--off:${p.off};--thumb:${p.thumb};--accent:${p.accent};--on-accent:${p.onAccent};--link:${p.link};--focus:${p.accent}`;\n\nexport const STYLES = `\n:host{all:initial}\n*{box-sizing:border-box}\n[hidden]{display:none!important}\n.root{${vars(PALETTE.light)};position:fixed;inset:0;pointer-events:none;z-index:2147483000;font:14px/1.5 system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;color:var(--fg);-webkit-text-size-adjust:100%}\n.root[data-theme=dark]{${vars(PALETTE.dark)};color-scheme:dark}\nbutton,input{font:inherit;color:inherit}\n.banner,.overlay{pointer-events:auto}\n@supports (color:color-mix(in srgb,red 50%,blue)){::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}}\n.banner{position:absolute;background:var(--bg);color:var(--fg);max-height:92vh;overflow:auto;outline:none}\n.banner.enter{animation:in .22s ease-out}\n.banner.closing{animation:out .2s ease-in forwards;pointer-events:none}\n.bottom{left:0;right:0;bottom:0;border-top:1px solid var(--border);box-shadow:0 -8px 28px rgba(15,23,42,.08);padding:20px 24px calc(20px + env(safe-area-inset-bottom,0px))}\n.root[data-theme=dark] .bottom{box-shadow:0 -8px 28px rgba(0,0,0,.4)}\n.bottom .inner{display:grid;grid-template-columns:minmax(min(100%,42ch),1fr) auto;grid-template-areas:\"text actions\" \"foot actions\";gap:4px 40px;align-items:center;max-width:1120px;margin:0 auto}\n.bottom .text{max-width:68ch}\n.bottom .btn,.bottom .link-btn{flex:0 0 auto}\n.card{bottom:16px;width:min(400px,calc(100vw - 32px));border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 12px 32px rgba(15,23,42,.14)}\n.root[data-theme=dark] .card{box-shadow:0 12px 32px rgba(0,0,0,.45)}\n.bottom-left{left:16px}\n.bottom-right{right:16px}\n.card .inner{display:flex;flex-direction:column;gap:16px}\n.text{grid-area:text}\n.actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}\n.card .actions{justify-content:stretch}\n.foot{grid-area:foot}\n.title{overflow-wrap:anywhere;font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.01em;text-wrap:balance;margin:0 0 6px}\n.desc{overflow-wrap:anywhere;margin:0;color:var(--muted);line-height:1.55;text-wrap:pretty}\n.desc a{color:var(--link);text-decoration:underline;text-underline-offset:3px}\n.btn,.link-btn{min-height:38px;padding:0 16px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .12s ease-out,filter .12s ease-out,border-color .12s ease-out}\n.btn{border:2px solid var(--accent);background:var(--accent);color:var(--on-accent);flex:1 1 150px}\n.btn:hover{filter:brightness(.93)}\n.btn:active{filter:brightness(.87)}\n.link-btn{border:1px solid var(--off);background:transparent;color:var(--fg);text-decoration:none}\n.link-btn:hover{border-color:var(--fg)}\n@supports (color:color-mix(in srgb,red 50%,blue)){.link-btn:hover{background:color-mix(in srgb,var(--fg) 9%,transparent)}.link-btn:active{background:color-mix(in srgb,var(--fg) 14%,transparent)}}\n.card .link-btn{flex:1 1 100%}\nbutton:focus-visible,a:focus-visible,.dialog:focus-visible{outline:2px solid var(--focus);outline-offset:2px}\n.foot{font-size:12px;color:var(--muted);padding-top:8px}\n.foot a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:5px;vertical-align:middle}\n.foot a:hover{text-decoration:underline}\n.foot b{color:var(--fg);font-weight:700;letter-spacing:-.01em}\n.foot svg{display:block}\n.overlay{position:absolute;inset:0;background:rgba(10,12,16,.58);display:flex;align-items:center;justify-content:center;padding:16px}\n.overlay.enter{animation:fade .2s ease-out}\n.overlay.closing{animation:fadeout .2s ease-in forwards;pointer-events:none}\n.dialog{background:var(--bg);color:var(--fg);width:100%;max-width:560px;max-height:min(92vh,760px);display:flex;flex-direction:column;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.35);outline:none}\n.dialog.enter{animation:in .22s ease-out}\n.d-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 8px 8px 24px}\n.d-head .title{margin:0;font-size:18px}\n.x{width:44px;height:44px;border:0;border-radius:10px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}\n.x:hover{background:var(--border)}\n.d-body{overflow:auto;padding:0 24px 8px;flex:1}\n.cat{border-top:1px solid var(--border);padding:10px 0 14px}\n.row{display:flex;align-items:center;justify-content:space-between;gap:12px}\n.cat-title{font-weight:600;font-size:15px}\n.always{font-size:12px;color:var(--muted);margin-right:4px}\n.cat p{margin:0;color:var(--muted)}\n.cat .svc{margin-top:6px;font-size:13px}\n.cat .svc b{font-weight:600;color:var(--fg)}\n.switch{position:relative;width:52px;height:44px;display:flex;align-items:center;justify-content:flex-end;flex:none}\n.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}\n.switch input:disabled{cursor:default}\n.track{width:44px;height:24px;border-radius:12px;background:var(--off);position:relative;transition:background .15s}\n.track::after{content:\"\";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--thumb);transition:transform .15s}\ninput:checked+.track{background:var(--accent)}\ninput:checked+.track::after{transform:translateX(20px);background:var(--on-accent)}\ninput:disabled+.track{opacity:.6}\ninput:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}\n.d-foot{display:flex;flex-direction:column;gap:8px;padding:12px 24px 16px;border-top:1px solid var(--border)}\n.d-foot .actions{justify-content:stretch}\n@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\n@keyframes fade{from{opacity:0}to{opacity:1}}\n@keyframes out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(12px)}}\n@keyframes fadeout{from{opacity:1}to{opacity:0}}\n@media(max-width:960px){\n.bottom .inner{grid-template-columns:minmax(0,1fr);grid-template-areas:\"text\" \"actions\" \"foot\";gap:14px}\n.bottom .actions{justify-content:flex-start}\n}\n@media(max-width:640px){\n.bottom{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}\n.bottom .inner{gap:12px}\n.bottom .actions{justify-content:stretch}\n.bottom .btn{flex:1 1 130px}\n.bottom .link-btn{flex:1 1 100%}\n.card{left:8px;right:8px;bottom:8px;width:auto}\n.overlay{align-items:flex-end;padding:0}\n.dialog{max-width:none;border-radius:16px 16px 0 0;max-height:92vh}\n.d-head{padding-left:16px}\n.d-body{padding:0 16px 8px}\n.d-foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}\n.btn{flex-basis:130px}\n.btn,.link-btn{padding:0 12px;min-height:40px}\n}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}\n`.replace(/\\n/g, \"\");\n","import { contrastRatio, onColor } from \"./contrast\";\nimport { UI_LABELS } from \"./texts\";\nimport { PALETTE, STYLES } from \"./styles\";\nimport {\n  CONSENT_CATEGORIES,\n  type ConsentCategory,\n  type ConsentChoices,\n  type ConsentConfig,\n  type ConsentLocale,\n  type ConsentTexts,\n} from \"./types\";\n\nexport type UIOptions = {\n  doc: Document;\n  config: ConsentConfig;\n  texts: ConsentTexts;\n  locale: ConsentLocale;\n  /** Current choice, used to preset the toggles. */\n  getChoices(): ConsentChoices | null;\n  /** Whether a valid choice exists, i.e. closing the settings must not bring back the banner. */\n  hasChoice(): boolean;\n  onAcceptAll(): void;\n  onRejectAll(): void;\n  onSave(choices: ConsentChoices): void;\n};\n\nexport type ConsentUI = {\n  /** `focus` moves keyboard focus into the banner; leave it off when the banner opens on page load. */\n  showBanner(focus?: boolean): void;\n  showSettings(): void;\n  hide(): void;\n  destroy(): void;\n};\n\nconst WORDMARK =\n  '<svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect width=\"16\" height=\"16\" rx=\"4\" fill=\"currentColor\" style=\"color:var(--fg)\"/><circle cx=\"8\" cy=\"8\" r=\"3\" fill=\"var(--bg)\"/></svg>';\n\nconst CLOSE_ICON =\n  '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 3l10 10M13 3L3 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"/></svg>';\n\nconst FOCUSABLE = \"button:not([disabled]),input:not([disabled]),a[href]\";\n\n/**\n * How long the exit animation runs. The banner and the settings layer fade\n * out before they disappear, so the page does not blink.\n */\nexport const EXIT_ANIMATION_MS = 200;\n\n/** A running exit animation: the node, its listener and its fallback timer. */\ntype Exit = {\n  node: HTMLElement;\n  listener: (event: Event) => void;\n  timer: number | undefined;\n};\n\nexport function createUI(options: UIOptions): ConsentUI {\n  const { doc, config, texts, locale } = options;\n  const labels = UI_LABELS[locale];\n  let host: HTMLElement | null = null;\n  let shadow: ShadowRoot | null = null;\n  let root: HTMLElement;\n  let banner: HTMLElement;\n  let overlay: HTMLElement;\n  let dialog: HTMLElement;\n  let settingsButton: HTMLElement;\n  let layer: \"none\" | \"banner\" | \"settings\" = \"none\";\n  let opener: HTMLElement | null = null;\n  let media: MediaQueryList | null = null;\n  const toggles = new Map<ConsentCategory, HTMLInputElement>();\n  /** The exit animations running right now; at most one per node. */\n  const exits: Exit[] = [];\n\n  function el<K extends keyof HTMLElementTagNameMap>(\n    tag: K,\n    props: Record<string, string> = {},\n    ...children: (Node | string)[]\n  ): HTMLElementTagNameMap[K] {\n    const node = doc.createElement(tag);\n    for (const key of Object.keys(props)) {\n      if (key === \"class\") node.className = props[key];\n      else node.setAttribute(key, props[key]);\n    }\n    for (const child of children) node.append(child);\n    return node;\n  }\n\n  function button(cls: string, text: string, onClick: () => void) {\n    const node = el(\"button\", { type: \"button\", class: cls }, text);\n    node.addEventListener(\"click\", onClick);\n    return node;\n  }\n\n  function powered(): HTMLElement {\n    const link = el(\"a\", {\n      href: `https://bitsnap.pl/?utm_source=consent_banner&utm_medium=referral&utm_content=${encodeURIComponent(doc.location?.hostname ?? \"\")}`,\n      target: \"_blank\",\n      rel: \"noopener\",\n    });\n    link.append(texts.poweredBy + \" \");\n    link.insertAdjacentHTML(\"beforeend\", WORDMARK);\n    link.append(el(\"b\", {}, \"bitsnap\"));\n    return el(\"div\", { class: \"foot\" }, link);\n  }\n\n  function description(): HTMLElement {\n    const node = el(\"p\", { class: \"desc\", id: \"d\" }, texts.description);\n    if (config.privacyPolicyUrl) {\n      node.append(\n        \" \",\n        el(\n          \"a\",\n          { href: config.privacyPolicyUrl, target: \"_blank\", rel: \"noopener\" },\n          labels.privacy,\n        ),\n      );\n    }\n    return node;\n  }\n\n  function buildBanner() {\n    settingsButton = button(\"link-btn\", texts.settings, () => showSettings());\n    banner = el(\n      \"div\",\n      {\n        class: `banner ${config.position === \"bottom\" ? \"bottom\" : `card ${config.position}`}`,\n        // Not modal: the page stays usable, so it is a live region, not a dialog.\n        role: \"region\",\n        \"aria-live\": \"polite\",\n        \"aria-labelledby\": \"t\",\n        \"aria-describedby\": \"d\",\n        tabindex: \"-1\",\n      },\n      el(\n        \"div\",\n        { class: \"inner\" },\n        el(\"div\", { class: \"text\" }, el(\"div\", { class: \"title\", id: \"t\" }, texts.title), description()),\n        el(\n          \"div\",\n          { class: \"actions\" },\n          button(\"btn\", texts.acceptAll, options.onAcceptAll),\n          button(\"btn\", texts.rejectAll, options.onRejectAll),\n          settingsButton,\n        ),\n        powered(),\n      ),\n    );\n  }\n\n  function category(id: ConsentCategory | \"necessary\"): HTMLElement {\n    const services = config.services.filter((service) => service.category === id);\n    const input = el(\"input\", { type: \"checkbox\", role: \"switch\", \"aria-labelledby\": `l-${id}`, \"aria-describedby\": `p-${id}` });\n    if (id === \"necessary\") {\n      input.checked = true;\n      input.disabled = true;\n    } else {\n      toggles.set(id, input);\n    }\n    const node = el(\n      \"div\",\n      { class: \"cat\" },\n      el(\n        \"div\",\n        { class: \"row\" },\n        el(\"span\", { class: \"cat-title\", id: `l-${id}` }, texts[`${id}Title` as keyof ConsentTexts]),\n        el(\n          \"span\",\n          { style: \"display:flex;align-items:center\" },\n          ...(id === \"necessary\" ? [el(\"span\", { class: \"always\" }, labels.always)] : []),\n          el(\"label\", { class: \"switch\" }, input, el(\"span\", { class: \"track\" })),\n        ),\n      ),\n      el(\"p\", { id: `p-${id}` }, texts[`${id}Description` as keyof ConsentTexts]),\n    );\n    if (services.length > 0) {\n      node.append(\n        el(\"p\", { class: \"svc\" }, el(\"b\", {}, `${labels.services}: `), services.map((s) => s.name).join(\", \")),\n      );\n    }\n    return node;\n  }\n\n  function buildSettings() {\n    const close = el(\"button\", { type: \"button\", class: \"x\", \"aria-label\": texts.close });\n    close.insertAdjacentHTML(\"beforeend\", CLOSE_ICON);\n    close.addEventListener(\"click\", () => closeSettings());\n    const body = el(\"div\", { class: \"d-body\" }, category(\"necessary\"));\n    for (const id of CONSENT_CATEGORIES) {\n      if (config.categories[id]) body.append(category(id));\n    }\n    dialog = el(\n      \"div\",\n      { class: \"dialog\", role: \"dialog\", \"aria-modal\": \"true\", \"aria-labelledby\": \"st\", tabindex: \"-1\" },\n      el(\"div\", { class: \"d-head\" }, el(\"div\", { class: \"title\", id: \"st\" }, texts.settings), close),\n      body,\n      el(\n        \"div\",\n        { class: \"d-foot\" },\n        el(\n          \"div\",\n          { class: \"actions\" },\n          button(\"btn\", texts.save, () => options.onSave(readToggles())),\n          button(\"btn\", texts.acceptAll, options.onAcceptAll),\n          button(\"btn\", texts.rejectAll, options.onRejectAll),\n        ),\n        powered(),\n      ),\n    );\n    overlay = el(\"div\", { class: \"overlay\" }, dialog);\n    overlay.addEventListener(\"mousedown\", (event) => {\n      if (event.target === overlay) closeSettings();\n    });\n  }\n\n  function readToggles(): ConsentChoices {\n    const choices = { analytics: false, marketing: false, preferences: false };\n    toggles.forEach((input, key) => (choices[key] = input.checked));\n    return choices;\n  }\n\n  function applyTheme() {\n    const dark = config.theme === \"dark\" || (config.theme === \"auto\" && !!media?.matches);\n    root.setAttribute(\"data-theme\", dark ? \"dark\" : \"light\");\n    applyAccent(dark);\n  }\n\n  /** A custom accent that is too faint on the dark background gives way to the dark theme's own. */\n  function applyAccent(dark: boolean) {\n    const accent = config.accentColor;\n    if (!accent) return;\n    if (dark && contrastRatio(accent, PALETTE.dark.bg) < 3) {\n      for (const name of [\"--accent\", \"--focus\", \"--on-accent\"]) root.style.removeProperty(name);\n      return;\n    }\n    root.style.setProperty(\"--accent\", accent);\n    root.style.setProperty(\"--focus\", accent);\n    root.style.setProperty(\"--on-accent\", onColor(accent));\n  }\n\n  function ensure() {\n    if (host) return;\n    host = el(\"div\", { id: \"bitsnap-consent\", \"data-bitsnap-consent-host\": \"\" });\n    shadow = host.attachShadow({ mode: \"open\" });\n    shadow.append(el(\"style\", {}, STYLES));\n    root = el(\"div\", { class: \"root\", lang: locale });\n    buildBanner();\n    buildSettings();\n    banner.hidden = true;\n    overlay.hidden = true;\n    root.append(banner, overlay);\n    shadow.append(root);\n    if (typeof doc.defaultView?.matchMedia === \"function\") {\n      media = doc.defaultView.matchMedia(\"(prefers-color-scheme: dark)\");\n      media.addEventListener?.(\"change\", applyTheme);\n    }\n    applyTheme();\n    doc.body.append(host);\n  }\n\n  function focusables(): HTMLElement[] {\n    return Array.from(dialog.querySelectorAll<HTMLElement>(FOCUSABLE));\n  }\n\n  /** Whether the visitor asked for less motion: the layers then come and go at once. */\n  function reducedMotion(): boolean {\n    try {\n      return doc.defaultView?.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches === true;\n    } catch {\n      return false;\n    }\n  }\n\n  /** Stops a running exit animation; the node stays where it is. */\n  function stopExit(node: HTMLElement) {\n    const index = exits.findIndex((exit) => exit.node === node);\n    if (index === -1) return;\n    const [exit] = exits.splice(index, 1);\n    exit.node.removeEventListener(\"animationend\", exit.listener);\n    if (exit.timer !== undefined) doc.defaultView?.clearTimeout(exit.timer);\n    exit.node.classList.remove(\"closing\");\n  }\n\n  /** Hides the node at once, without an animation. */\n  function hideNow(node: HTMLElement) {\n    stopExit(node);\n    node.hidden = true;\n  }\n\n  /**\n   * Fades the node out and hides it when the animation ends. The timer is the\n   * fallback for a browser that sends no event (a hidden tab, a reduced\n   * motion setting): the layer always disappears.\n   */\n  function exitTo(node: HTMLElement) {\n    stopExit(node);\n    if (node.hidden) return;\n    if (reducedMotion()) {\n      node.hidden = true;\n      return;\n    }\n    node.classList.add(\"closing\");\n    const listener = (event: Event) => {\n      // Another animation of a child ends first; only our own counts.\n      if (event.target !== node) return;\n      finish();\n    };\n    const timer = doc.defaultView?.setTimeout(finish, EXIT_ANIMATION_MS + 120);\n    function finish() {\n      stopExit(node);\n      node.hidden = true;\n    }\n    node.addEventListener(\"animationend\", listener);\n    exits.push({ node, listener, timer });\n  }\n\n  /** Shows the node and plays the entrance animation again. */\n  function enter(node: HTMLElement) {\n    stopExit(node);\n    node.hidden = false;\n    // The class has to leave and come back, or the animation does not restart.\n    node.classList.remove(\"enter\");\n    void node.offsetWidth;\n    node.classList.add(\"enter\");\n  }\n\n  function onKeydown(event: KeyboardEvent) {\n    if (layer !== \"settings\") return;\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      closeSettings();\n      return;\n    }\n    if (event.key !== \"Tab\") return;\n    const items = focusables();\n    if (items.length === 0) return;\n    const active = shadow?.activeElement as HTMLElement | null;\n    const first = items[0];\n    const last = items[items.length - 1];\n    const outside = !active || !dialog.contains(active);\n    if (event.shiftKey && (outside || active === first || active === dialog)) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && (outside || active === last)) {\n      event.preventDefault();\n      first.focus();\n    }\n  }\n\n  function showBanner(focus = false) {\n    try {\n      ensure();\n      layer = \"banner\";\n      doc.removeEventListener(\"keydown\", onKeydown, true);\n      hideNow(overlay);\n      enter(banner);\n      if (focus) banner.focus({ preventScroll: true });\n    } catch {\n      // never throw into the host page\n    }\n  }\n\n  function showSettings() {\n    try {\n      ensure();\n      if (layer !== \"settings\") {\n        const active = doc.activeElement as HTMLElement | null;\n        opener = active && active !== host && active !== doc.body ? active : null;\n      }\n      const current = options.getChoices();\n      toggles.forEach((input, key) => (input.checked = !!current?.[key]));\n      layer = \"settings\";\n      hideNow(banner);\n      enter(overlay);\n      enter(dialog);\n      doc.addEventListener(\"keydown\", onKeydown, true);\n      dialog.focus({ preventScroll: true });\n    } catch {\n      // never throw into the host page\n    }\n  }\n\n  function closeSettings() {\n    if (layer !== \"settings\") return;\n    doc.removeEventListener(\"keydown\", onKeydown, true);\n    exitTo(overlay);\n    if (options.hasChoice()) {\n      layer = \"none\";\n      opener?.focus?.({ preventScroll: true });\n    } else {\n      layer = \"banner\";\n      enter(banner);\n      settingsButton.focus({ preventScroll: true });\n    }\n  }\n\n  function hide() {\n    if (!host) return;\n    doc.removeEventListener(\"keydown\", onKeydown, true);\n    const wasSettings = layer === \"settings\";\n    layer = \"none\";\n    exitTo(banner);\n    exitTo(overlay);\n    if (wasSettings) opener?.focus?.({ preventScroll: true });\n  }\n\n  function destroy() {\n    doc.removeEventListener(\"keydown\", onKeydown, true);\n    media?.removeEventListener?.(\"change\", applyTheme);\n    while (exits.length > 0) stopExit(exits[0]!.node);\n    host?.remove();\n    host = null;\n    shadow = null;\n    layer = \"none\";\n  }\n\n  return { showBanner, showSettings, hide, destroy };\n}\n"]}
+{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/emems-order-history-panel/dist/consent.js","../src/consent/react.tsx","../src/consent/core/types.ts","../src/consent/core/activate.ts","../src/consent/core/config.ts","../src/consent/core/styles.ts","../src/consent/core/ui.ts"],"names":["CONSENT_CATEGORIES","SCRIPT_SELECTOR","FRAME_SELECTOR","allowed","c","category","settled","script","resolve","run","doc","placeholder","name","value","external","loaded","activateScripts","activated","gate","loading","inline","frame","src","DEFAULT_API_HOST","DEFAULT_COLLECT_HOST","defaultConfig","THEMES","POSITIONS","HEX_COLOR","safeColor","safeUrl","url","cleanServices","services","item","cookie","mergeConfig","layers","result","layer","accent","privacy","fetchRemoteConfig","apiHost","key","timeoutMs","controller","timer","response"],"mappings":"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","file":"/home/emems/.t3/worktrees/bitsnap-react/emems-order-history-panel/dist/consent.js","sourcesContent":[null,"import { useCallback, useRef, useSyncExternalStore } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/isomorphic-layout-effect\";\nimport { createConsent } from \"./core/controller\";\nimport type {\n  BitsnapConsentApi,\n  ConsentChoices,\n  ConsentConfig,\n  ConsentOptions,\n  ConsentState,\n} from \"./core/types\";\n\ndeclare global {\n  interface Window {\n    BitsnapConsent?: BitsnapConsentApi;\n  }\n}\n\nexport type BitsnapConsentProps = {\n  /** Public project key: loads the project's banner config and logs choices. */\n  projectKey?: string;\n  theme?: ConsentOptions[\"theme\"];\n  locale?: ConsentOptions[\"locale\"];\n  position?: ConsentOptions[\"position\"];\n  privacyPolicyUrl?: string;\n  /** `project` keeps the consent cookie per project key. */\n  scope?: ConsentOptions[\"scope\"];\n  apiHost?: string;\n  collectHost?: string;\n  /** Local config, merged over the project config. */\n  config?: Partial<ConsentConfig>;\n  reloadOnWithdraw?: boolean;\n  /** Google Consent Mode v2: `auto` (default) is on when `gtag` or `dataLayer` already exist. */\n  gcm?: ConsentOptions[\"gcm\"];\n  /** Categories offered when no remote config is loaded. */\n  categories?: ConsentOptions[\"categories\"];\n  /** Dashboard preview: shows the banner from the local options only; touches no cookie. */\n  preview?: boolean;\n  /** Replaces the banner title. */\n  title?: string;\n  /** Replaces the banner description. */\n  description?: string;\n};\n\n/** Mounts Bitsnap Consent on the page. Renders nothing itself (the banner lives in a Shadow DOM). */\nexport function BitsnapConsent(props: BitsnapConsentProps): null {\n  const {\n    projectKey, theme, locale, position, privacyPolicyUrl, scope, apiHost, collectHost, reloadOnWithdraw,\n    gcm, preview, title, description,\n  } = props;\n  const configKey = JSON.stringify(props.config ?? null);\n  const configRef = useRef(props.config);\n  configRef.current = props.config;\n  const categoriesKey = JSON.stringify(props.categories ?? null);\n  const categoriesRef = useRef(props.categories);\n  categoriesRef.current = props.categories;\n\n  // A layout effect: the page's passive effects (first events, tracker) must find the API already there.\n  useIsomorphicLayoutEffect(() => {\n    // A banner from the script tag or another instance already runs on this page.\n    if (window.BitsnapConsent) return;\n    const api = createConsent({\n      projectKey,\n      theme,\n      locale,\n      position,\n      privacyPolicyUrl,\n      scope,\n      apiHost,\n      collectHost,\n      reloadOnWithdraw,\n      gcm,\n      preview,\n      title,\n      description,\n      categories: categoriesRef.current,\n      config: configRef.current,\n    });\n    window.BitsnapConsent = api;\n    return () => {\n      api.destroy();\n      if (window.BitsnapConsent === api) delete window.BitsnapConsent;\n    };\n  }, [\n    projectKey, theme, locale, position, privacyPolicyUrl, scope, apiHost, collectHost, reloadOnWithdraw,\n    gcm, preview, title, description, categoriesKey, configKey,\n  ]);\n\n  return null;\n}\n\nlet lastKey = \"null\";\nlet lastState: ConsentState | null = null;\n\nfunction getSnapshot(): ConsentState | null {\n  const current = typeof window === \"undefined\" ? null : (window.BitsnapConsent?.get() ?? null);\n  const key = JSON.stringify(current);\n  if (key !== lastKey) {\n    lastKey = key;\n    lastState = current;\n  }\n  return lastState;\n}\n\nfunction subscribe(onChange: () => void): () => void {\n  window.addEventListener(\"bitsnap:consent\", onChange);\n  window.addEventListener(\"bitsnap:consent:ready\", onChange);\n  return () => {\n    window.removeEventListener(\"bitsnap:consent\", onChange);\n    window.removeEventListener(\"bitsnap:consent:ready\", onChange);\n  };\n}\n\nexport type UseConsent = {\n  /** The stored choice, or `null` while there is none (or on the server). */\n  consent: ConsentState | null;\n  /** `true` once the visitor has made a choice that is still valid. */\n  decided: boolean;\n  open: () => void;\n  accept: (categories?: Partial<ConsentChoices>) => void;\n  acceptAll: () => void;\n  rejectAll: () => void;\n  reset: () => void;\n};\n\n/** Current consent state of the page, kept up to date as the visitor chooses. */\nexport function useConsent(): UseConsent {\n  const consent = useSyncExternalStore(subscribe, getSnapshot, () => null);\n  const open = useCallback(() => window.BitsnapConsent?.open(), []);\n  const accept = useCallback((categories?: Partial<ConsentChoices>) => window.BitsnapConsent?.accept(categories), []);\n  const acceptAll = useCallback(() => window.BitsnapConsent?.acceptAll(), []);\n  const rejectAll = useCallback(() => window.BitsnapConsent?.rejectAll(), []);\n  const reset = useCallback(() => window.BitsnapConsent?.reset(), []);\n  return { consent, decided: consent !== null, open, accept, acceptAll, rejectAll, reset };\n}\n","export type ConsentCategory = \"analytics\" | \"marketing\" | \"preferences\";\n\nexport type ConsentChoices = Record<ConsentCategory, boolean>;\n\nexport type ConsentTheme = \"auto\" | \"light\" | \"dark\";\n\nexport type ConsentPosition = \"bottom\" | \"bottom-left\" | \"bottom-right\";\n\nexport type ConsentLocale = \"pl\" | \"en\";\n\nexport const CONSENT_CATEGORIES: readonly ConsentCategory[] = [\n  \"analytics\",\n  \"marketing\",\n  \"preferences\",\n];\n\nexport const CONSENT_TEXT_KEYS = [\n  \"title\",\n  \"description\",\n  \"acceptAll\",\n  \"rejectAll\",\n  \"settings\",\n  \"save\",\n  \"close\",\n  \"necessaryTitle\",\n  \"necessaryDescription\",\n  \"analyticsTitle\",\n  \"analyticsDescription\",\n  \"marketingTitle\",\n  \"marketingDescription\",\n  \"preferencesTitle\",\n  \"preferencesDescription\",\n  \"poweredBy\",\n] as const;\n\nexport type ConsentTexts = Record<(typeof CONSENT_TEXT_KEYS)[number], string>;\n\nexport type ConsentService = {\n  name: string;\n  category: ConsentCategory;\n  /** Cookies to delete (best effort) when the category is withdrawn. A trailing `*` matches a prefix. */\n  cookies?: string[];\n};\n\nexport type ConsentConfig = {\n  /** Banner version. A stored choice with a lower `bv` makes the banner ask again. */\n  version: number;\n  theme: ConsentTheme;\n  accentColor?: string;\n  position: ConsentPosition;\n  privacyPolicyUrl?: string;\n  categories: ConsentChoices;\n  services: ConsentService[];\n  texts?: Partial<Record<ConsentLocale, Partial<ConsentTexts>>>;\n  poweredBy: true;\n};\n\n/** What the consent cookie holds, and what `get()` returns. */\nexport type ConsentState = {\n  id: string;\n  /** Unix seconds. */\n  ts: number;\n  /** Version of the banner the choice was made on. */\n  bv: number;\n  c: ConsentChoices;\n};\n\nexport type ConsentAction =\n  | \"accept_all\"\n  | \"reject_all\"\n  | \"custom\"\n  | \"withdraw\";\n\n/** `detail` of `bitsnap:consent` and the argument of `on('change')`. */\nexport type ConsentChangeDetail = ConsentState & {\n  /** `reset` when the visitor's stored choice was cleared (`get()` is `null` then). */\n  action: ConsentAction | \"reset\";\n};\n\nexport type ConsentOptions = {\n  /** Public project key. Enables the remote config and the consent log. */\n  projectKey?: string;\n  theme?: ConsentTheme;\n  locale?: \"auto\" | ConsentLocale;\n  position?: ConsentPosition;\n  privacyPolicyUrl?: string;\n  /** `project` keeps one cookie per project key (`bitsnap_consent_<key>`). */\n  scope?: \"global\" | \"project\";\n  apiHost?: string;\n  collectHost?: string;\n  /** Google Consent Mode v2. `auto` is on when `gtag` or `dataLayer` already exist. */\n  gcm?: \"auto\" | \"on\" | \"off\";\n  /** Local overrides, merged over the defaults and the remote config. */\n  config?: Partial<ConsentConfig>;\n  /** Categories used when no remote config is loaded. */\n  categories?: Partial<ConsentChoices>;\n  reloadOnWithdraw?: boolean;\n  /**\n   * Dashboard preview: shows the banner at once from the local options, never\n   * reads or writes the cookie, loads no remote config, sends no consent log,\n   * and the buttons only close the banner.\n   */\n  preview?: boolean;\n  /** Replaces the banner title (current locale, non-empty values only). */\n  title?: string;\n  /** Replaces the banner description (current locale, non-empty values only). */\n  description?: string;\n};\n\nexport type BitsnapConsentApi = {\n  /**\n   * Whose choice this banner holds: `project` keeps one cookie per project key\n   * (`bitsnap_consent_<key>`), `global` the site-wide `bitsnap_consent`.\n   */\n  readonly scope: \"global\" | \"project\";\n  /** The bare public project key the banner was started with, if any (`pk_` stripped). */\n  readonly projectKey: string | null;\n  get(): ConsentState | null;\n  /**\n   * `true` when the visitor refused `category`, also in a choice made on an older banner\n   * version (which `get()` no longer returns) that they have not answered again yet.\n   */\n  denied(category: ConsentCategory): boolean;\n  on(event: \"change\", fn: (detail: ConsentChangeDetail) => void): () => void;\n  open(): void;\n  close(): void;\n  accept(categories?: Partial<ConsentChoices>): void;\n  acceptAll(): void;\n  rejectAll(): void;\n  reset(): void;\n  /** Resolves with the stored choice (or `null`) once config and stored choice are applied. */\n  ready: Promise<ConsentState | null>;\n  destroy(): void;\n};\n","import { CONSENT_CATEGORIES, type ConsentChoices } from \"./types\";\n\nconst SCRIPT_SELECTOR = 'script[type=\"text/plain\"][data-bitsnap-consent]:not([data-bitsnap-queued])';\nconst FRAME_SELECTOR = \"iframe[data-bitsnap-consent][data-src]\";\n\nconst allowed = (c: ConsentChoices, category: string | null): boolean =>\n  (CONSENT_CATEGORIES as readonly string[]).includes(category ?? \"\") &&\n  c[category as keyof ConsentChoices];\n\n/** Settles when the script has loaded or failed: a broken script must not block the ones after it. */\nfunction settled(script: HTMLScriptElement): Promise<void> {\n  return new Promise((resolve) => {\n    script.addEventListener(\"load\", () => resolve(), { once: true });\n    script.addEventListener(\"error\", () => resolve(), { once: true });\n  });\n}\n\n/** Swaps the placeholder for a live script; resolves once an external one has loaded. */\nfunction run(doc: Document, placeholder: HTMLScriptElement): Promise<void> | undefined {\n  const script = doc.createElement(\"script\");\n  for (const { name, value } of Array.from(placeholder.attributes)) {\n    if (name === \"type\" || name === \"data-bitsnap-queued\") continue;\n    if (name === \"data-type\") {\n      // The embed writes the original `type=\"module\"` here, as `type` itself is `text/plain`.\n      if (value === \"module\") script.setAttribute(\"type\", \"module\");\n    } else if (name === \"data-src\") script.setAttribute(\"src\", value);\n    else script.setAttribute(name, value);\n  }\n  if (placeholder.nonce) script.nonce = placeholder.nonce;\n  const external = script.hasAttribute(\"src\");\n  if (external) {\n    // Dynamic scripts are async by default; keep the order of the page.\n    if (!placeholder.hasAttribute(\"async\")) script.async = false;\n  } else {\n    script.text = placeholder.text;\n  }\n  const loaded = external ? settled(script) : undefined;\n  placeholder.parentNode?.replaceChild(script, placeholder);\n  return loaded;\n}\n\n/**\n * Turns the consented placeholders into live elements:\n * `<script type=\"text/plain\" data-bitsnap-consent=\"marketing\" [data-src] [data-type=\"module\"]>` becomes\n * a real script (attributes copied, `type` dropped or restored from `data-type`, `data-src` -> `src`),\n * and `<iframe data-src>` gets its `src`.\n * Placeholders run in document order: an inline script waits for the external scripts before it\n * (`<script src=lib.js>` then `<script>Lib.init()</script>`), external ones only follow each other.\n */\nexport function activateScripts(doc: Document, c: ConsentChoices): number {\n  let activated = 0;\n  try {\n    /** Set once a placeholder had to wait: everything after it queues behind it. */\n    let gate: Promise<void> | null = null;\n    /** External scripts inserted since the last inline one. */\n    let loading: Promise<void>[] = [];\n    doc.querySelectorAll<HTMLScriptElement>(SCRIPT_SELECTOR).forEach((placeholder) => {\n      if (!allowed(c, placeholder.getAttribute(\"data-bitsnap-consent\"))) return;\n      activated++;\n      const inline = !placeholder.hasAttribute(\"data-src\") && !placeholder.hasAttribute(\"src\");\n      if (gate || (inline && loading.length > 0)) {\n        // Marked so that another call (a later choice) does not queue it again.\n        placeholder.setAttribute(\"data-bitsnap-queued\", \"\");\n        gate = (gate ?? Promise.all(loading).then(() => {})).then(() => {\n          try {\n            return run(doc, placeholder);\n          } catch {\n            // never throw into the host page\n          }\n        });\n        loading = [];\n        return;\n      }\n      const loaded = run(doc, placeholder);\n      if (loaded) loading.push(loaded);\n    });\n    doc.querySelectorAll<HTMLIFrameElement>(FRAME_SELECTOR).forEach((frame) => {\n      if (!allowed(c, frame.getAttribute(\"data-bitsnap-consent\"))) return;\n      const src = frame.getAttribute(\"data-src\");\n      if (src && frame.getAttribute(\"src\") !== src) {\n        frame.setAttribute(\"src\", src);\n        frame.removeAttribute(\"data-src\");\n        activated++;\n      }\n    });\n  } catch {\n    // never throw into the host page\n  }\n  return activated;\n}\n","import {\n  CONSENT_CATEGORIES,\n  type ConsentChoices,\n  type ConsentConfig,\n  type ConsentService,\n} from \"./types\";\n\nexport const DEFAULT_API_HOST = \"https://bitsnap.pl\";\nexport const DEFAULT_COLLECT_HOST = \"https://collect.bitsnap.pl\";\n\nexport function defaultConfig(): ConsentConfig {\n  return {\n    version: 1,\n    theme: \"auto\",\n    position: \"bottom\",\n    categories: { analytics: true, marketing: true, preferences: false },\n    services: [],\n    poweredBy: true,\n  };\n}\n\nconst THEMES = [\"auto\", \"light\", \"dark\"];\nconst POSITIONS = [\"bottom\", \"bottom-left\", \"bottom-right\"];\n\nconst HEX_COLOR = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;\n\nexport function safeColor(value: unknown): string | undefined {\n  return typeof value === \"string\" && HEX_COLOR.test(value.trim())\n    ? value.trim()\n    : undefined;\n}\n\n/** Only http(s) and relative URLs may end up in the banner. */\nexport function safeUrl(value: unknown): string | undefined {\n  if (typeof value !== \"string\") return undefined;\n  const url = value.trim();\n  return /^(?:https?:\\/\\/|\\/(?!\\/)|#|\\?)/i.test(url) ? url : undefined;\n}\n\nfunction cleanServices(value: unknown): ConsentService[] {\n  if (!Array.isArray(value)) return [];\n  const services: ConsentService[] = [];\n  for (const item of value) {\n    if (\n      item &&\n      typeof item.name === \"string\" &&\n      (CONSENT_CATEGORIES as readonly string[]).includes(item.category)\n    ) {\n      services.push({\n        name: item.name,\n        category: item.category,\n        cookies: Array.isArray(item.cookies)\n          ? item.cookies.filter((cookie: unknown) => typeof cookie === \"string\")\n          : undefined,\n      });\n    }\n  }\n  return services;\n}\n\n/** Layers partial configs (later wins) over the defaults, dropping invalid values. */\nexport function mergeConfig(\n  ...layers: (Partial<ConsentConfig> | null | undefined)[]\n): ConsentConfig {\n  const result = defaultConfig();\n  for (const layer of layers) {\n    if (!layer || typeof layer !== \"object\") continue;\n    if (typeof layer.version === \"number\" && layer.version >= 0) {\n      result.version = Math.floor(layer.version);\n    }\n    if (THEMES.includes(layer.theme as string)) result.theme = layer.theme!;\n    if (POSITIONS.includes(layer.position as string)) result.position = layer.position!;\n    const accent = safeColor(layer.accentColor);\n    if (accent) result.accentColor = accent;\n    const privacy = safeUrl(layer.privacyPolicyUrl);\n    if (privacy) result.privacyPolicyUrl = privacy;\n    if (layer.categories && typeof layer.categories === \"object\") {\n      for (const category of CONSENT_CATEGORIES) {\n        if (typeof layer.categories[category] === \"boolean\") {\n          result.categories[category] = layer.categories[category];\n        }\n      }\n    }\n    if (layer.services !== undefined) result.services = cleanServices(layer.services);\n    if (layer.texts && typeof layer.texts === \"object\") result.texts = layer.texts;\n  }\n  return result;\n}\n\nexport function parseCategoryList(value: string | null | undefined): ConsentChoices {\n  const wanted = (value ?? \"\").split(\",\").map((item) => item.trim());\n  return {\n    analytics: wanted.includes(\"analytics\"),\n    marketing: wanted.includes(\"marketing\"),\n    preferences: wanted.includes(\"preferences\"),\n  };\n}\n\n/** What `GET /api/consent/config` answers: whether the banner is on, and its config. */\nexport type RemoteConsentConfig = {\n  /** `false` when the project turned the banner off: nothing is shown, stored choices still apply. */\n  enabled: boolean;\n  config: Partial<ConsentConfig> | null;\n};\n\n/** Loads the project's banner config. Resolves to `null` on any failure or after the timeout. */\nexport async function fetchRemoteConfig(\n  apiHost: string,\n  key: string,\n  timeoutMs = 3000,\n): Promise<RemoteConsentConfig | null> {\n  if (typeof fetch !== \"function\") return null;\n  const controller = typeof AbortController === \"function\" ? new AbortController() : undefined;\n  const timer = setTimeout(() => controller?.abort(), timeoutMs);\n  try {\n    const response = await fetch(\n      `${apiHost.replace(/\\/+$/, \"\")}/api/consent/config?key=${encodeURIComponent(key)}`,\n      { signal: controller?.signal, credentials: \"omit\" },\n    );\n    if (!response.ok) return null;\n    const body = await response.json();\n    if (!body || typeof body !== \"object\") return null;\n    const config = body.config && typeof body.config === \"object\" ? body.config : null;\n    const enabled = body.enabled !== false;\n    return config || !enabled ? { enabled, config } : null;\n  } catch {\n    return null;\n  } finally {\n    clearTimeout(timer);\n  }\n}\n","/** Colors of both themes. Every text/background pair is checked against WCAG AA in the tests. */\nexport const PALETTE = {\n  light: {\n    bg: \"#ffffff\",\n    fg: \"#14171c\",\n    muted: \"#495260\",\n    border: \"#c9ced6\",\n    off: \"#6b7280\",\n    thumb: \"#ffffff\",\n    accent: \"#1d4ed8\",\n    onAccent: \"#ffffff\",\n    link: \"#1d4ed8\",\n  },\n  dark: {\n    bg: \"#171a20\",\n    fg: \"#f1f3f6\",\n    muted: \"#b7beca\",\n    border: \"#3a404b\",\n    off: \"#8b93a1\",\n    thumb: \"#171a20\",\n    accent: \"#8ab4ff\",\n    onAccent: \"#0b1220\",\n    link: \"#9dc0ff\",\n  },\n} as const;\n\nconst vars = (p: (typeof PALETTE)[\"light\"]) =>\n  `--bg:${p.bg};--fg:${p.fg};--muted:${p.muted};--border:${p.border};--off:${p.off};--thumb:${p.thumb};--accent:${p.accent};--on-accent:${p.onAccent};--link:${p.link};--focus:${p.accent}`;\n\nexport const STYLES = `\n:host{all:initial}\n*{box-sizing:border-box}\n[hidden]{display:none!important}\n.root{${vars(PALETTE.light)};position:fixed;inset:0;pointer-events:none;z-index:2147483000;font:14px/1.5 system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;color:var(--fg);-webkit-text-size-adjust:100%}\n.root[data-theme=dark]{${vars(PALETTE.dark)};color-scheme:dark}\nbutton,input{font:inherit;color:inherit}\n.banner,.overlay{pointer-events:auto}\n@supports (color:color-mix(in srgb,red 50%,blue)){::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}}\n.banner{position:absolute;background:var(--bg);color:var(--fg);max-height:92vh;overflow:auto;outline:none}\n.banner.enter{animation:in .22s ease-out}\n.banner.closing{animation:out .2s ease-in forwards;pointer-events:none}\n.bottom{left:0;right:0;bottom:0;border-top:1px solid var(--border);box-shadow:0 -8px 28px rgba(15,23,42,.08);padding:20px 24px calc(20px + env(safe-area-inset-bottom,0px))}\n.root[data-theme=dark] .bottom{box-shadow:0 -8px 28px rgba(0,0,0,.4)}\n.bottom .inner{display:grid;grid-template-columns:minmax(min(100%,42ch),1fr) auto;grid-template-areas:\"text actions\" \"foot actions\";gap:4px 40px;align-items:center;max-width:1120px;margin:0 auto}\n.bottom .text{max-width:68ch}\n.bottom .btn,.bottom .link-btn{flex:0 0 auto}\n.card{bottom:16px;width:min(400px,calc(100vw - 32px));border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 12px 32px rgba(15,23,42,.14)}\n.root[data-theme=dark] .card{box-shadow:0 12px 32px rgba(0,0,0,.45)}\n.bottom-left{left:16px}\n.bottom-right{right:16px}\n.card .inner{display:flex;flex-direction:column;gap:16px}\n.text{grid-area:text}\n.actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}\n.card .actions{justify-content:stretch}\n.foot{grid-area:foot}\n.title{overflow-wrap:anywhere;font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.01em;text-wrap:balance;margin:0 0 6px}\n.desc{overflow-wrap:anywhere;margin:0;color:var(--muted);line-height:1.55;text-wrap:pretty}\n.desc a{color:var(--link);text-decoration:underline;text-underline-offset:3px}\n.btn,.link-btn{min-height:38px;padding:0 16px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .12s ease-out,filter .12s ease-out,border-color .12s ease-out}\n.btn{border:2px solid var(--accent);background:var(--accent);color:var(--on-accent);flex:1 1 150px}\n.btn:hover{filter:brightness(.93)}\n.btn:active{filter:brightness(.87)}\n.link-btn{border:1px solid var(--off);background:transparent;color:var(--fg);text-decoration:none}\n.link-btn:hover{border-color:var(--fg)}\n@supports (color:color-mix(in srgb,red 50%,blue)){.link-btn:hover{background:color-mix(in srgb,var(--fg) 9%,transparent)}.link-btn:active{background:color-mix(in srgb,var(--fg) 14%,transparent)}}\n.card .link-btn{flex:1 1 100%}\nbutton:focus-visible,a:focus-visible,.dialog:focus-visible{outline:2px solid var(--focus);outline-offset:2px}\n.foot{font-size:12px;color:var(--muted);padding-top:8px}\n.foot a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:5px;vertical-align:middle}\n.foot a:hover{text-decoration:underline}\n.foot b{color:var(--fg);font-weight:700;letter-spacing:-.01em}\n.foot svg{display:block}\n.overlay{position:absolute;inset:0;background:rgba(10,12,16,.58);display:flex;align-items:center;justify-content:center;padding:16px}\n.overlay.enter{animation:fade .2s ease-out}\n.overlay.closing{animation:fadeout .2s ease-in forwards;pointer-events:none}\n.dialog{background:var(--bg);color:var(--fg);width:100%;max-width:560px;max-height:min(92vh,760px);display:flex;flex-direction:column;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.35);outline:none}\n.dialog.enter{animation:in .22s ease-out}\n.d-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 8px 8px 24px}\n.d-head .title{margin:0;font-size:18px}\n.x{width:44px;height:44px;border:0;border-radius:10px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}\n.x:hover{background:var(--border)}\n.d-body{overflow:auto;padding:0 24px 8px;flex:1}\n.cat{border-top:1px solid var(--border);padding:10px 0 14px}\n.row{display:flex;align-items:center;justify-content:space-between;gap:12px}\n.cat-title{font-weight:600;font-size:15px}\n.always{font-size:12px;color:var(--muted);margin-right:4px}\n.cat p{margin:0;color:var(--muted)}\n.cat .svc{margin-top:6px;font-size:13px}\n.cat .svc b{font-weight:600;color:var(--fg)}\n.switch{position:relative;width:52px;height:44px;display:flex;align-items:center;justify-content:flex-end;flex:none}\n.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}\n.switch input:disabled{cursor:default}\n.track{width:44px;height:24px;border-radius:12px;background:var(--off);position:relative;transition:background .15s}\n.track::after{content:\"\";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--thumb);transition:transform .15s}\ninput:checked+.track{background:var(--accent)}\ninput:checked+.track::after{transform:translateX(20px);background:var(--on-accent)}\ninput:disabled+.track{opacity:.6}\ninput:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}\n.d-foot{display:flex;flex-direction:column;gap:8px;padding:12px 24px 16px;border-top:1px solid var(--border)}\n.d-foot .actions{justify-content:stretch}\n@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\n@keyframes fade{from{opacity:0}to{opacity:1}}\n@keyframes out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(12px)}}\n@keyframes fadeout{from{opacity:1}to{opacity:0}}\n@media(max-width:960px){\n.bottom .inner{grid-template-columns:minmax(0,1fr);grid-template-areas:\"text\" \"actions\" \"foot\";gap:14px}\n.bottom .actions{justify-content:flex-start}\n}\n@media(max-width:640px){\n.bottom{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}\n.bottom .inner{gap:12px}\n.bottom .actions{justify-content:stretch}\n.bottom .btn{flex:1 1 130px}\n.bottom .link-btn{flex:1 1 100%}\n.card{left:8px;right:8px;bottom:8px;width:auto}\n.overlay{align-items:flex-end;padding:0}\n.dialog{max-width:none;border-radius:16px 16px 0 0;max-height:92vh}\n.d-head{padding-left:16px}\n.d-body{padding:0 16px 8px}\n.d-foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}\n.btn{flex-basis:130px}\n.btn,.link-btn{padding:0 12px;min-height:40px}\n}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}\n`.replace(/\\n/g, \"\");\n","import { contrastRatio, onColor } from \"./contrast\";\nimport { UI_LABELS } from \"./texts\";\nimport { PALETTE, STYLES } from \"./styles\";\nimport {\n  CONSENT_CATEGORIES,\n  type ConsentCategory,\n  type ConsentChoices,\n  type ConsentConfig,\n  type ConsentLocale,\n  type ConsentTexts,\n} from \"./types\";\n\nexport type UIOptions = {\n  doc: Document;\n  config: ConsentConfig;\n  texts: ConsentTexts;\n  locale: ConsentLocale;\n  /** Current choice, used to preset the toggles. */\n  getChoices(): ConsentChoices | null;\n  /** Whether a valid choice exists, i.e. closing the settings must not bring back the banner. */\n  hasChoice(): boolean;\n  onAcceptAll(): void;\n  onRejectAll(): void;\n  onSave(choices: ConsentChoices): void;\n};\n\nexport type ConsentUI = {\n  /** `focus` moves keyboard focus into the banner; leave it off when the banner opens on page load. */\n  showBanner(focus?: boolean): void;\n  showSettings(): void;\n  hide(): void;\n  destroy(): void;\n};\n\nconst WORDMARK =\n  '<svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect width=\"16\" height=\"16\" rx=\"4\" fill=\"currentColor\" style=\"color:var(--fg)\"/><circle cx=\"8\" cy=\"8\" r=\"3\" fill=\"var(--bg)\"/></svg>';\n\nconst CLOSE_ICON =\n  '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 3l10 10M13 3L3 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"/></svg>';\n\nconst FOCUSABLE = \"button:not([disabled]),input:not([disabled]),a[href]\";\n\n/**\n * How long the exit animation runs. The banner and the settings layer fade\n * out before they disappear, so the page does not blink.\n */\nexport const EXIT_ANIMATION_MS = 200;\n\n/** A running exit animation: the node, its listener and its fallback timer. */\ntype Exit = {\n  node: HTMLElement;\n  listener: (event: Event) => void;\n  timer: number | undefined;\n};\n\nexport function createUI(options: UIOptions): ConsentUI {\n  const { doc, config, texts, locale } = options;\n  const labels = UI_LABELS[locale];\n  let host: HTMLElement | null = null;\n  let shadow: ShadowRoot | null = null;\n  let root: HTMLElement;\n  let banner: HTMLElement;\n  let overlay: HTMLElement;\n  let dialog: HTMLElement;\n  let settingsButton: HTMLElement;\n  let layer: \"none\" | \"banner\" | \"settings\" = \"none\";\n  let opener: HTMLElement | null = null;\n  let media: MediaQueryList | null = null;\n  const toggles = new Map<ConsentCategory, HTMLInputElement>();\n  /** The exit animations running right now; at most one per node. */\n  const exits: Exit[] = [];\n\n  function el<K extends keyof HTMLElementTagNameMap>(\n    tag: K,\n    props: Record<string, string> = {},\n    ...children: (Node | string)[]\n  ): HTMLElementTagNameMap[K] {\n    const node = doc.createElement(tag);\n    for (const key of Object.keys(props)) {\n      if (key === \"class\") node.className = props[key];\n      else node.setAttribute(key, props[key]);\n    }\n    for (const child of children) node.append(child);\n    return node;\n  }\n\n  function button(cls: string, text: string, onClick: () => void) {\n    const node = el(\"button\", { type: \"button\", class: cls }, text);\n    node.addEventListener(\"click\", onClick);\n    return node;\n  }\n\n  function powered(): HTMLElement {\n    const link = el(\"a\", {\n      href: `https://bitsnap.pl/?utm_source=consent_banner&utm_medium=referral&utm_content=${encodeURIComponent(doc.location?.hostname ?? \"\")}`,\n      target: \"_blank\",\n      rel: \"noopener\",\n    });\n    link.append(texts.poweredBy + \" \");\n    link.insertAdjacentHTML(\"beforeend\", WORDMARK);\n    link.append(el(\"b\", {}, \"bitsnap\"));\n    return el(\"div\", { class: \"foot\" }, link);\n  }\n\n  function description(): HTMLElement {\n    const node = el(\"p\", { class: \"desc\", id: \"d\" }, texts.description);\n    if (config.privacyPolicyUrl) {\n      node.append(\n        \" \",\n        el(\n          \"a\",\n          { href: config.privacyPolicyUrl, target: \"_blank\", rel: \"noopener\" },\n          labels.privacy,\n        ),\n      );\n    }\n    return node;\n  }\n\n  function buildBanner() {\n    settingsButton = button(\"link-btn\", texts.settings, () => showSettings());\n    banner = el(\n      \"div\",\n      {\n        class: `banner ${config.position === \"bottom\" ? \"bottom\" : `card ${config.position}`}`,\n        // Not modal: the page stays usable, so it is a live region, not a dialog.\n        role: \"region\",\n        \"aria-live\": \"polite\",\n        \"aria-labelledby\": \"t\",\n        \"aria-describedby\": \"d\",\n        tabindex: \"-1\",\n      },\n      el(\n        \"div\",\n        { class: \"inner\" },\n        el(\"div\", { class: \"text\" }, el(\"div\", { class: \"title\", id: \"t\" }, texts.title), description()),\n        el(\n          \"div\",\n          { class: \"actions\" },\n          button(\"btn\", texts.acceptAll, options.onAcceptAll),\n          button(\"btn\", texts.rejectAll, options.onRejectAll),\n          settingsButton,\n        ),\n        powered(),\n      ),\n    );\n  }\n\n  function category(id: ConsentCategory | \"necessary\"): HTMLElement {\n    const services = config.services.filter((service) => service.category === id);\n    const input = el(\"input\", { type: \"checkbox\", role: \"switch\", \"aria-labelledby\": `l-${id}`, \"aria-describedby\": `p-${id}` });\n    if (id === \"necessary\") {\n      input.checked = true;\n      input.disabled = true;\n    } else {\n      toggles.set(id, input);\n    }\n    const node = el(\n      \"div\",\n      { class: \"cat\" },\n      el(\n        \"div\",\n        { class: \"row\" },\n        el(\"span\", { class: \"cat-title\", id: `l-${id}` }, texts[`${id}Title` as keyof ConsentTexts]),\n        el(\n          \"span\",\n          { style: \"display:flex;align-items:center\" },\n          ...(id === \"necessary\" ? [el(\"span\", { class: \"always\" }, labels.always)] : []),\n          el(\"label\", { class: \"switch\" }, input, el(\"span\", { class: \"track\" })),\n        ),\n      ),\n      el(\"p\", { id: `p-${id}` }, texts[`${id}Description` as keyof ConsentTexts]),\n    );\n    if (services.length > 0) {\n      node.append(\n        el(\"p\", { class: \"svc\" }, el(\"b\", {}, `${labels.services}: `), services.map((s) => s.name).join(\", \")),\n      );\n    }\n    return node;\n  }\n\n  function buildSettings() {\n    const close = el(\"button\", { type: \"button\", class: \"x\", \"aria-label\": texts.close });\n    close.insertAdjacentHTML(\"beforeend\", CLOSE_ICON);\n    close.addEventListener(\"click\", () => closeSettings());\n    const body = el(\"div\", { class: \"d-body\" }, category(\"necessary\"));\n    for (const id of CONSENT_CATEGORIES) {\n      if (config.categories[id]) body.append(category(id));\n    }\n    dialog = el(\n      \"div\",\n      { class: \"dialog\", role: \"dialog\", \"aria-modal\": \"true\", \"aria-labelledby\": \"st\", tabindex: \"-1\" },\n      el(\"div\", { class: \"d-head\" }, el(\"div\", { class: \"title\", id: \"st\" }, texts.settings), close),\n      body,\n      el(\n        \"div\",\n        { class: \"d-foot\" },\n        el(\n          \"div\",\n          { class: \"actions\" },\n          button(\"btn\", texts.save, () => options.onSave(readToggles())),\n          button(\"btn\", texts.acceptAll, options.onAcceptAll),\n          button(\"btn\", texts.rejectAll, options.onRejectAll),\n        ),\n        powered(),\n      ),\n    );\n    overlay = el(\"div\", { class: \"overlay\" }, dialog);\n    overlay.addEventListener(\"mousedown\", (event) => {\n      if (event.target === overlay) closeSettings();\n    });\n  }\n\n  function readToggles(): ConsentChoices {\n    const choices = { analytics: false, marketing: false, preferences: false };\n    toggles.forEach((input, key) => (choices[key] = input.checked));\n    return choices;\n  }\n\n  function applyTheme() {\n    const dark = config.theme === \"dark\" || (config.theme === \"auto\" && !!media?.matches);\n    root.setAttribute(\"data-theme\", dark ? \"dark\" : \"light\");\n    applyAccent(dark);\n  }\n\n  /** A custom accent that is too faint on the dark background gives way to the dark theme's own. */\n  function applyAccent(dark: boolean) {\n    const accent = config.accentColor;\n    if (!accent) return;\n    if (dark && contrastRatio(accent, PALETTE.dark.bg) < 3) {\n      for (const name of [\"--accent\", \"--focus\", \"--on-accent\"]) root.style.removeProperty(name);\n      return;\n    }\n    root.style.setProperty(\"--accent\", accent);\n    root.style.setProperty(\"--focus\", accent);\n    root.style.setProperty(\"--on-accent\", onColor(accent));\n  }\n\n  function ensure() {\n    if (host) return;\n    host = el(\"div\", { id: \"bitsnap-consent\", \"data-bitsnap-consent-host\": \"\" });\n    shadow = host.attachShadow({ mode: \"open\" });\n    shadow.append(el(\"style\", {}, STYLES));\n    root = el(\"div\", { class: \"root\", lang: locale });\n    buildBanner();\n    buildSettings();\n    banner.hidden = true;\n    overlay.hidden = true;\n    root.append(banner, overlay);\n    shadow.append(root);\n    if (typeof doc.defaultView?.matchMedia === \"function\") {\n      media = doc.defaultView.matchMedia(\"(prefers-color-scheme: dark)\");\n      media.addEventListener?.(\"change\", applyTheme);\n    }\n    applyTheme();\n    doc.body.append(host);\n  }\n\n  function focusables(): HTMLElement[] {\n    return Array.from(dialog.querySelectorAll<HTMLElement>(FOCUSABLE));\n  }\n\n  /** Whether the visitor asked for less motion: the layers then come and go at once. */\n  function reducedMotion(): boolean {\n    try {\n      return doc.defaultView?.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches === true;\n    } catch {\n      return false;\n    }\n  }\n\n  /** Stops a running exit animation; the node stays where it is. */\n  function stopExit(node: HTMLElement) {\n    const index = exits.findIndex((exit) => exit.node === node);\n    if (index === -1) return;\n    const [exit] = exits.splice(index, 1);\n    exit.node.removeEventListener(\"animationend\", exit.listener);\n    if (exit.timer !== undefined) doc.defaultView?.clearTimeout(exit.timer);\n    exit.node.classList.remove(\"closing\");\n  }\n\n  /** Hides the node at once, without an animation. */\n  function hideNow(node: HTMLElement) {\n    stopExit(node);\n    node.hidden = true;\n  }\n\n  /**\n   * Fades the node out and hides it when the animation ends. The timer is the\n   * fallback for a browser that sends no event (a hidden tab, a reduced\n   * motion setting): the layer always disappears.\n   */\n  function exitTo(node: HTMLElement) {\n    stopExit(node);\n    if (node.hidden) return;\n    if (reducedMotion()) {\n      node.hidden = true;\n      return;\n    }\n    node.classList.add(\"closing\");\n    const listener = (event: Event) => {\n      // Another animation of a child ends first; only our own counts.\n      if (event.target !== node) return;\n      finish();\n    };\n    const timer = doc.defaultView?.setTimeout(finish, EXIT_ANIMATION_MS + 120);\n    function finish() {\n      stopExit(node);\n      node.hidden = true;\n    }\n    node.addEventListener(\"animationend\", listener);\n    exits.push({ node, listener, timer });\n  }\n\n  /** Shows the node and plays the entrance animation again. */\n  function enter(node: HTMLElement) {\n    stopExit(node);\n    node.hidden = false;\n    // The class has to leave and come back, or the animation does not restart.\n    node.classList.remove(\"enter\");\n    void node.offsetWidth;\n    node.classList.add(\"enter\");\n  }\n\n  function onKeydown(event: KeyboardEvent) {\n    if (layer !== \"settings\") return;\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      closeSettings();\n      return;\n    }\n    if (event.key !== \"Tab\") return;\n    const items = focusables();\n    if (items.length === 0) return;\n    const active = shadow?.activeElement as HTMLElement | null;\n    const first = items[0];\n    const last = items[items.length - 1];\n    const outside = !active || !dialog.contains(active);\n    if (event.shiftKey && (outside || active === first || active === dialog)) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && (outside || active === last)) {\n      event.preventDefault();\n      first.focus();\n    }\n  }\n\n  function showBanner(focus = false) {\n    try {\n      ensure();\n      layer = \"banner\";\n      doc.removeEventListener(\"keydown\", onKeydown, true);\n      hideNow(overlay);\n      enter(banner);\n      if (focus) banner.focus({ preventScroll: true });\n    } catch {\n      // never throw into the host page\n    }\n  }\n\n  function showSettings() {\n    try {\n      ensure();\n      if (layer !== \"settings\") {\n        const active = doc.activeElement as HTMLElement | null;\n        opener = active && active !== host && active !== doc.body ? active : null;\n      }\n      const current = options.getChoices();\n      toggles.forEach((input, key) => (input.checked = !!current?.[key]));\n      layer = \"settings\";\n      hideNow(banner);\n      enter(overlay);\n      enter(dialog);\n      doc.addEventListener(\"keydown\", onKeydown, true);\n      dialog.focus({ preventScroll: true });\n    } catch {\n      // never throw into the host page\n    }\n  }\n\n  function closeSettings() {\n    if (layer !== \"settings\") return;\n    doc.removeEventListener(\"keydown\", onKeydown, true);\n    exitTo(overlay);\n    if (options.hasChoice()) {\n      layer = \"none\";\n      opener?.focus?.({ preventScroll: true });\n    } else {\n      layer = \"banner\";\n      enter(banner);\n      settingsButton.focus({ preventScroll: true });\n    }\n  }\n\n  function hide() {\n    if (!host) return;\n    doc.removeEventListener(\"keydown\", onKeydown, true);\n    const wasSettings = layer === \"settings\";\n    layer = \"none\";\n    exitTo(banner);\n    exitTo(overlay);\n    if (wasSettings) opener?.focus?.({ preventScroll: true });\n  }\n\n  function destroy() {\n    doc.removeEventListener(\"keydown\", onKeydown, true);\n    media?.removeEventListener?.(\"change\", applyTheme);\n    while (exits.length > 0) stopExit(exits[0]!.node);\n    host?.remove();\n    host = null;\n    shadow = null;\n    layer = \"none\";\n  }\n\n  return { showBanner, showSettings, hide, destroy };\n}\n"]}