@notifizz/vanilla 1.1.0 → 1.1.2

package/README.md

@@ -0,0 +1,80 @@
+# @notifizz/vanilla
+
+Embed the Notifizz notification center and control it from vanilla JavaScript or TypeScript (no framework). Use `createNotifizz` to get an API that lets you mount the widget, subscribe to state, attach a custom bell button, and open/close the panel.
+
+## Installation
+
+```bash
+npm install @notifizz/vanilla
+# or
+yarn add @notifizz/vanilla
+```
+
+## Usage
+
+```javascript
+import { createNotifizz } from '@notifizz/vanilla';
+
+const nz = createNotifizz({
+  apiKey: 'YOUR_FRONT_API_KEY',
+  token: 'USER_FIREBASE_TOKEN_OR_BACKEND_TOKEN',
+  authType: 'backendToken',
+  userEmail: 'user@example.com',
+  userId: '12345',
+  position: 'top-right',
+});
+
+// Mount the notification center (creates a div or uses the one you pass)
+nz.mount();
+
+// Optional: use your own bell button
+const myButton = document.getElementById('my-bell');
+nz.setBellElement(myButton);
+
+// React to state changes (e.g. update a custom badge)
+nz.onBellUpdate((ctx) => {
+  console.log('Unread:', ctx.unreadCount);
+  myButton.setAttribute('data-unread', String(ctx.unreadCount));
+});
+
+// Programmatic control
+nz.open();
+nz.close();
+nz.toggle();
+```
+
+Use `authType: 'backendToken'` when using a backend-generated token; then provide `userEmail` and `userId`. Use `authType: 'firebase'` for Firebase ID tokens.
+
+## Options
+
+| Option | Type | Required | Description |
+|--------|------|----------|-------------|
+| `apiKey` | `string` | Yes | Your Notifizz front API key. |
+| `token` | `string` | Yes | Auth token (Firebase ID token or backend token). |
+| `authType` | `'firebase'` \| `'backendToken'` | Yes | How the user is authenticated. |
+| `position` | `'top-right'` \| `'top-left'` \| `'bottom-right'` \| `'bottom-left'` | No | Bell position. |
+| `notificationCenterStyles` | `{ marginTop?: string }` | No | Styles for the notification center. |
+| `bellStyles` | `{ marginRight?: string; marginLeft?: string }` | No | Styles for the bell. |
+| `userEmail` | `string` | If `authType === 'backendToken'` | User email. |
+| `userId` | `string` | If `authType === 'backendToken'` | User ID. |
+| `serverUrl` | `string` | No | Override widget server URL. |
+| `apiUrl` | `string` | No | Override API base URL. |
+| `widgetPath` | `string` | No | Override widget script path. |
+| `mountId` | `string` | No | ID of the mount element (default: `"notifizz-notifications"`). |
+
+## Returned API
+
+| Method | Description |
+|--------|-------------|
+| `mount(element?)` | Mount the notification center. Pass an `HTMLElement` to use it, or omit to create a div with `mountId`. Returns the mount element. |
+| `getState()` | Current state: `{ isReady, isOpen, unreadCount, lastUpdated }`. |
+| `onReady(cb)` | Register a callback when the widget is ready. Returns an unsubscribe function. |
+| `onStateChange(cb)` | Register a callback when state changes. Returns an unsubscribe function. |
+| `onBellUpdate(cb)` | Register a callback with bell context (`unreadCount`, `toggle`, `open`, `close`, etc.); called on state changes. Returns an unsubscribe function. |
+| `setBellElement(el)` | Attach a custom bell element; clicks will call `toggle`. Pass `null` to detach. |
+| `toggle()` | Toggle the notification panel. |
+| `open()` | Open the notification panel. |
+| `close()` | Close the notification panel. |
+| `destroy()` | Remove the mount element and all event listeners. |
+
+When you are done (e.g. on route change or teardown), call `nz.destroy()` to clean up.

package/dist/index.cjs

