@kitbase/messaging 0.1.0

package/README.md

@@ -0,0 +1,209 @@
+# @kitbase/messaging
+
+Kitbase In-App Messaging SDK for TypeScript and JavaScript. Fetches targeted messages and renders them directly in the page — modals, banners, cards, and full-screen images with automatic stacking.
+
+## Installation
+
+```bash
+npm install @kitbase/messaging
+# or
+pnpm add @kitbase/messaging
+# or
+yarn add @kitbase/messaging
+```
+
+## Quick Start
+
+```typescript
+import { init } from '@kitbase/messaging';
+
+const messaging = init({
+  sdkKey: 'your-sdk-key',
+  userId: currentUser.id,
+  metadata: { plan: 'pro' },
+});
+
+// Messages are fetched and rendered automatically!
+```
+
+That's it — messages matching your targeting criteria will appear as modals, banners, cards, or images with no extra code.
+
+### Script Tag (CDN)
+
+No bundler required. Works with any page — PHP, WordPress, static HTML, etc.
+
+```html
+<!-- unpkg -->
+<script src="https://unpkg.com/@kitbase/messaging/dist/cdn.js"></script>
+
+<!-- or jsdelivr -->
+<script src="https://cdn.jsdelivr.net/npm/@kitbase/messaging/dist/cdn.js"></script>
+```
+
+```html
+<script>
+  window.KITBASE_MESSAGING = {
+    sdkKey: 'your-sdk-key',
+    userId: 'user_123',
+    metadata: { plan: 'free', country: 'US' },
+  };
+</script>
+<script src="https://unpkg.com/@kitbase/messaging/dist/cdn.js"></script>
+<!-- Messages appear automatically! -->
+```
+
+The script auto-initializes and exposes `window.kitbaseMessaging` for further control:
+
+```html
+<script>
+  // After user logs in
+  window.kitbaseMessaging.identify('user_456');
+</script>
+```
+
+Or initialize manually:
+
+```html
+<script src="https://unpkg.com/@kitbase/messaging/dist/cdn.js"></script>
+<script>
+  var messaging = KitbaseMessaging.init({ sdkKey: 'your-sdk-key' });
+
+  messaging.identify('user_123');
+  messaging.close(); // clean up
+</script>
+```
+
+## Configuration
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `sdkKey` | `string` | **(required)** | Your Kitbase SDK key |
+| `baseUrl` | `string` | `'https://api.kitbase.dev'` | API base URL (for self-hosted instances) |
+| `userId` | `string` | — | Current user ID. Filters out already-viewed show-once messages |
+| `metadata` | `Record<string, string>` | — | Key-value pairs for targeting evaluation |
+| `pollInterval` | `number` | `60000` | Polling interval in ms. Set to `0` to fetch once only |
+| `autoShow` | `boolean` | `true` | Automatically render messages in the page |
+| `onShow` | `(message) => void` | — | Called when a message is displayed |
+| `onDismiss` | `(message) => void` | — | Called when a message is dismissed |
+| `onAction` | `(message, button) => void \| false` | — | Called on button click. Return `false` to prevent navigation |
+
+## API
+
+### `init(config): Messaging`
+
+Initialize the SDK. Creates a singleton instance.
+
+```typescript
+import { init } from '@kitbase/messaging';
+
+const messaging = init({ sdkKey: 'your-sdk-key' });
+```
+
+### `getInstance(): Messaging | null`
+
+Get the current singleton instance.
+
+```typescript
+import { getInstance } from '@kitbase/messaging';
+
+const messaging = getInstance();
+```
+
+### `messaging.identify(userId)`
+
+Set the current user. Triggers an immediate re-fetch to filter out already-viewed show-once messages.
+
+```typescript
+messaging.identify('user_123');
+```
+
+### `messaging.reset()`
+
+Clear the user and dismissed state. Call on logout.
+
+```typescript
+messaging.reset();
+```
+
+### `messaging.markViewed(messageId)`
+
+Record that the user has viewed a message. The message is removed from the UI immediately and the view is recorded on the server. Requires `identify()` to have been called first.
+
+```typescript
+messaging.markViewed('msg_abc');
+```
+
+### `messaging.getMessages(options?)`
+
+Fetch messages without rendering (data-only). Useful with `autoShow: false`.
+
+```typescript
+const messaging = init({ sdkKey: '...', autoShow: false });
+const messages = await messaging.getMessages();
+```
+
+### `messaging.subscribe(callback, options?)`
+
+Subscribe to messages with polling. Returns an unsubscribe function.
+
+```typescript
+const unsub = messaging.subscribe(
+  (messages) => renderMyUI(messages),
+  { pollInterval: 30_000 },
+);
+
+// Later
+unsub();
+```
+
+### `messaging.close()`
+
+Stop polling, remove all rendered UI, and clean up.
+
+## Message Types
+
+The SDK renders four message types, each with automatic stacking:
+
+| Type | Behavior |
+|---|---|
+| `modal` | Centered overlay with backdrop |
+| `banner` | Fixed to top, stacks vertically |
+| `card` | Fixed to bottom-right, stacks vertically |
+| `image` | Full-screen image overlay |
+
+All rendering uses shadow DOM for complete style isolation from your page.
+
+## Behavior
+
+- **Polling pauses** when the browser tab is hidden and resumes immediately when the tab becomes visible again.
+- **Dismissed messages** are tracked in-memory for the current session and filtered from subsequent polls.
+- **Show-once messages** are filtered server-side when a `userId` is provided.
+
+## TypeScript Types
+
+```typescript
+import type {
+  MessagingConfig,
+  InAppMessage,
+  MessageType,
+  MessageButton,
+  GetMessagesOptions,
+  SubscribeOptions,
+} from '@kitbase/messaging';
+```
+
+## Error Types
+
+```typescript
+import {
+  MessagingError,      // Base error
+  AuthenticationError,  // Invalid SDK key (401)
+  ApiError,             // API error (non-2xx)
+  ValidationError,      // Invalid config or missing params
+  TimeoutError,         // Request timed out
+} from '@kitbase/messaging';
+```
+
+## License
+
+MIT

