@novu/js 3.7.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/cjs/{chunk-FDWMGQIF.js → chunk-Z3QMY5CF.js} +566 -513
  2. package/dist/cjs/index.d.ts +9 -2
  3. package/dist/cjs/index.js +17 -9
  4. package/dist/cjs/internal/index.d.ts +5 -5
  5. package/dist/cjs/internal/index.js +3 -3
  6. package/dist/cjs/{novu-Gnea9ink.d.ts → novu-BFU9QseZ.d.ts} +37 -37
  7. package/dist/cjs/themes/index.d.ts +2 -2
  8. package/dist/cjs/{types-C4qukwbH.d.ts → types-Df-J-WeQ.d.ts} +2 -2
  9. package/dist/cjs/ui/index.d.ts +3 -3
  10. package/dist/cjs/ui/index.js +543 -577
  11. package/dist/esm/{chunk-AIY4HF7H.mjs → chunk-EIKKISYN.mjs} +563 -513
  12. package/dist/esm/index.d.mts +9 -2
  13. package/dist/esm/index.mjs +2 -2
  14. package/dist/esm/internal/index.d.mts +5 -5
  15. package/dist/esm/internal/index.mjs +1 -1
  16. package/dist/esm/{novu-DiZKRUW5.d.mts → novu-CimEIa5g.d.mts} +37 -37
  17. package/dist/esm/themes/index.d.mts +2 -2
  18. package/dist/esm/{types-D_hCZpTY.d.mts → types-LCV8aocH.d.mts} +2 -2
  19. package/dist/esm/ui/index.d.mts +3 -3
  20. package/dist/esm/ui/index.mjs +537 -571
  21. package/dist/novu.min.js +12 -12
  22. package/dist/novu.min.js.gz +0 -0
  23. package/package.json +3 -4
  24. package/dist/cjs/{chunk-QFZ5WJGI.js → chunk-ZB7IPCHY.js} +14 -14
  25. package/dist/esm/{chunk-KYYDDVBR.mjs → chunk-QOD7NZ77.mjs} +14 -14
package/dist/cjs/ui/index.js CHANGED
@@ -1,23 +1,23 @@
1
1
  'use strict';
2
2
 
3
- var chunkFDWMGQIF_js = require('../chunk-FDWMGQIF.js');
4
- var chunkQFZ5WJGI_js = require('../chunk-QFZ5WJGI.js');
3
+ var chunkZ3QMY5CF_js = require('../chunk-Z3QMY5CF.js');
4
+ var chunkZB7IPCHY_js = require('../chunk-ZB7IPCHY.js');
5
5
  var chunk7B52C2XE_js = require('../chunk-7B52C2XE.js');
6
6
  var web = require('solid-js/web');
7
7
  var solidJs = require('solid-js');
8
8
  var store = require('solid-js/store');
9
9
  var clsx = require('clsx');
10
10
  var tailwindMerge = require('tailwind-merge');
11
+ var solidMotionone = require('solid-motionone');
11
12
  var dom = require('@floating-ui/dom');
12
13
  var solidFloatingUi = require('solid-floating-ui');
13
- var solidMotionone = require('solid-motionone');
14
14
  var classVarianceAuthority = require('class-variance-authority');
15
15
 
16
16
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
17
17
 
18
18
  var clsx__default = /*#__PURE__*/_interopDefault(clsx);
19
19
 
20
- // _b6ep5vqi5:/home/runner/work/novu/novu/packages/js/src/ui/index.directcss
20
+ // _72rgboi8t:/home/runner/work/novu/novu/packages/js/src/ui/index.directcss
21
21
  var ui_default = `.novu{scrollbar-color:var(--nv-color-secondary-foreground-alpha-300) #0000;:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(html,:host){line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}:where(body){line-height:inherit;margin:0}:where(hr){border-top-width:1px;color:inherit;height:0}:where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(a){color:inherit;text-decoration:inherit}:where(b,strong){font-weight:bolder}:where(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where(small){font-size:80%}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:initial}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button]),input:where([type=reset]),input:where([type=submit])){-webkit-appearance:button;background-color:initial;background-image:none}:where(:-moz-focusring){outline:auto}:where(:-moz-ui-invalid){box-shadow:none}:where(progress){vertical-align:initial}:where(*)::-webkit-inner-spin-button,:where(*)::-webkit-outer-spin-button{height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where(*)::-webkit-search-decoration{-webkit-appearance:none}:where(*)::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(summary){display:list-item}:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(fieldset){margin:0;padding:0}:where(legend){padding:0}:where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(dialog){padding:0}:where(textarea){resize:vertical}:where(input)::placeholder,:where(textarea)::placeholder{color:#9ca3af;opacity:1}:where(button,[role=button]){cursor:pointer}:where(:disabled){cursor:default}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,video){height:auto;max-width:100%}:where([hidden]){display:none}:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(*) ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-clip:"padding-box";background-color:var(--nv-color-secondary-foreground-alpha-300);border-radius:.25rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:initial}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}.nt-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.\\!nt-pointer-events-auto{pointer-events:auto!important}.nt-invisible{visibility:hidden}.nt-absolute{position:absolute}.nt-relative{position:relative}.nt-inset-0{inset:0}.nt-inset-2{inset:.5rem}.nt-left-0\\.5{left:.125rem}.nt-right-0{right:0}.nt-right-3{right:.75rem}.nt-top-0{top:0}.nt-top-0\\.5{top:.125rem}.nt-top-3{top:.75rem}.nt-z-10{z-index:10}.nt-z-\\[-1\\]{z-index:-1}.nt-mx-auto{margin-left:auto;margin-right:auto}.nt--mt-\\[50px\\]{margin-top:-50px}.nt-mb-1{margin-bottom:.25rem}.nt-mb-2{margin-bottom:.5rem}.nt-mb-4{margin-bottom:1rem}.nt-mb-\\[0\\.625rem\\]{margin-bottom:.625rem}.nt-ml-1{margin-left:.25rem}.nt-ml-2{margin-left:.5rem}.nt-ml-auto{margin-left:auto}.nt-mr-2{margin-right:.5rem}.nt-mr-auto{margin-right:auto}.nt-mt-1{margin-top:.25rem}.nt-mt-auto{margin-top:auto}.nt-block{display:block}.nt-flex{display:flex}.nt-inline-flex{display:inline-flex}.nt-grid{display:grid}.nt-hidden{display:none}.nt-aspect-square{aspect-ratio:1/1}.nt-size-1\\.5{height:.375rem;width:.375rem}.nt-size-2{height:.5rem;width:.5rem}.nt-size-2\\.5{height:.625rem;width:.625rem}.nt-size-3{height:.75rem;width:.75rem}.nt-size-3\\.5{height:.875rem;width:.875rem}.nt-size-4{height:1rem;width:1rem}.nt-size-5{height:1.25rem;width:1.25rem}.nt-size-8{height:2rem;width:2rem}.nt-size-fit{height:fit-content;width:fit-content}.nt-size-full{height:100%;width:100%}.nt-h-2{height:.5rem}.nt-h-3{height:.75rem}.nt-h-4{height:1rem}.nt-h-5{height:1.25rem}.nt-h-7{height:1.75rem}.nt-h-8{height:2rem}.nt-h-9{height:2.25rem}.nt-h-\\[600px\\]{height:600px}.nt-h-fit{height:fit-content}.nt-h-full{height:100%}.nt-min-h-0{min-height:0}.nt-w-1\\/3{width:33.333333%}.nt-w-2\\/3{width:66.666667%}.nt-w-5{width:1.25rem}.nt-w-7{width:1.75rem}.nt-w-8{width:2rem}.nt-w-\\[260px\\]{width:260px}.nt-w-\\[400px\\]{width:400px}.nt-w-\\[60px\\]{width:60px}.nt-w-\\[calc\\(2ch\\+2rem\\)\\]{width:calc(2ch + 2rem)}.nt-w-fit{width:fit-content}.nt-w-full{width:100%}.nt-w-max{width:max-content}.nt-min-w-52{min-width:13rem}.nt-flex-1{flex:1 1 0%}.nt-shrink-0{flex-shrink:0}.nt-translate-x-1\\/2{--tw-translate-x:50%}.nt-transform,.nt-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-cursor-default{cursor:default}.nt-cursor-not-allowed{cursor:not-allowed}.nt-cursor-pointer{cursor:pointer}.nt-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.nt-flex-row{flex-direction:row}.nt-flex-col{flex-direction:column}.nt-flex-wrap{flex-wrap:wrap}.nt-flex-nowrap{flex-wrap:nowrap}.nt-items-start{align-items:flex-start}.nt-items-center{align-items:center}.nt-justify-end{justify-content:flex-end}.nt-justify-center{justify-content:center}.nt-justify-between{justify-content:space-between}.nt-gap-0\\.5{gap:.125rem}.nt-gap-1{gap:.25rem}.nt-gap-1\\.5{gap:.375rem}.nt-gap-2{gap:.5rem}.nt-gap-3{gap:.75rem}.nt-gap-4{gap:1rem}.nt-gap-6{gap:1.5rem}.nt-gap-8{gap:2rem}.nt-self-stretch{align-self:stretch}.nt-overflow-auto{overflow:auto}.nt-overflow-hidden{overflow:hidden}.nt-overflow-y-auto{overflow-y:auto}.nt-truncate{overflow:hidden;text-overflow:ellipsis}.nt-truncate,.nt-whitespace-nowrap{white-space:nowrap}.nt-whitespace-pre-wrap{white-space:pre-wrap}.nt-rounded{border-radius:var(--nv-radius-base)}.nt-rounded-full{border-radius:var(--nv-radius-full)}.nt-rounded-lg{border-radius:var(--nv-radius-lg)}.nt-rounded-md{border-radius:var(--nv-radius-md)}.nt-rounded-sm{border-radius:var(--nv-radius-sm)}.nt-rounded-xl{border-radius:var(--nv-radius-xl)}.nt-border{border-width:1px}.nt-border-b{border-bottom-width:1px}.nt-border-t{border-top-width:1px}.nt-border-background{border-color:var(--nv-color-background)}.nt-border-border{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.nt-border-neutral-alpha-100{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-alpha-200{border-color:var(--nv-color-neutral-alpha-200)}.nt-border-neutral-alpha-400{border-color:var(--nv-color-neutral-alpha-400)}.nt-border-neutral-alpha-50{border-color:var(--nv-color-neutral-alpha-50)}.nt-border-t-neutral-alpha-200{border-top-color:var(--nv-color-neutral-alpha-200)}.nt-bg-\\[oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.1\\)\\]{background-color:oklch(from var(--nv-color-stripes) l c h/.1)}.nt-bg-background{background-color:var(--nv-color-background)}.nt-bg-counter{background-color:var(--nv-color-counter)}.nt-bg-foreground{background-color:var(--nv-color-foreground)}.nt-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.nt-bg-neutral-alpha-100{background-color:var(--nv-color-neutral-alpha-100)}.nt-bg-neutral-alpha-25{background-color:var(--nv-color-neutral-alpha-25)}.nt-bg-neutral-alpha-300{background-color:var(--nv-color-neutral-alpha-300)}.nt-bg-neutral-alpha-50{background-color:var(--nv-color-neutral-alpha-50)}.nt-bg-primary{background-color:var(--nv-color-primary)}.nt-bg-primary-alpha-300{background-color:var(--nv-color-primary-alpha-300)}.nt-bg-primary-alpha-400{background-color:var(--nv-color-primary-alpha-400)}.nt-bg-secondary{background-color:var(--nv-color-secondary)}.nt-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.nt-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.nt-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.nt-from-foreground-alpha-50{--tw-gradient-from:var(--nv-color-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-primary-foreground-alpha-200{--tw-gradient-from:var(--nv-color-primary-foreground-alpha-200) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-20\\%{--tw-gradient-from-position:20%}.nt-to-background{--tw-gradient-to:var(--nv-color-background) var(--tw-gradient-to-position)}.nt-to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.nt-object-cover{object-fit:cover}.nt-p-0{padding:0}.nt-p-0\\.5{padding:.125rem}.nt-p-1{padding:.25rem}.nt-p-2{padding:.5rem}.nt-p-2\\.5{padding:.625rem}.nt-p-3{padding:.75rem}.nt-p-4{padding:1rem}.nt-px-1{padding-left:.25rem;padding-right:.25rem}.nt-px-2{padding-left:.5rem;padding-right:.5rem}.nt-px-3{padding-left:.75rem;padding-right:.75rem}.nt-px-4{padding-left:1rem;padding-right:1rem}.nt-px-8{padding-left:2rem;padding-right:2rem}.nt-px-\\[6px\\]{padding-left:6px;padding-right:6px}.nt-py-1{padding-bottom:.25rem;padding-top:.25rem}.nt-py-2{padding-bottom:.5rem;padding-top:.5rem}.nt-py-3{padding-bottom:.75rem;padding-top:.75rem}.nt-py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}.nt-py-4{padding-bottom:1rem;padding-top:1rem}.nt-py-px{padding-bottom:1px;padding-top:1px}.nt-pb-2{padding-bottom:.5rem}.nt-pb-\\[0\\.625rem\\]{padding-bottom:.625rem}.nt-pr-0{padding-right:0}.nt-pt-2\\.5{padding-top:.625rem}.nt-text-center{text-align:center}.nt-text-start{text-align:start}.nt-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.nt-text-\\[0\\.8rem\\]{font-size:.8rem}.nt-text-\\[12px\\]{font-size:12px}.nt-text-base{font-size:var(--nv-font-size-base);line-height:var(--nv-line-height-base)}.nt-text-sm{font-size:var(--nv-font-size-sm);line-height:var(--nv-line-height-sm)}.nt-text-xl{font-size:var(--nv-font-size-xl);line-height:var(--nv-line-height-xl)}.nt-text-xs{font-size:var(--nv-font-size-xs);line-height:var(--nv-line-height-xs)}.nt-font-medium{font-weight:500}.nt-font-normal{font-weight:400}.nt-font-semibold{font-weight:600}.nt-leading-none{line-height:1}.nt-text-\\[\\#000000\\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.nt-text-background{color:var(--nv-color-background)}.nt-text-counter-foreground{color:var(--nv-color-counter-foreground)}.nt-text-foreground{color:var(--nv-color-foreground)}.nt-text-foreground-alpha-300{color:var(--nv-color-foreground-alpha-300)}.nt-text-foreground-alpha-400{color:var(--nv-color-foreground-alpha-400)}.nt-text-foreground-alpha-600{color:var(--nv-color-foreground-alpha-600)}.nt-text-foreground-alpha-700{color:var(--nv-color-foreground-alpha-700)}.nt-text-primary-foreground{color:var(--nv-color-primary-foreground)}.nt-text-secondary-foreground{color:var(--nv-color-secondary-foreground)}.nt-text-stripes{color:var(--nv-color-stripes)}.nt-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nt-underline{text-decoration-line:underline}.nt-opacity-0{opacity:0}.nt-opacity-20{opacity:.2}.nt-opacity-50{opacity:.5}.nt-shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-primary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-primary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-secondary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-secondary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\]{--tw-shadow:0px 1px 2px 0px #0a0d1408;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\],.nt-shadow-dropdown{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-dropdown{--tw-shadow:0px 12px 16px -4px oklch(from var(--nv-color-shadow) l c h/0.08),0px 4px 6px -2px oklch(from var(--nv-color-shadow) l c h/0.03);--tw-shadow-colored:0px 12px 16px -4px var(--tw-shadow-color),0px 4px 6px -2px var(--tw-shadow-color)}.nt-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.nt-shadow-lg,.nt-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.nt-shadow-popover{--tw-shadow:0px 8px 26px 0px oklch(from var(--nv-color-shadow) l c h/0.08),0px 2px 6px 0px oklch(from var(--nv-color-shadow) l c h/0.12);--tw-shadow-colored:0px 8px 26px 0px var(--tw-shadow-color),0px 2px 6px 0px var(--tw-shadow-color)}.nt-shadow-popover,.nt-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.nt-shadow-tooltip{--tw-shadow:0 5px 20px 0 oklch(from var(--nv-color-shadow) l c h/0.08);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.nt-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-duration-100{transition-duration:.1s}.nt-duration-200{transition-duration:.2s}.nt-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nt-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nt-fade-in{--tw-enter-opacity:0}.nt-slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.nt-duration-100{animation-duration:.1s}.nt-duration-200{animation-duration:.2s}.nt-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[interpolate-size\\:allow-keywords\\]{interpolate-size:allow-keywords}.\\[scrollbar-gutter\\:stable\\]{scrollbar-gutter:stable}.\\[word-break\\:break-word\\]{word-break:break-word}.before\\:nt-absolute:before{content:var(--tw-content);position:absolute}.before\\:nt-inset-0:before{content:var(--tw-content);inset:0}.before\\:-nt-right-\\[calc\\(0\\+var\\(--stripes-size\\)\\)\\]:before{content:var(--tw-content);right:calc(var(--stripes-size)*-1)}@keyframes nt-stripes{0%{content:var(--tw-content);transform:translateX(0)}to{content:var(--tw-content);transform:translateX(calc(var(--stripes-size)*-1))}}.before\\:nt-animate-stripes:before{animation:nt-stripes 1s linear infinite paused;content:var(--tw-content)}.before\\:nt-rounded-lg:before{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.before\\:nt-rounded-md:before{border-radius:var(--nv-radius-md);content:var(--tw-content)}.before\\:nt-rounded-xl:before{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.before\\:nt-border:before{border-width:1px;content:var(--tw-content)}.before\\:nt-border-primary-foreground-alpha-100:before{border-color:var(--nv-color-primary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-border-secondary-foreground-alpha-100:before{border-color:var(--nv-color-secondary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-bg-dev-stripes-gradient:before{background-image:repeating-linear-gradient(135deg,oklch(from var(--nv-color-stripes) l c h/.1) 25%,oklch(from var(--nv-color-stripes) l c h/.1) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 75%);content:var(--tw-content)}.before\\:nt-bg-\\[length\\:var\\(--stripes-size\\)_var\\(--stripes-size\\)\\]:before{background-size:var(--stripes-size) var(--stripes-size);content:var(--tw-content)}.before\\:nt-content-\\[\\"\\"\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:\\[mask-image\\:linear-gradient\\(transparent_0\\%\\2c black\\)\\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.after\\:nt-absolute:after{content:var(--tw-content);position:absolute}.after\\:nt-inset-0:after{content:var(--tw-content);inset:0}.after\\:-nt-top-12:after{content:var(--tw-content);top:-3rem}.after\\:nt-bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:nt-left-0:after{content:var(--tw-content);left:0}.after\\:nt-left-0\\.5:after{content:var(--tw-content);left:.125rem}.after\\:nt-top-0\\.5:after{content:var(--tw-content);top:.125rem}.after\\:nt-size-3:after{content:var(--tw-content);height:.75rem;width:.75rem}.after\\:nt-h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:nt-w-full:after{content:var(--tw-content);width:100%}.after\\:nt-translate-x-1\\/2:after{--tw-translate-x:50%}.after\\:nt-translate-x-1\\/2:after,.after\\:nt-translate-x-full:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:nt-translate-x-full:after{--tw-translate-x:100%}.after\\:nt-rounded-full:after{border-radius:var(--nv-radius-full);content:var(--tw-content)}.after\\:nt-rounded-lg:after{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.after\\:nt-rounded-md:after{border-radius:var(--nv-radius-md);content:var(--tw-content)}.after\\:nt-rounded-xl:after{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.after\\:nt-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\\:nt-border-background:after{border-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-border-b-primary:after{border-bottom-color:var(--nv-color-primary);content:var(--tw-content)}.after\\:nt-border-b-transparent:after{border-bottom-color:#0000;content:var(--tw-content)}.after\\:nt-bg-background:after{background-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.07\\)_55\\%\\2c transparent\\)\\2c linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-stripes) l c h/.07) 55%,#0000),linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-gradient-to-b:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));content:var(--tw-content)}.after\\:nt-from-primary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-primary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-from-secondary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-secondary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-to-transparent:after{content:var(--tw-content);--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.after\\:nt-opacity-0:after{content:var(--tw-content);opacity:0}.after\\:nt-transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-transition-opacity:after{content:var(--tw-content);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-duration-200:after{transition-duration:.2s}.after\\:nt-content-\\[\\"\\"\\]:after,.after\\:nt-content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.after\\:nt-duration-200:after{animation-duration:.2s;content:var(--tw-content)}.hover\\:nt-bg-neutral-alpha-100:hover{background-color:var(--nv-color-neutral-alpha-100)}.hover\\:nt-bg-neutral-alpha-50:hover{background-color:var(--nv-color-neutral-alpha-50)}.hover\\:nt-bg-primary-600:hover{background-color:var(--nv-color-primary-600)}.hover\\:nt-bg-primary-alpha-25:hover{background-color:var(--nv-color-primary-alpha-25)}.hover\\:nt-bg-primary-alpha-400:hover{background-color:var(--nv-color-primary-alpha-400)}.hover\\:nt-text-foreground-alpha-800:hover{color:var(--nv-color-foreground-alpha-800)}.before\\:hover\\:\\[animation-play-state\\:running\\]:hover:before{animation-play-state:running;content:var(--tw-content)}.hover\\:after\\:nt-opacity-100:hover:after{content:var(--tw-content);opacity:1}.focus\\:nt-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-rounded-lg:focus-visible{border-radius:var(--nv-radius-lg)}.focus-visible\\:nt-rounded-md:focus-visible{border-radius:var(--nv-radius-md)}.focus-visible\\:nt-rounded-xl:focus-visible{border-radius:var(--nv-radius-xl)}.focus-visible\\:nt-bg-neutral-alpha-50:focus-visible{background-color:var(--nv-color-neutral-alpha-50)}.focus-visible\\:nt-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:nt-ring-primary:focus-visible{--tw-ring-color:var(--nv-color-primary)}.focus-visible\\:nt-ring-ring:focus-visible{--tw-ring-color:var(--nv-color-ring)}.focus-visible\\:nt-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:nt-pointer-events-none:disabled{pointer-events:none}.disabled\\:nt-opacity-20:disabled{opacity:.2}.disabled\\:nt-opacity-50:disabled{opacity:.5}.nt-group:focus-within .group-focus-within\\:nt-opacity-100,.nt-group:hover .group-hover\\:nt-opacity-100{opacity:1}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true]{--tw-rotate:180deg}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true],.data-\\[open\\=true\\]\\:nt-transform[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-400[data-disabled=true]{color:var(--nv-color-foreground-alpha-400)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-600[data-disabled=true]{color:var(--nv-color-foreground-alpha-600)}.data-\\[state\\=active\\]\\:nt-text-foreground[data-state=active]{color:var(--nv-color-foreground)}.data-\\[state\\=active\\]\\:after\\:nt-border-b-2[data-state=active]:after{border-bottom-width:2px;content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-border-primary[data-state=active]:after{border-color:var(--nv-color-primary);content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-opacity-100[data-state=active]:after{content:var(--tw-content);opacity:1}.\\[\\&\\:not\\(\\:first-child\\)\\]\\:nt-border-t:not(:first-child){border-top-width:1px}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-12 .nv-notificationList{padding-bottom:3rem}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-8 .nv-notificationList{padding-bottom:2rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-12 .nv-preferencesContainer{padding-bottom:3rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-8 .nv-preferencesContainer{padding-bottom:2rem}.\\[\\&_svg\\]\\:nt-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:nt-shrink-0 svg{flex-shrink:0}`;