@@ -1,23 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function L(e,d){const n=document.head;if(document.querySelector('script[data-widget="notifizz"]')){d();return}const o=document.createElement("script");window.notifizzCallback=d,o.type="module",o.dataset.widget="notifizz",o.textContent=`(function (n, o, t, i, f) {
-    (n._notifizz = n._notifizz || {}),
-      (n._notifizz._queue = n._notifizz._queue || []),
-      (n.notifizz =
-        n.notifizz ||
-        function () {
-          let args = [];
-          for (i = 0; i < arguments.length; i++) args.push(arguments[i]);
-          n._notifizz._queue.push(args);
-        }),
-      (n._notifizz._notifizzSettings = {
-        apiKey: "${e.apiKey}",
-        loaderVersion: "1",
-        server: t,
-        apiUrl: "${e.apiUrl}"
-      }),
-      (f = o.getElementsByTagName("head")[0]);
-    let r = o.createElement("script");
-    r.type = 'module';
-    r.onload = n.notifizzCallback;
-    (r.async = !0), (r.src = t + i), f.appendChild(r);
-  })(window, document, "${e.serverUrl}", "${e.widgetPath}")`,n.appendChild(o)}function b(e){if(e.authType==="firebase"){window.notifizz("authenticateWithFirebase",e.token,{},()=>{});return}if(e.authType==="backendToken"){if(!e.userEmail||!e.userId)throw new Error("Missing required options: userEmail and userId are required for backendToken");window.notifizz("authenticateWithBackendToken",e.token,{user:{email:e.userEmail,id:e.userId}},()=>{})}}function k(e){["top-right","top-left","bottom-right","bottom-left"].includes(e)&&window.notifizz("setPosition",e)}function R(e){window.notifizz("setNotificationCenterStyles",e)}function I(e){window.notifizz("setBellStyles",e)}const B="https://widget.notifizz.com",O="https://eu.api.notifizz.com/v1",x="/v1/widget.js",q="notifizz-notifications";function A(e){if(!e.apiKey||!e.authType)throw new Error("Missing required options: apiKey and authType are required");const d=e.mountId??q;let n={isReady:!1,isOpen:!1,unreadCount:0,lastUpdated:0};const l=[],o=[],u=[];let a=null,s=null,w=!1,m=!1,c=!1;const z=(t,...i)=>{typeof window<"u"&&window.notifizz&&window.notifizz(t,...i)},p=()=>z("toggle"),g=()=>z("open"),E=()=>z("close"),y=()=>{p()},C=()=>({unreadCount:n.unreadCount,isOpen:n.isOpen,isReady:n.isReady,toggle:p,open:g,close:E}),v=()=>{const t=C();u.forEach(i=>i(t)),a&&a.setAttribute("data-unread",String(n.unreadCount))},U=()=>{b({apiKey:e.apiKey,token:e.token,authType:e.authType,userEmail:e.userEmail,userId:e.userId}),e.position&&k(e.position),e.notificationCenterStyles&&R(e.notificationCenterStyles),e.bellStyles&&I(e.bellStyles)},h=()=>{m||(m=!0,U(),n={...n,isReady:!0,lastUpdated:Date.now()},l.forEach(t=>t()),v())},S=t=>{const r=t.detail;r&&typeof r=="object"&&(n={...n,isReady:r.isReady??n.isReady,isOpen:r.isOpen??n.isOpen,unreadCount:typeof r.unreadCount=="number"?r.unreadCount:n.unreadCount,lastUpdated:r.lastUpdated??n.lastUpdated,hasError:r.hasError,errorCode:r.errorCode},o.forEach(_=>_(n)),v())},T=()=>{if(w||c)return;w=!0,window.addEventListener("notifizz:ready",h),window.addEventListener("notifizz:state",S);const t=e.serverUrl??B,i=e.apiUrl??O,r=e.widgetPath??x;L({apiKey:e.apiKey,serverUrl:t,apiUrl:i,widgetPath:r},()=>{typeof window.notifizz=="function"&&window.notifizz("getState",f=>{f&&typeof f=="object"&&(n={...n,...f,lastUpdated:f.lastUpdated??n.lastUpdated}),f?.isReady&&h()}),document.getElementById(d)&&U()})};return{mount(t){let i;if(t)i=t,i.id||(i.id=d);else{const r=document.getElementById(d);if(r)return s=r,T(),r;i=document.createElement("div"),i.id=d,document.body.appendChild(i)}return s=i,T(),i},getState(){return{...n}},onReady(t){return l.push(t),n.isReady&&t(),()=>{const i=l.indexOf(t);i!==-1&&l.splice(i,1)}},onStateChange(t){return o.push(t),()=>{const i=o.indexOf(t);i!==-1&&o.splice(i,1)}},onBellUpdate(t){return u.push(t),t(C()),()=>{const i=u.indexOf(t);i!==-1&&u.splice(i,1)}},open:g,close:E,toggle:p,setBellElement(t){a&&a.removeEventListener("click",y),a=t,a&&(a.addEventListener("click",y),a.setAttribute("data-unread",String(n.unreadCount)))},destroy(){c||(c=!0,window.removeEventListener("notifizz:ready",h),window.removeEventListener("notifizz:state",S),a&&(a.removeEventListener("click",y),a=null),l.length=0,o.length=0,u.length=0,s&&s.parentNode&&(s.parentNode.removeChild(s),s=null))}}}exports.createNotifizz=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function I(e,l){if(document.querySelector('script[data-widget="notifizz"]')){l();return}window._notifizz=window._notifizz||{},window._notifizz._queue=window._notifizz._queue||[],window.notifizz=window.notifizz||function(){const u=[];for(let s=0;s<arguments.length;s++)u.push(arguments[s]);window._notifizz._queue.push(u)},window._notifizz._notifizzSettings={apiKey:e.apiKey,loaderVersion:"1",server:e.serverUrl,apiUrl:e.apiUrl};const o=document.createElement("script");o.type="module",o.async=!0,o.dataset.widget="notifizz",o.src=e.serverUrl+e.widgetPath,o.onload=l,document.head.appendChild(o)}function b(e){if(e.authType==="none"){if(!e.userEmail||!e.userId)throw new Error('userEmail and userId are required for authType "none"');window.notifizz("authenticateWithNone",{user:{email:e.userEmail,id:e.userId}});return}if(e.authType==="firebase"){window.notifizz("authenticateWithFirebase",e.token,{},()=>{});return}if(e.authType==="backendToken"){if(!e.userEmail||!e.userId)throw new Error("Missing required options: userEmail and userId are required for backendToken");window.notifizz("authenticateWithBackendToken",e.token,{user:{email:e.userEmail,id:e.userId}},()=>{})}}function R(e){["top-right","top-left","bottom-right","bottom-left"].includes(e)&&window.notifizz("setPosition",e)}function B(e){window.notifizz("setNotificationCenterStyles",e)}function k(e){window.notifizz("setBellStyles",e)}const O="https://widget.notifizz.com",D="https://eu.api.notifizz.com/v1",q="/v1/widget.js",x="notifizz-notifications",A=".notifizz-custom-bell #notifizz-isolated-css > div > a { display: none !important; }";let T=!1;function K(){if(T||typeof document>"u")return;const e=document.createElement("style");e.textContent=A,document.head.appendChild(e),T=!0}function N(e){if(!e.apiKey||!e.authType)throw new Error("Missing required options: apiKey and authType are required");const l=e.mountId??x;let n={isReady:!1,isOpen:!1,unreadCount:0,lastUpdated:0};const o=[],u=[],s=[];let a=null,d=null,m=!1,h=!1,c=!1;const z=(t,...i)=>{typeof window<"u"&&window.notifizz&&window.notifizz(t,...i)},y=()=>z("toggle"),E=()=>z("open"),g=()=>z("close"),w=()=>{y()},C=()=>({unreadCount:n.unreadCount,isOpen:n.isOpen,isReady:n.isReady,toggle:y,open:E,close:g}),v=()=>{const t=C();s.forEach(i=>i(t)),a&&a.setAttribute("data-unread",String(n.unreadCount))},U=()=>{b({apiKey:e.apiKey,token:e.token,authType:e.authType,userEmail:e.userEmail,userId:e.userId}),e.position&&R(e.position),e.notificationCenterStyles&&B(e.notificationCenterStyles),e.bellStyles&&k(e.bellStyles)},p=()=>{h||(h=!0,U(),n={...n,isReady:!0,lastUpdated:Date.now()},o.forEach(t=>t()),v())},S=t=>{const r=t.detail;r&&typeof r=="object"&&(n={...n,isReady:r.isReady??n.isReady,isOpen:r.isOpen??n.isOpen,unreadCount:typeof r.unreadCount=="number"?r.unreadCount:n.unreadCount,lastUpdated:r.lastUpdated??n.lastUpdated,hasError:r.hasError,errorCode:r.errorCode},u.forEach(_=>_(n)),v())},L=()=>{if(m||c)return;m=!0,window.addEventListener("notifizz:ready",p),window.addEventListener("notifizz:state",S);const t=e.serverUrl??O,i=e.apiUrl??D,r=e.widgetPath??q;I({apiKey:e.apiKey,serverUrl:t,apiUrl:i,widgetPath:r},()=>{typeof window.notifizz=="function"&&window.notifizz("getState",f=>{f&&typeof f=="object"&&(n={...n,...f,lastUpdated:f.lastUpdated??n.lastUpdated}),f?.isReady&&p()}),document.getElementById(l)&&U()})};return{mount(t){let i;if(t)i=t,i.id||(i.id=l);else{const r=document.getElementById(l);if(r)return d=r,L(),r;i=document.createElement("div"),i.id=l,document.body.appendChild(i)}return d=i,L(),i},getState(){return{...n}},onReady(t){return o.push(t),n.isReady&&t(),()=>{const i=o.indexOf(t);i!==-1&&o.splice(i,1)}},onStateChange(t){return u.push(t),()=>{const i=u.indexOf(t);i!==-1&&u.splice(i,1)}},onBellUpdate(t){return s.push(t),t(C()),()=>{const i=s.indexOf(t);i!==-1&&s.splice(i,1)}},open:E,close:g,toggle:y,setBellElement(t){a&&a.removeEventListener("click",w),a=t,a?(a.addEventListener("click",w),a.setAttribute("data-unread",String(n.unreadCount)),d&&(d.classList.add("notifizz-custom-bell"),K())):d&&d.classList.remove("notifizz-custom-bell")},destroy(){c||(c=!0,window.removeEventListener("notifizz:ready",p),window.removeEventListener("notifizz:state",S),a&&(a.removeEventListener("click",w),a=null),o.length=0,u.length=0,s.length=0,d&&d.parentNode&&(d.parentNode.removeChild(d),d=null))}}}exports.createNotifizz=N;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../notifizz-shared/src/scriptLoader.ts","../src/createNotifizz.ts"],"sourcesContent":["export interface NotifizzConfig {\n  apiKey: string;\n  apiUrl: string;\n  serverUrl: string;\n  widgetPath: string;\n}\n\nexport function importScriptInBrowser(\n  config: NotifizzConfig,\n  callback: () => void\n): void {\n  const head = document.head;\n  const existingScript = document.querySelector(\n    'script[data-widget=\"notifizz\"]'\n  );\n  if (existingScript) {\n    callback();\n    return;\n  }\n  const script = document.createElement('script');\n  (window as Window & { notifizzCallback?: () => void }).notifizzCallback =\n    callback;\n  script.type = 'module';\n  script.dataset['widget'] = 'notifizz';\n  script.textContent = `(function (n, o, t, i, f) {\n    (n._notifizz = n._notifizz || {}),\n      (n._notifizz._queue = n._notifizz._queue || []),\n      (n.notifizz =\n        n.notifizz ||\n        function () {\n          let args = [];\n          for (i = 0; i < arguments.length; i++) args.push(arguments[i]);\n          n._notifizz._queue.push(args);\n        }),\n      (n._notifizz._notifizzSettings = {\n        apiKey: \"${config.apiKey}\",\n        loaderVersion: \"1\",\n        server: t,\n        apiUrl: \"${config.apiUrl}\"\n      }),\n      (f = o.getElementsByTagName(\"head\")[0]);\n    let r = o.createElement(\"script\");\n    r.type = 'module';\n    r.onload = n.notifizzCallback;\n    (r.async = !0), (r.src = t + i), f.appendChild(r);\n  })(window, document, \"${config.serverUrl}\", \"${config.widgetPath}\")`;\n  head.appendChild(script);\n}\n\nexport interface AuthOptions {\n  apiKey: string;\n  token: string;\n  authType: 'firebase' | 'backendToken';\n  userEmail?: string;\n  userId?: string;\n}\n\nexport function authenticate(options: AuthOptions): void {\n  if (options.authType === 'firebase') {\n    window.notifizz('authenticateWithFirebase', options.token, {}, () => {});\n    return;\n  }\n  if (options.authType === 'backendToken') {\n    if (!options.userEmail || !options.userId) {\n      throw new Error(\n        'Missing required options: userEmail and userId are required for backendToken'\n      );\n    }\n    window.notifizz(\n      'authenticateWithBackendToken',\n      options.token,\n      { user: { email: options.userEmail, id: options.userId } },\n      () => {}\n    );\n  }\n}\n\nexport function applyPosition(\n  position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n): void {\n  const valid = ['top-right', 'top-left', 'bottom-right', 'bottom-left'];\n  if (valid.includes(position)) {\n    window.notifizz('setPosition', position);\n  }\n}\n\nexport function applyNotificationCenterStyles(styles: {\n  marginTop?: string;\n}): void {\n  window.notifizz('setNotificationCenterStyles', styles);\n}\n\nexport function applyBellStyles(styles: {\n  marginRight?: string;\n  marginLeft?: string;\n}): void {\n  window.notifizz('setBellStyles', styles);\n}\n","import type { NotifizzState, NotifizzBellContext } from '../../notifizz-shared/src/types';\nimport type { NotifizzOptions, NotifizzVanillaApi } from './types';\nimport {\n  importScriptInBrowser,\n  authenticate,\n  applyPosition,\n  applyNotificationCenterStyles,\n  applyBellStyles,\n} from '../../notifizz-shared/src/scriptLoader';\n\nconst DEFAULT_SERVER_URL = 'https://widget.notifizz.com';\nconst DEFAULT_API_URL = 'https://eu.api.notifizz.com/v1';\nconst DEFAULT_WIDGET_PATH = '/v1/widget.js';\nconst DEFAULT_MOUNT_ID = 'notifizz-notifications';\n\nexport function createNotifizz(options: NotifizzOptions): NotifizzVanillaApi {\n  if (!options.apiKey || !options.authType) {\n    throw new Error(\n      'Missing required options: apiKey and authType are required'\n    );\n  }\n\n  const mountId = options.mountId ?? DEFAULT_MOUNT_ID;\n  let state: NotifizzState = {\n    isReady: false,\n    isOpen: false,\n    unreadCount: 0,\n    lastUpdated: 0,\n  };\n  const readyListeners: (() => void)[] = [];\n  const stateChangeListeners: ((s: NotifizzState) => void)[] = [];\n  const bellUpdateListeners: ((ctx: NotifizzBellContext) => void)[] = [];\n  let bellElement: HTMLElement | null = null;\n  let mountElement: HTMLElement | null = null;\n  let initDone = false;\n  let readyFired = false;\n  let destroyed = false;\n\n  const send = (command: string, ...args: unknown[]): void => {\n    if (typeof window !== 'undefined' && window.notifizz) {\n      window.notifizz(command, ...args);\n    }\n  };\n\n  const toggle = (): void => send('toggle');\n  const open = (): void => send('open');\n  const close = (): void => send('close');\n\n  const onBellClick = (): void => {\n    toggle();\n  };\n\n  const buildBellContext = (): NotifizzBellContext => ({\n    unreadCount: state.unreadCount,\n    isOpen: state.isOpen,\n    isReady: state.isReady,\n    toggle,\n    open,\n    close,\n  });\n\n  const notifyBellListeners = (): void => {\n    const ctx = buildBellContext();\n    bellUpdateListeners.forEach((cb) => cb(ctx));\n    if (bellElement) {\n      bellElement.setAttribute('data-unread', String(state.unreadCount));\n    }\n  };\n\n  const applyOptions = (): void => {\n    authenticate({\n      apiKey: options.apiKey,\n      token: options.token,\n      authType: options.authType,\n      userEmail: options.userEmail,\n      userId: options.userId,\n    });\n    if (options.position) applyPosition(options.position);\n    if (options.notificationCenterStyles) {\n      applyNotificationCenterStyles(options.notificationCenterStyles);\n    }\n    if (options.bellStyles) applyBellStyles(options.bellStyles);\n  };\n\n  const handleReady = (): void => {\n    if (readyFired) return;\n    readyFired = true;\n    applyOptions();\n    state = { ...state, isReady: true, lastUpdated: Date.now() };\n    readyListeners.forEach((cb) => cb());\n    notifyBellListeners();\n  };\n\n  const handleState = (e: Event): void => {\n    const ev = e as CustomEvent<NotifizzState>;\n    const detail = ev.detail;\n    if (detail && typeof detail === 'object') {\n      state = {\n        ...state,\n        isReady: detail.isReady ?? state.isReady,\n        isOpen: detail.isOpen ?? state.isOpen,\n        unreadCount:\n          typeof detail.unreadCount === 'number'\n            ? detail.unreadCount\n            : state.unreadCount,\n        lastUpdated: detail.lastUpdated ?? state.lastUpdated,\n        hasError: detail.hasError,\n        errorCode: detail.errorCode,\n      };\n      stateChangeListeners.forEach((cb) => cb(state));\n      notifyBellListeners();\n    }\n  };\n\n  const init = (): void => {\n    if (initDone || destroyed) return;\n    initDone = true;\n    window.addEventListener('notifizz:ready', handleReady);\n    window.addEventListener('notifizz:state', handleState);\n\n    const serverUrl = options.serverUrl ?? DEFAULT_SERVER_URL;\n    const apiUrl = options.apiUrl ?? DEFAULT_API_URL;\n    const widgetPath = options.widgetPath ?? DEFAULT_WIDGET_PATH;\n\n    importScriptInBrowser(\n      { apiKey: options.apiKey, serverUrl, apiUrl, widgetPath },\n      () => {\n        if (typeof window.notifizz === 'function') {\n          window.notifizz('getState', (current: NotifizzState) => {\n            if (current && typeof current === 'object') {\n              state = {\n                ...state,\n                ...current,\n                lastUpdated: current.lastUpdated ?? state.lastUpdated,\n              };\n            }\n            if (current?.isReady) handleReady();\n          });\n        }\n        const el = document.getElementById(mountId);\n        if (el) applyOptions();\n      }\n    );\n  };\n\n  return {\n    mount(element?: HTMLElement): HTMLElement {\n      let el: HTMLElement;\n      if (element) {\n        el = element;\n        if (!el.id) el.id = mountId;\n      } else {\n        const existing = document.getElementById(mountId);\n        if (existing) {\n          mountElement = existing;\n          init();\n          return existing;\n        }\n        el = document.createElement('div');\n        el.id = mountId;\n        document.body.appendChild(el);\n      }\n      mountElement = el;\n      init();\n      return el;\n    },\n\n    getState(): NotifizzState {\n      return { ...state };\n    },\n\n    onReady(cb: () => void): () => void {\n      readyListeners.push(cb);\n      if (state.isReady) cb();\n      return () => {\n        const i = readyListeners.indexOf(cb);\n        if (i !== -1) readyListeners.splice(i, 1);\n      };\n    },\n\n    onStateChange(cb: (s: NotifizzState) => void): () => void {\n      stateChangeListeners.push(cb);\n      return () => {\n        const i = stateChangeListeners.indexOf(cb);\n        if (i !== -1) stateChangeListeners.splice(i, 1);\n      };\n    },\n\n    onBellUpdate(cb: (ctx: NotifizzBellContext) => void): () => void {\n      bellUpdateListeners.push(cb);\n      cb(buildBellContext());\n      return () => {\n        const i = bellUpdateListeners.indexOf(cb);\n        if (i !== -1) bellUpdateListeners.splice(i, 1);\n      };\n    },\n\n    open,\n    close,\n    toggle,\n\n    setBellElement(el: HTMLElement | null): void {\n      if (bellElement) {\n        bellElement.removeEventListener('click', onBellClick);\n      }\n      bellElement = el;\n      if (bellElement) {\n        bellElement.addEventListener('click', onBellClick);\n        bellElement.setAttribute('data-unread', String(state.unreadCount));\n      }\n    },\n\n    destroy(): void {\n      if (destroyed) return;\n      destroyed = true;\n      window.removeEventListener('notifizz:ready', handleReady);\n      window.removeEventListener('notifizz:state', handleState);\n      if (bellElement) {\n        bellElement.removeEventListener('click', onBellClick);\n        bellElement = null;\n      }\n      readyListeners.length = 0;\n      stateChangeListeners.length = 0;\n      bellUpdateListeners.length = 0;\n      if (mountElement && mountElement.parentNode) {\n        mountElement.parentNode.removeChild(mountElement);\n        mountElement = null;\n      }\n    },\n  };\n}\n"],"names":["importScriptInBrowser","config","callback","head","script","authenticate","options","applyPosition","position","applyNotificationCenterStyles","styles","applyBellStyles","DEFAULT_SERVER_URL","DEFAULT_API_URL","DEFAULT_WIDGET_PATH","DEFAULT_MOUNT_ID","createNotifizz","mountId","state","readyListeners","stateChangeListeners","bellUpdateListeners","bellElement","mountElement","initDone","readyFired","destroyed","send","command","args","toggle","open","close","onBellClick","buildBellContext","notifyBellListeners","ctx","cb","applyOptions","handleReady","handleState","e","detail","init","serverUrl","apiUrl","widgetPath","current","element","el","existing"],"mappings":"gFAOO,SAASA,EACdC,EACAC,EACM,CACN,MAAMC,EAAO,SAAS,KAItB,GAHuB,SAAS,cAC9B,gCAAA,EAEkB,CAClBD,EAAA,EACA,MACF,CACA,MAAME,EAAS,SAAS,cAAc,QAAQ,EAC7C,OAAsD,iBACrDF,EACFE,EAAO,KAAO,SACdA,EAAO,QAAQ,OAAY,WAC3BA,EAAO,YAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAWJH,EAAO,MAAM;AAAA;AAAA;AAAA,mBAGbA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAONA,EAAO,SAAS,OAAOA,EAAO,UAAU,KAChEE,EAAK,YAAYC,CAAM,CACzB,CAUO,SAASC,EAAaC,EAA4B,CACvD,GAAIA,EAAQ,WAAa,WAAY,CACnC,OAAO,SAAS,2BAA4BA,EAAQ,MAAO,CAAA,EAAI,IAAM,CAAC,CAAC,EACvE,MACF,CACA,GAAIA,EAAQ,WAAa,eAAgB,CACvC,GAAI,CAACA,EAAQ,WAAa,CAACA,EAAQ,OACjC,MAAM,IAAI,MACR,8EAAA,EAGJ,OAAO,SACL,+BACAA,EAAQ,MACR,CAAE,KAAM,CAAE,MAAOA,EAAQ,UAAW,GAAIA,EAAQ,OAAO,EACvD,IAAM,CAAC,CAAA,CAEX,CACF,CAEO,SAASC,EACdC,EACM,CACQ,CAAC,YAAa,WAAY,eAAgB,aAAa,EAC3D,SAASA,CAAQ,GACzB,OAAO,SAAS,cAAeA,CAAQ,CAE3C,CAEO,SAASC,EAA8BC,EAErC,CACP,OAAO,SAAS,8BAA+BA,CAAM,CACvD,CAEO,SAASC,EAAgBD,EAGvB,CACP,OAAO,SAAS,gBAAiBA,CAAM,CACzC,CCvFA,MAAME,EAAqB,8BACrBC,EAAkB,iCAClBC,EAAsB,gBACtBC,EAAmB,yBAElB,SAASC,EAAeV,EAA8C,CAC3E,GAAI,CAACA,EAAQ,QAAU,CAACA,EAAQ,SAC9B,MAAM,IAAI,MACR,4DAAA,EAIJ,MAAMW,EAAUX,EAAQ,SAAWS,EACnC,IAAIG,EAAuB,CACzB,QAAS,GACT,OAAQ,GACR,YAAa,EACb,YAAa,CAAA,EAEf,MAAMC,EAAiC,CAAA,EACjCC,EAAuD,CAAA,EACvDC,EAA8D,CAAA,EACpE,IAAIC,EAAkC,KAClCC,EAAmC,KACnCC,EAAW,GACXC,EAAa,GACbC,EAAY,GAEhB,MAAMC,EAAO,CAACC,KAAoBC,IAA0B,CACtD,OAAO,OAAW,KAAe,OAAO,UAC1C,OAAO,SAASD,EAAS,GAAGC,CAAI,CAEpC,EAEMC,EAAS,IAAYH,EAAK,QAAQ,EAClCI,EAAO,IAAYJ,EAAK,MAAM,EAC9BK,EAAQ,IAAYL,EAAK,OAAO,EAEhCM,EAAc,IAAY,CAC9BH,EAAA,CACF,EAEMI,EAAmB,KAA4B,CACnD,YAAahB,EAAM,YACnB,OAAQA,EAAM,OACd,QAASA,EAAM,QACf,OAAAY,EACA,KAAAC,EACA,MAAAC,CAAA,GAGIG,EAAsB,IAAY,CACtC,MAAMC,EAAMF,EAAA,EACZb,EAAoB,QAASgB,GAAOA,EAAGD,CAAG,CAAC,EACvCd,GACFA,EAAY,aAAa,cAAe,OAAOJ,EAAM,WAAW,CAAC,CAErE,EAEMoB,EAAe,IAAY,CAC/BjC,EAAa,CACX,OAAQC,EAAQ,OAChB,MAAOA,EAAQ,MACf,SAAUA,EAAQ,SAClB,UAAWA,EAAQ,UACnB,OAAQA,EAAQ,MAAA,CACjB,EACGA,EAAQ,UAAUC,EAAcD,EAAQ,QAAQ,EAChDA,EAAQ,0BACVG,EAA8BH,EAAQ,wBAAwB,EAE5DA,EAAQ,YAAYK,EAAgBL,EAAQ,UAAU,CAC5D,EAEMiC,EAAc,IAAY,CAC1Bd,IACJA,EAAa,GACba,EAAA,EACApB,EAAQ,CAAE,GAAGA,EAAO,QAAS,GAAM,YAAa,KAAK,KAAI,EACzDC,EAAe,QAASkB,GAAOA,EAAA,CAAI,EACnCF,EAAA,EACF,EAEMK,EAAeC,GAAmB,CAEtC,MAAMC,EADKD,EACO,OACdC,GAAU,OAAOA,GAAW,WAC9BxB,EAAQ,CACN,GAAGA,EACH,QAASwB,EAAO,SAAWxB,EAAM,QACjC,OAAQwB,EAAO,QAAUxB,EAAM,OAC/B,YACE,OAAOwB,EAAO,aAAgB,SAC1BA,EAAO,YACPxB,EAAM,YACZ,YAAawB,EAAO,aAAexB,EAAM,YACzC,SAAUwB,EAAO,SACjB,UAAWA,EAAO,SAAA,EAEpBtB,EAAqB,QAASiB,GAAOA,EAAGnB,CAAK,CAAC,EAC9CiB,EAAA,EAEJ,EAEMQ,EAAO,IAAY,CACvB,GAAInB,GAAYE,EAAW,OAC3BF,EAAW,GACX,OAAO,iBAAiB,iBAAkBe,CAAW,EACrD,OAAO,iBAAiB,iBAAkBC,CAAW,EAErD,MAAMI,EAAYtC,EAAQ,WAAaM,EACjCiC,EAASvC,EAAQ,QAAUO,EAC3BiC,EAAaxC,EAAQ,YAAcQ,EAEzCd,EACE,CAAE,OAAQM,EAAQ,OAAQ,UAAAsC,EAAW,OAAAC,EAAQ,WAAAC,CAAA,EAC7C,IAAM,CACA,OAAO,OAAO,UAAa,YAC7B,OAAO,SAAS,WAAaC,GAA2B,CAClDA,GAAW,OAAOA,GAAY,WAChC7B,EAAQ,CACN,GAAGA,EACH,GAAG6B,EACH,YAAaA,EAAQ,aAAe7B,EAAM,WAAA,GAG1C6B,GAAS,SAASR,EAAA,CACxB,CAAC,EAEQ,SAAS,eAAetB,CAAO,GAClCqB,EAAA,CACV,CAAA,CAEJ,EAEA,MAAO,CACL,MAAMU,EAAoC,CACxC,IAAIC,EACJ,GAAID,EACFC,EAAKD,EACAC,EAAG,KAAIA,EAAG,GAAKhC,OACf,CACL,MAAMiC,EAAW,SAAS,eAAejC,CAAO,EAChD,GAAIiC,EACF,OAAA3B,EAAe2B,EACfP,EAAA,EACOO,EAETD,EAAK,SAAS,cAAc,KAAK,EACjCA,EAAG,GAAKhC,EACR,SAAS,KAAK,YAAYgC,CAAE,CAC9B,CACA,OAAA1B,EAAe0B,EACfN,EAAA,EACOM,CACT,EAEA,UAA0B,CACxB,MAAO,CAAE,GAAG/B,CAAA,CACd,EAEA,QAAQmB,EAA4B,CAClC,OAAAlB,EAAe,KAAKkB,CAAE,EAClBnB,EAAM,SAASmB,EAAA,EACZ,IAAM,CACX,MAAM,EAAIlB,EAAe,QAAQkB,CAAE,EAC/B,IAAM,IAAIlB,EAAe,OAAO,EAAG,CAAC,CAC1C,CACF,EAEA,cAAckB,EAA4C,CACxD,OAAAjB,EAAqB,KAAKiB,CAAE,EACrB,IAAM,CACX,MAAM,EAAIjB,EAAqB,QAAQiB,CAAE,EACrC,IAAM,IAAIjB,EAAqB,OAAO,EAAG,CAAC,CAChD,CACF,EAEA,aAAaiB,EAAoD,CAC/D,OAAAhB,EAAoB,KAAKgB,CAAE,EAC3BA,EAAGH,GAAkB,EACd,IAAM,CACX,MAAM,EAAIb,EAAoB,QAAQgB,CAAE,EACpC,IAAM,IAAIhB,EAAoB,OAAO,EAAG,CAAC,CAC/C,CACF,EAEA,KAAAU,EACA,MAAAC,EACA,OAAAF,EAEA,eAAemB,EAA8B,CACvC3B,GACFA,EAAY,oBAAoB,QAASW,CAAW,EAEtDX,EAAc2B,EACV3B,IACFA,EAAY,iBAAiB,QAASW,CAAW,EACjDX,EAAY,aAAa,cAAe,OAAOJ,EAAM,WAAW,CAAC,EAErE,EAEA,SAAgB,CACVQ,IACJA,EAAY,GACZ,OAAO,oBAAoB,iBAAkBa,CAAW,EACxD,OAAO,oBAAoB,iBAAkBC,CAAW,EACpDlB,IACFA,EAAY,oBAAoB,QAASW,CAAW,EACpDX,EAAc,MAEhBH,EAAe,OAAS,EACxBC,EAAqB,OAAS,EAC9BC,EAAoB,OAAS,EACzBE,GAAgBA,EAAa,aAC/BA,EAAa,WAAW,YAAYA,CAAY,EAChDA,EAAe,MAEnB,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../notifizz-shared/src/scriptLoader.ts","../src/createNotifizz.ts"],"sourcesContent":["/// <reference path=\"./global.d.ts\" />\n\nexport interface NotifizzConfig {\n  apiKey: string;\n  apiUrl: string;\n  serverUrl: string;\n  widgetPath: string;\n}\n\nexport function importScriptInBrowser(\n  config: NotifizzConfig,\n  callback: () => void\n): void {\n  const existingScript = document.querySelector(\n    'script[data-widget=\"notifizz\"]'\n  );\n  if (existingScript) {\n    callback();\n    return;\n  }\n\n  window._notifizz = window._notifizz || {};\n  window._notifizz._queue = window._notifizz._queue || [];\n  window.notifizz =\n    window.notifizz ||\n    function () {\n      const args: unknown[] = [];\n      for (let i = 0; i < arguments.length; i++) args.push(arguments[i]);\n      window._notifizz!._queue!.push(args);\n    };\n  window._notifizz._notifizzSettings = {\n    apiKey: config.apiKey,\n    loaderVersion: '1',\n    server: config.serverUrl,\n    apiUrl: config.apiUrl,\n  };\n\n  const script = document.createElement('script');\n  script.type = 'module';\n  script.async = true;\n  script.dataset.widget = 'notifizz';\n  script.src = config.serverUrl + config.widgetPath;\n  script.onload = callback;\n  document.head.appendChild(script);\n}\n\nexport interface AuthOptions {\n  apiKey: string;\n  token?: string;\n  authType: 'firebase' | 'backendToken' | 'none';\n  userEmail?: string;\n  userId?: string;\n}\n\nexport function authenticate(options: AuthOptions): void {\n  if (options.authType === 'none') {\n    if (!options.userEmail || !options.userId) {\n      throw new Error(\n        'userEmail and userId are required for authType \"none\"'\n      );\n    }\n    window.notifizz('authenticateWithNone', {\n      user: { email: options.userEmail, id: options.userId },\n    });\n    return;\n  }\n  if (options.authType === 'firebase') {\n    window.notifizz('authenticateWithFirebase', options.token, {}, () => {});\n    return;\n  }\n  if (options.authType === 'backendToken') {\n    if (!options.userEmail || !options.userId) {\n      throw new Error(\n        'Missing required options: userEmail and userId are required for backendToken'\n      );\n    }\n    window.notifizz(\n      'authenticateWithBackendToken',\n      options.token,\n      { user: { email: options.userEmail, id: options.userId } },\n      () => {}\n    );\n  }\n}\n\nexport function applyPosition(\n  position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n): void {\n  const valid = ['top-right', 'top-left', 'bottom-right', 'bottom-left'];\n  if (valid.includes(position)) {\n    window.notifizz('setPosition', position);\n  }\n}\n\nexport function applyNotificationCenterStyles(styles: {\n  marginTop?: string;\n}): void {\n  window.notifizz('setNotificationCenterStyles', styles);\n}\n\nexport function applyBellStyles(styles: {\n  marginRight?: string;\n  marginLeft?: string;\n}): void {\n  window.notifizz('setBellStyles', styles);\n}\n","import type { NotifizzState, NotifizzBellContext } from '../../notifizz-shared/src/types';\nimport type { NotifizzOptions, NotifizzVanillaApi } from './types';\nimport {\n  importScriptInBrowser,\n  authenticate,\n  applyPosition,\n  applyNotificationCenterStyles,\n  applyBellStyles,\n} from '../../notifizz-shared/src/scriptLoader';\n\nconst DEFAULT_SERVER_URL = 'https://widget.notifizz.com';\nconst DEFAULT_API_URL = 'https://eu.api.notifizz.com/v1';\nconst DEFAULT_WIDGET_PATH = '/v1/widget.js';\nconst DEFAULT_MOUNT_ID = 'notifizz-notifications';\nconst HIDE_WIDGET_BELL_CSS =\n  '.notifizz-custom-bell #notifizz-isolated-css > div > a { display: none !important; }';\n\nlet customBellCssInjected = false;\nfunction injectCustomBellCss(): void {\n  if (customBellCssInjected || typeof document === 'undefined') return;\n  const style = document.createElement('style');\n  style.textContent = HIDE_WIDGET_BELL_CSS;\n  document.head.appendChild(style);\n  customBellCssInjected = true;\n}\n\nexport function createNotifizz(options: NotifizzOptions): NotifizzVanillaApi {\n  if (!options.apiKey || !options.authType) {\n    throw new Error(\n      'Missing required options: apiKey and authType are required'\n    );\n  }\n\n  const mountId = options.mountId ?? DEFAULT_MOUNT_ID;\n  let state: NotifizzState = {\n    isReady: false,\n    isOpen: false,\n    unreadCount: 0,\n    lastUpdated: 0,\n  };\n  const readyListeners: (() => void)[] = [];\n  const stateChangeListeners: ((s: NotifizzState) => void)[] = [];\n  const bellUpdateListeners: ((ctx: NotifizzBellContext) => void)[] = [];\n  let bellElement: HTMLElement | null = null;\n  let mountElement: HTMLElement | null = null;\n  let initDone = false;\n  let readyFired = false;\n  let destroyed = false;\n\n  const send = (command: string, ...args: unknown[]): void => {\n    if (typeof window !== 'undefined' && window.notifizz) {\n      window.notifizz(command, ...args);\n    }\n  };\n\n  const toggle = (): void => send('toggle');\n  const open = (): void => send('open');\n  const close = (): void => send('close');\n\n  const onBellClick = (): void => {\n    toggle();\n  };\n\n  const buildBellContext = (): NotifizzBellContext => ({\n    unreadCount: state.unreadCount,\n    isOpen: state.isOpen,\n    isReady: state.isReady,\n    toggle,\n    open,\n    close,\n  });\n\n  const notifyBellListeners = (): void => {\n    const ctx = buildBellContext();\n    bellUpdateListeners.forEach((cb) => cb(ctx));\n    if (bellElement) {\n      bellElement.setAttribute('data-unread', String(state.unreadCount));\n    }\n  };\n\n  const applyOptions = (): void => {\n    authenticate({\n      apiKey: options.apiKey,\n      token: options.token,\n      authType: options.authType,\n      userEmail: options.userEmail,\n      userId: options.userId,\n    });\n    if (options.position) applyPosition(options.position);\n    if (options.notificationCenterStyles) {\n      applyNotificationCenterStyles(options.notificationCenterStyles);\n    }\n    if (options.bellStyles) applyBellStyles(options.bellStyles);\n  };\n\n  const handleReady = (): void => {\n    if (readyFired) return;\n    readyFired = true;\n    applyOptions();\n    state = { ...state, isReady: true, lastUpdated: Date.now() };\n    readyListeners.forEach((cb) => cb());\n    notifyBellListeners();\n  };\n\n  const handleState = (e: Event): void => {\n    const ev = e as CustomEvent<NotifizzState>;\n    const detail = ev.detail;\n    if (detail && typeof detail === 'object') {\n      state = {\n        ...state,\n        isReady: detail.isReady ?? state.isReady,\n        isOpen: detail.isOpen ?? state.isOpen,\n        unreadCount:\n          typeof detail.unreadCount === 'number'\n            ? detail.unreadCount\n            : state.unreadCount,\n        lastUpdated: detail.lastUpdated ?? state.lastUpdated,\n        hasError: detail.hasError,\n        errorCode: detail.errorCode,\n      };\n      stateChangeListeners.forEach((cb) => cb(state));\n      notifyBellListeners();\n    }\n  };\n\n  const init = (): void => {\n    if (initDone || destroyed) return;\n    initDone = true;\n    window.addEventListener('notifizz:ready', handleReady);\n    window.addEventListener('notifizz:state', handleState);\n\n    const serverUrl = options.serverUrl ?? DEFAULT_SERVER_URL;\n    const apiUrl = options.apiUrl ?? DEFAULT_API_URL;\n    const widgetPath = options.widgetPath ?? DEFAULT_WIDGET_PATH;\n\n    importScriptInBrowser(\n      { apiKey: options.apiKey, serverUrl, apiUrl, widgetPath },\n      () => {\n        if (typeof window.notifizz === 'function') {\n          window.notifizz('getState', (current: NotifizzState) => {\n            if (current && typeof current === 'object') {\n              state = {\n                ...state,\n                ...current,\n                lastUpdated: current.lastUpdated ?? state.lastUpdated,\n              };\n            }\n            if (current?.isReady) handleReady();\n          });\n        }\n        const el = document.getElementById(mountId);\n        if (el) applyOptions();\n      }\n    );\n  };\n\n  return {\n    mount(element?: HTMLElement): HTMLElement {\n      let el: HTMLElement;\n      if (element) {\n        el = element;\n        if (!el.id) el.id = mountId;\n      } else {\n        const existing = document.getElementById(mountId);\n        if (existing) {\n          mountElement = existing;\n          init();\n          return existing;\n        }\n        el = document.createElement('div');\n        el.id = mountId;\n        document.body.appendChild(el);\n      }\n      mountElement = el;\n      init();\n      return el;\n    },\n\n    getState(): NotifizzState {\n      return { ...state };\n    },\n\n    onReady(cb: () => void): () => void {\n      readyListeners.push(cb);\n      if (state.isReady) cb();\n      return () => {\n        const i = readyListeners.indexOf(cb);\n        if (i !== -1) readyListeners.splice(i, 1);\n      };\n    },\n\n    onStateChange(cb: (s: NotifizzState) => void): () => void {\n      stateChangeListeners.push(cb);\n      return () => {\n        const i = stateChangeListeners.indexOf(cb);\n        if (i !== -1) stateChangeListeners.splice(i, 1);\n      };\n    },\n\n    onBellUpdate(cb: (ctx: NotifizzBellContext) => void): () => void {\n      bellUpdateListeners.push(cb);\n      cb(buildBellContext());\n      return () => {\n        const i = bellUpdateListeners.indexOf(cb);\n        if (i !== -1) bellUpdateListeners.splice(i, 1);\n      };\n    },\n\n    open,\n    close,\n    toggle,\n\n    setBellElement(el: HTMLElement | null): void {\n      if (bellElement) {\n        bellElement.removeEventListener('click', onBellClick);\n      }\n      bellElement = el;\n      if (bellElement) {\n        bellElement.addEventListener('click', onBellClick);\n        bellElement.setAttribute('data-unread', String(state.unreadCount));\n        if (mountElement) {\n          mountElement.classList.add('notifizz-custom-bell');\n          injectCustomBellCss();\n        }\n      } else if (mountElement) {\n        mountElement.classList.remove('notifizz-custom-bell');\n      }\n    },\n\n    destroy(): void {\n      if (destroyed) return;\n      destroyed = true;\n      window.removeEventListener('notifizz:ready', handleReady);\n      window.removeEventListener('notifizz:state', handleState);\n      if (bellElement) {\n        bellElement.removeEventListener('click', onBellClick);\n        bellElement = null;\n      }\n      readyListeners.length = 0;\n      stateChangeListeners.length = 0;\n      bellUpdateListeners.length = 0;\n      if (mountElement && mountElement.parentNode) {\n        mountElement.parentNode.removeChild(mountElement);\n        mountElement = null;\n      }\n    },\n  };\n}\n"],"names":["importScriptInBrowser","config","callback","args","i","script","authenticate","options","applyPosition","position","applyNotificationCenterStyles","styles","applyBellStyles","DEFAULT_SERVER_URL","DEFAULT_API_URL","DEFAULT_WIDGET_PATH","DEFAULT_MOUNT_ID","HIDE_WIDGET_BELL_CSS","customBellCssInjected","injectCustomBellCss","style","createNotifizz","mountId","state","readyListeners","stateChangeListeners","bellUpdateListeners","bellElement","mountElement","initDone","readyFired","destroyed","send","command","toggle","open","close","onBellClick","buildBellContext","notifyBellListeners","ctx","cb","applyOptions","handleReady","handleState","e","detail","init","serverUrl","apiUrl","widgetPath","current","element","el","existing"],"mappings":"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"}