package/dist/cdn.js

@@ -0,0 +1,299 @@
+"use strict";var KitbaseMessaging=(()=>{var y=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var I=(n,e)=>{for(var t in e)y(n,t,{get:e[t],enumerable:!0})},A=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of E(e))!T.call(n,s)&&s!==t&&y(n,s,{get:()=>e[s],enumerable:!(i=C(e,s))||i.enumerable});return n};var B=n=>A(y({},"__esModule",{value:!0}),n);var L={};I(L,{ApiError:()=>c,AuthenticationError:()=>p,Messaging:()=>b,MessagingError:()=>a,TimeoutError:()=>d,ValidationError:()=>l,getInstance:()=>M,init:()=>u});var a=class n extends Error{constructor(e){super(e),this.name="MessagingError",Object.setPrototypeOf(this,n.prototype)}},p=class n extends a{constructor(e="Invalid API key"){super(e),this.name="AuthenticationError",Object.setPrototypeOf(this,n.prototype)}},c=class n extends a{statusCode;response;constructor(e,t,i){super(e),this.name="ApiError",this.statusCode=t,this.response=i,Object.setPrototypeOf(this,n.prototype)}},l=class n extends a{field;constructor(e,t){super(e),this.name="ValidationError",this.field=t,Object.setPrototypeOf(this,n.prototype)}},d=class n extends a{constructor(e="Request timed out"){super(e),this.name="TimeoutError",Object.setPrototypeOf(this,n.prototype)}};var S="https://api.kitbase.dev",k=3e4,g=class{constructor(e,t){this.sdkKey=e;this.baseUrl=(t??S).replace(/\/+$/,"")}baseUrl;async getMessages(e){let t={};return e?.userId&&(t.userId=e.userId),e?.metadata&&(t.metadata=JSON.stringify(e.metadata)),(await this.get("/sdk/v1/in-app-messages",t)).messages.map(O)}async markViewed(e,t){await this.post("/sdk/v1/in-app-messages/views",{messageId:e,userId:t})}async get(e,t){let i=`${this.baseUrl}${e}`;if(t&&Object.keys(t).length>0){let r=Object.entries(t).map(([f,w])=>`${encodeURIComponent(f)}=${encodeURIComponent(w)}`).join("&");i+=`?${r}`}let s=new AbortController,o=setTimeout(()=>s.abort(),k);try{let r=await fetch(i,{method:"GET",headers:{"Content-Type":"application/json","x-sdk-key":this.sdkKey},signal:s.signal});return clearTimeout(o),r.ok||this.throwError(r,await this.parseBody(r)),await r.json()}catch(r){throw clearTimeout(o),r instanceof Error&&r.name==="AbortError"?new d:r}}async post(e,t){let i=new AbortController,s=setTimeout(()=>i.abort(),k);try{let o=await fetch(`${this.baseUrl}${e}`,{method:"POST",headers:{"Content-Type":"application/json","x-sdk-key":this.sdkKey},body:JSON.stringify(t),signal:i.signal});clearTimeout(s),o.ok||this.throwError(o,await this.parseBody(o))}catch(o){throw clearTimeout(s),o instanceof Error&&o.name==="AbortError"?new d:o}}throwError(e,t){if(e.status===401)throw new p;let i=e.statusText;throw t&&typeof t=="object"&&("message"in t?i=String(t.message):"error"in t&&(i=String(t.error))),new c(i,e.status,t)}async parseBody(e){try{return await e.json()}catch{return null}}};function O(n){let e={id:n.id,title:n.title,body:n.message,showOnce:n.showOnce,type:n.messageType,channel:n.channelName||null,imageUrl:n.imageUrl,backgroundColor:n.backgroundColor,startDate:n.startDate,endDate:n.endDate};return n.actionButtonText&&(e.actionButton={text:n.actionButtonText,url:n.actionButtonUrl,color:n.actionButtonColor,textColor:n.actionButtonTextColor}),n.secondaryButtonText&&(e.secondaryButton={text:n.secondaryButtonText,url:n.secondaryButtonUrl,color:n.secondaryButtonColor,textColor:n.secondaryButtonTextColor}),e}var v=`
+:host {
+  all: initial;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #1a1a1a;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+/* ============================== Overlay ============================== */
+
+.kb-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 999999;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  animation: kb-fade-in 200ms ease-out;
+}
+.kb-overlay.kb-exit {
+  animation: kb-fade-out 150ms ease-in forwards;
+}
+
+/* ============================== Modal ============================== */
+
+.kb-modal {
+  position: relative;
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  max-width: 480px;
+  width: 100%;
+  overflow: hidden;
+  animation: kb-scale-in 200ms ease-out;
+}
+.kb-overlay.kb-exit .kb-modal {
+  animation: kb-scale-out 150ms ease-in forwards;
+}
+
+/* ============================== Banner ============================== */
+
+.kb-banner-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 999998;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+}
+
+.kb-banner {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 12px 20px;
+  background: #4F46E5;
+  color: #fff;
+  pointer-events: auto;
+  animation: kb-slide-down 250ms ease-out;
+}
+.kb-banner.kb-exit {
+  animation: kb-slide-up-exit 150ms ease-in forwards;
+}
+.kb-banner .kb-content {
+  flex: 1;
+  min-width: 0;
+}
+.kb-banner .kb-title {
+  font-weight: 600;
+  font-size: 14px;
+}
+.kb-banner .kb-body {
+  font-size: 13px;
+  opacity: 0.9;
+  color: inherit;
+  margin: 0;
+}
+.kb-banner .kb-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.kb-banner .kb-btn-action {
+  background: rgba(255,255,255,0.2);
+  color: #fff;
+}
+.kb-banner .kb-btn-secondary {
+  background: transparent;
+  color: rgba(255,255,255,0.8);
+}
+.kb-banner .kb-close {
+  position: static;
+  background: rgba(255,255,255,0.15);
+  color: #fff;
+}
+.kb-banner .kb-close:hover {
+  background: rgba(255,255,255,0.25);
+}
+
+/* ============================== Card ============================== */
+
+.kb-card-container {
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 999997;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  max-width: 360px;
+  pointer-events: none;
+}
+
+.kb-card {
+  position: relative;
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
+  overflow: hidden;
+  pointer-events: auto;
+  animation: kb-slide-up 250ms ease-out;
+}
+.kb-card.kb-exit {
+  animation: kb-slide-down-exit 150ms ease-in forwards;
+}
+
+/* ============================== Image (fullscreen) ============================== */
+
+.kb-image-msg {
+  position: relative;
+  max-width: 600px;
+  width: 100%;
+  animation: kb-scale-in 200ms ease-out;
+}
+.kb-overlay.kb-exit .kb-image-msg {
+  animation: kb-scale-out 150ms ease-in forwards;
+}
+.kb-image-msg > img {
+  display: block;
+  width: 100%;
+  border-radius: 16px;
+}
+.kb-image-msg .kb-buttons {
+  margin-top: 12px;
+  justify-content: center;
+}
+
+/* ============================== Shared ============================== */
+
+.kb-close {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0,0,0,0.06);
+  border: none;
+  border-radius: 50%;
+  cursor: pointer;
+  font-size: 18px;
+  line-height: 1;
+  color: #666;
+  transition: background 150ms, color 150ms;
+  z-index: 1;
+}
+.kb-close:hover {
+  background: rgba(0,0,0,0.12);
+  color: #333;
+}
+.kb-overlay .kb-close {
+  background: rgba(255,255,255,0.15);
+  color: #fff;
+}
+.kb-overlay .kb-close:hover {
+  background: rgba(255,255,255,0.25);
+}
+
+.kb-msg-image {
+  display: block;
+  width: 100%;
+}
+
+.kb-content {
+  padding: 20px;
+}
+
+.kb-title {
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 1.3;
+  margin-bottom: 6px;
+}
+
+.kb-body {
+  font-size: 14px;
+  color: #555;
+  line-height: 1.6;
+  margin-bottom: 16px;
+  white-space: pre-wrap;
+}
+
+.kb-buttons {
+  display: flex;
+  gap: 8px;
+}
+
+.kb-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 10px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  text-decoration: none;
+  transition: opacity 150ms;
+  font-family: inherit;
+  line-height: 1;
+}
+.kb-btn:hover {
+  opacity: 0.88;
+}
+
+.kb-btn-action {
+  background: #4F46E5;
+  color: #fff;
+}
+
+.kb-btn-secondary {
+  background: #f3f4f6;
+  color: #374151;
+}
+
+/* ============================== Animations ============================== */
+
+@keyframes kb-fade-in {
+  from { opacity: 0 } to { opacity: 1 }
+}
+@keyframes kb-fade-out {
+  from { opacity: 1 } to { opacity: 0 }
+}
+@keyframes kb-scale-in {
+  from { transform: scale(0.95); opacity: 0 }
+  to   { transform: scale(1);    opacity: 1 }
+}
+@keyframes kb-scale-out {
+  from { transform: scale(1);    opacity: 1 }
+  to   { transform: scale(0.95); opacity: 0 }
+}
+@keyframes kb-slide-down {
+  from { transform: translateY(-100%) }
+  to   { transform: translateY(0) }
+}
+@keyframes kb-slide-up-exit {
+  from { transform: translateY(0) }
+  to   { transform: translateY(-100%) }
+}
+@keyframes kb-slide-up {
+  from { transform: translateY(20px); opacity: 0 }
+  to   { transform: translateY(0);    opacity: 1 }
+}
+@keyframes kb-slide-down-exit {
+  from { transform: translateY(0);    opacity: 1 }
+  to   { transform: translateY(20px); opacity: 0 }
+}
+
+/* ============================== Responsive ============================== */
+
+@media (max-width: 480px) {
+  .kb-card-container {
+    left: 12px;
+    right: 12px;
+    bottom: 12px;
+    max-width: none;
+  }
+  .kb-modal {
+    max-width: none;
+  }
+}
+`;var m=class{constructor(e){this.callbacks=e;this.host=document.createElement("div"),this.host.id="kitbase-messaging",document.body.appendChild(this.host),this.shadow=this.host.attachShadow({mode:"open"});let t=document.createElement("style");t.textContent=v,this.shadow.appendChild(t),this.bannerContainer=document.createElement("div"),this.bannerContainer.className="kb-banner-container",this.shadow.appendChild(this.bannerContainer),this.cardContainer=document.createElement("div"),this.cardContainer.className="kb-card-container",this.shadow.appendChild(this.cardContainer)}host;shadow;bannerContainer;cardContainer;displayed=new Map;update(e){let t=new Set(e.map(i=>i.id));for(let[i]of this.displayed)t.has(i)||this.removeMessage(i);for(let i of e)this.displayed.has(i.id)||this.renderMessage(i)}dismiss(e){this.removeMessage(e)}clear(){for(let[e]of this.displayed){let t=this.displayed.get(e);t&&t.element.remove()}this.displayed.clear()}destroy(){this.clear(),this.host.remove()}renderMessage(e){let t;switch(e.type){case"banner":t=this.renderBanner(e),this.bannerContainer.appendChild(t);break;case"card":t=this.renderCard(e),this.cardContainer.appendChild(t);break;case"image":t=this.renderImageOverlay(e),this.shadow.appendChild(t);break;default:t=this.renderModal(e),this.shadow.appendChild(t);break}this.displayed.set(e.id,{element:t,message:e}),this.callbacks.onShow(e)}renderModal(e){let t=this.el("div","kb-overlay"),i=this.el("div","kb-modal");if(e.backgroundColor&&(i.style.background=e.backgroundColor),i.appendChild(this.closeButton(e)),e.imageUrl){let o=document.createElement("img");o.className="kb-msg-image",o.src=e.imageUrl,o.alt="",i.appendChild(o)}let s=this.el("div","kb-content");return s.appendChild(this.titleEl(e.title)),e.body&&s.appendChild(this.bodyEl(e.body)),s.appendChild(this.buttonsEl(e)),i.appendChild(s),t.addEventListener("click",o=>{o.target===t&&this.handleDismiss(e)}),t.appendChild(i),t}renderBanner(e){let t=this.el("div","kb-banner");e.backgroundColor&&(t.style.background=e.backgroundColor);let i=this.el("div","kb-content");i.appendChild(this.titleEl(e.title)),e.body&&i.appendChild(this.bodyEl(e.body)),t.appendChild(i);let s=this.el("div","kb-actions");return e.actionButton&&s.appendChild(this.btnEl(e,e.actionButton,"kb-btn-action")),e.secondaryButton&&s.appendChild(this.btnEl(e,e.secondaryButton,"kb-btn-secondary")),s.appendChild(this.closeButton(e)),t.appendChild(s),t}renderCard(e){let t=this.el("div","kb-card");if(e.backgroundColor&&(t.style.background=e.backgroundColor),t.appendChild(this.closeButton(e)),e.imageUrl){let s=document.createElement("img");s.className="kb-msg-image",s.src=e.imageUrl,s.alt="",t.appendChild(s)}let i=this.el("div","kb-content");return i.appendChild(this.titleEl(e.title)),e.body&&i.appendChild(this.bodyEl(e.body)),i.appendChild(this.buttonsEl(e)),t.appendChild(i),t}renderImageOverlay(e){let t=this.el("div","kb-overlay"),i=this.el("div","kb-image-msg");if(i.appendChild(this.closeButton(e)),e.imageUrl){let o=document.createElement("img");o.src=e.imageUrl,o.alt=e.title,i.appendChild(o)}let s=this.buttonsEl(e);return s.childElementCount>0&&i.appendChild(s),t.addEventListener("click",o=>{o.target===t&&this.handleDismiss(e)}),t.appendChild(i),t}titleEl(e){let t=this.el("div","kb-title");return t.textContent=e,t}bodyEl(e){let t=this.el("div","kb-body");return t.textContent=e,t}buttonsEl(e){let t=this.el("div","kb-buttons");return e.actionButton&&t.appendChild(this.btnEl(e,e.actionButton,"kb-btn-action")),e.secondaryButton&&t.appendChild(this.btnEl(e,e.secondaryButton,"kb-btn-secondary")),t}btnEl(e,t,i){let s=document.createElement("button");return s.className=`kb-btn ${i}`,s.textContent=t.text,t.color&&(s.style.background=t.color),t.textColor&&(s.style.color=t.textColor),s.addEventListener("click",o=>{o.stopPropagation(),this.handleAction(e,t)}),s}closeButton(e){let t=document.createElement("button");return t.className="kb-close",t.innerHTML="&#x2715;",t.setAttribute("aria-label","Close"),t.addEventListener("click",i=>{i.stopPropagation(),this.handleDismiss(e)}),t}handleDismiss(e){let t=this.displayed.get(e.id);t&&this.animateOut(t.element,e)}handleAction(e,t){this.callbacks.onAction(e,t)!==!1&&t.url&&window.open(t.url,"_blank","noopener");let s=this.displayed.get(e.id);s&&this.animateOut(s.element,e)}removeMessage(e){let t=this.displayed.get(e);t&&this.animateOut(t.element,t.message)}animateOut(e,t){if(e.classList.contains("kb-exit"))return;e.classList.add("kb-exit");let i=()=>{e.remove(),this.displayed.delete(t.id),this.callbacks.onDismiss(t)};e.addEventListener("animationend",i,{once:!0}),setTimeout(i,300)}el(e,t){let i=document.createElement(e);return i.className=t,i}};var x=6e4,h=null;function u(n){return h&&h.close(),h=new b(n),h}function M(){return h}var b=class{api;renderer=null;config;pollTimer=null;dismissed=new Set;subscriptionTimers=new Set;pendingPoll=!1;visibilityHandler=null;userId;constructor(e){if(!e.sdkKey)throw new l("SDK key is required","sdkKey");this.config=e,this.userId=e.userId,this.api=new g(e.sdkKey,e.baseUrl),e.autoShow!==!1&&typeof window<"u"&&this.start()}start(){if(typeof window>"u"||this.renderer)return;this.renderer=new m({onShow:t=>{this.config.onShow?.(t)},onDismiss:t=>{this.dismissed.add(t.id),this.config.onDismiss?.(t)},onAction:(t,i)=>this.config.onAction?.(t,i)}),this.poll();let e=this.config.pollInterval??x;e>0&&(this.pollTimer=setInterval(()=>this.poll(),e)),this.visibilityHandler=()=>{document.visibilityState==="visible"&&this.pendingPoll&&(this.pendingPoll=!1,this.poll())},document.addEventListener("visibilitychange",this.visibilityHandler)}stop(){this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.visibilityHandler&&(document.removeEventListener("visibilitychange",this.visibilityHandler),this.visibilityHandler=null),this.pendingPoll=!1,this.renderer?.destroy(),this.renderer=null}close(){this.stop();for(let e of this.subscriptionTimers)clearInterval(e);this.subscriptionTimers.clear(),this.dismissed.clear()}identify(e){this.userId=e,this.poll()}reset(){this.userId=void 0,this.dismissed.clear(),this.poll()}async markViewed(e){if(!this.userId)throw new l("User ID is required to mark a message as viewed. Call identify() first.","userId");this.dismissed.add(e),this.renderer?.dismiss(e),await this.api.markViewed(e,this.userId)}async getMessages(e){return this.api.getMessages(e)}subscribe(e,t){let i=t?.pollInterval??x,s=!0,o=async()=>{if(s)try{let f=await this.api.getMessages(t);s&&e(f)}catch{}};o();let r=setInterval(o,i);return this.subscriptionTimers.add(r),()=>{s=!1,clearInterval(r),this.subscriptionTimers.delete(r)}}async poll(){if(typeof document<"u"&&document.visibilityState==="hidden"){this.pendingPoll=!0;return}try{let t=(await this.api.getMessages({userId:this.userId,metadata:this.config.metadata})).filter(i=>!this.dismissed.has(i.id));this.renderer?.update(t)}catch{}}};if(typeof window<"u"&&window.KITBASE_MESSAGING)try{window.kitbaseMessaging=u(window.KITBASE_MESSAGING)}catch(n){console.error("[KitbaseMessaging] Failed to auto-initialize:",n)}return B(L);})();