22
22
 
23
23
  // src/ui/config/appearanceKeys.ts
@@ -453,6 +453,235 @@ function formatSnoozedUntil({ untilDate, locale = DEFAULT_LOCALE }) {
453
453
  return new Intl.DateTimeFormat(locale, { month: "short", day: "numeric" }).format(untilDate);
454
454
  }
455
455
  }
456
+
457
+ // src/notifications/visibility-tracker.ts
458
+ var DEFAULT_OPTIONS = {
459
+ intersectionThreshold: 0.5,
460
+ visibilityDuration: 1e3,
461
+ batchDelay: 500,
462
+ maxBatchSize: 20,
463
+ enabled: true,
464
+ rootMargin: "0px"
465
+ };
466
+ var NotificationVisibilityTracker = class {
467
+ constructor(inboxService, options = {}) {
468
+ this.inboxService = inboxService;
469
+ /*
470
+ * Session-based tracking: notifications marked as seen in current session won't be marked again
471
+ * Only resets when tracker is destroyed (inbox closes)
472
+ */
473
+ this.seenNotifications = /* @__PURE__ */ new Set();
474
+ this.pendingNotifications = /* @__PURE__ */ new Map();
475
+ this.pendingBatch = /* @__PURE__ */ new Set();
476
+ this.batchTimer = null;
477
+ this.visibilityTimer = null;
478
+ this.observer = null;
479
+ this.elementToNotificationMap = /* @__PURE__ */ new WeakMap();
480
+ this.observedElements = /* @__PURE__ */ new Set();
481
+ this.options = chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, DEFAULT_OPTIONS), options);
482
+ this.initializeObserver();
483
+ this.startVisibilityTimer();
484
+ }
485
+ initializeObserver() {
486
+ if (!this.options.enabled || typeof window === "undefined" || !("IntersectionObserver" in window)) {
487
+ return;
488
+ }
489
+ this.observer = new IntersectionObserver((entries) => this.handleIntersection(entries), {
490
+ threshold: this.options.intersectionThreshold,
491
+ rootMargin: this.options.rootMargin
492
+ });
493
+ }
494
+ startVisibilityTimer() {
495
+ if (!this.options.enabled || typeof window === "undefined") {
496
+ return;
497
+ }
498
+ this.checkAllElementsVisibility();
499
+ this.visibilityTimer = window.setInterval(() => {
500
+ this.checkAllElementsVisibility();
501
+ }, 1e3);
502
+ }
503
+ checkAllElementsVisibility() {
504
+ this.observedElements.forEach((element) => {
505
+ const notificationId = this.elementToNotificationMap.get(element);
506
+ if (!notificationId || this.seenNotifications.has(notificationId)) {
507
+ return;
508
+ }
509
+ const rect = element.getBoundingClientRect();
510
+ const isVisible = this.isElementVisible(rect);
511
+ if (isVisible) {
512
+ if (!this.pendingNotifications.has(notificationId)) {
513
+ this.pendingNotifications.set(notificationId, Date.now());
514
+ }
515
+ } else {
516
+ this.pendingNotifications.delete(notificationId);
517
+ }
518
+ });
519
+ this.processVisibleNotifications();
520
+ }
521
+ isElementVisible(rect) {
522
+ const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
523
+ const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
524
+ const verticalInView = rect.top < viewportHeight && rect.bottom > 0;
525
+ const horizontalInView = rect.left < viewportWidth && rect.right > 0;
526
+ if (!verticalInView || !horizontalInView) {
527
+ return false;
528
+ }
529
+ const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);
530
+ const visibleWidth = Math.min(rect.right, viewportWidth) - Math.max(rect.left, 0);
531
+ const visibleArea = visibleHeight * visibleWidth;
532
+ const totalArea = rect.height * rect.width;
533
+ return totalArea > 0 && visibleArea / totalArea >= this.options.intersectionThreshold;
534
+ }
535
+ handleIntersection(entries) {
536
+ const now = Date.now();
537
+ entries.forEach((entry) => {
538
+ const notificationId = this.elementToNotificationMap.get(entry.target);
539
+ if (!notificationId || this.seenNotifications.has(notificationId)) {
540
+ return;
541
+ }
542
+ if (entry.isIntersecting) {
543
+ this.pendingNotifications.set(notificationId, now);
544
+ } else {
545
+ this.pendingNotifications.delete(notificationId);
546
+ }
547
+ });
548
+ this.processVisibleNotifications();
549
+ }
550
+ processVisibleNotifications() {
551
+ const now = Date.now();
552
+ const notificationsToMark = [];
553
+ this.pendingNotifications.forEach((startTime, notificationId) => {
554
+ if (now - startTime >= this.options.visibilityDuration) {
555
+ notificationsToMark.push(notificationId);
556
+ this.seenNotifications.add(notificationId);
557
+ }
558
+ });
559
+ notificationsToMark.forEach((id) => {
560
+ this.pendingNotifications.delete(id);
561
+ });
562
+ if (notificationsToMark.length > 0) {
563
+ this.addToBatch(notificationsToMark);
564
+ }
565
+ }
566
+ addToBatch(notificationIds) {
567
+ notificationIds.forEach((id) => {
568
+ this.pendingBatch.add(id);
569
+ });
570
+ this.scheduleBatchProcessing();
571
+ }
572
+ scheduleBatchProcessing() {
573
+ if (this.batchTimer !== null) {
574
+ return;
575
+ }
576
+ this.batchTimer = window.setTimeout(() => {
577
+ this.processBatch();
578
+ }, this.options.batchDelay);
579
+ }
580
+ processBatch() {
581
+ return chunk7B52C2XE_js.__async(this, null, function* () {
582
+ this.batchTimer = null;
583
+ const notificationsToSend = Array.from(this.pendingBatch);
584
+ this.pendingBatch.clear();
585
+ if (notificationsToSend.length === 0) {
586
+ return;
587
+ }
588
+ const chunks = this.chunkArray(notificationsToSend, this.options.maxBatchSize);
589
+ try {
590
+ yield Promise.all(chunks.map((chunk) => this.inboxService.markAsSeen({ notificationIds: chunk })));
591
+ } catch (error) {
592
+ notificationsToSend.forEach((id) => {
593
+ this.seenNotifications.delete(id);
594
+ });
595
+ console.error("Failed to mark notifications as seen:", error);
596
+ }
597
+ });
598
+ }
599
+ chunkArray(array, size) {
600
+ const chunks = [];
601
+ for (let i = 0; i < array.length; i += size) {
602
+ chunks.push(array.slice(i, i + size));
603
+ }
604
+ return chunks;
605
+ }
606
+ observe(element, notificationId) {
607
+ if (!this.observer || this.seenNotifications.has(notificationId)) {
608
+ return;
609
+ }
610
+ this.elementToNotificationMap.set(element, notificationId);
611
+ this.observedElements.add(element);
612
+ this.observer.observe(element);
613
+ }
614
+ unobserve(element) {
615
+ if (!this.observer) {
616
+ return;
617
+ }
618
+ const notificationId = this.elementToNotificationMap.get(element);
619
+ if (notificationId) {
620
+ this.pendingNotifications.delete(notificationId);
621
+ this.pendingBatch.delete(notificationId);
622
+ this.elementToNotificationMap.delete(element);
623
+ this.observedElements.delete(element);
624
+ }
625
+ this.observer.unobserve(element);
626
+ }
627
+ destroy() {
628
+ if (this.observer) {
629
+ this.observer.disconnect();
630
+ this.observer = null;
631
+ }
632
+ if (this.batchTimer !== null) {
633
+ window.clearTimeout(this.batchTimer);
634
+ this.batchTimer = null;
635
+ }
636
+ if (this.visibilityTimer !== null) {
637
+ window.clearInterval(this.visibilityTimer);
638
+ this.visibilityTimer = null;
639
+ }
640
+ this.seenNotifications.clear();
641
+ this.pendingNotifications.clear();
642
+ this.pendingBatch.clear();
643
+ this.observedElements.clear();
644
+ }
645
+ // Force process any pending batches (useful for cleanup)
646
+ flush() {
647
+ return chunk7B52C2XE_js.__async(this, null, function* () {
648
+ if (this.batchTimer !== null) {
649
+ window.clearTimeout(this.batchTimer);
650
+ this.batchTimer = null;
651
+ yield this.processBatch();
652
+ }
653
+ });
654
+ }
655
+ };
656
+
657
+ // src/ui/helpers/useNotificationVisibility.ts
658
+ function useNotificationVisibility() {
659
+ const novu = useNovu();
660
+ let tracker = null;
661
+ solidJs.onMount(() => {
662
+ tracker = new NotificationVisibilityTracker(novu.notifications.inboxService);
663
+ solidJs.onCleanup(() => {
664
+ if (tracker) {
665
+ tracker.destroy();
666
+ tracker = null;
667
+ }
668
+ });
669
+ });
670
+ const observeNotification = (element, notificationId) => {
671
+ if (tracker) {
672
+ tracker.observe(element, notificationId);
673
+ }
674
+ };
675
+ const unobserveNotification = (element) => {
676
+ if (tracker) {
677
+ tracker.unobserve(element);
678
+ }
679
+ };
680
+ return {
681
+ observeNotification,
682
+ unobserveNotification
683
+ };
684
+ }
456
685
  var twMerge = tailwindMerge.extendTailwindMerge({
457
686
  prefix: "nt-"
458
687
  });