package/dist/index.d.ts

@@ -8,8 +8,8 @@ export { NotifizzBellContext }
 
 export declare interface NotifizzOptions {
     apiKey: string;
-    token: string;
-    authType: 'firebase' | 'backendToken';
+    token?: string;
+    authType: 'firebase' | 'backendToken' | 'none';
     userEmail?: string;
     userId?: string;
     position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';

package/dist/index.js

@@ -1,36 +1,34 @@
-function T(e, d) {
-  const n = document.head;
+function T(e, l) {
   if (document.querySelector(
     'script[data-widget="notifizz"]'
   )) {
-    d();
+    l();
     return;
   }
+  window._notifizz = window._notifizz || {}, window._notifizz._queue = window._notifizz._queue || [], window.notifizz = window.notifizz || function() {
+    const u = [];
+    for (let s = 0; s < arguments.length; s++) u.push(arguments[s]);
+    window._notifizz._queue.push(u);
+  }, window._notifizz._notifizzSettings = {
+    apiKey: e.apiKey,
+    loaderVersion: "1",
+    server: e.serverUrl,
+    apiUrl: e.apiUrl
+  };
   const o = document.createElement("script");
-  window.notifizzCallback = d, o.type = "module", o.dataset.widget = "notifizz", o.textContent = `(function (n, o, t, i, f) {
-    (n._notifizz = n._notifizz || {}),
-      (n._notifizz._queue = n._notifizz._queue || []),
-      (n.notifizz =
-        n.notifizz ||
-        function () {
-          let args = [];
-          for (i = 0; i < arguments.length; i++) args.push(arguments[i]);
-          n._notifizz._queue.push(args);
-        }),
-      (n._notifizz._notifizzSettings = {
-        apiKey: "${e.apiKey}",
-        loaderVersion: "1",
-        server: t,
-        apiUrl: "${e.apiUrl}"
-      }),
-      (f = o.getElementsByTagName("head")[0]);
-    let r = o.createElement("script");
-    r.type = 'module';
-    r.onload = n.notifizzCallback;
-    (r.async = !0), (r.src = t + i), f.appendChild(r);
-  })(window, document, "${e.serverUrl}", "${e.widgetPath}")`, n.appendChild(o);
+  o.type = "module", o.async = !0, o.dataset.widget = "notifizz", o.src = e.serverUrl + e.widgetPath, o.onload = l, document.head.appendChild(o);
 }
-function k(e) {
+function R(e) {
+  if (e.authType === "none") {
+    if (!e.userEmail || !e.userId)
+      throw new Error(
+        'userEmail and userId are required for authType "none"'
+      );
+    window.notifizz("authenticateWithNone", {
+      user: { email: e.userEmail, id: e.userId }
+    });
+    return;
+  }
   if (e.authType === "firebase") {
     window.notifizz("authenticateWithFirebase", e.token, {}, () => {
     });
@@ -50,54 +48,60 @@ function k(e) {
     );
   }
 }
-function R(e) {
+function b(e) {
   ["top-right", "top-left", "bottom-right", "bottom-left"].includes(e) && window.notifizz("setPosition", e);
 }
-function b(e) {
+function B(e) {
   window.notifizz("setNotificationCenterStyles", e);
 }
-function I(e) {
+function k(e) {
   window.notifizz("setBellStyles", e);
 }
-const B = "https://widget.notifizz.com", O = "https://eu.api.notifizz.com/v1", x = "/v1/widget.js", q = "notifizz-notifications";
-function A(e) {
+const O = "https://widget.notifizz.com", x = "https://eu.api.notifizz.com/v1", D = "/v1/widget.js", q = "notifizz-notifications", A = ".notifizz-custom-bell #notifizz-isolated-css > div > a { display: none !important; }";
+let I = !1;
+function K() {
+  if (I || typeof document > "u") return;
+  const e = document.createElement("style");
+  e.textContent = A, document.head.appendChild(e), I = !0;
+}
+function N(e) {
   if (!e.apiKey || !e.authType)
     throw new Error(
       "Missing required options: apiKey and authType are required"
     );
-  const d = e.mountId ?? q;
+  const l = e.mountId ?? q;
   let n = {
     isReady: !1,
     isOpen: !1,
     unreadCount: 0,
     lastUpdated: 0
   };
-  const l = [], o = [], u = [];
-  let a = null, s = null, w = !1, m = !1, c = !1;
-  const p = (t, ...i) => {
+  const o = [], u = [], s = [];
+  let a = null, d = null, m = !1, h = !1, c = !1;
+  const z = (t, ...i) => {
     typeof window < "u" && window.notifizz && window.notifizz(t, ...i);
-  }, z = () => p("toggle"), g = () => p("open"), E = () => p("close"), y = () => {
-    z();
+  }, w = () => z("toggle"), E = () => z("open"), g = () => z("close"), y = () => {
+    w();
   }, C = () => ({
     unreadCount: n.unreadCount,
     isOpen: n.isOpen,
     isReady: n.isReady,
-    toggle: z,
-    open: g,
-    close: E
-  }), U = () => {
+    toggle: w,
+    open: E,
+    close: g
+  }), v = () => {
     const t = C();
-    u.forEach((i) => i(t)), a && a.setAttribute("data-unread", String(n.unreadCount));
-  }, v = () => {
-    k({
+    s.forEach((i) => i(t)), a && a.setAttribute("data-unread", String(n.unreadCount));
+  }, U = () => {
+    R({
       apiKey: e.apiKey,
       token: e.token,
       authType: e.authType,
       userEmail: e.userEmail,
       userId: e.userId
-    }), e.position && R(e.position), e.notificationCenterStyles && b(e.notificationCenterStyles), e.bellStyles && I(e.bellStyles);
-  }, h = () => {
-    m || (m = !0, v(), n = { ...n, isReady: !0, lastUpdated: Date.now() }, l.forEach((t) => t()), U());
+    }), e.position && b(e.position), e.notificationCenterStyles && B(e.notificationCenterStyles), e.bellStyles && k(e.bellStyles);
+  }, p = () => {
+    h || (h = !0, U(), n = { ...n, isReady: !0, lastUpdated: Date.now() }, o.forEach((t) => t()), v());
   }, S = (t) => {
     const r = t.detail;
     r && typeof r == "object" && (n = {
@@ -108,11 +112,11 @@ function A(e) {
       lastUpdated: r.lastUpdated ?? n.lastUpdated,
       hasError: r.hasError,
       errorCode: r.errorCode
-    }, o.forEach((L) => L(n)), U());
-  }, _ = () => {
-    if (w || c) return;
-    w = !0, window.addEventListener("notifizz:ready", h), window.addEventListener("notifizz:state", S);
-    const t = e.serverUrl ?? B, i = e.apiUrl ?? O, r = e.widgetPath ?? x;
+    }, u.forEach((_) => _(n)), v());
+  }, L = () => {
+    if (m || c) return;
+    m = !0, window.addEventListener("notifizz:ready", p), window.addEventListener("notifizz:state", S);
+    const t = e.serverUrl ?? O, i = e.apiUrl ?? x, r = e.widgetPath ?? D;
     T(
       { apiKey: e.apiKey, serverUrl: t, apiUrl: i, widgetPath: r },
       () => {
@@ -121,8 +125,8 @@ function A(e) {
             ...n,
             ...f,
             lastUpdated: f.lastUpdated ?? n.lastUpdated
-          }), f?.isReady && h();
-        }), document.getElementById(d) && v();
+          }), f?.isReady && p();
+        }), document.getElementById(l) && U();
       }
     );
   };
@@ -130,48 +134,48 @@ function A(e) {
     mount(t) {
       let i;
       if (t)
-        i = t, i.id || (i.id = d);
+        i = t, i.id || (i.id = l);
       else {
-        const r = document.getElementById(d);
+        const r = document.getElementById(l);
         if (r)
-          return s = r, _(), r;
-        i = document.createElement("div"), i.id = d, document.body.appendChild(i);
+          return d = r, L(), r;
+        i = document.createElement("div"), i.id = l, document.body.appendChild(i);
       }
-      return s = i, _(), i;
+      return d = i, L(), i;
     },
     getState() {
       return { ...n };
     },
     onReady(t) {
-      return l.push(t), n.isReady && t(), () => {
-        const i = l.indexOf(t);
-        i !== -1 && l.splice(i, 1);
-      };
-    },
-    onStateChange(t) {
-      return o.push(t), () => {
+      return o.push(t), n.isReady && t(), () => {
         const i = o.indexOf(t);
         i !== -1 && o.splice(i, 1);
       };
     },
-    onBellUpdate(t) {
-      return u.push(t), t(C()), () => {
+    onStateChange(t) {
+      return u.push(t), () => {
         const i = u.indexOf(t);
         i !== -1 && u.splice(i, 1);
       };
     },
-    open: g,
-    close: E,
-    toggle: z,
+    onBellUpdate(t) {
+      return s.push(t), t(C()), () => {
+        const i = s.indexOf(t);
+        i !== -1 && s.splice(i, 1);
+      };
+    },
+    open: E,
+    close: g,
+    toggle: w,
     setBellElement(t) {
-      a && a.removeEventListener("click", y), a = t, a && (a.addEventListener("click", y), a.setAttribute("data-unread", String(n.unreadCount)));
+      a && a.removeEventListener("click", y), a = t, a ? (a.addEventListener("click", y), a.setAttribute("data-unread", String(n.unreadCount)), d && (d.classList.add("notifizz-custom-bell"), K())) : d && d.classList.remove("notifizz-custom-bell");
     },
     destroy() {
-      c || (c = !0, window.removeEventListener("notifizz:ready", h), window.removeEventListener("notifizz:state", S), a && (a.removeEventListener("click", y), a = null), l.length = 0, o.length = 0, u.length = 0, s && s.parentNode && (s.parentNode.removeChild(s), s = null));
+      c || (c = !0, window.removeEventListener("notifizz:ready", p), window.removeEventListener("notifizz:state", S), a && (a.removeEventListener("click", y), a = null), o.length = 0, u.length = 0, s.length = 0, d && d.parentNode && (d.parentNode.removeChild(d), d = null));
     }
   };
 }
 export {
-  A as createNotifizz
+  N as createNotifizz
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../notifizz-shared/src/scriptLoader.ts","../src/createNotifizz.ts"],"sourcesContent":["export interface NotifizzConfig {\n  apiKey: string;\n  apiUrl: string;\n  serverUrl: string;\n  widgetPath: string;\n}\n\nexport function importScriptInBrowser(\n  config: NotifizzConfig,\n  callback: () => void\n): void {\n  const head = document.head;\n  const existingScript = document.querySelector(\n    'script[data-widget=\"notifizz\"]'\n  );\n  if (existingScript) {\n    callback();\n    return;\n  }\n  const script = document.createElement('script');\n  (window as Window & { notifizzCallback?: () => void }).notifizzCallback =\n    callback;\n  script.type = 'module';\n  script.dataset['widget'] = 'notifizz';\n  script.textContent = `(function (n, o, t, i, f) {\n    (n._notifizz = n._notifizz || {}),\n      (n._notifizz._queue = n._notifizz._queue || []),\n      (n.notifizz =\n        n.notifizz ||\n        function () {\n          let args = [];\n          for (i = 0; i < arguments.length; i++) args.push(arguments[i]);\n          n._notifizz._queue.push(args);\n        }),\n      (n._notifizz._notifizzSettings = {\n        apiKey: \"${config.apiKey}\",\n        loaderVersion: \"1\",\n        server: t,\n        apiUrl: \"${config.apiUrl}\"\n      }),\n      (f = o.getElementsByTagName(\"head\")[0]);\n    let r = o.createElement(\"script\");\n    r.type = 'module';\n    r.onload = n.notifizzCallback;\n    (r.async = !0), (r.src = t + i), f.appendChild(r);\n  })(window, document, \"${config.serverUrl}\", \"${config.widgetPath}\")`;\n  head.appendChild(script);\n}\n\nexport interface AuthOptions {\n  apiKey: string;\n  token: string;\n  authType: 'firebase' | 'backendToken';\n  userEmail?: string;\n  userId?: string;\n}\n\nexport function authenticate(options: AuthOptions): void {\n  if (options.authType === 'firebase') {\n    window.notifizz('authenticateWithFirebase', options.token, {}, () => {});\n    return;\n  }\n  if (options.authType === 'backendToken') {\n    if (!options.userEmail || !options.userId) {\n      throw new Error(\n        'Missing required options: userEmail and userId are required for backendToken'\n      );\n    }\n    window.notifizz(\n      'authenticateWithBackendToken',\n      options.token,\n      { user: { email: options.userEmail, id: options.userId } },\n      () => {}\n    );\n  }\n}\n\nexport function applyPosition(\n  position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n): void {\n  const valid = ['top-right', 'top-left', 'bottom-right', 'bottom-left'];\n  if (valid.includes(position)) {\n    window.notifizz('setPosition', position);\n  }\n}\n\nexport function applyNotificationCenterStyles(styles: {\n  marginTop?: string;\n}): void {\n  window.notifizz('setNotificationCenterStyles', styles);\n}\n\nexport function applyBellStyles(styles: {\n  marginRight?: string;\n  marginLeft?: string;\n}): void {\n  window.notifizz('setBellStyles', styles);\n}\n","import type { NotifizzState, NotifizzBellContext } from '../../notifizz-shared/src/types';\nimport type { NotifizzOptions, NotifizzVanillaApi } from './types';\nimport {\n  importScriptInBrowser,\n  authenticate,\n  applyPosition,\n  applyNotificationCenterStyles,\n  applyBellStyles,\n} from '../../notifizz-shared/src/scriptLoader';\n\nconst DEFAULT_SERVER_URL = 'https://widget.notifizz.com';\nconst DEFAULT_API_URL = 'https://eu.api.notifizz.com/v1';\nconst DEFAULT_WIDGET_PATH = '/v1/widget.js';\nconst DEFAULT_MOUNT_ID = 'notifizz-notifications';\n\nexport function createNotifizz(options: NotifizzOptions): NotifizzVanillaApi {\n  if (!options.apiKey || !options.authType) {\n    throw new Error(\n      'Missing required options: apiKey and authType are required'\n    );\n  }\n\n  const mountId = options.mountId ?? DEFAULT_MOUNT_ID;\n  let state: NotifizzState = {\n    isReady: false,\n    isOpen: false,\n    unreadCount: 0,\n    lastUpdated: 0,\n  };\n  const readyListeners: (() => void)[] = [];\n  const stateChangeListeners: ((s: NotifizzState) => void)[] = [];\n  const bellUpdateListeners: ((ctx: NotifizzBellContext) => void)[] = [];\n  let bellElement: HTMLElement | null = null;\n  let mountElement: HTMLElement | null = null;\n  let initDone = false;\n  let readyFired = false;\n  let destroyed = false;\n\n  const send = (command: string, ...args: unknown[]): void => {\n    if (typeof window !== 'undefined' && window.notifizz) {\n      window.notifizz(command, ...args);\n    }\n  };\n\n  const toggle = (): void => send('toggle');\n  const open = (): void => send('open');\n  const close = (): void => send('close');\n\n  const onBellClick = (): void => {\n    toggle();\n  };\n\n  const buildBellContext = (): NotifizzBellContext => ({\n    unreadCount: state.unreadCount,\n    isOpen: state.isOpen,\n    isReady: state.isReady,\n    toggle,\n    open,\n    close,\n  });\n\n  const notifyBellListeners = (): void => {\n    const ctx = buildBellContext();\n    bellUpdateListeners.forEach((cb) => cb(ctx));\n    if (bellElement) {\n      bellElement.setAttribute('data-unread', String(state.unreadCount));\n    }\n  };\n\n  const applyOptions = (): void => {\n    authenticate({\n      apiKey: options.apiKey,\n      token: options.token,\n      authType: options.authType,\n      userEmail: options.userEmail,\n      userId: options.userId,\n    });\n    if (options.position) applyPosition(options.position);\n    if (options.notificationCenterStyles) {\n      applyNotificationCenterStyles(options.notificationCenterStyles);\n    }\n    if (options.bellStyles) applyBellStyles(options.bellStyles);\n  };\n\n  const handleReady = (): void => {\n    if (readyFired) return;\n    readyFired = true;\n    applyOptions();\n    state = { ...state, isReady: true, lastUpdated: Date.now() };\n    readyListeners.forEach((cb) => cb());\n    notifyBellListeners();\n  };\n\n  const handleState = (e: Event): void => {\n    const ev = e as CustomEvent<NotifizzState>;\n    const detail = ev.detail;\n    if (detail && typeof detail === 'object') {\n      state = {\n        ...state,\n        isReady: detail.isReady ?? state.isReady,\n        isOpen: detail.isOpen ?? state.isOpen,\n        unreadCount:\n          typeof detail.unreadCount === 'number'\n            ? detail.unreadCount\n            : state.unreadCount,\n        lastUpdated: detail.lastUpdated ?? state.lastUpdated,\n        hasError: detail.hasError,\n        errorCode: detail.errorCode,\n      };\n      stateChangeListeners.forEach((cb) => cb(state));\n      notifyBellListeners();\n    }\n  };\n\n  const init = (): void => {\n    if (initDone || destroyed) return;\n    initDone = true;\n    window.addEventListener('notifizz:ready', handleReady);\n    window.addEventListener('notifizz:state', handleState);\n\n    const serverUrl = options.serverUrl ?? DEFAULT_SERVER_URL;\n    const apiUrl = options.apiUrl ?? DEFAULT_API_URL;\n    const widgetPath = options.widgetPath ?? DEFAULT_WIDGET_PATH;\n\n    importScriptInBrowser(\n      { apiKey: options.apiKey, serverUrl, apiUrl, widgetPath },\n      () => {\n        if (typeof window.notifizz === 'function') {\n          window.notifizz('getState', (current: NotifizzState) => {\n            if (current && typeof current === 'object') {\n              state = {\n                ...state,\n                ...current,\n                lastUpdated: current.lastUpdated ?? state.lastUpdated,\n              };\n            }\n            if (current?.isReady) handleReady();\n          });\n        }\n        const el = document.getElementById(mountId);\n        if (el) applyOptions();\n      }\n    );\n  };\n\n  return {\n    mount(element?: HTMLElement): HTMLElement {\n      let el: HTMLElement;\n      if (element) {\n        el = element;\n        if (!el.id) el.id = mountId;\n      } else {\n        const existing = document.getElementById(mountId);\n        if (existing) {\n          mountElement = existing;\n          init();\n          return existing;\n        }\n        el = document.createElement('div');\n        el.id = mountId;\n        document.body.appendChild(el);\n      }\n      mountElement = el;\n      init();\n      return el;\n    },\n\n    getState(): NotifizzState {\n      return { ...state };\n    },\n\n    onReady(cb: () => void): () => void {\n      readyListeners.push(cb);\n      if (state.isReady) cb();\n      return () => {\n        const i = readyListeners.indexOf(cb);\n        if (i !== -1) readyListeners.splice(i, 1);\n      };\n    },\n\n    onStateChange(cb: (s: NotifizzState) => void): () => void {\n      stateChangeListeners.push(cb);\n      return () => {\n        const i = stateChangeListeners.indexOf(cb);\n        if (i !== -1) stateChangeListeners.splice(i, 1);\n      };\n    },\n\n    onBellUpdate(cb: (ctx: NotifizzBellContext) => void): () => void {\n      bellUpdateListeners.push(cb);\n      cb(buildBellContext());\n      return () => {\n        const i = bellUpdateListeners.indexOf(cb);\n        if (i !== -1) bellUpdateListeners.splice(i, 1);\n      };\n    },\n\n    open,\n    close,\n    toggle,\n\n    setBellElement(el: HTMLElement | null): void {\n      if (bellElement) {\n        bellElement.removeEventListener('click', onBellClick);\n      }\n      bellElement = el;\n      if (bellElement) {\n        bellElement.addEventListener('click', onBellClick);\n        bellElement.setAttribute('data-unread', String(state.unreadCount));\n      }\n    },\n\n    destroy(): void {\n      if (destroyed) return;\n      destroyed = true;\n      window.removeEventListener('notifizz:ready', handleReady);\n      window.removeEventListener('notifizz:state', handleState);\n      if (bellElement) {\n        bellElement.removeEventListener('click', onBellClick);\n        bellElement = null;\n      }\n      readyListeners.length = 0;\n      stateChangeListeners.length = 0;\n      bellUpdateListeners.length = 0;\n      if (mountElement && mountElement.parentNode) {\n        mountElement.parentNode.removeChild(mountElement);\n        mountElement = null;\n      }\n    },\n  };\n}\n"],"names":["importScriptInBrowser","config","callback","head","script","authenticate","options","applyPosition","position","applyNotificationCenterStyles","styles","applyBellStyles","DEFAULT_SERVER_URL","DEFAULT_API_URL","DEFAULT_WIDGET_PATH","DEFAULT_MOUNT_ID","createNotifizz","mountId","state","readyListeners","stateChangeListeners","bellUpdateListeners","bellElement","mountElement","initDone","readyFired","destroyed","send","command","args","toggle","open","close","onBellClick","buildBellContext","notifyBellListeners","ctx","cb","applyOptions","handleReady","handleState","e","detail","init","serverUrl","apiUrl","widgetPath","current","element","el","existing"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../notifizz-shared/src/scriptLoader.ts","../src/createNotifizz.ts"],"sourcesContent":["/// <reference path=\"./global.d.ts\" />\n\nexport interface NotifizzConfig {\n  apiKey: string;\n  apiUrl: string;\n  serverUrl: string;\n  widgetPath: string;\n}\n\nexport function importScriptInBrowser(\n  config: NotifizzConfig,\n  callback: () => void\n): void {\n  const existingScript = document.querySelector(\n    'script[data-widget=\"notifizz\"]'\n  );\n  if (existingScript) {\n    callback();\n    return;\n  }\n\n  window._notifizz = window._notifizz || {};\n  window._notifizz._queue = window._notifizz._queue || [];\n  window.notifizz =\n    window.notifizz ||\n    function () {\n      const args: unknown[] = [];\n      for (let i = 0; i < arguments.length; i++) args.push(arguments[i]);\n      window._notifizz!._queue!.push(args);\n    };\n  window._notifizz._notifizzSettings = {\n    apiKey: config.apiKey,\n    loaderVersion: '1',\n    server: config.serverUrl,\n    apiUrl: config.apiUrl,\n  };\n\n  const script = document.createElement('script');\n  script.type = 'module';\n  script.async = true;\n  script.dataset.widget = 'notifizz';\n  script.src = config.serverUrl + config.widgetPath;\n  script.onload = callback;\n  document.head.appendChild(script);\n}\n\nexport interface AuthOptions {\n  apiKey: string;\n  token?: string;\n  authType: 'firebase' | 'backendToken' | 'none';\n  userEmail?: string;\n  userId?: string;\n}\n\nexport function authenticate(options: AuthOptions): void {\n  if (options.authType === 'none') {\n    if (!options.userEmail || !options.userId) {\n      throw new Error(\n        'userEmail and userId are required for authType \"none\"'\n      );\n    }\n    window.notifizz('authenticateWithNone', {\n      user: { email: options.userEmail, id: options.userId },\n    });\n    return;\n  }\n  if (options.authType === 'firebase') {\n    window.notifizz('authenticateWithFirebase', options.token, {}, () => {});\n    return;\n  }\n  if (options.authType === 'backendToken') {\n    if (!options.userEmail || !options.userId) {\n      throw new Error(\n        'Missing required options: userEmail and userId are required for backendToken'\n      );\n    }\n    window.notifizz(\n      'authenticateWithBackendToken',\n      options.token,\n      { user: { email: options.userEmail, id: options.userId } },\n      () => {}\n    );\n  }\n}\n\nexport function applyPosition(\n  position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n): void {\n  const valid = ['top-right', 'top-left', 'bottom-right', 'bottom-left'];\n  if (valid.includes(position)) {\n    window.notifizz('setPosition', position);\n  }\n}\n\nexport function applyNotificationCenterStyles(styles: {\n  marginTop?: string;\n}): void {\n  window.notifizz('setNotificationCenterStyles', styles);\n}\n\nexport function applyBellStyles(styles: {\n  marginRight?: string;\n  marginLeft?: string;\n}): void {\n  window.notifizz('setBellStyles', styles);\n}\n","import type { NotifizzState, NotifizzBellContext } from '../../notifizz-shared/src/types';\nimport type { NotifizzOptions, NotifizzVanillaApi } from './types';\nimport {\n  importScriptInBrowser,\n  authenticate,\n  applyPosition,\n  applyNotificationCenterStyles,\n  applyBellStyles,\n} from '../../notifizz-shared/src/scriptLoader';\n\nconst DEFAULT_SERVER_URL = 'https://widget.notifizz.com';\nconst DEFAULT_API_URL = 'https://eu.api.notifizz.com/v1';\nconst DEFAULT_WIDGET_PATH = '/v1/widget.js';\nconst DEFAULT_MOUNT_ID = 'notifizz-notifications';\nconst HIDE_WIDGET_BELL_CSS =\n  '.notifizz-custom-bell #notifizz-isolated-css > div > a { display: none !important; }';\n\nlet customBellCssInjected = false;\nfunction injectCustomBellCss(): void {\n  if (customBellCssInjected || typeof document === 'undefined') return;\n  const style = document.createElement('style');\n  style.textContent = HIDE_WIDGET_BELL_CSS;\n  document.head.appendChild(style);\n  customBellCssInjected = true;\n}\n\nexport function createNotifizz(options: NotifizzOptions): NotifizzVanillaApi {\n  if (!options.apiKey || !options.authType) {\n    throw new Error(\n      'Missing required options: apiKey and authType are required'\n    );\n  }\n\n  const mountId = options.mountId ?? DEFAULT_MOUNT_ID;\n  let state: NotifizzState = {\n    isReady: false,\n    isOpen: false,\n    unreadCount: 0,\n    lastUpdated: 0,\n  };\n  const readyListeners: (() => void)[] = [];\n  const stateChangeListeners: ((s: NotifizzState) => void)[] = [];\n  const bellUpdateListeners: ((ctx: NotifizzBellContext) => void)[] = [];\n  let bellElement: HTMLElement | null = null;\n  let mountElement: HTMLElement | null = null;\n  let initDone = false;\n  let readyFired = false;\n  let destroyed = false;\n\n  const send = (command: string, ...args: unknown[]): void => {\n    if (typeof window !== 'undefined' && window.notifizz) {\n      window.notifizz(command, ...args);\n    }\n  };\n\n  const toggle = (): void => send('toggle');\n  const open = (): void => send('open');\n  const close = (): void => send('close');\n\n  const onBellClick = (): void => {\n    toggle();\n  };\n\n  const buildBellContext = (): NotifizzBellContext => ({\n    unreadCount: state.unreadCount,\n    isOpen: state.isOpen,\n    isReady: state.isReady,\n    toggle,\n    open,\n    close,\n  });\n\n  const notifyBellListeners = (): void => {\n    const ctx = buildBellContext();\n    bellUpdateListeners.forEach((cb) => cb(ctx));\n    if (bellElement) {\n      bellElement.setAttribute('data-unread', String(state.unreadCount));\n    }\n  };\n\n  const applyOptions = (): void => {\n    authenticate({\n      apiKey: options.apiKey,\n      token: options.token,\n      authType: options.authType,\n      userEmail: options.userEmail,\n      userId: options.userId,\n    });\n    if (options.position) applyPosition(options.position);\n    if (options.notificationCenterStyles) {\n      applyNotificationCenterStyles(options.notificationCenterStyles);\n    }\n    if (options.bellStyles) applyBellStyles(options.bellStyles);\n  };\n\n  const handleReady = (): void => {\n    if (readyFired) return;\n    readyFired = true;\n    applyOptions();\n    state = { ...state, isReady: true, lastUpdated: Date.now() };\n    readyListeners.forEach((cb) => cb());\n    notifyBellListeners();\n  };\n\n  const handleState = (e: Event): void => {\n    const ev = e as CustomEvent<NotifizzState>;\n    const detail = ev.detail;\n    if (detail && typeof detail === 'object') {\n      state = {\n        ...state,\n        isReady: detail.isReady ?? state.isReady,\n        isOpen: detail.isOpen ?? state.isOpen,\n        unreadCount:\n          typeof detail.unreadCount === 'number'\n            ? detail.unreadCount\n            : state.unreadCount,\n        lastUpdated: detail.lastUpdated ?? state.lastUpdated,\n        hasError: detail.hasError,\n        errorCode: detail.errorCode,\n      };\n      stateChangeListeners.forEach((cb) => cb(state));\n      notifyBellListeners();\n    }\n  };\n\n  const init = (): void => {\n    if (initDone || destroyed) return;\n    initDone = true;\n    window.addEventListener('notifizz:ready', handleReady);\n    window.addEventListener('notifizz:state', handleState);\n\n    const serverUrl = options.serverUrl ?? DEFAULT_SERVER_URL;\n    const apiUrl = options.apiUrl ?? DEFAULT_API_URL;\n    const widgetPath = options.widgetPath ?? DEFAULT_WIDGET_PATH;\n\n    importScriptInBrowser(\n      { apiKey: options.apiKey, serverUrl, apiUrl, widgetPath },\n      () => {\n        if (typeof window.notifizz === 'function') {\n          window.notifizz('getState', (current: NotifizzState) => {\n            if (current && typeof current === 'object') {\n              state = {\n                ...state,\n                ...current,\n                lastUpdated: current.lastUpdated ?? state.lastUpdated,\n              };\n            }\n            if (current?.isReady) handleReady();\n          });\n        }\n        const el = document.getElementById(mountId);\n        if (el) applyOptions();\n      }\n    );\n  };\n\n  return {\n    mount(element?: HTMLElement): HTMLElement {\n      let el: HTMLElement;\n      if (element) {\n        el = element;\n        if (!el.id) el.id = mountId;\n      } else {\n        const existing = document.getElementById(mountId);\n        if (existing) {\n          mountElement = existing;\n          init();\n          return existing;\n        }\n        el = document.createElement('div');\n        el.id = mountId;\n        document.body.appendChild(el);\n      }\n      mountElement = el;\n      init();\n      return el;\n    },\n\n    getState(): NotifizzState {\n      return { ...state };\n    },\n\n    onReady(cb: () => void): () => void {\n      readyListeners.push(cb);\n      if (state.isReady) cb();\n      return () => {\n        const i = readyListeners.indexOf(cb);\n        if (i !== -1) readyListeners.splice(i, 1);\n      };\n    },\n\n    onStateChange(cb: (s: NotifizzState) => void): () => void {\n      stateChangeListeners.push(cb);\n      return () => {\n        const i = stateChangeListeners.indexOf(cb);\n        if (i !== -1) stateChangeListeners.splice(i, 1);\n      };\n    },\n\n    onBellUpdate(cb: (ctx: NotifizzBellContext) => void): () => void {\n      bellUpdateListeners.push(cb);\n      cb(buildBellContext());\n      return () => {\n        const i = bellUpdateListeners.indexOf(cb);\n        if (i !== -1) bellUpdateListeners.splice(i, 1);\n      };\n    },\n\n    open,\n    close,\n    toggle,\n\n    setBellElement(el: HTMLElement | null): void {\n      if (bellElement) {\n        bellElement.removeEventListener('click', onBellClick);\n      }\n      bellElement = el;\n      if (bellElement) {\n        bellElement.addEventListener('click', onBellClick);\n        bellElement.setAttribute('data-unread', String(state.unreadCount));\n        if (mountElement) {\n          mountElement.classList.add('notifizz-custom-bell');\n          injectCustomBellCss();\n        }\n      } else if (mountElement) {\n        mountElement.classList.remove('notifizz-custom-bell');\n      }\n    },\n\n    destroy(): void {\n      if (destroyed) return;\n      destroyed = true;\n      window.removeEventListener('notifizz:ready', handleReady);\n      window.removeEventListener('notifizz:state', handleState);\n      if (bellElement) {\n        bellElement.removeEventListener('click', onBellClick);\n        bellElement = null;\n      }\n      readyListeners.length = 0;\n      stateChangeListeners.length = 0;\n      bellUpdateListeners.length = 0;\n      if (mountElement && mountElement.parentNode) {\n        mountElement.parentNode.removeChild(mountElement);\n        mountElement = null;\n      }\n    },\n  };\n}\n"],"names":["importScriptInBrowser","config","callback","args","i","script","authenticate","options","applyPosition","position","applyNotificationCenterStyles","styles","applyBellStyles","DEFAULT_SERVER_URL","DEFAULT_API_URL","DEFAULT_WIDGET_PATH","DEFAULT_MOUNT_ID","HIDE_WIDGET_BELL_CSS","customBellCssInjected","injectCustomBellCss","style","createNotifizz","mountId","state","readyListeners","stateChangeListeners","bellUpdateListeners","bellElement","mountElement","initDone","readyFired","destroyed","send","command","toggle","open","close","onBellClick","buildBellContext","notifyBellListeners","ctx","cb","applyOptions","handleReady","handleState","e","detail","init","serverUrl","apiUrl","widgetPath","current","element","el","existing"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@notifizz/vanilla",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
@@ -18,9 +18,7 @@
       "require": "./dist/index.cjs"
     }
   },
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "scripts": {
     "build": "vite build"
   },