@@ -730,300 +959,71 @@ var useTabsDropdown = ({ tabs }) => {
730
959
  return { dropdownTabs, setTabsList, visibleTabs };
731
960
  };
732
961
 
733
- // src/ui/helpers/browser.ts
734
- function requestLock(id, cb) {
735
- let isFulfilled = false;
736
- let promiseResolve;
737
- const promise = new Promise((resolve) => {
738
- promiseResolve = resolve;
739
- });
740
- navigator.locks.request(id, () => {
741
- if (!isFulfilled) {
742
- cb(id);
743
- }
744
- return promise;
745
- });
746
- return () => {
747
- isFulfilled = true;
748
- promiseResolve();
749
- };
750
- }
751
- var useBrowserTabsChannel = ({
752
- channelName,
753
- onMessage
754
- }) => {
755
- const [tabsChannel] = solidJs.createSignal(new BroadcastChannel(channelName));
756
- const postMessage = (args) => {
757
- const channel = tabsChannel();
758
- channel.postMessage(args);
759
- };
760
- solidJs.onMount(() => {
761
- const listener = (event) => {
762
- onMessage(event.data);
763
- };
764
- const channel = tabsChannel();
765
- channel.addEventListener("message", listener);
766
- solidJs.onCleanup(() => {
767
- channel.removeEventListener("message", listener);
768
- });
769
- });
770
- return { postMessage };
771
- };
772
-
773
- // src/ui/helpers/useWebSocketEvent.ts
774
- var useWebSocketEvent = ({
775
- event: webSocketEvent,
776
- eventHandler: onMessage
777
- }) => {
778
- const novu = useNovu();
779
- const channelName = `nv_ws_connection:a=${novu.applicationIdentifier}:s=${novu.subscriberId}:e=${webSocketEvent}`;
780
- const { postMessage } = useBrowserTabsChannel({ channelName, onMessage });
781
- const updateReadCount = (data) => {
782
- onMessage(data);
783
- postMessage(data);
784
- };
785
- solidJs.onMount(() => {
786
- let cleanup;
787
- const resolveLock = requestLock(channelName, () => {
788
- cleanup = novu.on(webSocketEvent, updateReadCount);
789
- });
790
- solidJs.onCleanup(() => {
791
- if (cleanup) {
792
- cleanup();
793
- }
794
- resolveLock();
795
- });
796
- });
797
- };
798
-
799
- // src/notifications/visibility-tracker.ts
800
- var DEFAULT_OPTIONS = {
801
- intersectionThreshold: 0.5,
802
- visibilityDuration: 1e3,
803
- batchDelay: 500,
804
- maxBatchSize: 20,
805
- enabled: true,
806
- rootMargin: "0px"
807
- };
808
- var NotificationVisibilityTracker = class {
809
- constructor(inboxService, options = {}) {
810
- this.inboxService = inboxService;
811
- /*
812
- * Session-based tracking: notifications marked as seen in current session won't be marked again
813
- * Only resets when tracker is destroyed (inbox closes)
814
- */
815
- this.seenNotifications = /* @__PURE__ */ new Set();
816
- this.pendingNotifications = /* @__PURE__ */ new Map();
817
- this.pendingBatch = /* @__PURE__ */ new Set();
818
- this.batchTimer = null;
819
- this.visibilityTimer = null;
820
- this.observer = null;
821
- this.elementToNotificationMap = /* @__PURE__ */ new WeakMap();
822
- this.observedElements = /* @__PURE__ */ new Set();
823
- this.options = chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, DEFAULT_OPTIONS), options);
824
- this.initializeObserver();
825
- this.startVisibilityTimer();
826
- }
827
- initializeObserver() {
828
- if (!this.options.enabled || typeof window === "undefined" || !("IntersectionObserver" in window)) {
829
- return;
830
- }
831
- this.observer = new IntersectionObserver((entries) => this.handleIntersection(entries), {
832
- threshold: this.options.intersectionThreshold,
833
- rootMargin: this.options.rootMargin
834
- });
835
- }
836
- startVisibilityTimer() {
837
- if (!this.options.enabled || typeof window === "undefined") {
838
- return;
839
- }
840
- this.checkAllElementsVisibility();
841
- this.visibilityTimer = window.setInterval(() => {
842
- this.checkAllElementsVisibility();
843
- }, 1e3);
844
- }
845
- checkAllElementsVisibility() {
846
- this.observedElements.forEach((element) => {
847
- const notificationId = this.elementToNotificationMap.get(element);
848
- if (!notificationId || this.seenNotifications.has(notificationId)) {
849
- return;
850
- }
851
- const rect = element.getBoundingClientRect();
852
- const isVisible = this.isElementVisible(rect);
853
- if (isVisible) {
854
- if (!this.pendingNotifications.has(notificationId)) {
855
- this.pendingNotifications.set(notificationId, Date.now());
856
- }
857
- } else {
858
- this.pendingNotifications.delete(notificationId);
859
- }
860
- });
861
- this.processVisibleNotifications();
862
- }
863
- isElementVisible(rect) {
864
- const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
865
- const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
866
- const verticalInView = rect.top < viewportHeight && rect.bottom > 0;
867
- const horizontalInView = rect.left < viewportWidth && rect.right > 0;
868
- if (!verticalInView || !horizontalInView) {
869
- return false;
870
- }
871
- const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);
872
- const visibleWidth = Math.min(rect.right, viewportWidth) - Math.max(rect.left, 0);
873
- const visibleArea = visibleHeight * visibleWidth;
874
- const totalArea = rect.height * rect.width;
875
- return totalArea > 0 && visibleArea / totalArea >= this.options.intersectionThreshold;
876
- }
877
- handleIntersection(entries) {
878
- const now = Date.now();
879
- entries.forEach((entry) => {
880
- const notificationId = this.elementToNotificationMap.get(entry.target);
881
- if (!notificationId || this.seenNotifications.has(notificationId)) {
882
- return;
883
- }
884
- if (entry.isIntersecting) {
885
- this.pendingNotifications.set(notificationId, now);
886
- } else {
887
- this.pendingNotifications.delete(notificationId);
888
- }
889
- });
890
- this.processVisibleNotifications();
891
- }
892
- processVisibleNotifications() {
893
- const now = Date.now();
894
- const notificationsToMark = [];
895
- this.pendingNotifications.forEach((startTime, notificationId) => {
896
- if (now - startTime >= this.options.visibilityDuration) {
897
- notificationsToMark.push(notificationId);
898
- this.seenNotifications.add(notificationId);
899
- }
900
- });
901
- notificationsToMark.forEach((id) => {
902
- this.pendingNotifications.delete(id);
903
- });
904
- if (notificationsToMark.length > 0) {
905
- this.addToBatch(notificationsToMark);
906
- }
907
- }
908
- addToBatch(notificationIds) {
909
- notificationIds.forEach((id) => {
910
- this.pendingBatch.add(id);
911
- });
912
- this.scheduleBatchProcessing();
913
- }
914
- scheduleBatchProcessing() {
915
- if (this.batchTimer !== null) {
916
- return;
917
- }
918
- this.batchTimer = window.setTimeout(() => {
919
- this.processBatch();
920
- }, this.options.batchDelay);
921
- }
922
- processBatch() {
923
- return chunk7B52C2XE_js.__async(this, null, function* () {
924
- this.batchTimer = null;
925
- const notificationsToSend = Array.from(this.pendingBatch);
926
- this.pendingBatch.clear();
927
- if (notificationsToSend.length === 0) {
928
- return;
929
- }
930
- const chunks = this.chunkArray(notificationsToSend, this.options.maxBatchSize);
931
- try {
932
- yield Promise.all(chunks.map((chunk) => this.inboxService.markAsSeen({ notificationIds: chunk })));
933
- } catch (error) {
934
- notificationsToSend.forEach((id) => {
935
- this.seenNotifications.delete(id);
936
- });
937
- console.error("Failed to mark notifications as seen:", error);
938
- }
939
- });
940
- }
941
- chunkArray(array, size) {
942
- const chunks = [];
943
- for (let i = 0; i < array.length; i += size) {
944
- chunks.push(array.slice(i, i + size));
945
- }
946
- return chunks;
947
- }
948
- observe(element, notificationId) {
949
- if (!this.observer || this.seenNotifications.has(notificationId)) {
950
- return;
951
- }
952
- this.elementToNotificationMap.set(element, notificationId);
953
- this.observedElements.add(element);
954
- this.observer.observe(element);
955
- }
956
- unobserve(element) {
957
- if (!this.observer) {
958
- return;
959
- }
960
- const notificationId = this.elementToNotificationMap.get(element);
961
- if (notificationId) {
962
- this.pendingNotifications.delete(notificationId);
963
- this.pendingBatch.delete(notificationId);
964
- this.elementToNotificationMap.delete(element);
965
- this.observedElements.delete(element);
966
- }
967
- this.observer.unobserve(element);
968
- }
969
- destroy() {
970
- if (this.observer) {
971
- this.observer.disconnect();
972
- this.observer = null;
973
- }
974
- if (this.batchTimer !== null) {
975
- window.clearTimeout(this.batchTimer);
976
- this.batchTimer = null;
977
- }
978
- if (this.visibilityTimer !== null) {
979
- window.clearInterval(this.visibilityTimer);
980
- this.visibilityTimer = null;
962
+ // src/ui/helpers/browser.ts
963
+ function requestLock(id, cb) {
964
+ let isFulfilled = false;
965
+ let promiseResolve;
966
+ const promise = new Promise((resolve) => {
967
+ promiseResolve = resolve;
968
+ });
969
+ navigator.locks.request(id, () => {
970
+ if (!isFulfilled) {
971
+ cb(id);
981
972
  }
982
- this.seenNotifications.clear();
983
- this.pendingNotifications.clear();
984
- this.pendingBatch.clear();
985
- this.observedElements.clear();
986
- }
987
- // Force process any pending batches (useful for cleanup)
988
- flush() {
989
- return chunk7B52C2XE_js.__async(this, null, function* () {
990
- if (this.batchTimer !== null) {
991
- window.clearTimeout(this.batchTimer);
992
- this.batchTimer = null;
993
- yield this.processBatch();
994
- }
973
+ return promise;
974
+ });
975
+ return () => {
976
+ isFulfilled = true;
977
+ promiseResolve();
978
+ };
979
+ }
980
+ var useBrowserTabsChannel = ({
981
+ channelName,
982
+ onMessage
983
+ }) => {
984
+ const [tabsChannel] = solidJs.createSignal(new BroadcastChannel(channelName));
985
+ const postMessage = (args) => {
986
+ const channel = tabsChannel();
987
+ channel.postMessage(args);
988
+ };
989
+ solidJs.onMount(() => {
990
+ const listener = (event) => {
991
+ onMessage(event.data);
992
+ };
993
+ const channel = tabsChannel();
994
+ channel.addEventListener("message", listener);
995
+ solidJs.onCleanup(() => {
996
+ channel.removeEventListener("message", listener);
995
997
  });
996
- }
998
+ });
999
+ return { postMessage };
997
1000
  };
998
1001
 
999
- // src/ui/helpers/useNotificationVisibility.ts
1000
- function useNotificationVisibility() {
1002
+ // src/ui/helpers/useWebSocketEvent.ts
1003
+ var useWebSocketEvent = ({
1004
+ event: webSocketEvent,
1005
+ eventHandler: onMessage
1006
+ }) => {
1001
1007
  const novu = useNovu();
1002
- let tracker = null;
1008
+ const channelName = `nv_ws_connection:a=${novu.applicationIdentifier}:s=${novu.subscriberId}:e=${webSocketEvent}`;
1009
+ const { postMessage } = useBrowserTabsChannel({ channelName, onMessage });
1010
+ const updateReadCount = (data) => {
1011
+ onMessage(data);
1012
+ postMessage(data);
1013
+ };
1003
1014
  solidJs.onMount(() => {
1004
- tracker = new NotificationVisibilityTracker(novu.notifications.inboxService);
1015
+ let cleanup;
1016
+ const resolveLock = requestLock(channelName, () => {
1017
+ cleanup = novu.on(webSocketEvent, updateReadCount);
1018
+ });
1005
1019
  solidJs.onCleanup(() => {
1006
- if (tracker) {
1007
- tracker.destroy();
1008
- tracker = null;
1020
+ if (cleanup) {
1021
+ cleanup();
1009
1022
  }
1023
+ resolveLock();
1010
1024
  });
1011
1025
  });
1012
- const observeNotification = (element, notificationId) => {
1013
- if (tracker) {
1014
- tracker.observe(element, notificationId);
1015
- }
1016
- };
1017
- const unobserveNotification = (element) => {
1018
- if (tracker) {
1019
- tracker.unobserve(element);
1020
- }
1021
- };
1022
- return {
1023
- observeNotification,
1024
- unobserveNotification
1025
- };
1026
- }
1026
+ };
1027
1027
 
1028
1028
  // src/ui/context/AppearanceContext.tsx
1029
1029
  var AppearanceContext = solidJs.createContext(void 0);
@@ -1339,7 +1339,7 @@ var useInboxContext = () => {
1339
1339
  };
1340
1340
  var NovuContext = solidJs.createContext(void 0);
1341
1341
  function NovuProvider(props) {
1342
- const novu = solidJs.createMemo(() => props.novu || new chunkFDWMGQIF_js.Novu(props.options));
1342
+ const novu = solidJs.createMemo(() => props.novu || new chunkZ3QMY5CF_js.Novu(props.options));
1343
1343
  return web.createComponent(NovuContext.Provider, {
1344
1344
  get value() {
1345
1345
  return novu();
@@ -1466,38 +1466,12 @@ var CountProvider = (props) => {
1466
1466
  return;
1467
1467
  }
1468
1468
  const currentTabs = tabs();
1469
- function checkNotificationDataAgainstTabData(notificationData, tabFilterData) {
1470
- if (!tabFilterData || Object.keys(tabFilterData).length === 0) {
1471
- return true;
1472
- }
1473
- if (!notificationData) {
1474
- return false;
1475
- }
1476
- return Object.entries(tabFilterData).every(([key, filterValue]) => {
1477
- const notifValue = notificationData[key];
1478
- if (notifValue === void 0 && filterValue !== void 0) {
1479
- return false;
1480
- }
1481
- if (Array.isArray(filterValue)) {
1482
- if (Array.isArray(notifValue)) {
1483
- if (filterValue.length !== notifValue.length) return false;
1484
- const sortedFilterValue = [...filterValue].sort();
1485
- const sortedNotifValue = [...notifValue].sort();
1486
- return sortedFilterValue.every((val, index) => val === sortedNotifValue[index]);
1487
- } else {
1488
- return filterValue.includes(notifValue);
1489
- }
1490
- } else {
1491
- return notifValue === filterValue;
1492
- }
1493
- });
1494
- }
1495
1469
  if (currentTabs.length > 0) {
1496
1470
  for (const tab of currentTabs) {
1497
1471
  const tabTags = getTagsFromTab(tab);
1498
1472
  const tabDataFilterCriteria = (_a = tab.filter) == null ? void 0 : _a.data;
1499
- const matchesTagFilter = tabTags.length === 0 || notification.tags && tabTags.some((tag) => notification.tags.includes(tag));
1500
- const matchesDataFilterCriteria = checkNotificationDataAgainstTabData(notification.data, tabDataFilterCriteria);
1473
+ const matchesTagFilter = chunkZ3QMY5CF_js.checkNotificationTagFilter(notification.tags, tabTags);
1474
+ const matchesDataFilterCriteria = chunkZ3QMY5CF_js.checkNotificationDataFilter(notification.data, tabDataFilterCriteria);
1501
1475
  if (matchesTagFilter && matchesDataFilterCriteria) {
1502
1476
  updateNewNotificationCountsOrCache(notification, tabTags, tabDataFilterCriteria);
1503
1477
  }
@@ -1671,32 +1645,32 @@ var ExternalElementRenderer = (props) => {
1671
1645
  return _el$;
1672
1646
  })();
1673
1647
  };
1674
- var _tmpl$2 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=currentColor d="M5.833 8.333L10 12.5l4.166-4.167H5.833z">`);
1675
- var ArrowDropDown = (props) => {
1648
+ var _tmpl$2 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10.0001 10.879L13.7126 7.1665L14.7731 8.227L10.0001 13L5.22705 8.227L6.28755 7.1665L10.0001 10.879Z"fill=currentColor>`);
1649
+ var ArrowDown = (props) => {
1676
1650
  return (() => {
1677
1651
  var _el$ = _tmpl$2();
1678
1652
  web.spread(_el$, props, true, true);
1679
1653
  return _el$;
1680
1654
  })();
1681
1655
  };
1682
- var _tmpl$3 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M9.20425 9.99907L12.9168 13.7116L11.8563 14.7721L7.08325 9.99907L11.8563 5.22607L12.9168 6.28657L9.20425 9.99907Z"fill=currentColor>`);
1683
- var ArrowLeft = (props) => {
1656
+ var _tmpl$3 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=currentColor d="M5.833 8.333L10 12.5l4.166-4.167H5.833z">`);
1657
+ var ArrowDropDown = (props) => {
1684
1658
  return (() => {
1685
1659
  var _el$ = _tmpl$3();
1686
1660
  web.spread(_el$, props, true, true);
1687
1661
  return _el$;
1688
1662
  })();
1689
1663
  };
1690
- var _tmpl$4 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10.7957 10.0009L7.08325 6.2884L8.14375 5.2279L12.9168 10.0009L8.14375 14.7739L7.08325 13.7134L10.7957 10.0009Z"fill=currentColor>`);
1691
- var ArrowRight = (props) => {
1664
+ var _tmpl$4 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M9.20425 9.99907L12.9168 13.7116L11.8563 14.7721L7.08325 9.99907L11.8563 5.22607L12.9168 6.28657L9.20425 9.99907Z"fill=currentColor>`);
1665
+ var ArrowLeft = (props) => {
1692
1666
  return (() => {
1693
1667
  var _el$ = _tmpl$4();
1694
1668
  web.spread(_el$, props, true, true);
1695
1669
  return _el$;
1696
1670
  })();
1697
1671
  };
1698
- var _tmpl$5 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10.0001 10.879L13.7126 7.1665L14.7731 8.227L10.0001 13L5.22705 8.227L6.28755 7.1665L10.0001 10.879Z"fill=currentColor>`);
1699
- var ArrowDown = (props) => {
1672
+ var _tmpl$5 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10.7957 10.0009L7.08325 6.2884L8.14375 5.2279L12.9168 10.0009L8.14375 14.7739L7.08325 13.7134L10.7957 10.0009Z"fill=currentColor>`);
1673
+ var ArrowRight = (props) => {
1700
1674
  return (() => {
1701
1675
  var _el$ = _tmpl$5();
1702
1676
  web.spread(_el$, props, true, true);
@@ -1735,88 +1709,88 @@ var Clock = (props) => {
1735
1709
  return _el$;
1736
1710
  })();
1737
1711
  };
1738
- var _tmpl$10 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=currentColor d="M5 8.333c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S5.916 8.333 5 8.333zm10 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S15.916 8.333 15 8.333zm-5 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S10.916 8.333 10 8.333z">`);
1739
- var Dots = (props) => {
1712
+ var _tmpl$10 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10 1.75L17.125 5.875V14.125L10 18.25L2.875 14.125V5.875L10 1.75ZM10 3.48325L4.375 6.73975V13.2603L10 16.5167L15.625 13.2603V6.73975L10 3.48325ZM10 13C9.20435 13 8.44129 12.6839 7.87868 12.1213C7.31607 11.5587 7 10.7956 7 10C7 9.20435 7.31607 8.44129 7.87868 7.87868C8.44129 7.31607 9.20435 7 10 7C10.7956 7 11.5587 7.31607 12.1213 7.87868C12.6839 8.44129 13 9.20435 13 10C13 10.7956 12.6839 11.5587 12.1213 12.1213C11.5587 12.6839 10.7956 13 10 13ZM10 11.5C10.3978 11.5 10.7794 11.342 11.0607 11.0607C11.342 10.7794 11.5 10.3978 11.5 10C11.5 9.60218 11.342 9.22064 11.0607 8.93934C10.7794 8.65804 10.3978 8.5 10 8.5C9.60218 8.5 9.22064 8.65804 8.93934 8.93934C8.65804 9.22064 8.5 9.60218 8.5 10C8.5 10.3978 8.65804 10.7794 8.93934 11.0607C9.22064 11.342 9.60218 11.5 10 11.5Z"fill=currentColor>`);
1713
+ var Cogs = (props) => {
1740
1714
  return (() => {
1741
1715
  var _el$ = _tmpl$10();
1742
1716
  web.spread(_el$, props, true, true);
1743
1717
  return _el$;
1744
1718
  })();
1745
1719
  };
1746
- var _tmpl$11 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.20703 1.875H2.8125H2.10547H1.875V2.04688V2.8125V3.60156V5.33984L0.00390625 3.95508C0.0351562 3.60156 0.216797 3.27344 0.505859 3.06055L0.9375 2.74023V1.875C0.9375 1.35742 1.35742 0.9375 1.875 0.9375H3.37109L4.3457 0.216797C4.53516 0.0761719 4.76367 0 5 0C5.23633 0 5.46484 0.0761719 5.6543 0.214844L6.62891 0.9375H8.125C8.64258 0.9375 9.0625 1.35742 9.0625 1.875V2.74023L9.49414 3.06055C9.7832 3.27344 9.96484 3.60156 9.99609 3.95508L8.125 5.33984V3.60156V2.8125V2.04688V1.875H7.89453H7.1875H5.79297H4.20508H4.20703ZM0 8.75V4.72852L4.25 7.87695C4.4668 8.03711 4.73047 8.125 5 8.125C5.26953 8.125 5.5332 8.03906 5.75 7.87695L10 4.72852V8.75C10 9.43945 9.43945 10 8.75 10H1.25C0.560547 10 0 9.43945 0 8.75ZM3.4375 3.125H6.5625C6.73438 3.125 6.875 3.26562 6.875 3.4375C6.875 3.60938 6.73438 3.75 6.5625 3.75H3.4375C3.26562 3.75 3.125 3.60938 3.125 3.4375C3.125 3.26562 3.26562 3.125 3.4375 3.125ZM3.4375 4.375H6.5625C6.73438 4.375 6.875 4.51562 6.875 4.6875C6.875 4.85938 6.73438 5 6.5625 5H3.4375C3.26562 5 3.125 4.85938 3.125 4.6875C3.125 4.51562 3.26562 4.375 3.4375 4.375Z"fill=currentColor>`);
1747
- var Email = (props) => {
1720
+ var _tmpl$11 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=currentColor d="M5 8.333c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S5.916 8.333 5 8.333zm10 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S15.916 8.333 15 8.333zm-5 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S10.916 8.333 10 8.333z">`);
1721
+ var Dots = (props) => {
1748
1722
  return (() => {
1749
1723
  var _el$ = _tmpl$11();
1750
1724
  web.spread(_el$, props, true, true);
1751
1725
  return _el$;
1752
1726
  })();
1753
1727
  };
1754
- var _tmpl$12 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 12"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.99962 0.856934C4.64404 0.856934 4.35676 1.14421 4.35676 1.49979V1.88551C2.89024 2.18283 1.78533 3.48059 1.78533 5.03551V5.41318C1.78533 6.35738 1.43779 7.26943 0.810999 7.97658L0.662339 8.14332C0.493589 8.33216 0.45341 8.60336 0.555865 8.83439C0.658321 9.06542 0.889348 9.21408 1.14247 9.21408H8.85676C9.10988 9.21408 9.3389 9.06542 9.44337 8.83439C9.54783 8.60336 9.50564 8.33216 9.33689 8.14332L9.18823 7.97658C8.56145 7.26943 8.2139 6.35939 8.2139 5.41318V5.03551C8.2139 3.48059 7.10899 2.18283 5.64247 1.88551V1.49979C5.64247 1.14421 5.3552 0.856934 4.99962 0.856934ZM5.90966 10.767C6.15073 10.5259 6.28533 10.1985 6.28533 9.85693H4.99962H3.7139C3.7139 10.1985 3.8485 10.5259 4.08957 10.767C4.33064 11.008 4.6581 11.1426 4.99962 11.1426C5.34113 11.1426 5.66859 11.008 5.90966 10.767Z"fill=currentColor>`);
1755
- var InApp = (props) => {
1728
+ var _tmpl$12 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.20703 1.875H2.8125H2.10547H1.875V2.04688V2.8125V3.60156V5.33984L0.00390625 3.95508C0.0351562 3.60156 0.216797 3.27344 0.505859 3.06055L0.9375 2.74023V1.875C0.9375 1.35742 1.35742 0.9375 1.875 0.9375H3.37109L4.3457 0.216797C4.53516 0.0761719 4.76367 0 5 0C5.23633 0 5.46484 0.0761719 5.6543 0.214844L6.62891 0.9375H8.125C8.64258 0.9375 9.0625 1.35742 9.0625 1.875V2.74023L9.49414 3.06055C9.7832 3.27344 9.96484 3.60156 9.99609 3.95508L8.125 5.33984V3.60156V2.8125V2.04688V1.875H7.89453H7.1875H5.79297H4.20508H4.20703ZM0 8.75V4.72852L4.25 7.87695C4.4668 8.03711 4.73047 8.125 5 8.125C5.26953 8.125 5.5332 8.03906 5.75 7.87695L10 4.72852V8.75C10 9.43945 9.43945 10 8.75 10H1.25C0.560547 10 0 9.43945 0 8.75ZM3.4375 3.125H6.5625C6.73438 3.125 6.875 3.26562 6.875 3.4375C6.875 3.60938 6.73438 3.75 6.5625 3.75H3.4375C3.26562 3.75 3.125 3.60938 3.125 3.4375C3.125 3.26562 3.26562 3.125 3.4375 3.125ZM3.4375 4.375H6.5625C6.73438 4.375 6.875 4.51562 6.875 4.6875C6.875 4.85938 6.73438 5 6.5625 5H3.4375C3.26562 5 3.125 4.85938 3.125 4.6875C3.125 4.51562 3.26562 4.375 3.4375 4.375Z"fill=currentColor>`);
1729
+ var Email = (props) => {
1756
1730
  return (() => {
1757
1731
  var _el$ = _tmpl$12();
1758
1732
  web.spread(_el$, props, true, true);
1759
1733
  return _el$;
1760
1734
  })();
1761
1735
  };
1762
- var _tmpl$13 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.29671 10C1.78742 10 1.39807 9.85716 1.12864 9.57149C0.862497 9.28581 0.729426 8.86623 0.729426 8.31274V2.64594H1.69543V8.29668C1.69543 8.52163 1.74964 8.69487 1.85806 8.81624C1.96978 8.93408 2.12914 8.99301 2.33614 8.99301H7.66389C7.86764 8.99301 8.02366 8.93408 8.13209 8.81624C8.24385 8.69487 8.29965 8.52163 8.29965 8.29668V2.64594H9.27059V8.31274C9.27059 8.8627 9.13591 9.28048 8.86648 9.56608C8.59705 9.85536 8.20931 10 7.70333 10H2.29671ZM3.41056 5.34543C3.29556 5.34543 3.20028 5.30438 3.1247 5.22226C3.04913 5.14015 3.01134 5.03304 3.01134 4.90089V4.72949C3.01134 4.59737 3.04749 4.49204 3.11977 4.41348C3.19535 4.33492 3.29227 4.29564 3.41056 4.29564H6.5944C6.71271 4.29564 6.80795 4.33492 6.88026 4.41348C6.95582 4.49204 6.9936 4.59737 6.9936 4.72949V4.90089C6.9936 5.03304 6.95582 5.14015 6.88026 5.22226C6.8047 5.30438 6.70939 5.34543 6.5944 5.34543H3.41056ZM1.05964 3.16014C0.724502 3.16014 0.463285 3.05301 0.276004 2.83877C0.0920037 2.62095 0 2.33172 0 1.97107V1.18907C0 0.824846 0.0952841 0.535614 0.28586 0.321373C0.476428 0.107124 0.734358 0 1.05964 0H8.94536C9.27715 0 9.53511 0.107124 9.71911 0.321373C9.90642 0.535614 10 0.824846 10 1.18907V1.97107C10 2.33172 9.90642 2.62095 9.71911 2.83877C9.53511 3.05301 9.27715 3.16014 8.94536 3.16014H1.05964ZM1.24693 2.19067H8.75805C8.87304 2.19067 8.95516 2.16211 9.00448 2.10497C9.05372 2.04427 9.07838 1.95322 9.07838 1.83181V1.32833C9.07838 1.20335 9.05372 1.1123 9.00448 1.05517C8.95516 0.99803 8.87304 0.969462 8.75805 0.969462H1.24693C1.13193 0.969462 1.04814 0.99803 0.995567 1.05517C0.946281 1.1123 0.921638 1.20335 0.921638 1.32833V1.83181C0.921638 1.95322 0.946281 2.04427 0.995567 2.10497C1.04814 2.16211 1.13193 2.19067 1.24693 2.19067Z"fill=currentColor>`);
1763
- var MarkAsArchived = (props) => {
1736
+ var _tmpl$13 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 12"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.99962 0.856934C4.64404 0.856934 4.35676 1.14421 4.35676 1.49979V1.88551C2.89024 2.18283 1.78533 3.48059 1.78533 5.03551V5.41318C1.78533 6.35738 1.43779 7.26943 0.810999 7.97658L0.662339 8.14332C0.493589 8.33216 0.45341 8.60336 0.555865 8.83439C0.658321 9.06542 0.889348 9.21408 1.14247 9.21408H8.85676C9.10988 9.21408 9.3389 9.06542 9.44337 8.83439C9.54783 8.60336 9.50564 8.33216 9.33689 8.14332L9.18823 7.97658C8.56145 7.26943 8.2139 6.35939 8.2139 5.41318V5.03551C8.2139 3.48059 7.10899 2.18283 5.64247 1.88551V1.49979C5.64247 1.14421 5.3552 0.856934 4.99962 0.856934ZM5.90966 10.767C6.15073 10.5259 6.28533 10.1985 6.28533 9.85693H4.99962H3.7139C3.7139 10.1985 3.8485 10.5259 4.08957 10.767C4.33064 11.008 4.6581 11.1426 4.99962 11.1426C5.34113 11.1426 5.66859 11.008 5.90966 10.767Z"fill=currentColor>`);
1737
+ var InApp = (props) => {
1764
1738
  return (() => {
1765
1739
  var _el$ = _tmpl$13();
1766
1740
  web.spread(_el$, props, true, true);
1767
1741
  return _el$;
1768
1742
  })();
1769
1743
  };
1770
- var _tmpl$14 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.17256 10.999C1.69081 10.999 1.3225 10.8562 1.06763 10.5705C0.815875 10.2848 0.689997 9.86525 0.689997 9.31177V3.64497H1.60378V9.2957C1.60378 9.52066 1.65506 9.6939 1.75763 9.81526C1.8633 9.93311 2.01405 9.99203 2.20986 9.99203H7.24963C7.44236 9.99203 7.58995 9.93311 7.69252 9.81526C7.79823 9.6939 7.85102 9.52066 7.85102 9.2957V3.64497H8.76947V9.31177C8.76947 9.86173 8.64208 10.2795 8.38721 10.5651C8.13235 10.8544 7.76556 10.999 7.28693 10.999H2.17256ZM1.00236 4.15916C0.68534 4.15916 0.438242 4.05204 0.261085 3.83779C0.0870305 3.61997 0 3.33074 0 2.97009V2.18809C0 1.82387 0.0901336 1.53464 0.270408 1.3204C0.450675 1.10615 0.694663 0.999023 1.00236 0.999023H8.46182C8.77568 0.999023 9.0197 1.10615 9.19375 1.3204C9.37094 1.53464 9.45946 1.82387 9.45946 2.18809V2.97009C9.45946 3.33074 9.37094 3.61997 9.19375 3.83779C9.0197 4.05204 8.77568 4.15916 8.46182 4.15916H1.00236ZM1.17953 3.1897H8.28464C8.39342 3.1897 8.4711 3.16113 8.51775 3.10399C8.56433 3.04329 8.58765 2.95224 8.58765 2.83083V2.32735C8.58765 2.20238 8.56433 2.11132 8.51775 2.05419C8.4711 1.99705 7.51461 1.96849 7.40583 1.96849H1.17953C1.07074 1.96849 0.991485 1.99705 0.941753 2.05419C0.895131 2.11132 0.87182 2.20238 0.87182 2.32735V2.83083C0.87182 2.95224 0.895131 3.04329 0.941753 3.10399C0.991485 3.16113 1.07074 3.1897 1.17953 3.1897Z"fill=currentColor></path><path d="M9.67298 0.553711C9.84703 0.556646 10.0146 0.614475 10.1535 0.716797L10.2208 0.771484L10.2814 0.833008C10.3958 0.960612 10.4679 1.11928 10.4913 1.28711L10.4992 1.37109L10.4982 1.45605C10.4872 1.64689 10.4124 1.8301 10.2833 1.97559L10.2843 1.97656L7.55482 5.15039L7.55384 5.14941C7.40234 5.3265 7.18382 5.43557 6.94642 5.44336L6.93861 5.44434H6.92005V5.44336C6.69203 5.44397 6.47619 5.35201 6.31947 5.19141L6.31849 5.18945L5.29505 4.13184C5.08531 3.91498 5.00658 3.60427 5.08118 3.31641L5.11634 3.21094C5.2129 2.97124 5.41476 2.78187 5.67396 2.70996L5.78626 2.68652C6.01138 2.65637 6.23763 2.72008 6.41419 2.85938L6.49818 2.93555L6.8849 3.33496L9.0138 0.859375V0.860352C9.15512 0.688807 9.35911 0.576792 9.58509 0.556641L9.67298 0.553711Z"fill=currentColor stroke=white>`);
1771
- var MarkAsArchivedRead = (props) => {
1744
+ var _tmpl$14 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.29671 10C1.78742 10 1.39807 9.85716 1.12864 9.57149C0.862497 9.28581 0.729426 8.86623 0.729426 8.31274V2.64594H1.69543V8.29668C1.69543 8.52163 1.74964 8.69487 1.85806 8.81624C1.96978 8.93408 2.12914 8.99301 2.33614 8.99301H7.66389C7.86764 8.99301 8.02366 8.93408 8.13209 8.81624C8.24385 8.69487 8.29965 8.52163 8.29965 8.29668V2.64594H9.27059V8.31274C9.27059 8.8627 9.13591 9.28048 8.86648 9.56608C8.59705 9.85536 8.20931 10 7.70333 10H2.29671ZM3.41056 5.34543C3.29556 5.34543 3.20028 5.30438 3.1247 5.22226C3.04913 5.14015 3.01134 5.03304 3.01134 4.90089V4.72949C3.01134 4.59737 3.04749 4.49204 3.11977 4.41348C3.19535 4.33492 3.29227 4.29564 3.41056 4.29564H6.5944C6.71271 4.29564 6.80795 4.33492 6.88026 4.41348C6.95582 4.49204 6.9936 4.59737 6.9936 4.72949V4.90089C6.9936 5.03304 6.95582 5.14015 6.88026 5.22226C6.8047 5.30438 6.70939 5.34543 6.5944 5.34543H3.41056ZM1.05964 3.16014C0.724502 3.16014 0.463285 3.05301 0.276004 2.83877C0.0920037 2.62095 0 2.33172 0 1.97107V1.18907C0 0.824846 0.0952841 0.535614 0.28586 0.321373C0.476428 0.107124 0.734358 0 1.05964 0H8.94536C9.27715 0 9.53511 0.107124 9.71911 0.321373C9.90642 0.535614 10 0.824846 10 1.18907V1.97107C10 2.33172 9.90642 2.62095 9.71911 2.83877C9.53511 3.05301 9.27715 3.16014 8.94536 3.16014H1.05964ZM1.24693 2.19067H8.75805C8.87304 2.19067 8.95516 2.16211 9.00448 2.10497C9.05372 2.04427 9.07838 1.95322 9.07838 1.83181V1.32833C9.07838 1.20335 9.05372 1.1123 9.00448 1.05517C8.95516 0.99803 8.87304 0.969462 8.75805 0.969462H1.24693C1.13193 0.969462 1.04814 0.99803 0.995567 1.05517C0.946281 1.1123 0.921638 1.20335 0.921638 1.32833V1.83181C0.921638 1.95322 0.946281 2.04427 0.995567 2.10497C1.04814 2.16211 1.13193 2.19067 1.24693 2.19067Z"fill=currentColor>`);
1745
+ var MarkAsArchived = (props) => {
1772
1746
  return (() => {
1773
1747
  var _el$ = _tmpl$14();
1774
1748
  web.spread(_el$, props, true, true);
1775
1749
  return _el$;
1776
1750
  })();
1777
1751
  };
1778
- var _tmpl$15 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_3445_1172)><path d="M9 9.99902H1C0.867383 9.99902 0.7402 9.94635 0.64645 9.85257C0.552667 9.75882 0.5 9.63164 0.5 9.49902V0.499023C0.5 0.366407 0.552669 0.239223 0.64645 0.145473C0.7402 0.0516901 0.867383 -0.000976562 1 -0.000976562H6.25C6.42865 -0.000976562 6.59368 0.0943401 6.68301 0.249023C6.77233 0.403707 6.77233 0.59434 6.68301 0.749023C6.59368 0.903707 6.42865 0.999023 6.25 0.999023H1.5V8.99902H8.5V4.49902C8.5 4.32037 8.59532 4.15534 8.75 4.06602C8.90468 3.97669 9.09532 3.97669 9.25 4.06602C9.40468 4.15534 9.5 4.32037 9.5 4.49902V9.49902C9.5 9.63164 9.44733 9.75882 9.35355 9.85257C9.2598 9.94636 9.13262 9.99902 9 9.99902Z"fill=currentColor></path><path d="M7.5 8.24902H2.5C2.32135 8.24902 2.15632 8.15371 2.06699 7.99902C1.97767 7.84434 1.97767 7.65371 2.06699 7.49902C2.15632 7.34434 2.32135 7.24902 2.5 7.24902H7.5C7.67865 7.24902 7.84368 7.34434 7.93301 7.49902C8.02233 7.65371 8.02233 7.84434 7.93301 7.99902C7.84368 8.15371 7.67865 8.24902 7.5 8.24902Z"fill=currentColor></path><path d="M4.75 6.49901C4.61709 6.49979 4.48936 6.44761 4.39498 6.35403L2.89498 4.85403C2.76816 4.72717 2.71865 4.54235 2.76507 4.36907C2.81149 4.19583 2.94681 4.06051 3.12005 4.01409C3.29332 3.96767 3.47816 4.01718 3.60501 4.14401L4.73001 5.269L8.37501 1.16901C8.46056 1.06279 8.58578 0.996155 8.72169 0.984497C8.8576 0.972843 8.99233 1.01718 9.09474 1.10728C9.19712 1.19738 9.25825 1.32541 9.26398 1.46167C9.26968 1.59796 9.21948 1.73065 9.12502 1.82902L5.12502 6.32902C5.03371 6.43306 4.90337 6.49461 4.76502 6.49901L4.75 6.49901Z"fill=currentColor></path></g><defs><clipPath id=clip0_3445_1172><rect width=10 height=10 fill=white transform="translate(0 -0.000976562)">`);
1779
- var MarkAsRead = (props) => {
1752
+ var _tmpl$15 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.17256 10.999C1.69081 10.999 1.3225 10.8562 1.06763 10.5705C0.815875 10.2848 0.689997 9.86525 0.689997 9.31177V3.64497H1.60378V9.2957C1.60378 9.52066 1.65506 9.6939 1.75763 9.81526C1.8633 9.93311 2.01405 9.99203 2.20986 9.99203H7.24963C7.44236 9.99203 7.58995 9.93311 7.69252 9.81526C7.79823 9.6939 7.85102 9.52066 7.85102 9.2957V3.64497H8.76947V9.31177C8.76947 9.86173 8.64208 10.2795 8.38721 10.5651C8.13235 10.8544 7.76556 10.999 7.28693 10.999H2.17256ZM1.00236 4.15916C0.68534 4.15916 0.438242 4.05204 0.261085 3.83779C0.0870305 3.61997 0 3.33074 0 2.97009V2.18809C0 1.82387 0.0901336 1.53464 0.270408 1.3204C0.450675 1.10615 0.694663 0.999023 1.00236 0.999023H8.46182C8.77568 0.999023 9.0197 1.10615 9.19375 1.3204C9.37094 1.53464 9.45946 1.82387 9.45946 2.18809V2.97009C9.45946 3.33074 9.37094 3.61997 9.19375 3.83779C9.0197 4.05204 8.77568 4.15916 8.46182 4.15916H1.00236ZM1.17953 3.1897H8.28464C8.39342 3.1897 8.4711 3.16113 8.51775 3.10399C8.56433 3.04329 8.58765 2.95224 8.58765 2.83083V2.32735C8.58765 2.20238 8.56433 2.11132 8.51775 2.05419C8.4711 1.99705 7.51461 1.96849 7.40583 1.96849H1.17953C1.07074 1.96849 0.991485 1.99705 0.941753 2.05419C0.895131 2.11132 0.87182 2.20238 0.87182 2.32735V2.83083C0.87182 2.95224 0.895131 3.04329 0.941753 3.10399C0.991485 3.16113 1.07074 3.1897 1.17953 3.1897Z"fill=currentColor></path><path d="M9.67298 0.553711C9.84703 0.556646 10.0146 0.614475 10.1535 0.716797L10.2208 0.771484L10.2814 0.833008C10.3958 0.960612 10.4679 1.11928 10.4913 1.28711L10.4992 1.37109L10.4982 1.45605C10.4872 1.64689 10.4124 1.8301 10.2833 1.97559L10.2843 1.97656L7.55482 5.15039L7.55384 5.14941C7.40234 5.3265 7.18382 5.43557 6.94642 5.44336L6.93861 5.44434H6.92005V5.44336C6.69203 5.44397 6.47619 5.35201 6.31947 5.19141L6.31849 5.18945L5.29505 4.13184C5.08531 3.91498 5.00658 3.60427 5.08118 3.31641L5.11634 3.21094C5.2129 2.97124 5.41476 2.78187 5.67396 2.70996L5.78626 2.68652C6.01138 2.65637 6.23763 2.72008 6.41419 2.85938L6.49818 2.93555L6.8849 3.33496L9.0138 0.859375V0.860352C9.15512 0.688807 9.35911 0.576792 9.58509 0.556641L9.67298 0.553711Z"fill=currentColor stroke=white>`);
1753
+ var MarkAsArchivedRead = (props) => {
1780
1754
  return (() => {
1781
1755
  var _el$ = _tmpl$15();
1782
1756
  web.spread(_el$, props, true, true);
1783
1757
  return _el$;
1784
1758
  })();
1785
1759
  };
1786
- var _tmpl$16 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M3.15789 2.99902V4.99902L0 2.49902L3.15789 -0.000976562V1.99902H5.78947C6.90618 1.99902 7.97714 2.42045 8.76677 3.1706C9.55639 3.92074 10 4.93816 10 5.99902C10 7.05989 9.55639 8.0773 8.76677 8.82745C7.97714 9.5776 6.90618 9.99902 5.78947 9.99902H1.05263V8.99902H5.78947C6.627 8.99902 7.43022 8.68295 8.02244 8.12034C8.61466 7.55773 8.94737 6.79467 8.94737 5.99902C8.94737 5.20337 8.61466 4.44031 8.02244 3.8777C7.43022 3.31509 6.627 2.99902 5.78947 2.99902H3.15789Z"fill=currentColor>`);
1787
- var MarkAsUnarchived = (props) => {
1760
+ var _tmpl$16 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_3445_1172)><path d="M9 9.99902H1C0.867383 9.99902 0.7402 9.94635 0.64645 9.85257C0.552667 9.75882 0.5 9.63164 0.5 9.49902V0.499023C0.5 0.366407 0.552669 0.239223 0.64645 0.145473C0.7402 0.0516901 0.867383 -0.000976562 1 -0.000976562H6.25C6.42865 -0.000976562 6.59368 0.0943401 6.68301 0.249023C6.77233 0.403707 6.77233 0.59434 6.68301 0.749023C6.59368 0.903707 6.42865 0.999023 6.25 0.999023H1.5V8.99902H8.5V4.49902C8.5 4.32037 8.59532 4.15534 8.75 4.06602C8.90468 3.97669 9.09532 3.97669 9.25 4.06602C9.40468 4.15534 9.5 4.32037 9.5 4.49902V9.49902C9.5 9.63164 9.44733 9.75882 9.35355 9.85257C9.2598 9.94636 9.13262 9.99902 9 9.99902Z"fill=currentColor></path><path d="M7.5 8.24902H2.5C2.32135 8.24902 2.15632 8.15371 2.06699 7.99902C1.97767 7.84434 1.97767 7.65371 2.06699 7.49902C2.15632 7.34434 2.32135 7.24902 2.5 7.24902H7.5C7.67865 7.24902 7.84368 7.34434 7.93301 7.49902C8.02233 7.65371 8.02233 7.84434 7.93301 7.99902C7.84368 8.15371 7.67865 8.24902 7.5 8.24902Z"fill=currentColor></path><path d="M4.75 6.49901C4.61709 6.49979 4.48936 6.44761 4.39498 6.35403L2.89498 4.85403C2.76816 4.72717 2.71865 4.54235 2.76507 4.36907C2.81149 4.19583 2.94681 4.06051 3.12005 4.01409C3.29332 3.96767 3.47816 4.01718 3.60501 4.14401L4.73001 5.269L8.37501 1.16901C8.46056 1.06279 8.58578 0.996155 8.72169 0.984497C8.8576 0.972843 8.99233 1.01718 9.09474 1.10728C9.19712 1.19738 9.25825 1.32541 9.26398 1.46167C9.26968 1.59796 9.21948 1.73065 9.12502 1.82902L5.12502 6.32902C5.03371 6.43306 4.90337 6.49461 4.76502 6.49901L4.75 6.49901Z"fill=currentColor></path></g><defs><clipPath id=clip0_3445_1172><rect width=10 height=10 fill=white transform="translate(0 -0.000976562)">`);
1761
+ var MarkAsRead = (props) => {
1788
1762
  return (() => {
1789
1763
  var _el$ = _tmpl$16();
1790
1764
  web.spread(_el$, props, true, true);
1791
1765
  return _el$;
1792
1766
  })();
1793
1767
  };
1794
- var _tmpl$17 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M6.8 1.49902H1.5C0.947715 1.49902 0.5 1.94674 0.5 2.49902V9.49902C0.5 10.0513 0.947715 10.499 1.5 10.499H8.5C9.05228 10.499 9.5 10.0513 9.5 9.49902V4.19902"stroke=currentColor stroke-miterlimit=1 stroke-linecap=round></path><circle cx=9.25 cy=1.74902 r=1.25 fill=currentColor>`);
1795
- var MarkAsUnread = (props) => {
1768
+ var _tmpl$17 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M3.15789 2.99902V4.99902L0 2.49902L3.15789 -0.000976562V1.99902H5.78947C6.90618 1.99902 7.97714 2.42045 8.76677 3.1706C9.55639 3.92074 10 4.93816 10 5.99902C10 7.05989 9.55639 8.0773 8.76677 8.82745C7.97714 9.5776 6.90618 9.99902 5.78947 9.99902H1.05263V8.99902H5.78947C6.627 8.99902 7.43022 8.68295 8.02244 8.12034C8.61466 7.55773 8.94737 6.79467 8.94737 5.99902C8.94737 5.20337 8.61466 4.44031 8.02244 3.8777C7.43022 3.31509 6.627 2.99902 5.78947 2.99902H3.15789Z"fill=currentColor>`);
1769
+ var MarkAsUnarchived = (props) => {
1796
1770
  return (() => {
1797
1771
  var _el$ = _tmpl$17();
1798
1772
  web.spread(_el$, props, true, true);
1799
1773
  return _el$;
1800
1774
  })();
1801
1775
  };
1802
- var _tmpl$18 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 13 12"><path fill=currentColor d="M9.787.98A5.972 5.972 0 006.5 0c-.668 0-1.31.11-1.911.31L9.187 4.94c.221.222.6.065.6-.248V.98z"></path><path fill=currentColor d="M2.879 1.216A5.99 5.99 0 00.5 6c0 1.134.315 2.195.862 3.1V7.309c0-1.966 2.379-2.946 3.764-1.552l4.995 5.027A5.99 5.99 0 0012.5 6a5.972 5.972 0 00-.862-3.1v1.791c0 1.966-2.379 2.946-3.764 1.552L2.879 1.216z"></path><path fill=currentColor d="M8.411 11.69L3.813 7.06a.351.351 0 00-.6.248v3.711c.944.62 2.073.98 3.287.98.668 0 1.31-.11 1.911-.31z">`);
1803
- var Novu2 = (props) => {
1776
+ var _tmpl$18 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M6.8 1.49902H1.5C0.947715 1.49902 0.5 1.94674 0.5 2.49902V9.49902C0.5 10.0513 0.947715 10.499 1.5 10.499H8.5C9.05228 10.499 9.5 10.0513 9.5 9.49902V4.19902"stroke=currentColor stroke-miterlimit=1 stroke-linecap=round></path><circle cx=9.25 cy=1.74902 r=1.25 fill=currentColor>`);
1777
+ var MarkAsUnread = (props) => {
1804
1778
  return (() => {
1805
1779
  var _el$ = _tmpl$18();
1806
1780
  web.spread(_el$, props, true, true);
1807
1781
  return _el$;
1808
1782
  })();
1809
1783
  };
1810
- var _tmpl$19 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 16"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"fill=currentColor></path><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"stroke=currentColor></path><path d="M2.69329 1.46818H7.30693C7.75127 1.46818 8.11147 1.82839 8.11147 2.27273V13.7273C8.11147 14.1716 7.75127 14.5318 7.30693 14.5318H2.69329C2.24896 14.5318 1.88875 14.1716 1.88875 13.7273V2.27273C1.88875 1.82839 2.24896 1.46818 2.69329 1.46818ZM2.69329 0.85C1.90754 0.85 1.27057 1.48698 1.27057 2.27273V2.95695C1.17568 3.00972 1.11147 3.111 1.11147 3.22727V3.54545C1.11147 3.64155 1.15532 3.7274 1.22411 3.78409C1.15532 3.84078 1.11147 3.92663 1.11147 4.02273V4.65909C1.11147 4.75519 1.15532 4.84104 1.22411 4.89773C1.15532 4.95442 1.11147 5.04027 1.11147 5.13636V6.09091C1.11147 6.20718 1.17568 6.30846 1.27057 6.36123V13.7273C1.27057 14.513 1.90754 15.15 2.69329 15.15H7.30693C8.09268 15.15 8.72966 14.513 8.72966 13.7273V6.36123C8.82454 6.30846 8.88875 6.20718 8.88875 6.09091V4.81818C8.88875 4.70191 8.82454 4.60063 8.72966 4.54786V2.27273C8.72966 1.48698 8.09268 0.85 7.30693 0.85H2.69329Z"fill=currentColor stroke=currentColor stroke-width=0.3>`);
1811
- var Push = (props) => {
1784
+ var _tmpl$19 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 13 12"><path fill=currentColor d="M9.787.98A5.972 5.972 0 006.5 0c-.668 0-1.31.11-1.911.31L9.187 4.94c.221.222.6.065.6-.248V.98z"></path><path fill=currentColor d="M2.879 1.216A5.99 5.99 0 00.5 6c0 1.134.315 2.195.862 3.1V7.309c0-1.966 2.379-2.946 3.764-1.552l4.995 5.027A5.99 5.99 0 0012.5 6a5.972 5.972 0 00-.862-3.1v1.791c0 1.966-2.379 2.946-3.764 1.552L2.879 1.216z"></path><path fill=currentColor d="M8.411 11.69L3.813 7.06a.351.351 0 00-.6.248v3.711c.944.62 2.073.98 3.287.98.668 0 1.31-.11 1.911-.31z">`);
1785
+ var Novu2 = (props) => {
1812
1786
  return (() => {
1813
1787
  var _el$ = _tmpl$19();
1814
1788
  web.spread(_el$, props, true, true);
1815
1789
  return _el$;
1816
1790
  })();
1817
1791
  };
1818
- var _tmpl$20 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10 1.75L17.125 5.875V14.125L10 18.25L2.875 14.125V5.875L10 1.75ZM10 3.48325L4.375 6.73975V13.2603L10 16.5167L15.625 13.2603V6.73975L10 3.48325ZM10 13C9.20435 13 8.44129 12.6839 7.87868 12.1213C7.31607 11.5587 7 10.7956 7 10C7 9.20435 7.31607 8.44129 7.87868 7.87868C8.44129 7.31607 9.20435 7 10 7C10.7956 7 11.5587 7.31607 12.1213 7.87868C12.6839 8.44129 13 9.20435 13 10C13 10.7956 12.6839 11.5587 12.1213 12.1213C11.5587 12.6839 10.7956 13 10 13ZM10 11.5C10.3978 11.5 10.7794 11.342 11.0607 11.0607C11.342 10.7794 11.5 10.3978 11.5 10C11.5 9.60218 11.342 9.22064 11.0607 8.93934C10.7794 8.65804 10.3978 8.5 10 8.5C9.60218 8.5 9.22064 8.65804 8.93934 8.93934C8.65804 9.22064 8.5 9.60218 8.5 10C8.5 10.3978 8.65804 10.7794 8.93934 11.0607C9.22064 11.342 9.60218 11.5 10 11.5Z"fill=currentColor>`);
1819
- var Cogs = (props) => {
1792
+ var _tmpl$20 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 16"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"fill=currentColor></path><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"stroke=currentColor></path><path d="M2.69329 1.46818H7.30693C7.75127 1.46818 8.11147 1.82839 8.11147 2.27273V13.7273C8.11147 14.1716 7.75127 14.5318 7.30693 14.5318H2.69329C2.24896 14.5318 1.88875 14.1716 1.88875 13.7273V2.27273C1.88875 1.82839 2.24896 1.46818 2.69329 1.46818ZM2.69329 0.85C1.90754 0.85 1.27057 1.48698 1.27057 2.27273V2.95695C1.17568 3.00972 1.11147 3.111 1.11147 3.22727V3.54545C1.11147 3.64155 1.15532 3.7274 1.22411 3.78409C1.15532 3.84078 1.11147 3.92663 1.11147 4.02273V4.65909C1.11147 4.75519 1.15532 4.84104 1.22411 4.89773C1.15532 4.95442 1.11147 5.04027 1.11147 5.13636V6.09091C1.11147 6.20718 1.17568 6.30846 1.27057 6.36123V13.7273C1.27057 14.513 1.90754 15.15 2.69329 15.15H7.30693C8.09268 15.15 8.72966 14.513 8.72966 13.7273V6.36123C8.82454 6.30846 8.88875 6.20718 8.88875 6.09091V4.81818C8.88875 4.70191 8.82454 4.60063 8.72966 4.54786V2.27273C8.72966 1.48698 8.09268 0.85 7.30693 0.85H2.69329Z"fill=currentColor stroke=currentColor stroke-width=0.3>`);
1793
+ var Push = (props) => {
1820
1794
  return (() => {
1821
1795
  var _el$ = _tmpl$20();
1822
1796
  web.spread(_el$, props, true, true);
@@ -1932,6 +1906,21 @@ var ArrowUpRight = (props) => {
1932
1906
  return _el$;
1933
1907
  })();
1934
1908
  };
1909
+ var Motion = new Proxy(solidMotionone.Motion, {
1910
+ get: (_, tag) => (props) => {
1911
+ const {
1912
+ animations
1913
+ } = useAppearance();
1914
+ return web.createComponent(solidMotionone.Motion, web.mergeProps(props, {
1915
+ tag,
1916
+ get transition() {
1917
+ return animations() ? props.transition : {
1918
+ duration: 0
1919
+ };
1920
+ }
1921
+ }));
1922
+ }
1923
+ });
1935
1924
  var TooltipContext = solidJs.createContext(void 0);
1936
1925
  function TooltipRoot(props) {
1937
1926
  var _a;
@@ -2017,21 +2006,6 @@ function useTooltip() {
2017
2006
  }
2018
2007
  return context;
2019
2008
  }
2020
- var Motion = new Proxy(solidMotionone.Motion, {
2021
- get: (_, tag) => (props) => {
2022
- const {
2023
- animations
2024
- } = useAppearance();
2025
- return web.createComponent(solidMotionone.Motion, web.mergeProps(props, {
2026
- tag,
2027
- get transition() {
2028
- return animations() ? props.transition : {
2029
- duration: 0
2030
- };
2031
- }
2032
- }));
2033
- }
2034
- });
2035
2009
 
2036
2010
  // src/ui/components/primitives/Tooltip/TooltipContent.tsx
2037
2011
  var tooltipContentVariants = () => "nt-bg-foreground nt-p-2 nt-shadow-tooltip nt-rounded-lg nt-text-background nt-text-xs";
@@ -2374,7 +2348,7 @@ var Footer = () => {
2374
2348
  });
2375
2349
  };
2376
2350
  function getCurrentDomain() {
2377
- if (chunkFDWMGQIF_js.isBrowser()) {
2351
+ if (chunkZ3QMY5CF_js.isBrowser()) {
2378
2352
  return window.location.hostname;
2379
2353
  }
2380
2354
  return "";
@@ -2386,7 +2360,7 @@ function getCurlCommand() {
2386
2360
  return "";
2387
2361
  }
2388
2362
  const DEFAULT_BACKEND_URL = typeof window !== "undefined" && window.NOVU_LOCAL_BACKEND_URL || "https://api.novu.co";
2389
- return `curl -X POST ${DEFAULT_BACKEND_URL}/${chunkFDWMGQIF_js.DEFAULT_API_VERSION}/events/trigger -H 'Authorization: Keyless ${identifier}' -H 'Content-Type: application/json' -d '{
2363
+ return `curl -X POST ${DEFAULT_BACKEND_URL}/${chunkZ3QMY5CF_js.DEFAULT_API_VERSION}/events/trigger -H 'Authorization: Keyless ${identifier}' -H 'Content-Type: application/json' -d '{
2390
2364
  "name": "hello-world",
2391
2365
  "to": {
2392
2366
  "subscriberId": "keyless-subscriber-id"
@@ -3545,7 +3519,7 @@ var useNotificationsInfiniteScroll = (props) => {
3545
3519
  );
3546
3520
  solidJs.onMount(() => {
3547
3521
  const listener = ({ data: data2 }) => {
3548
- if (!data2 || !chunkFDWMGQIF_js.isSameFilter(filter, data2.filter)) {
3522
+ if (!data2 || !chunkZ3QMY5CF_js.isSameFilter(filter, data2.filter)) {
3549
3523
  return;
3550
3524
  }
3551
3525
  mutate({ data: data2.notifications, hasMore: data2.hasMore });
@@ -3555,7 +3529,7 @@ var useNotificationsInfiniteScroll = (props) => {
3555
3529
  });
3556
3530
  solidJs.createEffect(() => chunk7B52C2XE_js.__async(void 0, null, function* () {
3557
3531
  const newFilter = chunk7B52C2XE_js.__spreadValues({}, props.options());
3558
- if (chunkFDWMGQIF_js.isSameFilter(filter, newFilter)) {
3532
+ if (chunkZ3QMY5CF_js.isSameFilter(filter, newFilter)) {
3559
3533
  return;
3560
3534
  }
3561
3535
  novu.notifications.clearCache();
@@ -3801,47 +3775,168 @@ var Header = (props) => {
3801
3775
  return props.navigateToPreferences;
3802
3776
  }
3803
3777
  }), null);
3804
- web.effect(() => web.className(_el$, style("inboxHeader", cn("nt-flex nt-bg-neutral-alpha-25 nt-shrink-0 nt-justify-between nt-items-center nt-w-full nt-pb-2 nt-pt-2.5 nt-px-4"))));
3805
- return _el$;
3806
- })();
3807
- };
3808
- var _tmpl$46 = /* @__PURE__ */ web.template(`<div>`);
3809
- var Root = (props) => {
3810
- const [_, rest] = solidJs.splitProps(props, ["class"]);
3811
- const {
3812
- id
3813
- } = useAppearance();
3814
- const style = useStyle();
3815
- const {
3816
- hideBranding
3817
- } = useInboxContext();
3818
- return [web.createComponent(solidJs.Show, {
3819
- get when() {
3820
- return !hideBranding();
3821
- },
3822
- children: new Comment(" Powered by Novu - https://novu.co ")
3823
- }), (() => {
3824
- var _el$ = _tmpl$46();
3825
- web.spread(_el$, web.mergeProps({
3826
- get id() {
3827
- return `novu-root-${id()}`;
3778
+ web.effect(() => web.className(_el$, style("inboxHeader", cn("nt-flex nt-bg-neutral-alpha-25 nt-shrink-0 nt-justify-between nt-items-center nt-w-full nt-pb-2 nt-pt-2.5 nt-px-4"))));
3779
+ return _el$;
3780
+ })();
3781
+ };
3782
+ var _tmpl$46 = /* @__PURE__ */ web.template(`<div>`);
3783
+ var _tmpl$213 = /* @__PURE__ */ web.template(`<div><div></div><div>`);
3784
+ var SkeletonText = (props) => {
3785
+ const style = useStyle();
3786
+ return (() => {
3787
+ var _el$ = _tmpl$46();
3788
+ web.effect(() => web.className(_el$, style(props.appearanceKey, cn("nt-w-full nt-h-3 nt-rounded nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent", props.class))));
3789
+ return _el$;
3790
+ })();
3791
+ };
3792
+ var SkeletonAvatar = (props) => {
3793
+ const style = useStyle();
3794
+ return (() => {
3795
+ var _el$2 = _tmpl$46();
3796
+ web.effect(() => web.className(_el$2, style(props.appearanceKey, cn("nt-size-8 nt-rounded-lg nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent", props.class))));
3797
+ return _el$2;
3798
+ })();
3799
+ };
3800
+ var SkeletonSwitch = (props) => {
3801
+ const style = useStyle();
3802
+ return (() => {
3803
+ var _el$3 = _tmpl$213(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
3804
+ web.effect((_p$) => {
3805
+ var _v$ = style(props.appearanceKey, cn("nt-relative nt-inline-flex nt-items-center", props.class)), _v$2 = style(props.appearanceKey, "nt-h-4 nt-w-7 nt-rounded-full nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent"), _v$3 = style(props.thumbAppearanceKey, "nt-absolute nt-top-0.5 nt-left-0.5 nt-size-3 nt-rounded-full nt-bg-background nt-shadow");
3806
+ _v$ !== _p$.e && web.className(_el$3, _p$.e = _v$);
3807
+ _v$2 !== _p$.t && web.className(_el$4, _p$.t = _v$2);
3808
+ _v$3 !== _p$.a && web.className(_el$5, _p$.a = _v$3);
3809
+ return _p$;
3810
+ }, {
3811
+ e: void 0,
3812
+ t: void 0,
3813
+ a: void 0
3814
+ });
3815
+ return _el$3;
3816
+ })();
3817
+ };
3818
+
3819
+ // src/ui/components/elements/Preferences/PreferencesListSkeleton.tsx
3820
+ var _tmpl$47 = /* @__PURE__ */ web.template(`<div>`);
3821
+ var channelIcons = [InApp, Email, Sms, Push, Chat];
3822
+ var PreferencesListSkeleton = (props) => {
3823
+ const style = useStyle();
3824
+ const {
3825
+ t
3826
+ } = useLocalization();
3827
+ return (() => {
3828
+ var _el$ = _tmpl$47();
3829
+ web.insert(_el$, web.createComponent(Motion.div, {
3830
+ get animate() {
3831
+ return {
3832
+ scale: props.loading ? 1 : 0.7
3833
+ };
3834
+ },
3835
+ transition: {
3836
+ duration: 0.6,
3837
+ easing: [0.39, 0.24, 0.3, 1],
3838
+ delay: 0.3
3839
+ },
3840
+ get ["class"]() {
3841
+ return style("preferencesList__skeleton", "nt-flex nt-relative nt-mx-auto nt-flex-col nt-w-full nt-mb-4");
3842
+ },
3843
+ get children() {
3844
+ return [web.memo(() => Array.from({
3845
+ length: 5
3846
+ }).map((_, i) => {
3847
+ const Icon = channelIcons[i];
3848
+ return web.createComponent(Motion.div, {
3849
+ get animate() {
3850
+ return {
3851
+ marginBottom: props.loading ? 0 : "16px",
3852
+ borderWidth: props.loading ? 0 : "1px",
3853
+ borderRadius: props.loading ? 0 : "var(--nv-radius-lg)"
3854
+ };
3855
+ },
3856
+ transition: {
3857
+ duration: 0.5,
3858
+ delay: 0.3,
3859
+ easing: "ease-in-out"
3860
+ },
3861
+ get ["class"]() {
3862
+ return style("preferencesList__skeletonContent", "nt-flex nt-border-neutral-alpha-50 nt-items-center nt-gap-3 nt-p-3 nt-bg-neutral-alpha-25");
3863
+ },
3864
+ get children() {
3865
+ return [web.createComponent(Icon, {
3866
+ get ["class"]() {
3867
+ return style("preferencesList__skeletonIcon", "nt-size-8 nt-p-2 nt-rounded-lg nt-bg-neutral-alpha-100");
3868
+ }
3869
+ }), (() => {
3870
+ var _el$3 = _tmpl$47();
3871
+ web.insert(_el$3, web.createComponent(SkeletonText, {
3872
+ appearanceKey: "notificationList__skeletonText",
3873
+ "class": "nt-h-2 nt-w-1/3 nt-bg-neutral-alpha-50 nt-rounded"
3874
+ }), null);
3875
+ web.insert(_el$3, web.createComponent(SkeletonText, {
3876
+ appearanceKey: "preferencesList__skeletonText",
3877
+ "class": "nt-h-2 nt-w-2/3 nt-bg-neutral-alpha-50 nt-rounded"
3878
+ }), null);
3879
+ web.effect(() => web.className(_el$3, style("preferencesList__skeletonItem", "nt-flex nt-flex-col nt-gap-2 nt-flex-1")));
3880
+ return _el$3;
3881
+ })(), web.createComponent(SkeletonSwitch, {
3882
+ appearanceKey: "preferencesList__skeletonSwitch",
3883
+ thumbAppearanceKey: "preferencesList__skeletonSwitchThumb"
3884
+ })];
3885
+ }
3886
+ });
3887
+ })), (() => {
3888
+ var _el$2 = _tmpl$47();
3889
+ web.effect(() => web.className(_el$2, style("notificationListEmptyNoticeOverlay", "nt-absolute nt-size-full nt-z-10 nt-inset-0 nt-bg-gradient-to-b nt-from-transparent nt-to-background")));
3890
+ return _el$2;
3891
+ })()];
3892
+ }
3893
+ }), null);
3894
+ web.insert(_el$, web.createComponent(solidJs.Show, {
3895
+ get when() {
3896
+ return !props.loading;
3828
3897
  },
3829
- get ["class"]() {
3830
- return style("root"), cn("novu", id(), "nt-text-foreground nt-h-full [interpolate-size:allow-keywords]");
3898
+ get children() {
3899
+ return web.createComponent(Motion.p, {
3900
+ initial: {
3901
+ opacity: 0,
3902
+ y: -4,
3903
+ filter: "blur(4px)"
3904
+ },
3905
+ get animate() {
3906
+ return {
3907
+ opacity: props.loading ? 0 : 1,
3908
+ y: 0,
3909
+ filter: "blur(0px)"
3910
+ };
3911
+ },
3912
+ transition: {
3913
+ duration: 0.7,
3914
+ easing: [0.39, 0.24, 0.3, 1],
3915
+ delay: 0.6
3916
+ },
3917
+ get ["class"]() {
3918
+ return style("preferencesListEmptyNotice"), "nt-text-center";
3919
+ },
3920
+ "data-localization": "preferences.emptyNotice",
3921
+ get children() {
3922
+ return t("preferences.emptyNotice");
3923
+ }
3924
+ });
3831
3925
  }
3832
- }, rest), false, false);
3926
+ }), null);
3927
+ web.effect(() => web.className(_el$, style("preferencesListEmptyNoticeContainer", "nt-flex nt-flex-col nt-items-center nt-h-fit nt-w-full nt-text-sm nt-text-foreground-alpha-400 nt-text-center")));
3833
3928
  return _el$;
3834
- })()];
3929
+ })();
3835
3930
  };
3836
- var _tmpl$47 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><path fill=url(#a) d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><defs><linearGradient id=a x1=1.225 x2=12.251 y1=6.722 y2=6.779 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
3931
+ var _tmpl$48 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><path fill=url(#a) d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><defs><linearGradient id=a x1=1.225 x2=12.251 y1=6.722 y2=6.779 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
3837
3932
  var RouteFill = (props) => {
3838
3933
  return (() => {
3839
- var _el$ = _tmpl$47();
3934
+ var _el$ = _tmpl$48();
3840
3935
  web.spread(_el$, props, true, true);
3841
3936
  return _el$;
3842
3937
  })();
3843
3938
  };
3844
- var _tmpl$48 = /* @__PURE__ */ web.template(`<div><div>`);
3939
+ var _tmpl$49 = /* @__PURE__ */ web.template(`<div><div>`);
3845
3940
  var isInterpolateSizeSupported = () => {
3846
3941
  return CSS.supports("interpolate-size", "allow-keywords");
3847
3942
  };
@@ -3874,7 +3969,7 @@ var Collapsible = (props) => {
3874
3969
  return props.open ? `${scrollHeight()}px` : "0px";
3875
3970
  };
3876
3971
  return (() => {
3877
- var _el$ = _tmpl$48(), _el$2 = _el$.firstChild;
3972
+ var _el$ = _tmpl$49(), _el$2 = _el$.firstChild;
3878
3973
  web.spread(_el$, web.mergeProps({
3879
3974
  get ["class"]() {
3880
3975
  return style("collapsible", props.class);
@@ -3894,7 +3989,7 @@ var Collapsible = (props) => {
3894
3989
  return _el$;
3895
3990
  })();
3896
3991
  };
3897
- var _tmpl$49 = /* @__PURE__ */ web.template(`<label><input type=checkbox class=nt-sr-only><div>`);
3992
+ var _tmpl$50 = /* @__PURE__ */ web.template(`<label><input type=checkbox class=nt-sr-only><div>`);
3898
3993
  var Switch = (props) => {
3899
3994
  const style = useStyle();
3900
3995
  const handleChange = () => {
@@ -3920,7 +4015,7 @@ var Switch = (props) => {
3920
4015
  const state = () => props.state;
3921
4016
  const disabled = () => props.disabled;
3922
4017
  return (() => {
3923
- var _el$ = _tmpl$49(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
4018
+ var _el$ = _tmpl$50(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
3924
4019
  _el$2.addEventListener("change", handleChange);
3925
4020
  web.effect((_p$) => {
3926
4021
  var _v$ = style("channelSwitch", cn("nt-relative nt-inline-flex nt-cursor-pointer nt-items-center", {
@@ -3946,7 +4041,7 @@ var Switch = (props) => {
3946
4041
  };
3947
4042
 
3948
4043
  // src/ui/components/elements/Preferences/ChannelRow.tsx
3949
- var _tmpl$50 = /* @__PURE__ */ web.template(`<div><div><div></div><span></span></div><div>`);
4044
+ var _tmpl$51 = /* @__PURE__ */ web.template(`<div><div><div></div><span></span></div><div>`);
3950
4045
  var ChannelRow = (props) => {
3951
4046
  const style = useStyle();
3952
4047
  const updatePreference = (enabled) => chunk7B52C2XE_js.__async(void 0, null, function* () {
@@ -3960,7 +4055,7 @@ var ChannelRow = (props) => {
3960
4055
  const state = () => props.channel.state;
3961
4056
  const channel = () => props.channel.channel;
3962
4057
  return (() => {
3963
- var _el$ = _tmpl$50(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
4058
+ var _el$ = _tmpl$51(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
3964
4059
  web.insert(_el$3, web.createComponent(ChannelIcon, {
3965
4060
  appearanceKey: "channel__icon",
3966
4061
  get channel() {
@@ -4083,8 +4178,8 @@ var getLabel = (channel) => {
4083
4178
  };
4084
4179
 
4085
4180
  // src/ui/components/elements/Preferences/PreferencesRow.tsx
4086
- var _tmpl$51 = /* @__PURE__ */ web.template(`<div>`);
4087
- var _tmpl$213 = /* @__PURE__ */ web.template(`<div><div><div><div><span></span></div></div><span>`);
4181
+ var _tmpl$53 = /* @__PURE__ */ web.template(`<div>`);
4182
+ var _tmpl$214 = /* @__PURE__ */ web.template(`<div><div><div><div><span></span></div></div><span>`);
4088
4183
  var _tmpl$310 = /* @__PURE__ */ web.template(`<span>`);
4089
4184
  var iconKeyToComponentMap2 = {
4090
4185
  cogs: Cogs,
@@ -4118,7 +4213,7 @@ var PreferencesRow = (props) => {
4118
4213
  return channels().length > 0;
4119
4214
  },
4120
4215
  get children() {
4121
- var _el$ = _tmpl$213(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$3.nextSibling;
4216
+ var _el$ = _tmpl$214(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$3.nextSibling;
4122
4217
  _el$2.$$click = () => {
4123
4218
  setIsOpenChannels((prev) => !prev);
4124
4219
  };
@@ -4166,7 +4261,7 @@ var PreferencesRow = (props) => {
4166
4261
  return isOpenChannels();
4167
4262
  },
4168
4263
  get children() {
4169
- var _el$7 = _tmpl$51();
4264
+ var _el$7 = _tmpl$53();
4170
4265
  web.insert(_el$7, web.createComponent(solidJs.Index, {
4171
4266
  get each() {
4172
4267
  return channels();
@@ -4239,162 +4334,13 @@ var WorkflowDescription = (props) => {
4239
4334
  return channels.map((c, index) => [c, web.memo(() => index < channels.length - 1 && ", ")]);
4240
4335
  };
4241
4336
  return (() => {
4242
- var _el$9 = _tmpl$51();
4337
+ var _el$9 = _tmpl$53();
4243
4338
  web.insert(_el$9, channelNames);
4244
4339
  web.effect(() => web.className(_el$9, style(props.appearanceKey, cn("nt-text-sm nt-text-foreground-alpha-600 nt-text-start", props.class))));
4245
4340
  return _el$9;
4246
4341
  })();
4247
4342
  };
4248
4343
  web.delegateEvents(["click"]);
4249
- var _tmpl$53 = /* @__PURE__ */ web.template(`<div>`);
4250
- var _tmpl$214 = /* @__PURE__ */ web.template(`<div><div></div><div>`);
4251
- var SkeletonText = (props) => {
4252
- const style = useStyle();
4253
- return (() => {
4254
- var _el$ = _tmpl$53();
4255
- web.effect(() => web.className(_el$, style(props.appearanceKey, cn("nt-w-full nt-h-3 nt-rounded nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent", props.class))));
4256
- return _el$;
4257
- })();
4258
- };
4259
- var SkeletonAvatar = (props) => {
4260
- const style = useStyle();
4261
- return (() => {
4262
- var _el$2 = _tmpl$53();
4263
- web.effect(() => web.className(_el$2, style(props.appearanceKey, cn("nt-size-8 nt-rounded-lg nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent", props.class))));
4264
- return _el$2;
4265
- })();
4266
- };
4267
- var SkeletonSwitch = (props) => {
4268
- const style = useStyle();
4269
- return (() => {
4270
- var _el$3 = _tmpl$214(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
4271
- web.effect((_p$) => {
4272
- var _v$ = style(props.appearanceKey, cn("nt-relative nt-inline-flex nt-items-center", props.class)), _v$2 = style(props.appearanceKey, "nt-h-4 nt-w-7 nt-rounded-full nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent"), _v$3 = style(props.thumbAppearanceKey, "nt-absolute nt-top-0.5 nt-left-0.5 nt-size-3 nt-rounded-full nt-bg-background nt-shadow");
4273
- _v$ !== _p$.e && web.className(_el$3, _p$.e = _v$);
4274
- _v$2 !== _p$.t && web.className(_el$4, _p$.t = _v$2);
4275
- _v$3 !== _p$.a && web.className(_el$5, _p$.a = _v$3);
4276
- return _p$;
4277
- }, {
4278
- e: void 0,
4279
- t: void 0,
4280
- a: void 0
4281
- });
4282
- return _el$3;
4283
- })();
4284
- };
4285
-
4286
- // src/ui/components/elements/Preferences/PreferencesListSkeleton.tsx
4287
- var _tmpl$54 = /* @__PURE__ */ web.template(`<div>`);
4288
- var channelIcons = [InApp, Email, Sms, Push, Chat];
4289
- var PreferencesListSkeleton = (props) => {
4290
- const style = useStyle();
4291
- const {
4292
- t
4293
- } = useLocalization();
4294
- return (() => {
4295
- var _el$ = _tmpl$54();
4296
- web.insert(_el$, web.createComponent(Motion.div, {
4297
- get animate() {
4298
- return {
4299
- scale: props.loading ? 1 : 0.7
4300
- };
4301
- },
4302
- transition: {
4303
- duration: 0.6,
4304
- easing: [0.39, 0.24, 0.3, 1],
4305
- delay: 0.3
4306
- },
4307
- get ["class"]() {
4308
- return style("preferencesList__skeleton", "nt-flex nt-relative nt-mx-auto nt-flex-col nt-w-full nt-mb-4");
4309
- },
4310
- get children() {
4311
- return [web.memo(() => Array.from({
4312
- length: 5
4313
- }).map((_, i) => {
4314
- const Icon = channelIcons[i];
4315
- return web.createComponent(Motion.div, {
4316
- get animate() {
4317
- return {
4318
- marginBottom: props.loading ? 0 : "16px",
4319
- borderWidth: props.loading ? 0 : "1px",
4320
- borderRadius: props.loading ? 0 : "var(--nv-radius-lg)"
4321
- };
4322
- },
4323
- transition: {
4324
- duration: 0.5,
4325
- delay: 0.3,
4326
- easing: "ease-in-out"
4327
- },
4328
- get ["class"]() {
4329
- return style("preferencesList__skeletonContent", "nt-flex nt-border-neutral-alpha-50 nt-items-center nt-gap-3 nt-p-3 nt-bg-neutral-alpha-25");
4330
- },
4331
- get children() {
4332
- return [web.createComponent(Icon, {
4333
- get ["class"]() {
4334
- return style("preferencesList__skeletonIcon", "nt-size-8 nt-p-2 nt-rounded-lg nt-bg-neutral-alpha-100");
4335
- }
4336
- }), (() => {
4337
- var _el$3 = _tmpl$54();
4338
- web.insert(_el$3, web.createComponent(SkeletonText, {
4339
- appearanceKey: "notificationList__skeletonText",
4340
- "class": "nt-h-2 nt-w-1/3 nt-bg-neutral-alpha-50 nt-rounded"
4341
- }), null);
4342
- web.insert(_el$3, web.createComponent(SkeletonText, {
4343
- appearanceKey: "preferencesList__skeletonText",
4344
- "class": "nt-h-2 nt-w-2/3 nt-bg-neutral-alpha-50 nt-rounded"
4345
- }), null);
4346
- web.effect(() => web.className(_el$3, style("preferencesList__skeletonItem", "nt-flex nt-flex-col nt-gap-2 nt-flex-1")));
4347
- return _el$3;
4348
- })(), web.createComponent(SkeletonSwitch, {
4349
- appearanceKey: "preferencesList__skeletonSwitch",
4350
- thumbAppearanceKey: "preferencesList__skeletonSwitchThumb"
4351
- })];
4352
- }
4353
- });
4354
- })), (() => {
4355
- var _el$2 = _tmpl$54();
4356
- web.effect(() => web.className(_el$2, style("notificationListEmptyNoticeOverlay", "nt-absolute nt-size-full nt-z-10 nt-inset-0 nt-bg-gradient-to-b nt-from-transparent nt-to-background")));
4357
- return _el$2;
4358
- })()];
4359
- }
4360
- }), null);
4361
- web.insert(_el$, web.createComponent(solidJs.Show, {
4362
- get when() {
4363
- return !props.loading;
4364
- },
4365
- get children() {
4366
- return web.createComponent(Motion.p, {
4367
- initial: {
4368
- opacity: 0,
4369
- y: -4,
4370
- filter: "blur(4px)"
4371
- },
4372
- get animate() {
4373
- return {
4374
- opacity: props.loading ? 0 : 1,
4375
- y: 0,
4376
- filter: "blur(0px)"
4377
- };
4378
- },
4379
- transition: {
4380
- duration: 0.7,
4381
- easing: [0.39, 0.24, 0.3, 1],
4382
- delay: 0.6
4383
- },
4384
- get ["class"]() {
4385
- return style("preferencesListEmptyNotice"), "nt-text-center";
4386
- },
4387
- "data-localization": "preferences.emptyNotice",
4388
- get children() {
4389
- return t("preferences.emptyNotice");
4390
- }
4391
- });
4392
- }
4393
- }), null);
4394
- web.effect(() => web.className(_el$, style("preferencesListEmptyNoticeContainer", "nt-flex nt-flex-col nt-items-center nt-h-fit nt-w-full nt-text-sm nt-text-foreground-alpha-400 nt-text-center")));
4395
- return _el$;
4396
- })();
4397
- };
4398
4344
 
4399
4345
  // src/ui/components/elements/Preferences/DefaultPreferences.tsx
4400
4346
  var DefaultPreferences = (props) => {
@@ -4438,25 +4384,25 @@ var DefaultPreferences = (props) => {
4438
4384
  }
4439
4385
  });
4440
4386
  };
4441
- var _tmpl$55 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><path fill=url(#a) d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><defs><linearGradient id=a x1=2.275 x2=11.725 y1=6.982 y2=7.018 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
4442
- var NodeTree = (props) => {
4387
+ var _tmpl$54 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path fill=currentColor d="M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10Zm0-1a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.5-4.75V9.5H9v1H7v-1h.5V8.25H7v-1h1.5ZM8.75 6a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z">`);
4388
+ var Info = (props) => {
4443
4389
  return (() => {
4444
- var _el$ = _tmpl$55();
4390
+ var _el$ = _tmpl$54();
4445
4391
  web.spread(_el$, props, true, true);
4446
4392
  return _el$;
4447
4393
  })();
4448
4394
  };
4449
- var _tmpl$56 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path fill=currentColor d="M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10Zm0-1a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.5-4.75V9.5H9v1H7v-1h.5V8.25H7v-1h1.5ZM8.75 6a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z">`);
4450
- var Info = (props) => {
4395
+ var _tmpl$55 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><path fill=url(#a) d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><defs><linearGradient id=a x1=2.275 x2=11.725 y1=6.982 y2=7.018 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
4396
+ var NodeTree = (props) => {
4451
4397
  return (() => {
4452
- var _el$ = _tmpl$56();
4398
+ var _el$ = _tmpl$55();
4453
4399
  web.spread(_el$, props, true, true);
4454
4400
  return _el$;
4455
4401
  })();
4456
4402
  };
4457
4403
 
4458
4404
  // src/ui/components/elements/Preferences/GroupedPreferencesRow.tsx
4459
- var _tmpl$57 = /* @__PURE__ */ web.template(`<div><div><span data-localization=preferences.group.info></span></div><div>`);
4405
+ var _tmpl$56 = /* @__PURE__ */ web.template(`<div><div><span data-localization=preferences.group.info></span></div><div>`);
4460
4406
  var _tmpl$215 = /* @__PURE__ */ web.template(`<div><div><div><span></span></div><div><span>`);
4461
4407
  var GroupedPreferencesRow = (props) => {
4462
4408
  const style = useStyle();
@@ -4556,7 +4502,7 @@ var GroupedPreferencesRow = (props) => {
4556
4502
  return isOpened();
4557
4503
  },
4558
4504
  get children() {
4559
- var _el$7 = _tmpl$57(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$10 = _el$8.nextSibling;
4505
+ var _el$7 = _tmpl$56(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$10 = _el$8.nextSibling;
4560
4506
  web.insert(_el$8, web.createComponent(solidJs.Index, {
4561
4507
  get each() {
4562
4508
  return Object.keys(uniqueChannels());
@@ -4680,7 +4626,7 @@ var GroupedPreferences = (props) => {
4680
4626
  };
4681
4627
 
4682
4628
  // src/ui/components/elements/Preferences/Preferences.tsx
4683
- var _tmpl$58 = /* @__PURE__ */ web.template(`<div>`);
4629
+ var _tmpl$57 = /* @__PURE__ */ web.template(`<div>`);
4684
4630
  var Preferences = () => {
4685
4631
  var _a;
4686
4632
  const novu = useNovu();
@@ -4767,7 +4713,7 @@ var Preferences = () => {
4767
4713
  })) != null ? _c : [];
4768
4714
  });
4769
4715
  return (() => {
4770
- var _el$ = _tmpl$58();
4716
+ var _el$ = _tmpl$57();
4771
4717
  web.insert(_el$, web.createComponent(PreferencesRow, {
4772
4718
  iconKey: "cogs",
4773
4719
  get preference() {
@@ -4822,6 +4768,34 @@ var Preferences = () => {
4822
4768
  return _el$;
4823
4769
  })();
4824
4770
  };
4771
+ var _tmpl$58 = /* @__PURE__ */ web.template(`<div>`);
4772
+ var Root = (props) => {
4773
+ const [_, rest] = solidJs.splitProps(props, ["class"]);
4774
+ const {
4775
+ id
4776
+ } = useAppearance();
4777
+ const style = useStyle();
4778
+ const {
4779
+ hideBranding
4780
+ } = useInboxContext();
4781
+ return [web.createComponent(solidJs.Show, {
4782
+ get when() {
4783
+ return !hideBranding();
4784
+ },
4785
+ children: new Comment(" Powered by Novu - https://novu.co ")
4786
+ }), (() => {
4787
+ var _el$ = _tmpl$58();
4788
+ web.spread(_el$, web.mergeProps({
4789
+ get id() {
4790
+ return `novu-root-${id()}`;
4791
+ },
4792
+ get ["class"]() {
4793
+ return style("root"), cn("novu", id(), "nt-text-foreground nt-h-full [interpolate-size:allow-keywords]");
4794
+ }
4795
+ }, rest), false, false);
4796
+ return _el$;
4797
+ })()];
4798
+ };
4825
4799
  var _tmpl$59 = /* @__PURE__ */ web.template(`<div><div data-localization=preferences.title>`);
4826
4800
  var PreferencesHeader = (props) => {
4827
4801
  const style = useStyle();
@@ -4886,7 +4860,7 @@ var Text = (props) => props.children;
4886
4860
  var Markdown = (props) => {
4887
4861
  const [local, rest] = solidJs.splitProps(props, ["class", "children", "appearanceKey", "strongAppearanceKey"]);
4888
4862
  const style = useStyle();
4889
- const tokens = solidJs.createMemo(() => chunkQFZ5WJGI_js.parseMarkdownIntoTokens(local.children));
4863
+ const tokens = solidJs.createMemo(() => chunkZB7IPCHY_js.parseMarkdownIntoTokens(local.children));
4890
4864
  return (() => {
4891
4865
  var _el$2 = _tmpl$216();
4892
4866
  web.spread(_el$2, web.mergeProps({
@@ -6226,11 +6200,7 @@ function KeylessEmptyState() {
6226
6200
  variant: "secondary",
6227
6201
  size: "sm",
6228
6202
  get ["class"]() {
6229
- return style(
6230
- "notificationListEmptyNotice",
6231
- // eslint-disable-next-line max-len
6232
- "nt-h-8 nt-px-4 nt-flex nt-items-center nt-justify-center nt-gap-2 nt-bg-white nt-border nt-border-neutral-alpha-100 nt-shadow-sm nt-text-[12px] nt-font-medium"
6233
- );
6203
+ return style("notificationListEmptyNotice", "nt-h-8 nt-px-4 nt-flex nt-items-center nt-justify-center nt-gap-2 nt-bg-white nt-border nt-border-neutral-alpha-100 nt-shadow-sm nt-text-[12px] nt-font-medium");
6234
6204
  },
6235
6205
  onClick: () => window.open("https://go.novu.co/keyless", "_blank", "noopener noreferrer"),
6236
6206
  get children() {
@@ -6245,11 +6215,7 @@ function KeylessEmptyState() {
6245
6215
  variant: "default",
6246
6216
  size: "sm",
6247
6217
  get ["class"]() {
6248
- return style(
6249
- "notificationListEmptyNotice",
6250
- // eslint-disable-next-line max-len
6251
- "nt-h-8 nt-px-4 nt-flex nt-items-center nt-justify-center nt-gap-2 nt-bg-neutral-900 nt-text-white nt-shadow-sm nt-text-[12px] nt-font-medium"
6252
- );
6218
+ return style("notificationListEmptyNotice", "nt-h-8 nt-px-4 nt-flex nt-items-center nt-justify-center nt-gap-2 nt-bg-neutral-900 nt-text-white nt-shadow-sm nt-text-[12px] nt-font-medium");
6253
6219
  },
6254
6220
  onClick: () => novu.notifications.triggerHelloWorldEvent(),
6255
6221
  get children() {