@tnf-dev/react 1.0.1-22 → 1.0.1-23

package/dist/esm/components/index.js

@@ -6,7 +6,7 @@ var wn=Object.create;var Ut=Object.defineProperty;var Rn=Object.getOwnPropertyDe
 `)}},e.deploy=function(){var t=this.sheet;if(t){if(t.options.link){this.insertRules(t.rules);return}this.element.textContent=`
 `+t.toString()+`
 `}},e.insertRules=function(t,i){for(var o=0;o<t.index.length;o++)this.insertRule(t.index[o],o,i)},e.insertRule=function(t,i,o){if(o===void 0&&(o=this.element.sheet),t.rules){var a=t,s=o;if(t.type==="conditional"||t.type==="keyframes"){var u=vr(o,i);if(s=mr(o,a.toString({children:!1}),u),s===!1)return!1;this.refCssRule(t,u,s)}return this.insertRules(a.rules,s),s}var f=t.toString();if(!f)return!1;var c=vr(o,i),d=mr(o,f,c);return d===!1?!1:(this.hasInsertedRules=!0,this.refCssRule(t,c,d),d)},e.refCssRule=function(t,i,o){t.renderable=o,t.options.parent instanceof yr&&this.cssRules.splice(i,0,o)},e.deleteRule=function(t){var i=this.element.sheet,o=this.indexOf(t);return o===-1?!1:(i.deleteRule(o),this.cssRules.splice(o,1),!0)},e.indexOf=function(t){return this.cssRules.indexOf(t)},e.replaceRule=function(t,i){var o=this.indexOf(t);return o===-1?!1:(this.element.sheet.deleteRule(o),this.cssRules.splice(o,1),this.insertRule(i,o))},e.getRules=function(){return this.element.sheet.cssRules},r}(),Vi=0,Li=function(){function r(n){this.id=Vi++,this.version="10.10.0",this.plugins=new Pi,this.options={id:{minify:!1},createGenerateId:ft,Renderer:M?Fi:null,plugins:[]},this.generateId=ft({minify:!1});for(var t=0;t<dr.length;t++)this.plugins.use(dr[t],{queue:"internal"});this.setup(n)}var e=r.prototype;return e.setup=function(t){return t===void 0&&(t={}),t.createGenerateId&&(this.options.createGenerateId=t.createGenerateId),t.id&&(this.options.id=x({},this.options.id,t.id)),(t.createGenerateId||t.id)&&(this.generateId=this.options.createGenerateId(this.options.id)),t.insertionPoint!=null&&(this.options.insertionPoint=t.insertionPoint),"Renderer"in t&&(this.options.Renderer=t.Renderer),t.plugins&&this.use.apply(this,t.plugins),this},e.createStyleSheet=function(t,i){i===void 0&&(i={});var o=i,a=o.index;typeof a!="number"&&(a=re.index===0?0:re.index+1);var s=new yr(t,x({},i,{jss:this,generateId:i.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:a}));return this.plugins.onProcessSheet(s),s},e.removeStyleSheet=function(t){return t.detach(),re.remove(t),this},e.createRule=function(t,i,o){if(i===void 0&&(i={}),o===void 0&&(o={}),typeof t=="object")return this.createRule(void 0,t,i);var a=x({},o,{name:t,jss:this,Renderer:this.options.Renderer});a.generateId||(a.generateId=this.generateId),a.classes||(a.classes={}),a.keyframes||(a.keyframes={});var s=X(t,i,a);return s&&this.plugins.onProcessRule(s),s},e.use=function(){for(var t=this,i=arguments.length,o=new Array(i),a=0;a<i;a++)o[a]=arguments[a];return o.forEach(function(s){t.plugins.use(s)}),this},r}(),oe=function(e){return new Li(e)},dt=function(){function r(){this.length=0,this.sheets=new WeakMap}var e=r.prototype;return e.get=function(t){var i=this.sheets.get(t);return i&&i.sheet},e.add=function(t,i){this.sheets.has(t)||(this.length++,this.sheets.set(t,{sheet:i,refs:0}))},e.manage=function(t){var i=this.sheets.get(t);if(i)return i.refs===0&&i.sheet.attach(),i.refs++,i.sheet;Xe(!1,"[JSS] SheetsManager: can't find sheet to manage")},e.unmanage=function(t){var i=this.sheets.get(t);i?i.refs>0&&(i.refs--,i.refs===0&&i.sheet.detach()):Xe(!1,"SheetsManager: can't find sheet to unmanage")},ke(r,[{key:"size",get:function(){return this.length}}]),r}(),Ne=typeof CSS=="object"&&CSS!=null&&"number"in CSS;function ht(r){var e=null;for(var n in r){var t=r[n],i=typeof t;if(i==="function")e||(e={}),e[n]=t;else if(i==="object"&&t!==null&&!Array.isArray(t)){var o=ht(t);o&&(e||(e={}),e[n]=o)}}return e}var Ds=oe();var Sr=Date.now(),pt="fnValues"+Sr,mt="fnStyle"+ ++Sr,Di=function(){return{onCreateRule:function(n,t,i){if(typeof t!="function")return null;var o=X(n,{},i);return o[mt]=t,o},onProcessStyle:function(n,t){if(pt in t||mt in t)return n;var i={};for(var o in n){var a=n[o];typeof a=="function"&&(delete n[o],i[o]=a)}return t[pt]=i,n},onUpdate:function(n,t,i,o){var a=t,s=a[mt];if(s&&(a.style=s(n)||{},0))for(var u in a.style);var f=a[pt];if(f)for(var c in f)a.prop(c,f[c](n),o)}}},Pr=Di;function vt(r){var e,n=r.Symbol;return typeof n=="function"?n.observable?e=n.observable:(e=n("observable"),n.observable=e):e="@@observable",e}var Z;typeof self<"u"?Z=self:typeof window<"u"?Z=window:typeof global<"u"?Z=global:typeof module<"u"?Z=module:Z=Function("return this")();var Wi=vt(Z),gt=Wi;var wr=function(e){return e&&e[gt]&&e===e[gt]()},Bi=function(e){return{onCreateRule:function(t,i,o){if(!wr(i))return null;var a=i,s=X(t,{},o);return a.subscribe(function(u){for(var f in u)s.prop(f,u[f],e)}),s},onProcessRule:function(t){if(!(t&&t.type!=="style")){var i=t,o=i.style,a=function(c){var d=o[c];if(!wr(d))return"continue";delete o[c],d.subscribe({next:function(m){i.prop(c,m,e)}})};for(var s in o)var u=a(s)}}}},Rr=Bi;var zi=/;\n/,$i=function(e){for(var n={},t=e.split(zi),i=0;i<t.length;i++){var o=(t[i]||"").trim();if(o){var a=o.indexOf(":");if(a!==-1){var s=o.substr(0,a).trim(),u=o.substr(a+1).trim();n[s]=u}}}return n},Ui=function(e){typeof e.style=="string"&&(e.style=$i(e.style))};function Hi(){return{onProcessRule:Ui}}var kr=Hi;var W="@global",yt="@global ",Gi=function(){function r(n,t,i){this.type="global",this.at=W,this.isProcessed=!1,this.key=n,this.options=i,this.rules=new ie(x({},i,{parent:this}));for(var o in t)this.rules.add(o,t[o]);this.rules.process()}var e=r.prototype;return e.getRule=function(t){return this.rules.get(t)},e.addRule=function(t,i,o){var a=this.rules.add(t,i,o);return a&&this.options.jss.plugins.onProcessRule(a),a},e.replaceRule=function(t,i,o){var a=this.rules.replace(t,i,o);return a&&this.options.jss.plugins.onProcessRule(a),a},e.indexOf=function(t){return this.rules.indexOf(t)},e.toString=function(t){return this.rules.toString(t)},r}(),Ji=function(){function r(n,t,i){this.type="global",this.at=W,this.isProcessed=!1,this.key=n,this.options=i;var o=n.substr(yt.length);this.rule=i.jss.createRule(o,t,x({},i,{parent:this}))}var e=r.prototype;return e.toString=function(t){return this.rule?this.rule.toString(t):""},r}(),qi=/\s*,\s*/g;function Cr(r,e){for(var n=r.split(qi),t="",i=0;i<n.length;i++)t+=e+" "+n[i].trim(),n[i+1]&&(t+=", ");return t}function Ki(r,e){var n=r.options,t=r.style,i=t?t[W]:null;if(i){for(var o in i)e.addRule(o,i[o],x({},n,{selector:Cr(o,r.selector)}));delete t[W]}}function Xi(r,e){var n=r.options,t=r.style;for(var i in t)if(!(i[0]!=="@"||i.substr(0,W.length)!==W)){var o=Cr(i.substr(W.length),r.selector);e.addRule(o,t[i],x({},n,{selector:o})),delete t[i]}}function Yi(){function r(n,t,i){if(!n)return null;if(n===W)return new Gi(n,t,i);if(n[0]==="@"&&n.substr(0,yt.length)===yt)return new Ji(n,t,i);var o=i.parent;return o&&(o.type==="global"||o.options.parent&&o.options.parent.type==="global")&&(i.scoped=!1),!i.selector&&i.scoped===!1&&(i.selector=n),null}function e(n,t){n.type!=="style"||!t||(Ki(n,t),Xi(n,t))}return{onCreateRule:r,onProcessRule:e}}var Nr=Yi;var Oe=function(e){return e&&typeof e=="object"&&!Array.isArray(e)},bt="extendCurrValue"+Date.now();function Zi(r,e,n,t){var i=typeof r.extend;if(i==="string"){if(!n)return;var o=n.getRule(r.extend);if(!o||o===e)return;var a=o.options.parent;if(a){var s=a.rules.raw[r.extend];J(s,e,n,t)}return}if(Array.isArray(r.extend)){for(var u=0;u<r.extend.length;u++){var f=r.extend[u],c=typeof f=="string"?x({},r,{extend:f}):r.extend[u];J(c,e,n,t)}return}for(var d in r.extend){if(d==="extend"){J(r.extend.extend,e,n,t);continue}if(Oe(r.extend[d])){d in t||(t[d]={}),J(r.extend[d],e,n,t[d]);continue}t[d]=r.extend[d]}}function Qi(r,e,n,t){for(var i in r)if(i!=="extend"){if(Oe(t[i])&&Oe(r[i])){J(r[i],e,n,t[i]);continue}if(Oe(r[i])){t[i]=J(r[i],e,n);continue}t[i]=r[i]}}function J(r,e,n,t){return t===void 0&&(t={}),Zi(r,e,n,t),Qi(r,e,n,t),t}function eo(){function r(n,t,i){return"extend"in n?J(n,t,i):n}function e(n,t,i){if(t!=="extend")return n;if(n==null||n===!1){for(var o in i[bt])i.prop(o,null);return i[bt]=null,null}if(typeof n=="object"){for(var a in n)i.prop(a,n[a]);i[bt]=n}return null}return{onProcessStyle:r,onChangeValue:e}}var Or=eo;var Tr=/\s*,\s*/g,to=/&/g,ro=/\$([\w-]+)/g;function no(){function r(i,o){return function(a,s){var u=i.getRule(s)||o&&o.getRule(s);return u?u.selector:s}}function e(i,o){for(var a=o.split(Tr),s=i.split(Tr),u="",f=0;f<a.length;f++)for(var c=a[f],d=0;d<s.length;d++){var p=s[d];u&&(u+=", "),u+=p.indexOf("&")!==-1?p.replace(to,c):c+" "+p}return u}function n(i,o,a){if(a)return x({},a,{index:a.index+1});var s=i.options.nestingLevel;s=s===void 0?1:s+1;var u=x({},i.options,{nestingLevel:s,index:o.indexOf(i)+1});return delete u.name,u}function t(i,o,a){if(o.type!=="style")return i;var s=o,u=s.options.parent,f,c;for(var d in i){var p=d.indexOf("&")!==-1,m=d[0]==="@";if(!(!p&&!m)){if(f=n(s,u,f),p){var g=e(d,s.selector);c||(c=r(u,a)),g=g.replace(ro,c);var v=s.key+"-"+d;"replaceRule"in u?u.replaceRule(v,i[d],x({},f,{selector:g})):u.addRule(v,i[d],x({},f,{selector:g}))}else m&&u.addRule(d,{},f).addRule(s.key,i[d],{selector:s.selector});delete i[d]}}return i}return{onProcessStyle:t}}var Er=no;function xt(r,e){if(!e)return!0;if(Array.isArray(e)){for(var n=0;n<e.length;n++){var t=xt(r,e[n]);if(!t)return!1}return!0}if(e.indexOf(" ")>-1)return xt(r,e.split(" "));var i=r.options.parent;if(e[0]==="$"){var o=i.getRule(e.substr(1));return!o||o===r?!1:(i.classes[r.key]+=" "+i.classes[o.key],!0)}return i.classes[r.key]+=" "+e,!0}function io(){function r(e,n){return"composes"in e&&(xt(n,e.composes),delete e.composes),e}return{onProcessStyle:r}}var Ar=io;var oo=/[A-Z]/g,ao=/^ms-/,St={};function so(r){return"-"+r.toLowerCase()}function lo(r){if(St.hasOwnProperty(r))return St[r];var e=r.replace(oo,so);return St[r]=ao.test(e)?"-"+e:e}var Pt=lo;function Te(r){var e={};for(var n in r){var t=n.indexOf("--")===0?n:Pt(n);e[t]=r[n]}return r.fallbacks&&(Array.isArray(r.fallbacks)?e.fallbacks=r.fallbacks.map(Te):e.fallbacks=Te(r.fallbacks)),e}function uo(){function r(n){if(Array.isArray(n)){for(var t=0;t<n.length;t++)n[t]=Te(n[t]);return n}return Te(n)}function e(n,t,i){if(t.indexOf("--")===0)return n;var o=Pt(t);return t===o?n:(i.prop(o,n),null)}return{onProcessStyle:r,onChangeValue:e}}var Ir=uo;var l=Ne&&CSS?CSS.px:"px",Ee=Ne&&CSS?CSS.ms:"ms",Q=Ne&&CSS?CSS.percent:"%",fo={"animation-delay":Ee,"animation-duration":Ee,"background-position":l,"background-position-x":l,"background-position-y":l,"background-size":l,border:l,"border-bottom":l,"border-bottom-left-radius":l,"border-bottom-right-radius":l,"border-bottom-width":l,"border-left":l,"border-left-width":l,"border-radius":l,"border-right":l,"border-right-width":l,"border-top":l,"border-top-left-radius":l,"border-top-right-radius":l,"border-top-width":l,"border-width":l,"border-block":l,"border-block-end":l,"border-block-end-width":l,"border-block-start":l,"border-block-start-width":l,"border-block-width":l,"border-inline":l,"border-inline-end":l,"border-inline-end-width":l,"border-inline-start":l,"border-inline-start-width":l,"border-inline-width":l,"border-start-start-radius":l,"border-start-end-radius":l,"border-end-start-radius":l,"border-end-end-radius":l,margin:l,"margin-bottom":l,"margin-left":l,"margin-right":l,"margin-top":l,"margin-block":l,"margin-block-end":l,"margin-block-start":l,"margin-inline":l,"margin-inline-end":l,"margin-inline-start":l,padding:l,"padding-bottom":l,"padding-left":l,"padding-right":l,"padding-top":l,"padding-block":l,"padding-block-end":l,"padding-block-start":l,"padding-inline":l,"padding-inline-end":l,"padding-inline-start":l,"mask-position-x":l,"mask-position-y":l,"mask-size":l,height:l,width:l,"min-height":l,"max-height":l,"min-width":l,"max-width":l,bottom:l,left:l,top:l,right:l,inset:l,"inset-block":l,"inset-block-end":l,"inset-block-start":l,"inset-inline":l,"inset-inline-end":l,"inset-inline-start":l,"box-shadow":l,"text-shadow":l,"column-gap":l,"column-rule":l,"column-rule-width":l,"column-width":l,"font-size":l,"font-size-delta":l,"letter-spacing":l,"text-decoration-thickness":l,"text-indent":l,"text-stroke":l,"text-stroke-width":l,"word-spacing":l,motion:l,"motion-offset":l,outline:l,"outline-offset":l,"outline-width":l,perspective:l,"perspective-origin-x":Q,"perspective-origin-y":Q,"transform-origin":Q,"transform-origin-x":Q,"transform-origin-y":Q,"transform-origin-z":Q,"transition-delay":Ee,"transition-duration":Ee,"vertical-align":l,"flex-basis":l,"shape-margin":l,size:l,gap:l,grid:l,"grid-gap":l,"row-gap":l,"grid-row-gap":l,"grid-column-gap":l,"grid-template-rows":l,"grid-template-columns":l,"grid-auto-rows":l,"grid-auto-columns":l,"box-shadow-x":l,"box-shadow-y":l,"box-shadow-blur":l,"box-shadow-spread":l,"font-line-height":l,"text-shadow-x":l,"text-shadow-y":l,"text-shadow-blur":l};function _r(r){var e=/(-[a-z])/g,n=function(a){return a[1].toUpperCase()},t={};for(var i in r)t[i]=r[i],t[i.replace(e,n)]=r[i];return t}var co=_r(fo);function ae(r,e,n){if(e==null)return e;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t]=ae(r,e[t],n);else if(typeof e=="object")if(r==="fallbacks")for(var i in e)e[i]=ae(i,e[i],n);else for(var o in e)e[o]=ae(r+"-"+o,e[o],n);else if(typeof e=="number"&&isNaN(e)===!1){var a=n[r]||co[r];return a&&!(e===0&&a===l)?typeof a=="function"?a(e).toString():""+e+a:e.toString()}return e}function ho(r){r===void 0&&(r={});var e=_r(r);function n(i,o){if(o.type!=="style")return i;for(var a in i)i[a]=ae(a,i[a],e);return i}function t(i,o){return ae(o,i,e)}return{onProcessStyle:n,onChangeValue:t}}var jr=ho;var po={"background-size":!0,"background-position":!0,border:!0,"border-bottom":!0,"border-left":!0,"border-top":!0,"border-right":!0,"border-radius":!0,"border-image":!0,"border-width":!0,"border-style":!0,"border-color":!0,"box-shadow":!0,flex:!0,margin:!0,padding:!0,outline:!0,"transform-origin":!0,transform:!0,transition:!0},mo={position:!0,size:!0},Ae={padding:{top:0,right:0,bottom:0,left:0},margin:{top:0,right:0,bottom:0,left:0},background:{attachment:null,color:null,image:null,position:null,repeat:null},border:{width:null,style:null,color:null},"border-top":{width:null,style:null,color:null},"border-right":{width:null,style:null,color:null},"border-bottom":{width:null,style:null,color:null},"border-left":{width:null,style:null,color:null},outline:{width:null,style:null,color:null},"list-style":{type:null,position:null,image:null},transition:{property:null,duration:null,"timing-function":null,timingFunction:null,delay:null},animation:{name:null,duration:null,"timing-function":null,timingFunction:null,delay:null,"iteration-count":null,iterationCount:null,direction:null,"fill-mode":null,fillMode:null,"play-state":null,playState:null},"box-shadow":{x:0,y:0,blur:0,spread:0,color:null,inset:null},"text-shadow":{x:0,y:0,blur:null,color:null}},wt={border:{radius:"border-radius",image:"border-image",width:"border-width",style:"border-style",color:"border-color"},"border-bottom":{width:"border-bottom-width",style:"border-bottom-style",color:"border-bottom-color"},"border-top":{width:"border-top-width",style:"border-top-style",color:"border-top-color"},"border-left":{width:"border-left-width",style:"border-left-style",color:"border-left-color"},"border-right":{width:"border-right-width",style:"border-right-style",color:"border-right-color"},background:{size:"background-size",image:"background-image"},font:{style:"font-style",variant:"font-variant",weight:"font-weight",stretch:"font-stretch",size:"font-size",family:"font-family",lineHeight:"line-height","line-height":"line-height"},flex:{grow:"flex-grow",basis:"flex-basis",direction:"flex-direction",wrap:"flex-wrap",flow:"flex-flow",shrink:"flex-shrink"},align:{self:"align-self",items:"align-items",content:"align-content"},grid:{"template-columns":"grid-template-columns",templateColumns:"grid-template-columns","template-rows":"grid-template-rows",templateRows:"grid-template-rows","template-areas":"grid-template-areas",templateAreas:"grid-template-areas",template:"grid-template","auto-columns":"grid-auto-columns",autoColumns:"grid-auto-columns","auto-rows":"grid-auto-rows",autoRows:"grid-auto-rows","auto-flow":"grid-auto-flow",autoFlow:"grid-auto-flow",row:"grid-row",column:"grid-column","row-start":"grid-row-start",rowStart:"grid-row-start","row-end":"grid-row-end",rowEnd:"grid-row-end","column-start":"grid-column-start",columnStart:"grid-column-start","column-end":"grid-column-end",columnEnd:"grid-column-end",area:"grid-area",gap:"grid-gap","row-gap":"grid-row-gap",rowGap:"grid-row-gap","column-gap":"grid-column-gap",columnGap:"grid-column-gap"}};function vo(r,e,n){return r.map(function(t){return Fr(t,e,n,!1,!0)})}function Mr(r,e,n,t){return n[e]==null?r:r.length===0?[]:Array.isArray(r[0])?Mr(r[0],e,n,t):typeof r[0]=="object"?vo(r,e,t):[r]}function Fr(r,e,n,t,i){if(!(Ae[e]||wt[e]))return[];var o=[];if(wt[e]&&(r=go(r,n,wt[e],t)),Object.keys(r).length)for(var a in Ae[e]){if(r[a]){Array.isArray(r[a])?o.push(mo[a]===null?r[a]:r[a].join(" ")):o.push(r[a]);continue}Ae[e][a]!=null&&o.push(Ae[e][a])}return!o.length||i?o:[o]}function go(r,e,n,t){for(var i in n){var o=n[i];if(typeof r[i]<"u"&&(t||!e.prop(o))){var a,s=se((a={},a[o]=r[i],a),e)[o];t?e.style.fallbacks[o]=s:e.style[o]=s}delete r[i]}return r}function se(r,e,n){for(var t in r){var i=r[t];if(Array.isArray(i)){if(!Array.isArray(i[0])){if(t==="fallbacks"){for(var o=0;o<r.fallbacks.length;o++)r.fallbacks[o]=se(r.fallbacks[o],e,!0);continue}r[t]=Mr(i,t,po,e),r[t].length||delete r[t]}}else if(typeof i=="object"){if(t==="fallbacks"){r.fallbacks=se(r.fallbacks,e,!0);continue}r[t]=Fr(i,t,e,n),r[t].length||delete r[t]}else r[t]===""&&delete r[t]}return r}function yo(){function r(e,n){if(!e||n.type!=="style")return e;if(Array.isArray(e)){for(var t=0;t<e.length;t++)e[t]=se(e[t],n);return e}return se(e,n)}return{onProcessStyle:r}}var Vr=yo;function le(r,e){(e==null||e>r.length)&&(e=r.length);for(var n=0,t=Array(e);n<e;n++)t[n]=r[n];return t}function Lr(r){if(Array.isArray(r))return le(r)}function Dr(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Wr(r,e){if(r){if(typeof r=="string")return le(r,e);var n={}.toString.call(r).slice(8,-1);return n==="Object"&&r.constructor&&(n=r.constructor.name),n==="Map"||n==="Set"?Array.from(r):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?le(r,e):void 0}}function Br(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function zr(r){return Lr(r)||Dr(r)||Wr(r)||Br()}var ue="",Rt="",Gr="",Jr="",bo=M&&"ontouchstart"in document.documentElement;if(M){Ie={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},$r=document.createElement("p"),_e=$r.style,Ur="Transform";for(je in Ie)if(je+Ur in _e){ue=je,Rt=Ie[je];break}ue==="Webkit"&&"msHyphens"in _e&&(ue="ms",Rt=Ie.ms,Jr="edge"),ue==="Webkit"&&"-apple-trailing-word"in _e&&(Gr="apple")}var Ie,$r,_e,Ur,je,h={js:ue,css:Rt,vendor:Gr,browser:Jr,isTouch:bo};function qr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var xo={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},So={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},Po=/[-\s]+(.)?/g;function wo(r,e){return e?e.toUpperCase():""}function kt(r){return r.replace(Po,wo)}function z(r){return kt("-"+r)}var Ro={noPrefill:["mask"],supportedProperty:function(e,n){if(!/^mask/.test(e))return!1;if(h.js==="Webkit"){var t="mask-image";if(kt(t)in n)return e;if(h.js+z(t)in n)return h.css+e}return e}},ko={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},Co={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},No={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},Oo={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},To={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},Eo={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+z(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+z(e);return i in n?"page-"+e:!1}return!1}},Ao={supportedProperty:function(e,n){if(!/^(border|margin|padding)-inline/.test(e))return!1;if(h.js==="Moz")return e;var t=e.replace("-inline","");return h.js+z(t)in n?h.css+t:!1}},Io={supportedProperty:function(e,n){return kt(e)in n?e:!1}},_o={supportedProperty:function(e,n){var t=z(e);return e[0]==="-"||e[0]==="-"&&e[1]==="-"?e:h.js+t in n?h.css+e:h.js!=="Webkit"&&"Webkit"+t in n?"-webkit-"+e:!1}},jo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Mo={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Fo={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},Vo={supportedProperty:function(e,n){var t=Fo[e];return t&&h.js+z(t)in n?h.css+t:!1}},Kr={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},Lo=Object.keys(Kr),Do=function(e){return h.css+e},Wo={supportedProperty:function(e,n,t){var i=t.multiple;if(Lo.indexOf(e)>-1){var o=Kr[e];if(!Array.isArray(o))return h.js+z(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+z(o[0])in n))return!1;return o.map(Do)}return!1}},Xr=[xo,So,Ro,ko,Co,No,Oo,To,Eo,Ao,Io,_o,jo,Mo,Vo,Wo],Hr=Xr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),Bo=Xr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,zr(e.noPrefill)),r},[]),fe,q={};if(M){fe=document.createElement("p"),Me=window.getComputedStyle(document.documentElement,"");for(Fe in Me)isNaN(Fe)||(q[Me[Fe]]=Me[Fe]);Bo.forEach(function(r){return delete q[r]})}var Me,Fe;function Ve(r,e){if(e===void 0&&(e={}),!fe)return r;if(q[r]!=null)return q[r];(r==="transition"||r==="transform")&&(e[r]=r in fe.style);for(var n=0;n<Hr.length&&(q[r]=Hr[n](r,fe.style,e),!q[r]);n++);try{fe.style[r]=""}catch{return!1}return q[r]}var ee={},zo={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},$o=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,B;function Uo(r,e,n){if(e==="var")return"var";if(e==="all")return"all";if(n==="all")return", all";var t=e?Ve(e):", "+Ve(n);return t||e||n}M&&(B=document.createElement("p"));function Ct(r,e){var n=e;if(!B||r==="content")return e;if(typeof n!="string"||!isNaN(parseInt(n,10)))return n;var t=r+n;if(ee[t]!=null)return ee[t];try{B.style[r]=n}catch{return ee[t]=!1,!1}if(zo[r])n=n.replace($o,Uo);else if(B.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&(B.style[r]="-ms-flexbox"),B.style[r]=n,B.style[r]===""))return ee[t]=!1,!1;return B.style[r]="",ee[t]=n,ee[t]}function Ho(){function r(i){if(i.type==="keyframes"){var o=i;o.at=qr(o.at)}}function e(i){for(var o in i){var a=i[o];if(o==="fallbacks"&&Array.isArray(a)){i[o]=a.map(e);continue}var s=!1,u=Ve(o);u&&u!==o&&(s=!0);var f=!1,c=Ct(u,D(a));c&&c!==a&&(f=!0),(s||f)&&(s&&delete i[o],i[u||o]=c||a)}return i}function n(i,o){return o.type!=="style"?i:e(i)}function t(i,o){return Ct(o,D(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Yr=Ho;function Go(){var r=function(n,t){return n.length===t.length?n>t?1:-1:n.length-t.length};return{onProcessStyle:function(n,t){if(t.type!=="style")return n;for(var i={},o=Object.keys(n).sort(r),a=0;a<o.length;a++)i[o[a]]=n[o[a]];return i}}}var Zr=Go;var Jo=function(e){return e===void 0&&(e={}),{plugins:[Pr(),Rr(e.observable),kr(),Nr(),Or(),Er(),Ar(),Ir(),jr(e.defaultUnit),Vr(),Yr(),Zr()]}},Le=Jo;function qo(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var Qr=qo;var Ko=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Hl=Qr(function(r){return Ko.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var Xo=1e4,Yo=oe(Le()),Zo=function(e){e===void 0&&(e=Yo);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>Xo)&&(i=e.createStyleSheet().attach()),i};function a(){var s=arguments,u=JSON.stringify(s),f=n.get(u);if(f)return f.className;var c=[];for(var d in s){var p=s[d];if(!Array.isArray(p)){c.push(p);continue}for(var m=0;m<p.length;m++)c.push(p[m])}for(var g={},v=[],w=0;w<c.length;w++){var C=c[w];if(C){var P=C;if(typeof C=="string"){var N=n.get(C);N&&(N.labels.length&&v.push.apply(v,N.labels),P=N.style)}P.label&&v.indexOf(P.label)===-1&&v.push(P.label),Object.assign(g,P)}}delete g.label;var V=v.length===0?"css":v.join("-"),S=V+"-"+t++;o().addRule(S,g);var R=o().classes[S],E={style:g,labels:v,className:R};return n.set(u,E),n.set(R,E),R}return a.getSheet=o,a},Qo=Zo(),en=Qo;var aa=Number.MIN_SAFE_INTEGER||-1e9,sa=function(){return aa++},la=ta({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!M}),on=new Map,Ot=function(e,n){var t=e.managers;if(t)return t[n]||(t[n]=new dt),t[n];var i=on.get(n);return i||(i=new dt,on.set(n,i)),i},an=function(e){var n=e.sheet,t=e.context,i=e.index,o=e.theme;if(n){var a=Ot(t,i);a.manage(o),t.registry&&t.registry.add(n)}},ua=function(e){if(e.sheet){var n=Ot(e.context,e.index);n.unmanage(e.theme)}},fa=oe(Le()),un=new WeakMap,fn=function(e){return un.get(e)},ca=function(e,n){un.set(e,n)},da=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function ha(r,e){var n;r.context.id&&r.context.id.minify!=null&&(n=r.context.id.minify);var t=r.context.classNamePrefix||"";r.name&&!n&&(t+=r.name.replace(/\s/g,"-")+"-");var i="";return r.name&&(i=r.name+", "),i+=typeof r.styles=="function"?"Themed":"Unthemed",x({},r.sheetOptions,{index:r.index,meta:i,classNamePrefix:t,link:e,generateId:r.sheetOptions&&r.sheetOptions.generateId?r.sheetOptions.generateId:r.context.generateId})}var pa=function(e){if(!e.context.disableStylesGeneration){var n=Ot(e.context,e.index),t=n.get(e.theme);if(t)return t;var i=e.context.jss||fa,o=da(e),a=ht(o),s=i.createStyleSheet(o,ha(e,a!==null));return ca(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},ma=function(e,n){for(var t in n)e.deleteRule(n[t])},va=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},ga=function(e,n){var t=fn(e);if(t){var i={};for(var o in t.dynamicStyles)for(var a=e.rules.index.length,s=e.addRule(o,t.dynamicStyles[o]),u=a;u<e.rules.index.length;u++){var f=e.rules.index[u];e.updateOne(f,n),i[s===f?o:f.key]=f}return i}},ya=function(e,n){if(!n)return e.classes;var t=fn(e);if(!t)return e.classes;var i={};for(var o in t.styles)i[o]=e.classes[o],o in n&&(i[o]+=" "+e.classes[n[o].key]);return i};function sn(r){return r?ln:ea.useInsertionEffect||na}var Nt={},k=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?sa():i,a=t.theming,s=t.name,u=de(t,["index","theming","name"]),f=a&&a.context||Ze,c=function(m){return typeof e=="function"&&(m||tn(f))||Nt},d={};return function(m){var g=ra(!0),v=tn(la),w=c(m&&m.theme),C=rn(function(){var S=pa({context:v,styles:e,name:s,theme:w,index:o,sheetOptions:u});return S&&v.isSSR&&an({index:o,context:v,sheet:S,theme:w}),[S,S?ga(S,m):null]},[v,w]),P=C[0],N=C[1];sn(v.isSSR)(function(){P&&N&&!g.current&&va(m,P,N)},[m]),sn(v.isSSR)(function(){return P&&an({index:o,context:v,sheet:P,theme:w}),function(){P&&(ua({index:o,context:v,sheet:P,theme:w}),N&&ma(P,N))}},[P]);var V=rn(function(){return P&&N?ya(P,N):d},[P,N]);return nn(V),nn(w===Nt?"No theme":w),ln(function(){g.current=!1}),V}};var uu=Symbol("react-jss-styled");var ba=function(e){return e===void 0&&(e=en),function(t,i){var o=arguments;if(i&&i.css){var a=e(i.css),s=Object.assign({},i);s.className=i.className?i.className+" "+a:a,delete s.css,o[1]=s}return ia.apply(void 0,o)}},fu=ba();var O="teknify";import{jsx as cn}from"react/jsx-runtime";var xa=r=>cn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:cn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"})}),Tt=xa;import{jsx as dn}from"react/jsx-runtime";var Sa=r=>dn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:dn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"})}),Et=Sa;import{jsx as hn}from"react/jsx-runtime";var Pa=r=>hn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:hn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"})}),At=Pa;import{jsx as mn,jsxs as ka}from"react/jsx-runtime";var wa=k({button:r=>({width:40,height:40,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",backgroundColor:"#fff",border:"none",cursor:"pointer",transition:"all 0.2s ease-in-out",position:"relative","&:hover":{backgroundColor:"#f5f5f5"},...r.active&&{backgroundColor:"#f1f1f1"}}),badge:{position:"absolute",top:0,right:0,padding:"2px 6px",height:18,minWidth:18,backgroundColor:"red",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:100,color:"#fff",fontSize:10,visibility:"hidden",opacity:0,transition:"all 0.2s ease-in-out",scale:.8,userSelect:"none"},badgeOpen:{visibility:"visible",opacity:1,scale:1}},{name:O}),Ra=({className:r,counts:e,active:n,...t})=>{let i=wa({counts:e,active:n}),o=pn(()=>e<=99?`${e}`:"99+",[e]),a=pn(()=>e>0,[e]);return ka("button",{...t,className:`${i.button} ${r}`,children:[mn(Et,{width:24,height:24}),mn("div",{className:y(i.badge,a&&i.badgeOpen),children:o})]})},It=Ra;import{jsx as Oa}from"react/jsx-runtime";var Ca=k({button:r=>({textDecoration:"none",background:`var(--${r.variant}-color)`,borderRadius:"var(--border-radius)",color:r.variant==="tertiary"?"#000":"#fff",fontWeight:500,border:"none",cursor:"pointer",fontSize:12,...r.icon?{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"}:{minWidth:100,padding:"8px 12px"},"&:hover":{background:`var(--${r.variant}-color-darker)`}})},{name:O}),Na=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Ca({variant:e,icon:n});return Oa("button",{...t,className:y(i.button,r)})},_=Na;import{useContext as Ea}from"react";import{TeknifyClient as Vu}from"@tnf-dev/js";import{createContext as Ta,useMemo as Bu}from"react";import{jsx as $u}from"react/jsx-runtime";var $=Ta({applicationId:"",subscriberId:""});import{jsx as _a}from"react/jsx-runtime";var Aa=k({empty:{textAlign:"center",padding:"20px 0"}},{name:O}),Ia=()=>{let r=Aa(),{locale:e}=Ea($);return _a("div",{className:y(r.empty),children:e.components.Empty.noNotifications})},_t=Ia;import{jsx as Fa}from"react/jsx-runtime";var ja=k({error:{padding:10}}),Ma=({message:r})=>{let e=ja();return Fa("div",{className:y(e.error),children:r})},jt=Ma;import{useCallback as ts,useState as xn}from"react";import rs from"react-infinite-scroller";import{useCallback as De,useContext as Va,useEffect as We,useState as U}from"react";var vn=()=>{let{client:r}=Va($),[e,n]=U([]),[t,i]=U(!1),[o,a]=U(null),[s,u]=U(!1),[f,c]=U(!0),[d,p]=U(!0),[m,g]=U(),[v,w]=U(0),C=De(async S=>{try{n(R=>R.map(E=>E._id===S?{...E,isRead:!0}:E)),await r.notification.markAsRead(S)}catch{n(E=>E.map(j=>j._id===S?{...j,isRead:!1}:j))}},[]),P=De(async()=>{await r.notification.markAllAsRead(),n(S=>S.map(R=>({...R,isRead:!0})))},[]),N=De(async()=>{if(!(s||t))try{u(!0);let S=await r.notification.getNotifications({...m?{cursor:m}:{}});n(R=>[...R,...S.data.filter(E=>!R.find(j=>j._id===E._id)).map(E=>({...E,markAsRead:()=>C(E._id)}))]),p(!!S.pagination.continueCursor),g(S.pagination.continueCursor),w(S.unread)}catch{}finally{u(!1),c(!1)}},[s,m,C,t,r]);We(()=>{N()},[]),We(()=>{g(void 0)},[r]),We(()=>{let S=(R,{counts:E})=>{w(E.unread),n(j=>[...R.filter(K=>{let $t=j.findIndex(Pn=>Pn._id===K._id);return $t!==-1?(j[$t]={...K,markAsRead:()=>C(K._id)},!1):!0}).map(K=>({...K,markAsRead:()=>C(K._id)})),...j])};return r.notification.on(S),()=>{r.notification.off(S)}},[C,r]);let V=De(()=>{N()},[N]);return We(()=>{n([]),p(!0),g(void 0),c(!0),N()},[r]),{notifications:e,isLoading:s,isFirstLoad:f,isError:t,error:o,hasMore:d,unread:v,fetchMore:V,markAllAsRead:P}};import{useContext as La}from"react";import{jsx as Ba}from"react/jsx-runtime";var Da=k({loader:{textAlign:"center",padding:"20px 0"}}),Wa=()=>{let r=Da(),{locale:e}=La($);return Ba("div",{className:y(r.loader),children:e.components.Loader.loading})},Mt=Wa;import{useContext as za}from"react";import{jsx as Ft,jsxs as Ha}from"react/jsx-runtime";var $a=k({notificationHeader:{padding:"10px 15px",borderBottom:"1px solid #0001",display:"flex",justifyContent:"space-between",background:"var(--card-background-color)",borderRadius:"5px 5px 0 0",height:36,alignItems:"center"},notificationHeaderTitle:{fontSize:15,fontWeight:600,flex:1}},{name:O}),Ua=({markAllAsRead:r})=>{let e=$a(),{locale:n}=za($);return Ha("div",{className:y(e.notificationHeader),children:[Ft("h2",{className:y(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Ft("div",{children:Ft(_,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Vt=Ua;import Ka from"sanitize-html";import{jsx as Be,jsxs as qa}from"react/jsx-runtime";var Ga=k({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:O}),Ja=({notification:r})=>{let e=Ga();return qa("div",{className:y(e.actions,`${O}-actions`),children:[!r.isRead&&Be(_,{icon:!0,onClick:r.markAsRead,className:y(e.button),children:Be(At,{width:12,height:12})}),Be(_,{icon:!0,className:y(e.button),children:Be(Tt,{width:12,height:12})})]})},gn=Ja;import{jsx as F,jsxs as Lt}from"react/jsx-runtime";var Xa=k({notificationItem:{padding:"10px 15px",display:"flex",flexWrap:"wrap",columnGap:10,flexDirection:"column",margin:10,background:"var(--card-background-color)",borderRadius:10,border:"1px solid #ddd",position:"relative",[`& .${O}-actions`]:{visibility:"hidden",opacity:0,transition:"0.3s ease-in-out"},[`&:hover .${O}-actions`]:{visibility:"visible",opacity:1}},notificationItemImage:{width:24,height:24,objectFit:"cover"},notificationItemTitle:{fontSize:14,fontWeight:600,paddingBottom:5,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},notificationItemBody:{fontSize:14,lineClamp:2,overflow:"hidden",textOverflow:"ellipsis"},notificationItemActions:{display:"flex",gap:8,marginTop:10,alignItems:"center",justifyContent:"flex-end",width:"100%"},unreadDot:{width:7,height:7,borderRadius:100,background:"var(--primary-color)",position:"relative","&::before":{content:'""',position:"absolute",top:-3,left:-3,width:"calc(100% + 6px)",height:"calc(100% + 6px)",borderRadius:100,background:"var(--primary-color)",opacity:.2}}},{name:O}),Ya=({notification:r})=>{let e=Xa();return Lt("div",{className:y(e.notificationItem),children:[Lt("div",{style:{display:"flex",gap:10,width:"100%"},children:[F("div",{children:r.icon&&F("img",{src:r.icon,alt:r.title,width:32,height:32,className:y(e.notificationItemImage)})}),Lt("div",{style:{flex:1,overflow:"hidden"},children:[F("h3",{className:y(e.notificationItemTitle),children:r.title}),F("div",{dangerouslySetInnerHTML:{__html:Ka(r.message)},className:y(e.notificationItemBody)})]}),!r.isRead&&F("div",{className:y(e.unreadDot)})]}),F("div",{className:y(e.notificationItemActions),children:r.actionButtons?.map(n=>F("a",{href:n.href,target:n.target,children:F(_,{variant:"secondary",children:n.label})},n.href))}),F(gn,{notification:r})]})},Dt=Ya;import{useEffect as yn,useMemo as Wt,useState as bn}from"react";import{jsx as es}from"react/jsx-runtime";var Za=k({popover:{width:"100%",height:"100%",maxWidth:400,maxHeight:500,boxShadow:"0 10px 40px #0001",position:"fixed",background:"#fff",borderRadius:10,visibility:"hidden",opacity:0,scale:.8,transition:"all 0.3s",backgroundColor:"var(--background-color)",border:"1px solid var(--card-background-color)"},popoverOpen:{top:0,left:0,visibility:"visible",opacity:1,scale:1}},{name:O}),Qa=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=Za(),[o,a]=bn(null),[s,u]=bn(typeof window>"u"?0:window.innerWidth),f=Wt(()=>{if(!e)return 0;let p=e.getBoundingClientRect();return p.top+p.height+20},[e,s]),c=Wt(()=>e?e.getBoundingClientRect().left+10:0,[e,s]),d=Wt(()=>{if(!o||!e)return!0;let p=e.getBoundingClientRect(),m=o.getBoundingClientRect();return p.left+m.width>s},[o,e,s]);return yn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),yn(()=>{let p=()=>{u(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),es("div",{className:y(i.popover,r&&i.popoverOpen),style:{top:f,left:c,...d?{transform:"translateX(calc(-100% + 20px))"}:{}},ref:a,onClick:p=>{p.stopPropagation()},children:t})},Bt=Qa;import{Fragment as ze,jsx as I,jsxs as zt}from"react/jsx-runtime";var ns=k({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:O}),is={Bell:It,Button:_,NotificationHeader:Vt,Empty:_t,Loader:Mt,NotificationItem:Dt,NotificationPopover:Bt,NotificationError:jt},os=({components:r})=>{let[e,n]=xn(null),[t,i]=xn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:u,NotificationItem:f,NotificationPopover:c,NotificationError:d}={...is,...r},p=ts(()=>{i(R=>!R)},[]),{notifications:m,unread:g,isFirstLoad:v,hasMore:w,fetchMore:C,isError:P,error:N,markAllAsRead:V}=vn(),S=ns();return zt(ze,{children:[I(o,{onClick:R=>{R.stopPropagation(),p()},ref:n,active:t,counts:g}),I(c,{open:t,anchorElement:e,onClose:p,children:zt("div",{className:y(S.inboxContent),children:[I(u,{markAllAsRead:V}),I("div",{className:y(S.inboxContentList),children:zt(rs,{loadMore:C,hasMore:w&&!P,loader:I(s,{},0),useWindow:!1,children:[v?I(ze,{}):I(ze,{children:m.length?I(ze,{children:m.map(R=>I(f,{notification:R},R._id))}):I(a,{})}),P&&I(d,{message:N?.message})]})})]})})]})},Sn=os;export{It as Bell,_ as Button,_t as Empty,Sn as Inbox,Mt as Loader,jt as NotificationError,Vt as NotificationHeader,Dt as NotificationItem,Bt as NotificationPopover,Sn as TeknifyInbox};
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function zr(r){return Lr(r)||Dr(r)||Wr(r)||Br()}var ue="",Rt="",Gr="",Jr="",bo=M&&"ontouchstart"in document.documentElement;if(M){Ie={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},$r=document.createElement("p"),_e=$r.style,Ur="Transform";for(je in Ie)if(je+Ur in _e){ue=je,Rt=Ie[je];break}ue==="Webkit"&&"msHyphens"in _e&&(ue="ms",Rt=Ie.ms,Jr="edge"),ue==="Webkit"&&"-apple-trailing-word"in _e&&(Gr="apple")}var Ie,$r,_e,Ur,je,h={js:ue,css:Rt,vendor:Gr,browser:Jr,isTouch:bo};function qr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var xo={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},So={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},Po=/[-\s]+(.)?/g;function wo(r,e){return e?e.toUpperCase():""}function kt(r){return r.replace(Po,wo)}function z(r){return kt("-"+r)}var Ro={noPrefill:["mask"],supportedProperty:function(e,n){if(!/^mask/.test(e))return!1;if(h.js==="Webkit"){var t="mask-image";if(kt(t)in n)return e;if(h.js+z(t)in n)return h.css+e}return e}},ko={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},Co={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},No={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},Oo={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},To={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},Eo={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+z(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+z(e);return i in n?"page-"+e:!1}return!1}},Ao={supportedProperty:function(e,n){if(!/^(border|margin|padding)-inline/.test(e))return!1;if(h.js==="Moz")return e;var t=e.replace("-inline","");return h.js+z(t)in n?h.css+t:!1}},Io={supportedProperty:function(e,n){return kt(e)in n?e:!1}},_o={supportedProperty:function(e,n){var t=z(e);return e[0]==="-"||e[0]==="-"&&e[1]==="-"?e:h.js+t in n?h.css+e:h.js!=="Webkit"&&"Webkit"+t in n?"-webkit-"+e:!1}},jo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Mo={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Fo={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},Vo={supportedProperty:function(e,n){var t=Fo[e];return t&&h.js+z(t)in n?h.css+t:!1}},Kr={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},Lo=Object.keys(Kr),Do=function(e){return h.css+e},Wo={supportedProperty:function(e,n,t){var i=t.multiple;if(Lo.indexOf(e)>-1){var o=Kr[e];if(!Array.isArray(o))return h.js+z(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+z(o[0])in n))return!1;return o.map(Do)}return!1}},Xr=[xo,So,Ro,ko,Co,No,Oo,To,Eo,Ao,Io,_o,jo,Mo,Vo,Wo],Hr=Xr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),Bo=Xr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,zr(e.noPrefill)),r},[]),fe,q={};if(M){fe=document.createElement("p"),Me=window.getComputedStyle(document.documentElement,"");for(Fe in Me)isNaN(Fe)||(q[Me[Fe]]=Me[Fe]);Bo.forEach(function(r){return delete q[r]})}var Me,Fe;function Ve(r,e){if(e===void 0&&(e={}),!fe)return r;if(q[r]!=null)return q[r];(r==="transition"||r==="transform")&&(e[r]=r in fe.style);for(var n=0;n<Hr.length&&(q[r]=Hr[n](r,fe.style,e),!q[r]);n++);try{fe.style[r]=""}catch{return!1}return q[r]}var ee={},zo={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},$o=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,B;function Uo(r,e,n){if(e==="var")return"var";if(e==="all")return"all";if(n==="all")return", all";var t=e?Ve(e):", "+Ve(n);return t||e||n}M&&(B=document.createElement("p"));function Ct(r,e){var n=e;if(!B||r==="content")return e;if(typeof n!="string"||!isNaN(parseInt(n,10)))return n;var t=r+n;if(ee[t]!=null)return ee[t];try{B.style[r]=n}catch{return ee[t]=!1,!1}if(zo[r])n=n.replace($o,Uo);else if(B.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&(B.style[r]="-ms-flexbox"),B.style[r]=n,B.style[r]===""))return ee[t]=!1,!1;return B.style[r]="",ee[t]=n,ee[t]}function Ho(){function r(i){if(i.type==="keyframes"){var o=i;o.at=qr(o.at)}}function e(i){for(var o in i){var a=i[o];if(o==="fallbacks"&&Array.isArray(a)){i[o]=a.map(e);continue}var s=!1,u=Ve(o);u&&u!==o&&(s=!0);var f=!1,c=Ct(u,D(a));c&&c!==a&&(f=!0),(s||f)&&(s&&delete i[o],i[u||o]=c||a)}return i}function n(i,o){return o.type!=="style"?i:e(i)}function t(i,o){return Ct(o,D(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Yr=Ho;function Go(){var r=function(n,t){return n.length===t.length?n>t?1:-1:n.length-t.length};return{onProcessStyle:function(n,t){if(t.type!=="style")return n;for(var i={},o=Object.keys(n).sort(r),a=0;a<o.length;a++)i[o[a]]=n[o[a]];return i}}}var Zr=Go;var Jo=function(e){return e===void 0&&(e={}),{plugins:[Pr(),Rr(e.observable),kr(),Nr(),Or(),Er(),Ar(),Ir(),jr(e.defaultUnit),Vr(),Yr(),Zr()]}},Le=Jo;function qo(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var Qr=qo;var Ko=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Hl=Qr(function(r){return Ko.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var Xo=1e4,Yo=oe(Le()),Zo=function(e){e===void 0&&(e=Yo);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>Xo)&&(i=e.createStyleSheet().attach()),i};function a(){var s=arguments,u=JSON.stringify(s),f=n.get(u);if(f)return f.className;var c=[];for(var d in s){var p=s[d];if(!Array.isArray(p)){c.push(p);continue}for(var m=0;m<p.length;m++)c.push(p[m])}for(var g={},v=[],w=0;w<c.length;w++){var C=c[w];if(C){var P=C;if(typeof C=="string"){var N=n.get(C);N&&(N.labels.length&&v.push.apply(v,N.labels),P=N.style)}P.label&&v.indexOf(P.label)===-1&&v.push(P.label),Object.assign(g,P)}}delete g.label;var V=v.length===0?"css":v.join("-"),S=V+"-"+t++;o().addRule(S,g);var R=o().classes[S],E={style:g,labels:v,className:R};return n.set(u,E),n.set(R,E),R}return a.getSheet=o,a},Qo=Zo(),en=Qo;var aa=Number.MIN_SAFE_INTEGER||-1e9,sa=function(){return aa++},la=ta({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!M}),on=new Map,Ot=function(e,n){var t=e.managers;if(t)return t[n]||(t[n]=new dt),t[n];var i=on.get(n);return i||(i=new dt,on.set(n,i)),i},an=function(e){var n=e.sheet,t=e.context,i=e.index,o=e.theme;if(n){var a=Ot(t,i);a.manage(o),t.registry&&t.registry.add(n)}},ua=function(e){if(e.sheet){var n=Ot(e.context,e.index);n.unmanage(e.theme)}},fa=oe(Le()),un=new WeakMap,fn=function(e){return un.get(e)},ca=function(e,n){un.set(e,n)},da=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function ha(r,e){var n;r.context.id&&r.context.id.minify!=null&&(n=r.context.id.minify);var t=r.context.classNamePrefix||"";r.name&&!n&&(t+=r.name.replace(/\s/g,"-")+"-");var i="";return r.name&&(i=r.name+", "),i+=typeof r.styles=="function"?"Themed":"Unthemed",x({},r.sheetOptions,{index:r.index,meta:i,classNamePrefix:t,link:e,generateId:r.sheetOptions&&r.sheetOptions.generateId?r.sheetOptions.generateId:r.context.generateId})}var pa=function(e){if(!e.context.disableStylesGeneration){var n=Ot(e.context,e.index),t=n.get(e.theme);if(t)return t;var i=e.context.jss||fa,o=da(e),a=ht(o),s=i.createStyleSheet(o,ha(e,a!==null));return ca(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},ma=function(e,n){for(var t in n)e.deleteRule(n[t])},va=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},ga=function(e,n){var t=fn(e);if(t){var i={};for(var o in t.dynamicStyles)for(var a=e.rules.index.length,s=e.addRule(o,t.dynamicStyles[o]),u=a;u<e.rules.index.length;u++){var f=e.rules.index[u];e.updateOne(f,n),i[s===f?o:f.key]=f}return i}},ya=function(e,n){if(!n)return e.classes;var t=fn(e);if(!t)return e.classes;var i={};for(var o in t.styles)i[o]=e.classes[o],o in n&&(i[o]+=" "+e.classes[n[o].key]);return i};function sn(r){return r?ln:ea.useInsertionEffect||na}var Nt={},k=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?sa():i,a=t.theming,s=t.name,u=de(t,["index","theming","name"]),f=a&&a.context||Ze,c=function(m){return typeof e=="function"&&(m||tn(f))||Nt},d={};return function(m){var g=ra(!0),v=tn(la),w=c(m&&m.theme),C=rn(function(){var S=pa({context:v,styles:e,name:s,theme:w,index:o,sheetOptions:u});return S&&v.isSSR&&an({index:o,context:v,sheet:S,theme:w}),[S,S?ga(S,m):null]},[v,w]),P=C[0],N=C[1];sn(v.isSSR)(function(){P&&N&&!g.current&&va(m,P,N)},[m]),sn(v.isSSR)(function(){return P&&an({index:o,context:v,sheet:P,theme:w}),function(){P&&(ua({index:o,context:v,sheet:P,theme:w}),N&&ma(P,N))}},[P]);var V=rn(function(){return P&&N?ya(P,N):d},[P,N]);return nn(V),nn(w===Nt?"No theme":w),ln(function(){g.current=!1}),V}};var uu=Symbol("react-jss-styled");var ba=function(e){return e===void 0&&(e=en),function(t,i){var o=arguments;if(i&&i.css){var a=e(i.css),s=Object.assign({},i);s.className=i.className?i.className+" "+a:a,delete s.css,o[1]=s}return ia.apply(void 0,o)}},fu=ba();var O="teknify";import{jsx as cn}from"react/jsx-runtime";var xa=r=>cn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:cn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"})}),Tt=xa;import{jsx as dn}from"react/jsx-runtime";var Sa=r=>dn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:dn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"})}),Et=Sa;import{jsx as hn}from"react/jsx-runtime";var Pa=r=>hn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:hn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"})}),At=Pa;import{jsx as mn,jsxs as ka}from"react/jsx-runtime";var wa=k({button:r=>({width:40,height:40,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",backgroundColor:"#fff",border:"none",cursor:"pointer",transition:"all 0.2s ease-in-out",position:"relative","&:hover":{backgroundColor:"#f5f5f5"},...r.active&&{backgroundColor:"#f1f1f1"}}),badge:{position:"absolute",top:0,right:0,padding:"2px 6px",height:18,minWidth:18,backgroundColor:"red",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:100,color:"#fff",fontSize:10,visibility:"hidden",opacity:0,transition:"all 0.2s ease-in-out",scale:.8,userSelect:"none"},badgeOpen:{visibility:"visible",opacity:1,scale:1}},{name:O}),Ra=({className:r,counts:e,active:n,...t})=>{let i=wa({counts:e,active:n}),o=pn(()=>e<=99?`${e}`:"99+",[e]),a=pn(()=>e>0,[e]);return ka("button",{...t,className:`${i.button} ${r}`,children:[mn(Et,{width:24,height:24}),mn("div",{className:y(i.badge,a&&i.badgeOpen),children:o})]})},It=Ra;import{jsx as Oa}from"react/jsx-runtime";var Ca=k({button:r=>({textDecoration:"none",background:`var(--${r.variant}-color)`,borderRadius:"var(--border-radius)",color:r.variant==="tertiary"?"#000":"#fff",fontWeight:500,border:"none",cursor:"pointer",fontSize:12,...r.icon?{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"}:{minWidth:100,padding:"8px 12px"},"&:hover":{background:`var(--${r.variant}-color-darker)`}})},{name:O}),Na=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Ca({variant:e,icon:n});return Oa("button",{...t,className:y(i.button,r)})},_=Na;import{useContext as Ea}from"react";import{TeknifyClient as Vu}from"@tnf-dev/js";import{createContext as Ta,useMemo as Bu}from"react";import{jsx as $u}from"react/jsx-runtime";var $=Ta({applicationId:"",subscriberId:""});import{jsx as _a}from"react/jsx-runtime";var Aa=k({empty:{textAlign:"center",padding:"20px 0"}},{name:O}),Ia=()=>{let r=Aa(),{locale:e}=Ea($);return _a("div",{className:y(r.empty),children:e.components.Empty.noNotifications})},_t=Ia;import{jsx as Fa}from"react/jsx-runtime";var ja=k({error:{padding:10}}),Ma=({message:r})=>{let e=ja();return Fa("div",{className:y(e.error),children:r})},jt=Ma;import{useCallback as ts,useState as xn}from"react";import rs from"react-infinite-scroller";import{useCallback as De,useContext as Va,useEffect as We,useState as U}from"react";var vn=()=>{let{client:r}=Va($),[e,n]=U([]),[t,i]=U(!1),[o,a]=U(null),[s,u]=U(!1),[f,c]=U(!0),[d,p]=U(!0),[m,g]=U(),[v,w]=U(0),C=De(async S=>{try{n(R=>R.map(E=>E._id===S?{...E,isRead:!0}:E)),await r.notification.markAsRead(S)}catch{n(E=>E.map(j=>j._id===S?{...j,isRead:!1}:j))}},[]),P=De(async()=>{await r.notification.markAllAsRead(),n(S=>S.map(R=>({...R,isRead:!0})))},[]),N=De(async()=>{if(!(s||t))try{u(!0);let S=await r.notification.getNotifications({...m?{cursor:m}:{}});n(R=>[...R,...S.data.filter(E=>!R.find(j=>j._id===E._id)).map(E=>({...E,markAsRead:()=>C(E._id)}))]),p(!!S.pagination.continueCursor),g(S.pagination.continueCursor),w(S.unread)}catch{}finally{u(!1),c(!1)}},[s,m,C,t,r]);We(()=>{N()},[]),We(()=>{g(void 0),n([])},[r]),We(()=>{let S=(R,{counts:E})=>{w(E.unread),n(j=>[...R.filter(K=>{let $t=j.findIndex(Pn=>Pn._id===K._id);return $t!==-1?(j[$t]={...K,markAsRead:()=>C(K._id)},!1):!0}).map(K=>({...K,markAsRead:()=>C(K._id)})),...j])};return r.notification.on(S),()=>{r.notification.off(S)}},[C,r]);let V=De(()=>{N()},[N]);return We(()=>{n([]),p(!0),g(void 0),c(!0),N()},[r]),{notifications:e,isLoading:s,isFirstLoad:f,isError:t,error:o,hasMore:d,unread:v,fetchMore:V,markAllAsRead:P}};import{useContext as La}from"react";import{jsx as Ba}from"react/jsx-runtime";var Da=k({loader:{textAlign:"center",padding:"20px 0"}}),Wa=()=>{let r=Da(),{locale:e}=La($);return Ba("div",{className:y(r.loader),children:e.components.Loader.loading})},Mt=Wa;import{useContext as za}from"react";import{jsx as Ft,jsxs as Ha}from"react/jsx-runtime";var $a=k({notificationHeader:{padding:"10px 15px",borderBottom:"1px solid #0001",display:"flex",justifyContent:"space-between",background:"var(--card-background-color)",borderRadius:"5px 5px 0 0",height:36,alignItems:"center"},notificationHeaderTitle:{fontSize:15,fontWeight:600,flex:1}},{name:O}),Ua=({markAllAsRead:r})=>{let e=$a(),{locale:n}=za($);return Ha("div",{className:y(e.notificationHeader),children:[Ft("h2",{className:y(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Ft("div",{children:Ft(_,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Vt=Ua;import Ka from"sanitize-html";import{jsx as Be,jsxs as qa}from"react/jsx-runtime";var Ga=k({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:O}),Ja=({notification:r})=>{let e=Ga();return qa("div",{className:y(e.actions,`${O}-actions`),children:[!r.isRead&&Be(_,{icon:!0,onClick:r.markAsRead,className:y(e.button),children:Be(At,{width:12,height:12})}),Be(_,{icon:!0,className:y(e.button),children:Be(Tt,{width:12,height:12})})]})},gn=Ja;import{jsx as F,jsxs as Lt}from"react/jsx-runtime";var Xa=k({notificationItem:{padding:"10px 15px",display:"flex",flexWrap:"wrap",columnGap:10,flexDirection:"column",margin:10,background:"var(--card-background-color)",borderRadius:10,border:"1px solid #ddd",position:"relative",[`& .${O}-actions`]:{visibility:"hidden",opacity:0,transition:"0.3s ease-in-out"},[`&:hover .${O}-actions`]:{visibility:"visible",opacity:1}},notificationItemImage:{width:24,height:24,objectFit:"cover"},notificationItemTitle:{fontSize:14,fontWeight:600,paddingBottom:5,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},notificationItemBody:{fontSize:14,lineClamp:2,overflow:"hidden",textOverflow:"ellipsis"},notificationItemActions:{display:"flex",gap:8,marginTop:10,alignItems:"center",justifyContent:"flex-end",width:"100%"},unreadDot:{width:7,height:7,borderRadius:100,background:"var(--primary-color)",position:"relative","&::before":{content:'""',position:"absolute",top:-3,left:-3,width:"calc(100% + 6px)",height:"calc(100% + 6px)",borderRadius:100,background:"var(--primary-color)",opacity:.2}}},{name:O}),Ya=({notification:r})=>{let e=Xa();return Lt("div",{className:y(e.notificationItem),children:[Lt("div",{style:{display:"flex",gap:10,width:"100%"},children:[F("div",{children:r.icon&&F("img",{src:r.icon,alt:r.title,width:32,height:32,className:y(e.notificationItemImage)})}),Lt("div",{style:{flex:1,overflow:"hidden"},children:[F("h3",{className:y(e.notificationItemTitle),children:r.title}),F("div",{dangerouslySetInnerHTML:{__html:Ka(r.message)},className:y(e.notificationItemBody)})]}),!r.isRead&&F("div",{className:y(e.unreadDot)})]}),F("div",{className:y(e.notificationItemActions),children:r.actionButtons?.map(n=>F("a",{href:n.href,target:n.target,children:F(_,{variant:"secondary",children:n.label})},n.href))}),F(gn,{notification:r})]})},Dt=Ya;import{useEffect as yn,useMemo as Wt,useState as bn}from"react";import{jsx as es}from"react/jsx-runtime";var Za=k({popover:{width:"100%",height:"100%",maxWidth:400,maxHeight:500,boxShadow:"0 10px 40px #0001",position:"fixed",background:"#fff",borderRadius:10,visibility:"hidden",opacity:0,scale:.8,transition:"all 0.3s",backgroundColor:"var(--background-color)",border:"1px solid var(--card-background-color)"},popoverOpen:{top:0,left:0,visibility:"visible",opacity:1,scale:1}},{name:O}),Qa=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=Za(),[o,a]=bn(null),[s,u]=bn(typeof window>"u"?0:window.innerWidth),f=Wt(()=>{if(!e)return 0;let p=e.getBoundingClientRect();return p.top+p.height+20},[e,s]),c=Wt(()=>e?e.getBoundingClientRect().left+10:0,[e,s]),d=Wt(()=>{if(!o||!e)return!0;let p=e.getBoundingClientRect(),m=o.getBoundingClientRect();return p.left+m.width>s},[o,e,s]);return yn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),yn(()=>{let p=()=>{u(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),es("div",{className:y(i.popover,r&&i.popoverOpen),style:{top:f,left:c,...d?{transform:"translateX(calc(-100% + 20px))"}:{}},ref:a,onClick:p=>{p.stopPropagation()},children:t})},Bt=Qa;import{Fragment as ze,jsx as I,jsxs as zt}from"react/jsx-runtime";var ns=k({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:O}),is={Bell:It,Button:_,NotificationHeader:Vt,Empty:_t,Loader:Mt,NotificationItem:Dt,NotificationPopover:Bt,NotificationError:jt},os=({components:r})=>{let[e,n]=xn(null),[t,i]=xn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:u,NotificationItem:f,NotificationPopover:c,NotificationError:d}={...is,...r},p=ts(()=>{i(R=>!R)},[]),{notifications:m,unread:g,isFirstLoad:v,hasMore:w,fetchMore:C,isError:P,error:N,markAllAsRead:V}=vn(),S=ns();return zt(ze,{children:[I(o,{onClick:R=>{R.stopPropagation(),p()},ref:n,active:t,counts:g}),I(c,{open:t,anchorElement:e,onClose:p,children:zt("div",{className:y(S.inboxContent),children:[I(u,{markAllAsRead:V}),I("div",{className:y(S.inboxContentList),children:zt(rs,{loadMore:C,hasMore:w&&!P,loader:I(s,{},0),useWindow:!1,children:[v?I(ze,{}):I(ze,{children:m.length?I(ze,{children:m.map(R=>I(f,{notification:R},R._id))}):I(a,{})}),P&&I(d,{message:N?.message})]})})]})})]})},Sn=os;export{It as Bell,_ as Button,_t as Empty,Sn as Inbox,Mt as Loader,jt as NotificationError,Vt as NotificationHeader,Dt as NotificationItem,Bt as NotificationPopover,Sn as TeknifyInbox};
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js:

package/dist/esm/hooks/index.js

@@ -1,2 +1,2 @@
 "use client"
-import{useCallback as f,useContext as F,useEffect as u,useState as i}from"react";import{TeknifyClient as S}from"@tnf-dev/js";import{createContext as v,useMemo as D}from"react";import{jsx as K}from"react/jsx-runtime";var P=v({applicationId:"",subscriberId:""});var z=()=>{let{client:r}=F(P),[h,s]=i([]),[l,M]=i(!1),[A,w]=i(null),[m,C]=i(!1),[_,y]=i(!0),[L,x]=i(!0),[p,k]=i(),[R,g]=i(0),c=f(async e=>{try{s(n=>n.map(t=>t._id===e?{...t,isRead:!0}:t)),await r.notification.markAsRead(e)}catch{s(t=>t.map(o=>o._id===e?{...o,isRead:!1}:o))}},[]),T=f(async()=>{await r.notification.markAllAsRead(),s(e=>e.map(n=>({...n,isRead:!0})))},[]),d=f(async()=>{if(!(m||l))try{C(!0);let e=await r.notification.getNotifications({...p?{cursor:p}:{}});s(n=>[...n,...e.data.filter(t=>!n.find(o=>o._id===t._id)).map(t=>({...t,markAsRead:()=>c(t._id)}))]),x(!!e.pagination.continueCursor),k(e.pagination.continueCursor),g(e.unread)}catch{}finally{C(!1),y(!1)}},[m,p,c,l,r]);u(()=>{d()},[]),u(()=>{k(void 0)},[r]),u(()=>{let e=(n,{counts:t})=>{g(t.unread),s(o=>[...n.filter(a=>{let N=o.findIndex(I=>I._id===a._id);return N!==-1?(o[N]={...a,markAsRead:()=>c(a._id)},!1):!0}).map(a=>({...a,markAsRead:()=>c(a._id)})),...o])};return r.notification.on(e),()=>{r.notification.off(e)}},[c,r]);let E=f(()=>{d()},[d]);return u(()=>{s([]),x(!0),k(void 0),y(!0),d()},[r]),{notifications:h,isLoading:m,isFirstLoad:_,isError:l,error:A,hasMore:L,unread:R,fetchMore:E,markAllAsRead:T}};export{z as useNotifications};
+import{useCallback as f,useContext as F,useEffect as u,useState as i}from"react";import{TeknifyClient as S}from"@tnf-dev/js";import{createContext as v,useMemo as D}from"react";import{jsx as K}from"react/jsx-runtime";var P=v({applicationId:"",subscriberId:""});var z=()=>{let{client:r}=F(P),[h,s]=i([]),[l,M]=i(!1),[A,w]=i(null),[m,C]=i(!1),[_,y]=i(!0),[L,x]=i(!0),[p,k]=i(),[R,g]=i(0),c=f(async e=>{try{s(n=>n.map(t=>t._id===e?{...t,isRead:!0}:t)),await r.notification.markAsRead(e)}catch{s(t=>t.map(o=>o._id===e?{...o,isRead:!1}:o))}},[]),T=f(async()=>{await r.notification.markAllAsRead(),s(e=>e.map(n=>({...n,isRead:!0})))},[]),d=f(async()=>{if(!(m||l))try{C(!0);let e=await r.notification.getNotifications({...p?{cursor:p}:{}});s(n=>[...n,...e.data.filter(t=>!n.find(o=>o._id===t._id)).map(t=>({...t,markAsRead:()=>c(t._id)}))]),x(!!e.pagination.continueCursor),k(e.pagination.continueCursor),g(e.unread)}catch{}finally{C(!1),y(!1)}},[m,p,c,l,r]);u(()=>{d()},[]),u(()=>{k(void 0),s([])},[r]),u(()=>{let e=(n,{counts:t})=>{g(t.unread),s(o=>[...n.filter(a=>{let N=o.findIndex(I=>I._id===a._id);return N!==-1?(o[N]={...a,markAsRead:()=>c(a._id)},!1):!0}).map(a=>({...a,markAsRead:()=>c(a._id)})),...o])};return r.notification.on(e),()=>{r.notification.off(e)}},[c,r]);let E=f(()=>{d()},[d]);return u(()=>{s([]),x(!0),k(void 0),y(!0),d()},[r]),{notifications:h,isLoading:m,isFirstLoad:_,isError:l,error:A,hasMore:L,unread:R,fetchMore:E,markAllAsRead:T}};export{z as useNotifications};

package/dist/esm/hooks/useNotifications.js

@@ -1,2 +1,2 @@
 "use client"
-import{useCallback as f,useContext as F,useEffect as u,useState as i}from"react";import{TeknifyClient as S}from"@tnf-dev/js";import{createContext as v,useMemo as D}from"react";import{jsx as K}from"react/jsx-runtime";var P=v({applicationId:"",subscriberId:""});var z=()=>{let{client:r}=F(P),[h,s]=i([]),[l,M]=i(!1),[A,w]=i(null),[m,C]=i(!1),[_,y]=i(!0),[L,x]=i(!0),[k,p]=i(),[R,g]=i(0),c=f(async e=>{try{s(n=>n.map(t=>t._id===e?{...t,isRead:!0}:t)),await r.notification.markAsRead(e)}catch{s(t=>t.map(o=>o._id===e?{...o,isRead:!1}:o))}},[]),T=f(async()=>{await r.notification.markAllAsRead(),s(e=>e.map(n=>({...n,isRead:!0})))},[]),d=f(async()=>{if(!(m||l))try{C(!0);let e=await r.notification.getNotifications({...k?{cursor:k}:{}});s(n=>[...n,...e.data.filter(t=>!n.find(o=>o._id===t._id)).map(t=>({...t,markAsRead:()=>c(t._id)}))]),x(!!e.pagination.continueCursor),p(e.pagination.continueCursor),g(e.unread)}catch{}finally{C(!1),y(!1)}},[m,k,c,l,r]);u(()=>{d()},[]),u(()=>{p(void 0)},[r]),u(()=>{let e=(n,{counts:t})=>{g(t.unread),s(o=>[...n.filter(a=>{let N=o.findIndex(I=>I._id===a._id);return N!==-1?(o[N]={...a,markAsRead:()=>c(a._id)},!1):!0}).map(a=>({...a,markAsRead:()=>c(a._id)})),...o])};return r.notification.on(e),()=>{r.notification.off(e)}},[c,r]);let E=f(()=>{d()},[d]);return u(()=>{s([]),x(!0),p(void 0),y(!0),d()},[r]),{notifications:h,isLoading:m,isFirstLoad:_,isError:l,error:A,hasMore:L,unread:R,fetchMore:E,markAllAsRead:T}};export{z as useNotifications};
+import{useCallback as f,useContext as F,useEffect as u,useState as i}from"react";import{TeknifyClient as S}from"@tnf-dev/js";import{createContext as v,useMemo as D}from"react";import{jsx as K}from"react/jsx-runtime";var P=v({applicationId:"",subscriberId:""});var z=()=>{let{client:r}=F(P),[h,s]=i([]),[l,M]=i(!1),[A,w]=i(null),[m,C]=i(!1),[_,y]=i(!0),[L,x]=i(!0),[k,p]=i(),[R,g]=i(0),c=f(async e=>{try{s(n=>n.map(t=>t._id===e?{...t,isRead:!0}:t)),await r.notification.markAsRead(e)}catch{s(t=>t.map(o=>o._id===e?{...o,isRead:!1}:o))}},[]),T=f(async()=>{await r.notification.markAllAsRead(),s(e=>e.map(n=>({...n,isRead:!0})))},[]),d=f(async()=>{if(!(m||l))try{C(!0);let e=await r.notification.getNotifications({...k?{cursor:k}:{}});s(n=>[...n,...e.data.filter(t=>!n.find(o=>o._id===t._id)).map(t=>({...t,markAsRead:()=>c(t._id)}))]),x(!!e.pagination.continueCursor),p(e.pagination.continueCursor),g(e.unread)}catch{}finally{C(!1),y(!1)}},[m,k,c,l,r]);u(()=>{d()},[]),u(()=>{p(void 0),s([])},[r]),u(()=>{let e=(n,{counts:t})=>{g(t.unread),s(o=>[...n.filter(a=>{let N=o.findIndex(I=>I._id===a._id);return N!==-1?(o[N]={...a,markAsRead:()=>c(a._id)},!1):!0}).map(a=>({...a,markAsRead:()=>c(a._id)})),...o])};return r.notification.on(e),()=>{r.notification.off(e)}},[c,r]);let E=f(()=>{d()},[d]);return u(()=>{s([]),x(!0),p(void 0),y(!0),d()},[r]),{notifications:h,isLoading:m,isFirstLoad:_,isError:l,error:A,hasMore:L,unread:R,fetchMore:E,markAllAsRead:T}};export{z as useNotifications};

package/dist/esm/index.js

@@ -6,7 +6,7 @@ var Cn=Object.create;var Ut=Object.defineProperty;var Nn=Object.getOwnPropertyDe
 `)}},e.deploy=function(){var t=this.sheet;if(t){if(t.options.link){this.insertRules(t.rules);return}this.element.textContent=`
 `+t.toString()+`
 `}},e.insertRules=function(t,i){for(var o=0;o<t.index.length;o++)this.insertRule(t.index[o],o,i)},e.insertRule=function(t,i,o){if(o===void 0&&(o=this.element.sheet),t.rules){var a=t,s=o;if(t.type==="conditional"||t.type==="keyframes"){var f=vr(o,i);if(s=mr(o,a.toString({children:!1}),f),s===!1)return!1;this.refCssRule(t,f,s)}return this.insertRules(a.rules,s),s}var u=t.toString();if(!u)return!1;var c=vr(o,i),d=mr(o,u,c);return d===!1?!1:(this.hasInsertedRules=!0,this.refCssRule(t,c,d),d)},e.refCssRule=function(t,i,o){t.renderable=o,t.options.parent instanceof yr&&this.cssRules.splice(i,0,o)},e.deleteRule=function(t){var i=this.element.sheet,o=this.indexOf(t);return o===-1?!1:(i.deleteRule(o),this.cssRules.splice(o,1),!0)},e.indexOf=function(t){return this.cssRules.indexOf(t)},e.replaceRule=function(t,i){var o=this.indexOf(t);return o===-1?!1:(this.element.sheet.deleteRule(o),this.cssRules.splice(o,1),this.insertRule(i,o))},e.getRules=function(){return this.element.sheet.cssRules},r}(),Wi=0,Bi=function(){function r(n){this.id=Wi++,this.version="10.10.0",this.plugins=new ki,this.options={id:{minify:!1},createGenerateId:ut,Renderer:M?Di:null,plugins:[]},this.generateId=ut({minify:!1});for(var t=0;t<dr.length;t++)this.plugins.use(dr[t],{queue:"internal"});this.setup(n)}var e=r.prototype;return e.setup=function(t){return t===void 0&&(t={}),t.createGenerateId&&(this.options.createGenerateId=t.createGenerateId),t.id&&(this.options.id=x({},this.options.id,t.id)),(t.createGenerateId||t.id)&&(this.generateId=this.options.createGenerateId(this.options.id)),t.insertionPoint!=null&&(this.options.insertionPoint=t.insertionPoint),"Renderer"in t&&(this.options.Renderer=t.Renderer),t.plugins&&this.use.apply(this,t.plugins),this},e.createStyleSheet=function(t,i){i===void 0&&(i={});var o=i,a=o.index;typeof a!="number"&&(a=re.index===0?0:re.index+1);var s=new yr(t,x({},i,{jss:this,generateId:i.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:a}));return this.plugins.onProcessSheet(s),s},e.removeStyleSheet=function(t){return t.detach(),re.remove(t),this},e.createRule=function(t,i,o){if(i===void 0&&(i={}),o===void 0&&(o={}),typeof t=="object")return this.createRule(void 0,t,i);var a=x({},o,{name:t,jss:this,Renderer:this.options.Renderer});a.generateId||(a.generateId=this.generateId),a.classes||(a.classes={}),a.keyframes||(a.keyframes={});var s=X(t,i,a);return s&&this.plugins.onProcessRule(s),s},e.use=function(){for(var t=this,i=arguments.length,o=new Array(i),a=0;a<i;a++)o[a]=arguments[a];return o.forEach(function(s){t.plugins.use(s)}),this},r}(),oe=function(e){return new Bi(e)},dt=function(){function r(){this.length=0,this.sheets=new WeakMap}var e=r.prototype;return e.get=function(t){var i=this.sheets.get(t);return i&&i.sheet},e.add=function(t,i){this.sheets.has(t)||(this.length++,this.sheets.set(t,{sheet:i,refs:0}))},e.manage=function(t){var i=this.sheets.get(t);if(i)return i.refs===0&&i.sheet.attach(),i.refs++,i.sheet;Xe(!1,"[JSS] SheetsManager: can't find sheet to manage")},e.unmanage=function(t){var i=this.sheets.get(t);i?i.refs>0&&(i.refs--,i.refs===0&&i.sheet.detach()):Xe(!1,"SheetsManager: can't find sheet to unmanage")},ke(r,[{key:"size",get:function(){return this.length}}]),r}(),Ne=typeof CSS=="object"&&CSS!=null&&"number"in CSS;function ht(r){var e=null;for(var n in r){var t=r[n],i=typeof t;if(i==="function")e||(e={}),e[n]=t;else if(i==="object"&&t!==null&&!Array.isArray(t)){var o=ht(t);o&&(e||(e={}),e[n]=o)}}return e}var Ks=oe();var Sr=Date.now(),pt="fnValues"+Sr,mt="fnStyle"+ ++Sr,zi=function(){return{onCreateRule:function(n,t,i){if(typeof t!="function")return null;var o=X(n,{},i);return o[mt]=t,o},onProcessStyle:function(n,t){if(pt in t||mt in t)return n;var i={};for(var o in n){var a=n[o];typeof a=="function"&&(delete n[o],i[o]=a)}return t[pt]=i,n},onUpdate:function(n,t,i,o){var a=t,s=a[mt];if(s&&(a.style=s(n)||{},0))for(var f in a.style);var u=a[pt];if(u)for(var c in u)a.prop(c,u[c](n),o)}}},Pr=zi;function vt(r){var e,n=r.Symbol;return typeof n=="function"?n.observable?e=n.observable:(e=n("observable"),n.observable=e):e="@@observable",e}var Z;typeof self<"u"?Z=self:typeof window<"u"?Z=window:typeof global<"u"?Z=global:typeof module<"u"?Z=module:Z=Function("return this")();var $i=vt(Z),gt=$i;var wr=function(e){return e&&e[gt]&&e===e[gt]()},Ui=function(e){return{onCreateRule:function(t,i,o){if(!wr(i))return null;var a=i,s=X(t,{},o);return a.subscribe(function(f){for(var u in f)s.prop(u,f[u],e)}),s},onProcessRule:function(t){if(!(t&&t.type!=="style")){var i=t,o=i.style,a=function(c){var d=o[c];if(!wr(d))return"continue";delete o[c],d.subscribe({next:function(m){i.prop(c,m,e)}})};for(var s in o)var f=a(s)}}}},Rr=Ui;var Hi=/;\n/,Gi=function(e){for(var n={},t=e.split(Hi),i=0;i<t.length;i++){var o=(t[i]||"").trim();if(o){var a=o.indexOf(":");if(a!==-1){var s=o.substr(0,a).trim(),f=o.substr(a+1).trim();n[s]=f}}}return n},Ji=function(e){typeof e.style=="string"&&(e.style=Gi(e.style))};function qi(){return{onProcessRule:Ji}}var kr=qi;var B="@global",yt="@global ",Ki=function(){function r(n,t,i){this.type="global",this.at=B,this.isProcessed=!1,this.key=n,this.options=i,this.rules=new ie(x({},i,{parent:this}));for(var o in t)this.rules.add(o,t[o]);this.rules.process()}var e=r.prototype;return e.getRule=function(t){return this.rules.get(t)},e.addRule=function(t,i,o){var a=this.rules.add(t,i,o);return a&&this.options.jss.plugins.onProcessRule(a),a},e.replaceRule=function(t,i,o){var a=this.rules.replace(t,i,o);return a&&this.options.jss.plugins.onProcessRule(a),a},e.indexOf=function(t){return this.rules.indexOf(t)},e.toString=function(t){return this.rules.toString(t)},r}(),Xi=function(){function r(n,t,i){this.type="global",this.at=B,this.isProcessed=!1,this.key=n,this.options=i;var o=n.substr(yt.length);this.rule=i.jss.createRule(o,t,x({},i,{parent:this}))}var e=r.prototype;return e.toString=function(t){return this.rule?this.rule.toString(t):""},r}(),Yi=/\s*,\s*/g;function Cr(r,e){for(var n=r.split(Yi),t="",i=0;i<n.length;i++)t+=e+" "+n[i].trim(),n[i+1]&&(t+=", ");return t}function Zi(r,e){var n=r.options,t=r.style,i=t?t[B]:null;if(i){for(var o in i)e.addRule(o,i[o],x({},n,{selector:Cr(o,r.selector)}));delete t[B]}}function Qi(r,e){var n=r.options,t=r.style;for(var i in t)if(!(i[0]!=="@"||i.substr(0,B.length)!==B)){var o=Cr(i.substr(B.length),r.selector);e.addRule(o,t[i],x({},n,{selector:o})),delete t[i]}}function eo(){function r(n,t,i){if(!n)return null;if(n===B)return new Ki(n,t,i);if(n[0]==="@"&&n.substr(0,yt.length)===yt)return new Xi(n,t,i);var o=i.parent;return o&&(o.type==="global"||o.options.parent&&o.options.parent.type==="global")&&(i.scoped=!1),!i.selector&&i.scoped===!1&&(i.selector=n),null}function e(n,t){n.type!=="style"||!t||(Zi(n,t),Qi(n,t))}return{onCreateRule:r,onProcessRule:e}}var Nr=eo;var Oe=function(e){return e&&typeof e=="object"&&!Array.isArray(e)},bt="extendCurrValue"+Date.now();function to(r,e,n,t){var i=typeof r.extend;if(i==="string"){if(!n)return;var o=n.getRule(r.extend);if(!o||o===e)return;var a=o.options.parent;if(a){var s=a.rules.raw[r.extend];J(s,e,n,t)}return}if(Array.isArray(r.extend)){for(var f=0;f<r.extend.length;f++){var u=r.extend[f],c=typeof u=="string"?x({},r,{extend:u}):r.extend[f];J(c,e,n,t)}return}for(var d in r.extend){if(d==="extend"){J(r.extend.extend,e,n,t);continue}if(Oe(r.extend[d])){d in t||(t[d]={}),J(r.extend[d],e,n,t[d]);continue}t[d]=r.extend[d]}}function ro(r,e,n,t){for(var i in r)if(i!=="extend"){if(Oe(t[i])&&Oe(r[i])){J(r[i],e,n,t[i]);continue}if(Oe(r[i])){t[i]=J(r[i],e,n);continue}t[i]=r[i]}}function J(r,e,n,t){return t===void 0&&(t={}),to(r,e,n,t),ro(r,e,n,t),t}function no(){function r(n,t,i){return"extend"in n?J(n,t,i):n}function e(n,t,i){if(t!=="extend")return n;if(n==null||n===!1){for(var o in i[bt])i.prop(o,null);return i[bt]=null,null}if(typeof n=="object"){for(var a in n)i.prop(a,n[a]);i[bt]=n}return null}return{onProcessStyle:r,onChangeValue:e}}var Or=no;var Tr=/\s*,\s*/g,io=/&/g,oo=/\$([\w-]+)/g;function ao(){function r(i,o){return function(a,s){var f=i.getRule(s)||o&&o.getRule(s);return f?f.selector:s}}function e(i,o){for(var a=o.split(Tr),s=i.split(Tr),f="",u=0;u<a.length;u++)for(var c=a[u],d=0;d<s.length;d++){var p=s[d];f&&(f+=", "),f+=p.indexOf("&")!==-1?p.replace(io,c):c+" "+p}return f}function n(i,o,a){if(a)return x({},a,{index:a.index+1});var s=i.options.nestingLevel;s=s===void 0?1:s+1;var f=x({},i.options,{nestingLevel:s,index:o.indexOf(i)+1});return delete f.name,f}function t(i,o,a){if(o.type!=="style")return i;var s=o,f=s.options.parent,u,c;for(var d in i){var p=d.indexOf("&")!==-1,m=d[0]==="@";if(!(!p&&!m)){if(u=n(s,f,u),p){var y=e(d,s.selector);c||(c=r(f,a)),y=y.replace(oo,c);var v=s.key+"-"+d;"replaceRule"in f?f.replaceRule(v,i[d],x({},u,{selector:y})):f.addRule(v,i[d],x({},u,{selector:y}))}else m&&f.addRule(d,{},u).addRule(s.key,i[d],{selector:s.selector});delete i[d]}}return i}return{onProcessStyle:t}}var Er=ao;function xt(r,e){if(!e)return!0;if(Array.isArray(e)){for(var n=0;n<e.length;n++){var t=xt(r,e[n]);if(!t)return!1}return!0}if(e.indexOf(" ")>-1)return xt(r,e.split(" "));var i=r.options.parent;if(e[0]==="$"){var o=i.getRule(e.substr(1));return!o||o===r?!1:(i.classes[r.key]+=" "+i.classes[o.key],!0)}return i.classes[r.key]+=" "+e,!0}function so(){function r(e,n){return"composes"in e&&(xt(n,e.composes),delete e.composes),e}return{onProcessStyle:r}}var Ar=so;var lo=/[A-Z]/g,fo=/^ms-/,St={};function uo(r){return"-"+r.toLowerCase()}function co(r){if(St.hasOwnProperty(r))return St[r];var e=r.replace(lo,uo);return St[r]=fo.test(e)?"-"+e:e}var Pt=co;function Te(r){var e={};for(var n in r){var t=n.indexOf("--")===0?n:Pt(n);e[t]=r[n]}return r.fallbacks&&(Array.isArray(r.fallbacks)?e.fallbacks=r.fallbacks.map(Te):e.fallbacks=Te(r.fallbacks)),e}function ho(){function r(n){if(Array.isArray(n)){for(var t=0;t<n.length;t++)n[t]=Te(n[t]);return n}return Te(n)}function e(n,t,i){if(t.indexOf("--")===0)return n;var o=Pt(t);return t===o?n:(i.prop(o,n),null)}return{onProcessStyle:r,onChangeValue:e}}var Ir=ho;var l=Ne&&CSS?CSS.px:"px",Ee=Ne&&CSS?CSS.ms:"ms",Q=Ne&&CSS?CSS.percent:"%",po={"animation-delay":Ee,"animation-duration":Ee,"background-position":l,"background-position-x":l,"background-position-y":l,"background-size":l,border:l,"border-bottom":l,"border-bottom-left-radius":l,"border-bottom-right-radius":l,"border-bottom-width":l,"border-left":l,"border-left-width":l,"border-radius":l,"border-right":l,"border-right-width":l,"border-top":l,"border-top-left-radius":l,"border-top-right-radius":l,"border-top-width":l,"border-width":l,"border-block":l,"border-block-end":l,"border-block-end-width":l,"border-block-start":l,"border-block-start-width":l,"border-block-width":l,"border-inline":l,"border-inline-end":l,"border-inline-end-width":l,"border-inline-start":l,"border-inline-start-width":l,"border-inline-width":l,"border-start-start-radius":l,"border-start-end-radius":l,"border-end-start-radius":l,"border-end-end-radius":l,margin:l,"margin-bottom":l,"margin-left":l,"margin-right":l,"margin-top":l,"margin-block":l,"margin-block-end":l,"margin-block-start":l,"margin-inline":l,"margin-inline-end":l,"margin-inline-start":l,padding:l,"padding-bottom":l,"padding-left":l,"padding-right":l,"padding-top":l,"padding-block":l,"padding-block-end":l,"padding-block-start":l,"padding-inline":l,"padding-inline-end":l,"padding-inline-start":l,"mask-position-x":l,"mask-position-y":l,"mask-size":l,height:l,width:l,"min-height":l,"max-height":l,"min-width":l,"max-width":l,bottom:l,left:l,top:l,right:l,inset:l,"inset-block":l,"inset-block-end":l,"inset-block-start":l,"inset-inline":l,"inset-inline-end":l,"inset-inline-start":l,"box-shadow":l,"text-shadow":l,"column-gap":l,"column-rule":l,"column-rule-width":l,"column-width":l,"font-size":l,"font-size-delta":l,"letter-spacing":l,"text-decoration-thickness":l,"text-indent":l,"text-stroke":l,"text-stroke-width":l,"word-spacing":l,motion:l,"motion-offset":l,outline:l,"outline-offset":l,"outline-width":l,perspective:l,"perspective-origin-x":Q,"perspective-origin-y":Q,"transform-origin":Q,"transform-origin-x":Q,"transform-origin-y":Q,"transform-origin-z":Q,"transition-delay":Ee,"transition-duration":Ee,"vertical-align":l,"flex-basis":l,"shape-margin":l,size:l,gap:l,grid:l,"grid-gap":l,"row-gap":l,"grid-row-gap":l,"grid-column-gap":l,"grid-template-rows":l,"grid-template-columns":l,"grid-auto-rows":l,"grid-auto-columns":l,"box-shadow-x":l,"box-shadow-y":l,"box-shadow-blur":l,"box-shadow-spread":l,"font-line-height":l,"text-shadow-x":l,"text-shadow-y":l,"text-shadow-blur":l};function _r(r){var e=/(-[a-z])/g,n=function(a){return a[1].toUpperCase()},t={};for(var i in r)t[i]=r[i],t[i.replace(e,n)]=r[i];return t}var mo=_r(po);function ae(r,e,n){if(e==null)return e;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t]=ae(r,e[t],n);else if(typeof e=="object")if(r==="fallbacks")for(var i in e)e[i]=ae(i,e[i],n);else for(var o in e)e[o]=ae(r+"-"+o,e[o],n);else if(typeof e=="number"&&isNaN(e)===!1){var a=n[r]||mo[r];return a&&!(e===0&&a===l)?typeof a=="function"?a(e).toString():""+e+a:e.toString()}return e}function vo(r){r===void 0&&(r={});var e=_r(r);function n(i,o){if(o.type!=="style")return i;for(var a in i)i[a]=ae(a,i[a],e);return i}function t(i,o){return ae(o,i,e)}return{onProcessStyle:n,onChangeValue:t}}var jr=vo;var go={"background-size":!0,"background-position":!0,border:!0,"border-bottom":!0,"border-left":!0,"border-top":!0,"border-right":!0,"border-radius":!0,"border-image":!0,"border-width":!0,"border-style":!0,"border-color":!0,"box-shadow":!0,flex:!0,margin:!0,padding:!0,outline:!0,"transform-origin":!0,transform:!0,transition:!0},yo={position:!0,size:!0},Ae={padding:{top:0,right:0,bottom:0,left:0},margin:{top:0,right:0,bottom:0,left:0},background:{attachment:null,color:null,image:null,position:null,repeat:null},border:{width:null,style:null,color:null},"border-top":{width:null,style:null,color:null},"border-right":{width:null,style:null,color:null},"border-bottom":{width:null,style:null,color:null},"border-left":{width:null,style:null,color:null},outline:{width:null,style:null,color:null},"list-style":{type:null,position:null,image:null},transition:{property:null,duration:null,"timing-function":null,timingFunction:null,delay:null},animation:{name:null,duration:null,"timing-function":null,timingFunction:null,delay:null,"iteration-count":null,iterationCount:null,direction:null,"fill-mode":null,fillMode:null,"play-state":null,playState:null},"box-shadow":{x:0,y:0,blur:0,spread:0,color:null,inset:null},"text-shadow":{x:0,y:0,blur:null,color:null}},wt={border:{radius:"border-radius",image:"border-image",width:"border-width",style:"border-style",color:"border-color"},"border-bottom":{width:"border-bottom-width",style:"border-bottom-style",color:"border-bottom-color"},"border-top":{width:"border-top-width",style:"border-top-style",color:"border-top-color"},"border-left":{width:"border-left-width",style:"border-left-style",color:"border-left-color"},"border-right":{width:"border-right-width",style:"border-right-style",color:"border-right-color"},background:{size:"background-size",image:"background-image"},font:{style:"font-style",variant:"font-variant",weight:"font-weight",stretch:"font-stretch",size:"font-size",family:"font-family",lineHeight:"line-height","line-height":"line-height"},flex:{grow:"flex-grow",basis:"flex-basis",direction:"flex-direction",wrap:"flex-wrap",flow:"flex-flow",shrink:"flex-shrink"},align:{self:"align-self",items:"align-items",content:"align-content"},grid:{"template-columns":"grid-template-columns",templateColumns:"grid-template-columns","template-rows":"grid-template-rows",templateRows:"grid-template-rows","template-areas":"grid-template-areas",templateAreas:"grid-template-areas",template:"grid-template","auto-columns":"grid-auto-columns",autoColumns:"grid-auto-columns","auto-rows":"grid-auto-rows",autoRows:"grid-auto-rows","auto-flow":"grid-auto-flow",autoFlow:"grid-auto-flow",row:"grid-row",column:"grid-column","row-start":"grid-row-start",rowStart:"grid-row-start","row-end":"grid-row-end",rowEnd:"grid-row-end","column-start":"grid-column-start",columnStart:"grid-column-start","column-end":"grid-column-end",columnEnd:"grid-column-end",area:"grid-area",gap:"grid-gap","row-gap":"grid-row-gap",rowGap:"grid-row-gap","column-gap":"grid-column-gap",columnGap:"grid-column-gap"}};function bo(r,e,n){return r.map(function(t){return Fr(t,e,n,!1,!0)})}function Mr(r,e,n,t){return n[e]==null?r:r.length===0?[]:Array.isArray(r[0])?Mr(r[0],e,n,t):typeof r[0]=="object"?bo(r,e,t):[r]}function Fr(r,e,n,t,i){if(!(Ae[e]||wt[e]))return[];var o=[];if(wt[e]&&(r=xo(r,n,wt[e],t)),Object.keys(r).length)for(var a in Ae[e]){if(r[a]){Array.isArray(r[a])?o.push(yo[a]===null?r[a]:r[a].join(" ")):o.push(r[a]);continue}Ae[e][a]!=null&&o.push(Ae[e][a])}return!o.length||i?o:[o]}function xo(r,e,n,t){for(var i in n){var o=n[i];if(typeof r[i]<"u"&&(t||!e.prop(o))){var a,s=se((a={},a[o]=r[i],a),e)[o];t?e.style.fallbacks[o]=s:e.style[o]=s}delete r[i]}return r}function se(r,e,n){for(var t in r){var i=r[t];if(Array.isArray(i)){if(!Array.isArray(i[0])){if(t==="fallbacks"){for(var o=0;o<r.fallbacks.length;o++)r.fallbacks[o]=se(r.fallbacks[o],e,!0);continue}r[t]=Mr(i,t,go,e),r[t].length||delete r[t]}}else if(typeof i=="object"){if(t==="fallbacks"){r.fallbacks=se(r.fallbacks,e,!0);continue}r[t]=Fr(i,t,e,n),r[t].length||delete r[t]}else r[t]===""&&delete r[t]}return r}function So(){function r(e,n){if(!e||n.type!=="style")return e;if(Array.isArray(e)){for(var t=0;t<e.length;t++)e[t]=se(e[t],n);return e}return se(e,n)}return{onProcessStyle:r}}var Lr=So;function le(r,e){(e==null||e>r.length)&&(e=r.length);for(var n=0,t=Array(e);n<e;n++)t[n]=r[n];return t}function Vr(r){if(Array.isArray(r))return le(r)}function Dr(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Wr(r,e){if(r){if(typeof r=="string")return le(r,e);var n={}.toString.call(r).slice(8,-1);return n==="Object"&&r.constructor&&(n=r.constructor.name),n==="Map"||n==="Set"?Array.from(r):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?le(r,e):void 0}}function Br(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function zr(r){return Vr(r)||Dr(r)||Wr(r)||Br()}var fe="",Rt="",Gr="",Jr="",Po=M&&"ontouchstart"in document.documentElement;if(M){Ie={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},$r=document.createElement("p"),_e=$r.style,Ur="Transform";for(je in Ie)if(je+Ur in _e){fe=je,Rt=Ie[je];break}fe==="Webkit"&&"msHyphens"in _e&&(fe="ms",Rt=Ie.ms,Jr="edge"),fe==="Webkit"&&"-apple-trailing-word"in _e&&(Gr="apple")}var Ie,$r,_e,Ur,je,h={js:fe,css:Rt,vendor:Gr,browser:Jr,isTouch:Po};function qr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var wo={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},Ro={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},ko=/[-\s]+(.)?/g;function Co(r,e){return e?e.toUpperCase():""}function kt(r){return r.replace(ko,Co)}function $(r){return kt("-"+r)}var No={noPrefill:["mask"],supportedProperty:function(e,n){if(!/^mask/.test(e))return!1;if(h.js==="Webkit"){var t="mask-image";if(kt(t)in n)return e;if(h.js+$(t)in n)return h.css+e}return e}},Oo={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},To={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},Eo={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},Ao={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},Io={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},_o={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+$(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+$(e);return i in n?"page-"+e:!1}return!1}},jo={supportedProperty:function(e,n){if(!/^(border|margin|padding)-inline/.test(e))return!1;if(h.js==="Moz")return e;var t=e.replace("-inline","");return h.js+$(t)in n?h.css+t:!1}},Mo={supportedProperty:function(e,n){return kt(e)in n?e:!1}},Fo={supportedProperty:function(e,n){var t=$(e);return e[0]==="-"||e[0]==="-"&&e[1]==="-"?e:h.js+t in n?h.css+e:h.js!=="Webkit"&&"Webkit"+t in n?"-webkit-"+e:!1}},Lo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Vo={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Do={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},Wo={supportedProperty:function(e,n){var t=Do[e];return t&&h.js+$(t)in n?h.css+t:!1}},Kr={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},Bo=Object.keys(Kr),zo=function(e){return h.css+e},$o={supportedProperty:function(e,n,t){var i=t.multiple;if(Bo.indexOf(e)>-1){var o=Kr[e];if(!Array.isArray(o))return h.js+$(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+$(o[0])in n))return!1;return o.map(zo)}return!1}},Xr=[wo,Ro,No,Oo,To,Eo,Ao,Io,_o,jo,Mo,Fo,Lo,Vo,Wo,$o],Hr=Xr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),Uo=Xr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,zr(e.noPrefill)),r},[]),ue,q={};if(M){ue=document.createElement("p"),Me=window.getComputedStyle(document.documentElement,"");for(Fe in Me)isNaN(Fe)||(q[Me[Fe]]=Me[Fe]);Uo.forEach(function(r){return delete q[r]})}var Me,Fe;function Le(r,e){if(e===void 0&&(e={}),!ue)return r;if(q[r]!=null)return q[r];(r==="transition"||r==="transform")&&(e[r]=r in ue.style);for(var n=0;n<Hr.length&&(q[r]=Hr[n](r,ue.style,e),!q[r]);n++);try{ue.style[r]=""}catch{return!1}return q[r]}var ee={},Ho={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Go=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,z;function Jo(r,e,n){if(e==="var")return"var";if(e==="all")return"all";if(n==="all")return", all";var t=e?Le(e):", "+Le(n);return t||e||n}M&&(z=document.createElement("p"));function Ct(r,e){var n=e;if(!z||r==="content")return e;if(typeof n!="string"||!isNaN(parseInt(n,10)))return n;var t=r+n;if(ee[t]!=null)return ee[t];try{z.style[r]=n}catch{return ee[t]=!1,!1}if(Ho[r])n=n.replace(Go,Jo);else if(z.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&(z.style[r]="-ms-flexbox"),z.style[r]=n,z.style[r]===""))return ee[t]=!1,!1;return z.style[r]="",ee[t]=n,ee[t]}function qo(){function r(i){if(i.type==="keyframes"){var o=i;o.at=qr(o.at)}}function e(i){for(var o in i){var a=i[o];if(o==="fallbacks"&&Array.isArray(a)){i[o]=a.map(e);continue}var s=!1,f=Le(o);f&&f!==o&&(s=!0);var u=!1,c=Ct(f,W(a));c&&c!==a&&(u=!0),(s||u)&&(s&&delete i[o],i[f||o]=c||a)}return i}function n(i,o){return o.type!=="style"?i:e(i)}function t(i,o){return Ct(o,W(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Yr=qo;function Ko(){var r=function(n,t){return n.length===t.length?n>t?1:-1:n.length-t.length};return{onProcessStyle:function(n,t){if(t.type!=="style")return n;for(var i={},o=Object.keys(n).sort(r),a=0;a<o.length;a++)i[o[a]]=n[o[a]];return i}}}var Zr=Ko;var Xo=function(e){return e===void 0&&(e={}),{plugins:[Pr(),Rr(e.observable),kr(),Nr(),Or(),Er(),Ar(),Ir(),jr(e.defaultUnit),Lr(),Yr(),Zr()]}},Ve=Xo;function Yo(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var Qr=Yo;var Zo=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,tf=Qr(function(r){return Zo.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var Qo=1e4,ea=oe(Ve()),ta=function(e){e===void 0&&(e=ea);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>Qo)&&(i=e.createStyleSheet().attach()),i};function a(){var s=arguments,f=JSON.stringify(s),u=n.get(f);if(u)return u.className;var c=[];for(var d in s){var p=s[d];if(!Array.isArray(p)){c.push(p);continue}for(var m=0;m<p.length;m++)c.push(p[m])}for(var y={},v=[],R=0;R<c.length;R++){var C=c[R];if(C){var P=C;if(typeof C=="string"){var N=n.get(C);N&&(N.labels.length&&v.push.apply(v,N.labels),P=N.style)}P.label&&v.indexOf(P.label)===-1&&v.push(P.label),Object.assign(y,P)}}delete y.label;var V=v.length===0?"css":v.join("-"),S=V+"-"+t++;o().addRule(S,y);var k=o().classes[S],E={style:y,labels:v,className:k};return n.set(f,E),n.set(k,E),k}return a.getSheet=o,a},ra=ta(),en=ra;var fa=Number.MIN_SAFE_INTEGER||-1e9,ua=function(){return fa++},ca=ia({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!M}),on=new Map,Ot=function(e,n){var t=e.managers;if(t)return t[n]||(t[n]=new dt),t[n];var i=on.get(n);return i||(i=new dt,on.set(n,i)),i},an=function(e){var n=e.sheet,t=e.context,i=e.index,o=e.theme;if(n){var a=Ot(t,i);a.manage(o),t.registry&&t.registry.add(n)}},da=function(e){if(e.sheet){var n=Ot(e.context,e.index);n.unmanage(e.theme)}},ha=oe(Ve()),fn=new WeakMap,un=function(e){return fn.get(e)},pa=function(e,n){fn.set(e,n)},ma=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function va(r,e){var n;r.context.id&&r.context.id.minify!=null&&(n=r.context.id.minify);var t=r.context.classNamePrefix||"";r.name&&!n&&(t+=r.name.replace(/\s/g,"-")+"-");var i="";return r.name&&(i=r.name+", "),i+=typeof r.styles=="function"?"Themed":"Unthemed",x({},r.sheetOptions,{index:r.index,meta:i,classNamePrefix:t,link:e,generateId:r.sheetOptions&&r.sheetOptions.generateId?r.sheetOptions.generateId:r.context.generateId})}var ga=function(e){if(!e.context.disableStylesGeneration){var n=Ot(e.context,e.index),t=n.get(e.theme);if(t)return t;var i=e.context.jss||ha,o=ma(e),a=ht(o),s=i.createStyleSheet(o,va(e,a!==null));return pa(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},ya=function(e,n){for(var t in n)e.deleteRule(n[t])},ba=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},xa=function(e,n){var t=un(e);if(t){var i={};for(var o in t.dynamicStyles)for(var a=e.rules.index.length,s=e.addRule(o,t.dynamicStyles[o]),f=a;f<e.rules.index.length;f++){var u=e.rules.index[f];e.updateOne(u,n),i[s===u?o:u.key]=u}return i}},Sa=function(e,n){if(!n)return e.classes;var t=un(e);if(!t)return e.classes;var i={};for(var o in t.styles)i[o]=e.classes[o],o in n&&(i[o]+=" "+e.classes[n[o].key]);return i};function sn(r){return r?ln:na.useInsertionEffect||aa}var Nt={},w=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?ua():i,a=t.theming,s=t.name,f=de(t,["index","theming","name"]),u=a&&a.context||Ze,c=function(m){return typeof e=="function"&&(m||tn(u))||Nt},d={};return function(m){var y=oa(!0),v=tn(ca),R=c(m&&m.theme),C=rn(function(){var S=ga({context:v,styles:e,name:s,theme:R,index:o,sheetOptions:f});return S&&v.isSSR&&an({index:o,context:v,sheet:S,theme:R}),[S,S?xa(S,m):null]},[v,R]),P=C[0],N=C[1];sn(v.isSSR)(function(){P&&N&&!y.current&&ba(m,P,N)},[m]),sn(v.isSSR)(function(){return P&&an({index:o,context:v,sheet:P,theme:R}),function(){P&&(da({index:o,context:v,sheet:P,theme:R}),N&&ya(P,N))}},[P]);var V=rn(function(){return P&&N?Sa(P,N):d},[P,N]);return nn(V),nn(R===Nt?"No theme":R),ln(function(){y.current=!1}),V}};var xf=Symbol("react-jss-styled");var Pa=function(e){return e===void 0&&(e=en),function(t,i){var o=arguments;if(i&&i.css){var a=e(i.css),s=Object.assign({},i);s.className=i.className?i.className+" "+a:a,delete s.css,o[1]=s}return sa.apply(void 0,o)}},Sf=Pa();var O="teknify";import{jsx as cn}from"react/jsx-runtime";var wa=r=>cn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:cn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"})}),Tt=wa;import{jsx as dn}from"react/jsx-runtime";var Ra=r=>dn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:dn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"})}),Et=Ra;import{jsx as hn}from"react/jsx-runtime";var ka=r=>hn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:hn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"})}),At=ka;import{jsx as mn,jsxs as Oa}from"react/jsx-runtime";var Ca=w({button:r=>({width:40,height:40,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",backgroundColor:"#fff",border:"none",cursor:"pointer",transition:"all 0.2s ease-in-out",position:"relative","&:hover":{backgroundColor:"#f5f5f5"},...r.active&&{backgroundColor:"#f1f1f1"}}),badge:{position:"absolute",top:0,right:0,padding:"2px 6px",height:18,minWidth:18,backgroundColor:"red",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:100,color:"#fff",fontSize:10,visibility:"hidden",opacity:0,transition:"all 0.2s ease-in-out",scale:.8,userSelect:"none"},badgeOpen:{visibility:"visible",opacity:1,scale:1}},{name:O}),Na=({className:r,counts:e,active:n,...t})=>{let i=Ca({counts:e,active:n}),o=pn(()=>e<=99?`${e}`:"99+",[e]),a=pn(()=>e>0,[e]);return Oa("button",{...t,className:`${i.button} ${r}`,children:[mn(Et,{width:24,height:24}),mn("div",{className:g(i.badge,a&&i.badgeOpen),children:o})]})},It=Na;import{jsx as Aa}from"react/jsx-runtime";var Ta=w({button:r=>({textDecoration:"none",background:`var(--${r.variant}-color)`,borderRadius:"var(--border-radius)",color:r.variant==="tertiary"?"#000":"#fff",fontWeight:500,border:"none",cursor:"pointer",fontSize:12,...r.icon?{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"}:{minWidth:100,padding:"8px 12px"},"&:hover":{background:`var(--${r.variant}-color-darker)`}})},{name:O}),Ea=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Ta({variant:e,icon:n});return Aa("button",{...t,className:g(i.button,r)})},_=Ea;import{useContext as Wa}from"react";import{TeknifyClient as Ma}from"@tnf-dev/js";import{createContext as Fa,useMemo as La}from"react";var vn={components:{NotificationHeader:{notifications:"Notifications",readAll:"Read all"},Empty:{noNotifications:"No notifications"},Loader:{loading:"Loading..."},NotificationItem:{markAsRead:"Mark as read"}}};import{jsx as ja}from"react/jsx-runtime";var Ia=w({styleProvider:{fontFamily:"inherit, sans-serif",fontSize:13,"--background-color":"#f1f1f1","--card-background-color":"#fff","--primary-color":"#000088","--secondary-color":"#00C16E","--tertiary-color":"#f6f6f6","--primary-color-darker":"#000066","--secondary-color-darker":"#009955","--border-radius":"12px","& *::-webkit-scrollbar":{width:8,height:8},"& *::-webkit-scrollbar-thumb":{borderRadius:10,background:"#0003"}}}),_a=({children:r})=>{let e=Ia();return ja("div",{className:g(e.styleProvider),children:r})},gn=_a;import{jsx as yn}from"react/jsx-runtime";var F=Fa({applicationId:"",subscriberId:""}),Va=({applicationId:r,subscriberId:e,children:n,language:t,baseUrl:i,locale:o,socketUrl:a})=>{let s=La(()=>({applicationId:r,subscriberId:e,client:new Ma({applicationId:r,subscriberId:e,language:t,baseUrl:i,socketUrl:a}),locale:{...vn,...o}}),[r,e,t,i,a,o]);return yn(F.Provider,{value:s,children:yn(gn,{children:n})})},Da=Va;import{jsx as $a}from"react/jsx-runtime";var Ba=w({empty:{textAlign:"center",padding:"20px 0"}},{name:O}),za=()=>{let r=Ba(),{locale:e}=Wa(F);return $a("div",{className:g(r.empty),children:e.components.Empty.noNotifications})},_t=za;import{jsx as Ga}from"react/jsx-runtime";var Ua=w({error:{padding:10}}),Ha=({message:r})=>{let e=Ua();return Ga("div",{className:g(e.error),children:r})},jt=Ha;import{useCallback as cs,useState as wn}from"react";import ds from"react-infinite-scroller";import{useCallback as De,useContext as Ja,useEffect as We,useState as U}from"react";var bn=()=>{let{client:r}=Ja(F),[e,n]=U([]),[t,i]=U(!1),[o,a]=U(null),[s,f]=U(!1),[u,c]=U(!0),[d,p]=U(!0),[m,y]=U(),[v,R]=U(0),C=De(async S=>{try{n(k=>k.map(E=>E._id===S?{...E,isRead:!0}:E)),await r.notification.markAsRead(S)}catch{n(E=>E.map(j=>j._id===S?{...j,isRead:!1}:j))}},[]),P=De(async()=>{await r.notification.markAllAsRead(),n(S=>S.map(k=>({...k,isRead:!0})))},[]),N=De(async()=>{if(!(s||t))try{f(!0);let S=await r.notification.getNotifications({...m?{cursor:m}:{}});n(k=>[...k,...S.data.filter(E=>!k.find(j=>j._id===E._id)).map(E=>({...E,markAsRead:()=>C(E._id)}))]),p(!!S.pagination.continueCursor),y(S.pagination.continueCursor),R(S.unread)}catch{}finally{f(!1),c(!1)}},[s,m,C,t,r]);We(()=>{N()},[]),We(()=>{y(void 0)},[r]),We(()=>{let S=(k,{counts:E})=>{R(E.unread),n(j=>[...k.filter(K=>{let $t=j.findIndex(kn=>kn._id===K._id);return $t!==-1?(j[$t]={...K,markAsRead:()=>C(K._id)},!1):!0}).map(K=>({...K,markAsRead:()=>C(K._id)})),...j])};return r.notification.on(S),()=>{r.notification.off(S)}},[C,r]);let V=De(()=>{N()},[N]);return We(()=>{n([]),p(!0),y(void 0),c(!0),N()},[r]),{notifications:e,isLoading:s,isFirstLoad:u,isError:t,error:o,hasMore:d,unread:v,fetchMore:V,markAllAsRead:P}};import{useContext as qa}from"react";import{jsx as Ya}from"react/jsx-runtime";var Ka=w({loader:{textAlign:"center",padding:"20px 0"}}),Xa=()=>{let r=Ka(),{locale:e}=qa(F);return Ya("div",{className:g(r.loader),children:e.components.Loader.loading})},Mt=Xa;import{useContext as Za}from"react";import{jsx as Ft,jsxs as ts}from"react/jsx-runtime";var Qa=w({notificationHeader:{padding:"10px 15px",borderBottom:"1px solid #0001",display:"flex",justifyContent:"space-between",background:"var(--card-background-color)",borderRadius:"5px 5px 0 0",height:36,alignItems:"center"},notificationHeaderTitle:{fontSize:15,fontWeight:600,flex:1}},{name:O}),es=({markAllAsRead:r})=>{let e=Qa(),{locale:n}=Za(F);return ts("div",{className:g(e.notificationHeader),children:[Ft("h2",{className:g(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Ft("div",{children:Ft(_,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Lt=es;import os from"sanitize-html";import{jsx as Be,jsxs as is}from"react/jsx-runtime";var rs=w({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:O}),ns=({notification:r})=>{let e=rs();return is("div",{className:g(e.actions,`${O}-actions`),children:[!r.isRead&&Be(_,{icon:!0,onClick:r.markAsRead,className:g(e.button),children:Be(At,{width:12,height:12})}),Be(_,{icon:!0,className:g(e.button),children:Be(Tt,{width:12,height:12})})]})},xn=ns;import{jsx as L,jsxs as Vt}from"react/jsx-runtime";var as=w({notificationItem:{padding:"10px 15px",display:"flex",flexWrap:"wrap",columnGap:10,flexDirection:"column",margin:10,background:"var(--card-background-color)",borderRadius:10,border:"1px solid #ddd",position:"relative",[`& .${O}-actions`]:{visibility:"hidden",opacity:0,transition:"0.3s ease-in-out"},[`&:hover .${O}-actions`]:{visibility:"visible",opacity:1}},notificationItemImage:{width:24,height:24,objectFit:"cover"},notificationItemTitle:{fontSize:14,fontWeight:600,paddingBottom:5,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},notificationItemBody:{fontSize:14,lineClamp:2,overflow:"hidden",textOverflow:"ellipsis"},notificationItemActions:{display:"flex",gap:8,marginTop:10,alignItems:"center",justifyContent:"flex-end",width:"100%"},unreadDot:{width:7,height:7,borderRadius:100,background:"var(--primary-color)",position:"relative","&::before":{content:'""',position:"absolute",top:-3,left:-3,width:"calc(100% + 6px)",height:"calc(100% + 6px)",borderRadius:100,background:"var(--primary-color)",opacity:.2}}},{name:O}),ss=({notification:r})=>{let e=as();return Vt("div",{className:g(e.notificationItem),children:[Vt("div",{style:{display:"flex",gap:10,width:"100%"},children:[L("div",{children:r.icon&&L("img",{src:r.icon,alt:r.title,width:32,height:32,className:g(e.notificationItemImage)})}),Vt("div",{style:{flex:1,overflow:"hidden"},children:[L("h3",{className:g(e.notificationItemTitle),children:r.title}),L("div",{dangerouslySetInnerHTML:{__html:os(r.message)},className:g(e.notificationItemBody)})]}),!r.isRead&&L("div",{className:g(e.unreadDot)})]}),L("div",{className:g(e.notificationItemActions),children:r.actionButtons?.map(n=>L("a",{href:n.href,target:n.target,children:L(_,{variant:"secondary",children:n.label})},n.href))}),L(xn,{notification:r})]})},Dt=ss;import{useEffect as Sn,useMemo as Wt,useState as Pn}from"react";import{jsx as us}from"react/jsx-runtime";var ls=w({popover:{width:"100%",height:"100%",maxWidth:400,maxHeight:500,boxShadow:"0 10px 40px #0001",position:"fixed",background:"#fff",borderRadius:10,visibility:"hidden",opacity:0,scale:.8,transition:"all 0.3s",backgroundColor:"var(--background-color)",border:"1px solid var(--card-background-color)"},popoverOpen:{top:0,left:0,visibility:"visible",opacity:1,scale:1}},{name:O}),fs=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=ls(),[o,a]=Pn(null),[s,f]=Pn(typeof window>"u"?0:window.innerWidth),u=Wt(()=>{if(!e)return 0;let p=e.getBoundingClientRect();return p.top+p.height+20},[e,s]),c=Wt(()=>e?e.getBoundingClientRect().left+10:0,[e,s]),d=Wt(()=>{if(!o||!e)return!0;let p=e.getBoundingClientRect(),m=o.getBoundingClientRect();return p.left+m.width>s},[o,e,s]);return Sn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),Sn(()=>{let p=()=>{f(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),us("div",{className:g(i.popover,r&&i.popoverOpen),style:{top:u,left:c,...d?{transform:"translateX(calc(-100% + 20px))"}:{}},ref:a,onClick:p=>{p.stopPropagation()},children:t})},Bt=fs;import{Fragment as ze,jsx as I,jsxs as zt}from"react/jsx-runtime";var hs=w({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:O}),ps={Bell:It,Button:_,NotificationHeader:Lt,Empty:_t,Loader:Mt,NotificationItem:Dt,NotificationPopover:Bt,NotificationError:jt},ms=({components:r})=>{let[e,n]=wn(null),[t,i]=wn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:f,NotificationItem:u,NotificationPopover:c,NotificationError:d}={...ps,...r},p=cs(()=>{i(k=>!k)},[]),{notifications:m,unread:y,isFirstLoad:v,hasMore:R,fetchMore:C,isError:P,error:N,markAllAsRead:V}=bn(),S=hs();return zt(ze,{children:[I(o,{onClick:k=>{k.stopPropagation(),p()},ref:n,active:t,counts:y}),I(c,{open:t,anchorElement:e,onClose:p,children:zt("div",{className:g(S.inboxContent),children:[I(f,{markAllAsRead:V}),I("div",{className:g(S.inboxContentList),children:zt(ds,{loadMore:C,hasMore:R&&!P,loader:I(s,{},0),useWindow:!1,children:[v?I(ze,{}):I(ze,{children:m.length?I(ze,{children:m.map(k=>I(u,{notification:k},k._id))}):I(a,{})}),P&&I(d,{message:N?.message})]})})]})})]})},Rn=ms;export{It as Bell,_ as Button,_t as Empty,Rn as Inbox,Mt as Loader,jt as NotificationError,Lt as NotificationHeader,Dt as NotificationItem,Bt as NotificationPopover,F as TeknifyContext,Rn as TeknifyInbox,Da as TeknifyProvider,bn as useNotifications};
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function zr(r){return Vr(r)||Dr(r)||Wr(r)||Br()}var fe="",Rt="",Gr="",Jr="",Po=M&&"ontouchstart"in document.documentElement;if(M){Ie={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},$r=document.createElement("p"),_e=$r.style,Ur="Transform";for(je in Ie)if(je+Ur in _e){fe=je,Rt=Ie[je];break}fe==="Webkit"&&"msHyphens"in _e&&(fe="ms",Rt=Ie.ms,Jr="edge"),fe==="Webkit"&&"-apple-trailing-word"in _e&&(Gr="apple")}var Ie,$r,_e,Ur,je,h={js:fe,css:Rt,vendor:Gr,browser:Jr,isTouch:Po};function qr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var wo={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},Ro={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},ko=/[-\s]+(.)?/g;function Co(r,e){return e?e.toUpperCase():""}function kt(r){return r.replace(ko,Co)}function $(r){return kt("-"+r)}var No={noPrefill:["mask"],supportedProperty:function(e,n){if(!/^mask/.test(e))return!1;if(h.js==="Webkit"){var t="mask-image";if(kt(t)in n)return e;if(h.js+$(t)in n)return h.css+e}return e}},Oo={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},To={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},Eo={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},Ao={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},Io={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},_o={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+$(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+$(e);return i in n?"page-"+e:!1}return!1}},jo={supportedProperty:function(e,n){if(!/^(border|margin|padding)-inline/.test(e))return!1;if(h.js==="Moz")return e;var t=e.replace("-inline","");return h.js+$(t)in n?h.css+t:!1}},Mo={supportedProperty:function(e,n){return kt(e)in n?e:!1}},Fo={supportedProperty:function(e,n){var t=$(e);return e[0]==="-"||e[0]==="-"&&e[1]==="-"?e:h.js+t in n?h.css+e:h.js!=="Webkit"&&"Webkit"+t in n?"-webkit-"+e:!1}},Lo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Vo={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Do={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},Wo={supportedProperty:function(e,n){var t=Do[e];return t&&h.js+$(t)in n?h.css+t:!1}},Kr={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},Bo=Object.keys(Kr),zo=function(e){return h.css+e},$o={supportedProperty:function(e,n,t){var i=t.multiple;if(Bo.indexOf(e)>-1){var o=Kr[e];if(!Array.isArray(o))return h.js+$(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+$(o[0])in n))return!1;return o.map(zo)}return!1}},Xr=[wo,Ro,No,Oo,To,Eo,Ao,Io,_o,jo,Mo,Fo,Lo,Vo,Wo,$o],Hr=Xr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),Uo=Xr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,zr(e.noPrefill)),r},[]),ue,q={};if(M){ue=document.createElement("p"),Me=window.getComputedStyle(document.documentElement,"");for(Fe in Me)isNaN(Fe)||(q[Me[Fe]]=Me[Fe]);Uo.forEach(function(r){return delete q[r]})}var Me,Fe;function Le(r,e){if(e===void 0&&(e={}),!ue)return r;if(q[r]!=null)return q[r];(r==="transition"||r==="transform")&&(e[r]=r in ue.style);for(var n=0;n<Hr.length&&(q[r]=Hr[n](r,ue.style,e),!q[r]);n++);try{ue.style[r]=""}catch{return!1}return q[r]}var ee={},Ho={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Go=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,z;function Jo(r,e,n){if(e==="var")return"var";if(e==="all")return"all";if(n==="all")return", all";var t=e?Le(e):", "+Le(n);return t||e||n}M&&(z=document.createElement("p"));function Ct(r,e){var n=e;if(!z||r==="content")return e;if(typeof n!="string"||!isNaN(parseInt(n,10)))return n;var t=r+n;if(ee[t]!=null)return ee[t];try{z.style[r]=n}catch{return ee[t]=!1,!1}if(Ho[r])n=n.replace(Go,Jo);else if(z.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&(z.style[r]="-ms-flexbox"),z.style[r]=n,z.style[r]===""))return ee[t]=!1,!1;return z.style[r]="",ee[t]=n,ee[t]}function qo(){function r(i){if(i.type==="keyframes"){var o=i;o.at=qr(o.at)}}function e(i){for(var o in i){var a=i[o];if(o==="fallbacks"&&Array.isArray(a)){i[o]=a.map(e);continue}var s=!1,f=Le(o);f&&f!==o&&(s=!0);var u=!1,c=Ct(f,W(a));c&&c!==a&&(u=!0),(s||u)&&(s&&delete i[o],i[f||o]=c||a)}return i}function n(i,o){return o.type!=="style"?i:e(i)}function t(i,o){return Ct(o,W(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Yr=qo;function Ko(){var r=function(n,t){return n.length===t.length?n>t?1:-1:n.length-t.length};return{onProcessStyle:function(n,t){if(t.type!=="style")return n;for(var i={},o=Object.keys(n).sort(r),a=0;a<o.length;a++)i[o[a]]=n[o[a]];return i}}}var Zr=Ko;var Xo=function(e){return e===void 0&&(e={}),{plugins:[Pr(),Rr(e.observable),kr(),Nr(),Or(),Er(),Ar(),Ir(),jr(e.defaultUnit),Lr(),Yr(),Zr()]}},Ve=Xo;function Yo(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var Qr=Yo;var Zo=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,tf=Qr(function(r){return Zo.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var Qo=1e4,ea=oe(Ve()),ta=function(e){e===void 0&&(e=ea);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>Qo)&&(i=e.createStyleSheet().attach()),i};function a(){var s=arguments,f=JSON.stringify(s),u=n.get(f);if(u)return u.className;var c=[];for(var d in s){var p=s[d];if(!Array.isArray(p)){c.push(p);continue}for(var m=0;m<p.length;m++)c.push(p[m])}for(var y={},v=[],R=0;R<c.length;R++){var C=c[R];if(C){var P=C;if(typeof C=="string"){var N=n.get(C);N&&(N.labels.length&&v.push.apply(v,N.labels),P=N.style)}P.label&&v.indexOf(P.label)===-1&&v.push(P.label),Object.assign(y,P)}}delete y.label;var V=v.length===0?"css":v.join("-"),S=V+"-"+t++;o().addRule(S,y);var k=o().classes[S],E={style:y,labels:v,className:k};return n.set(f,E),n.set(k,E),k}return a.getSheet=o,a},ra=ta(),en=ra;var fa=Number.MIN_SAFE_INTEGER||-1e9,ua=function(){return fa++},ca=ia({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!M}),on=new Map,Ot=function(e,n){var t=e.managers;if(t)return t[n]||(t[n]=new dt),t[n];var i=on.get(n);return i||(i=new dt,on.set(n,i)),i},an=function(e){var n=e.sheet,t=e.context,i=e.index,o=e.theme;if(n){var a=Ot(t,i);a.manage(o),t.registry&&t.registry.add(n)}},da=function(e){if(e.sheet){var n=Ot(e.context,e.index);n.unmanage(e.theme)}},ha=oe(Ve()),fn=new WeakMap,un=function(e){return fn.get(e)},pa=function(e,n){fn.set(e,n)},ma=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function va(r,e){var n;r.context.id&&r.context.id.minify!=null&&(n=r.context.id.minify);var t=r.context.classNamePrefix||"";r.name&&!n&&(t+=r.name.replace(/\s/g,"-")+"-");var i="";return r.name&&(i=r.name+", "),i+=typeof r.styles=="function"?"Themed":"Unthemed",x({},r.sheetOptions,{index:r.index,meta:i,classNamePrefix:t,link:e,generateId:r.sheetOptions&&r.sheetOptions.generateId?r.sheetOptions.generateId:r.context.generateId})}var ga=function(e){if(!e.context.disableStylesGeneration){var n=Ot(e.context,e.index),t=n.get(e.theme);if(t)return t;var i=e.context.jss||ha,o=ma(e),a=ht(o),s=i.createStyleSheet(o,va(e,a!==null));return pa(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},ya=function(e,n){for(var t in n)e.deleteRule(n[t])},ba=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},xa=function(e,n){var t=un(e);if(t){var i={};for(var o in t.dynamicStyles)for(var a=e.rules.index.length,s=e.addRule(o,t.dynamicStyles[o]),f=a;f<e.rules.index.length;f++){var u=e.rules.index[f];e.updateOne(u,n),i[s===u?o:u.key]=u}return i}},Sa=function(e,n){if(!n)return e.classes;var t=un(e);if(!t)return e.classes;var i={};for(var o in t.styles)i[o]=e.classes[o],o in n&&(i[o]+=" "+e.classes[n[o].key]);return i};function sn(r){return r?ln:na.useInsertionEffect||aa}var Nt={},w=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?ua():i,a=t.theming,s=t.name,f=de(t,["index","theming","name"]),u=a&&a.context||Ze,c=function(m){return typeof e=="function"&&(m||tn(u))||Nt},d={};return function(m){var y=oa(!0),v=tn(ca),R=c(m&&m.theme),C=rn(function(){var S=ga({context:v,styles:e,name:s,theme:R,index:o,sheetOptions:f});return S&&v.isSSR&&an({index:o,context:v,sheet:S,theme:R}),[S,S?xa(S,m):null]},[v,R]),P=C[0],N=C[1];sn(v.isSSR)(function(){P&&N&&!y.current&&ba(m,P,N)},[m]),sn(v.isSSR)(function(){return P&&an({index:o,context:v,sheet:P,theme:R}),function(){P&&(da({index:o,context:v,sheet:P,theme:R}),N&&ya(P,N))}},[P]);var V=rn(function(){return P&&N?Sa(P,N):d},[P,N]);return nn(V),nn(R===Nt?"No theme":R),ln(function(){y.current=!1}),V}};var xf=Symbol("react-jss-styled");var Pa=function(e){return e===void 0&&(e=en),function(t,i){var o=arguments;if(i&&i.css){var a=e(i.css),s=Object.assign({},i);s.className=i.className?i.className+" "+a:a,delete s.css,o[1]=s}return sa.apply(void 0,o)}},Sf=Pa();var O="teknify";import{jsx as cn}from"react/jsx-runtime";var wa=r=>cn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:cn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"})}),Tt=wa;import{jsx as dn}from"react/jsx-runtime";var Ra=r=>dn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:dn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"})}),Et=Ra;import{jsx as hn}from"react/jsx-runtime";var ka=r=>hn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:hn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"})}),At=ka;import{jsx as mn,jsxs as Oa}from"react/jsx-runtime";var Ca=w({button:r=>({width:40,height:40,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",backgroundColor:"#fff",border:"none",cursor:"pointer",transition:"all 0.2s ease-in-out",position:"relative","&:hover":{backgroundColor:"#f5f5f5"},...r.active&&{backgroundColor:"#f1f1f1"}}),badge:{position:"absolute",top:0,right:0,padding:"2px 6px",height:18,minWidth:18,backgroundColor:"red",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:100,color:"#fff",fontSize:10,visibility:"hidden",opacity:0,transition:"all 0.2s ease-in-out",scale:.8,userSelect:"none"},badgeOpen:{visibility:"visible",opacity:1,scale:1}},{name:O}),Na=({className:r,counts:e,active:n,...t})=>{let i=Ca({counts:e,active:n}),o=pn(()=>e<=99?`${e}`:"99+",[e]),a=pn(()=>e>0,[e]);return Oa("button",{...t,className:`${i.button} ${r}`,children:[mn(Et,{width:24,height:24}),mn("div",{className:g(i.badge,a&&i.badgeOpen),children:o})]})},It=Na;import{jsx as Aa}from"react/jsx-runtime";var Ta=w({button:r=>({textDecoration:"none",background:`var(--${r.variant}-color)`,borderRadius:"var(--border-radius)",color:r.variant==="tertiary"?"#000":"#fff",fontWeight:500,border:"none",cursor:"pointer",fontSize:12,...r.icon?{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"}:{minWidth:100,padding:"8px 12px"},"&:hover":{background:`var(--${r.variant}-color-darker)`}})},{name:O}),Ea=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Ta({variant:e,icon:n});return Aa("button",{...t,className:g(i.button,r)})},_=Ea;import{useContext as Wa}from"react";import{TeknifyClient as Ma}from"@tnf-dev/js";import{createContext as Fa,useMemo as La}from"react";var vn={components:{NotificationHeader:{notifications:"Notifications",readAll:"Read all"},Empty:{noNotifications:"No notifications"},Loader:{loading:"Loading..."},NotificationItem:{markAsRead:"Mark as read"}}};import{jsx as ja}from"react/jsx-runtime";var Ia=w({styleProvider:{fontFamily:"inherit, sans-serif",fontSize:13,"--background-color":"#f1f1f1","--card-background-color":"#fff","--primary-color":"#000088","--secondary-color":"#00C16E","--tertiary-color":"#f6f6f6","--primary-color-darker":"#000066","--secondary-color-darker":"#009955","--border-radius":"12px","& *::-webkit-scrollbar":{width:8,height:8},"& *::-webkit-scrollbar-thumb":{borderRadius:10,background:"#0003"}}}),_a=({children:r})=>{let e=Ia();return ja("div",{className:g(e.styleProvider),children:r})},gn=_a;import{jsx as yn}from"react/jsx-runtime";var F=Fa({applicationId:"",subscriberId:""}),Va=({applicationId:r,subscriberId:e,children:n,language:t,baseUrl:i,locale:o,socketUrl:a})=>{let s=La(()=>({applicationId:r,subscriberId:e,client:new Ma({applicationId:r,subscriberId:e,language:t,baseUrl:i,socketUrl:a}),locale:{...vn,...o}}),[r,e,t,i,a,o]);return yn(F.Provider,{value:s,children:yn(gn,{children:n})})},Da=Va;import{jsx as $a}from"react/jsx-runtime";var Ba=w({empty:{textAlign:"center",padding:"20px 0"}},{name:O}),za=()=>{let r=Ba(),{locale:e}=Wa(F);return $a("div",{className:g(r.empty),children:e.components.Empty.noNotifications})},_t=za;import{jsx as Ga}from"react/jsx-runtime";var Ua=w({error:{padding:10}}),Ha=({message:r})=>{let e=Ua();return Ga("div",{className:g(e.error),children:r})},jt=Ha;import{useCallback as cs,useState as wn}from"react";import ds from"react-infinite-scroller";import{useCallback as De,useContext as Ja,useEffect as We,useState as U}from"react";var bn=()=>{let{client:r}=Ja(F),[e,n]=U([]),[t,i]=U(!1),[o,a]=U(null),[s,f]=U(!1),[u,c]=U(!0),[d,p]=U(!0),[m,y]=U(),[v,R]=U(0),C=De(async S=>{try{n(k=>k.map(E=>E._id===S?{...E,isRead:!0}:E)),await r.notification.markAsRead(S)}catch{n(E=>E.map(j=>j._id===S?{...j,isRead:!1}:j))}},[]),P=De(async()=>{await r.notification.markAllAsRead(),n(S=>S.map(k=>({...k,isRead:!0})))},[]),N=De(async()=>{if(!(s||t))try{f(!0);let S=await r.notification.getNotifications({...m?{cursor:m}:{}});n(k=>[...k,...S.data.filter(E=>!k.find(j=>j._id===E._id)).map(E=>({...E,markAsRead:()=>C(E._id)}))]),p(!!S.pagination.continueCursor),y(S.pagination.continueCursor),R(S.unread)}catch{}finally{f(!1),c(!1)}},[s,m,C,t,r]);We(()=>{N()},[]),We(()=>{y(void 0),n([])},[r]),We(()=>{let S=(k,{counts:E})=>{R(E.unread),n(j=>[...k.filter(K=>{let $t=j.findIndex(kn=>kn._id===K._id);return $t!==-1?(j[$t]={...K,markAsRead:()=>C(K._id)},!1):!0}).map(K=>({...K,markAsRead:()=>C(K._id)})),...j])};return r.notification.on(S),()=>{r.notification.off(S)}},[C,r]);let V=De(()=>{N()},[N]);return We(()=>{n([]),p(!0),y(void 0),c(!0),N()},[r]),{notifications:e,isLoading:s,isFirstLoad:u,isError:t,error:o,hasMore:d,unread:v,fetchMore:V,markAllAsRead:P}};import{useContext as qa}from"react";import{jsx as Ya}from"react/jsx-runtime";var Ka=w({loader:{textAlign:"center",padding:"20px 0"}}),Xa=()=>{let r=Ka(),{locale:e}=qa(F);return Ya("div",{className:g(r.loader),children:e.components.Loader.loading})},Mt=Xa;import{useContext as Za}from"react";import{jsx as Ft,jsxs as ts}from"react/jsx-runtime";var Qa=w({notificationHeader:{padding:"10px 15px",borderBottom:"1px solid #0001",display:"flex",justifyContent:"space-between",background:"var(--card-background-color)",borderRadius:"5px 5px 0 0",height:36,alignItems:"center"},notificationHeaderTitle:{fontSize:15,fontWeight:600,flex:1}},{name:O}),es=({markAllAsRead:r})=>{let e=Qa(),{locale:n}=Za(F);return ts("div",{className:g(e.notificationHeader),children:[Ft("h2",{className:g(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Ft("div",{children:Ft(_,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Lt=es;import os from"sanitize-html";import{jsx as Be,jsxs as is}from"react/jsx-runtime";var rs=w({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:O}),ns=({notification:r})=>{let e=rs();return is("div",{className:g(e.actions,`${O}-actions`),children:[!r.isRead&&Be(_,{icon:!0,onClick:r.markAsRead,className:g(e.button),children:Be(At,{width:12,height:12})}),Be(_,{icon:!0,className:g(e.button),children:Be(Tt,{width:12,height:12})})]})},xn=ns;import{jsx as L,jsxs as Vt}from"react/jsx-runtime";var as=w({notificationItem:{padding:"10px 15px",display:"flex",flexWrap:"wrap",columnGap:10,flexDirection:"column",margin:10,background:"var(--card-background-color)",borderRadius:10,border:"1px solid #ddd",position:"relative",[`& .${O}-actions`]:{visibility:"hidden",opacity:0,transition:"0.3s ease-in-out"},[`&:hover .${O}-actions`]:{visibility:"visible",opacity:1}},notificationItemImage:{width:24,height:24,objectFit:"cover"},notificationItemTitle:{fontSize:14,fontWeight:600,paddingBottom:5,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},notificationItemBody:{fontSize:14,lineClamp:2,overflow:"hidden",textOverflow:"ellipsis"},notificationItemActions:{display:"flex",gap:8,marginTop:10,alignItems:"center",justifyContent:"flex-end",width:"100%"},unreadDot:{width:7,height:7,borderRadius:100,background:"var(--primary-color)",position:"relative","&::before":{content:'""',position:"absolute",top:-3,left:-3,width:"calc(100% + 6px)",height:"calc(100% + 6px)",borderRadius:100,background:"var(--primary-color)",opacity:.2}}},{name:O}),ss=({notification:r})=>{let e=as();return Vt("div",{className:g(e.notificationItem),children:[Vt("div",{style:{display:"flex",gap:10,width:"100%"},children:[L("div",{children:r.icon&&L("img",{src:r.icon,alt:r.title,width:32,height:32,className:g(e.notificationItemImage)})}),Vt("div",{style:{flex:1,overflow:"hidden"},children:[L("h3",{className:g(e.notificationItemTitle),children:r.title}),L("div",{dangerouslySetInnerHTML:{__html:os(r.message)},className:g(e.notificationItemBody)})]}),!r.isRead&&L("div",{className:g(e.unreadDot)})]}),L("div",{className:g(e.notificationItemActions),children:r.actionButtons?.map(n=>L("a",{href:n.href,target:n.target,children:L(_,{variant:"secondary",children:n.label})},n.href))}),L(xn,{notification:r})]})},Dt=ss;import{useEffect as Sn,useMemo as Wt,useState as Pn}from"react";import{jsx as us}from"react/jsx-runtime";var ls=w({popover:{width:"100%",height:"100%",maxWidth:400,maxHeight:500,boxShadow:"0 10px 40px #0001",position:"fixed",background:"#fff",borderRadius:10,visibility:"hidden",opacity:0,scale:.8,transition:"all 0.3s",backgroundColor:"var(--background-color)",border:"1px solid var(--card-background-color)"},popoverOpen:{top:0,left:0,visibility:"visible",opacity:1,scale:1}},{name:O}),fs=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=ls(),[o,a]=Pn(null),[s,f]=Pn(typeof window>"u"?0:window.innerWidth),u=Wt(()=>{if(!e)return 0;let p=e.getBoundingClientRect();return p.top+p.height+20},[e,s]),c=Wt(()=>e?e.getBoundingClientRect().left+10:0,[e,s]),d=Wt(()=>{if(!o||!e)return!0;let p=e.getBoundingClientRect(),m=o.getBoundingClientRect();return p.left+m.width>s},[o,e,s]);return Sn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),Sn(()=>{let p=()=>{f(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),us("div",{className:g(i.popover,r&&i.popoverOpen),style:{top:u,left:c,...d?{transform:"translateX(calc(-100% + 20px))"}:{}},ref:a,onClick:p=>{p.stopPropagation()},children:t})},Bt=fs;import{Fragment as ze,jsx as I,jsxs as zt}from"react/jsx-runtime";var hs=w({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:O}),ps={Bell:It,Button:_,NotificationHeader:Lt,Empty:_t,Loader:Mt,NotificationItem:Dt,NotificationPopover:Bt,NotificationError:jt},ms=({components:r})=>{let[e,n]=wn(null),[t,i]=wn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:f,NotificationItem:u,NotificationPopover:c,NotificationError:d}={...ps,...r},p=cs(()=>{i(k=>!k)},[]),{notifications:m,unread:y,isFirstLoad:v,hasMore:R,fetchMore:C,isError:P,error:N,markAllAsRead:V}=bn(),S=hs();return zt(ze,{children:[I(o,{onClick:k=>{k.stopPropagation(),p()},ref:n,active:t,counts:y}),I(c,{open:t,anchorElement:e,onClose:p,children:zt("div",{className:g(S.inboxContent),children:[I(f,{markAllAsRead:V}),I("div",{className:g(S.inboxContentList),children:zt(ds,{loadMore:C,hasMore:R&&!P,loader:I(s,{},0),useWindow:!1,children:[v?I(ze,{}):I(ze,{children:m.length?I(ze,{children:m.map(k=>I(u,{notification:k},k._id))}):I(a,{})}),P&&I(d,{message:N?.message})]})})]})})]})},Rn=ms;export{It as Bell,_ as Button,_t as Empty,Rn as Inbox,Mt as Loader,jt as NotificationError,Lt as NotificationHeader,Dt as NotificationItem,Bt as NotificationPopover,F as TeknifyContext,Rn as TeknifyInbox,Da as TeknifyProvider,bn as useNotifications};
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js:

package/package.json

@@ -13,7 +13,7 @@
     ]
   },
   "dependencies": {
-    "@tnf-dev/js": "1.0.1-22",
+    "@tnf-dev/js": "1.0.1-23",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-infinite-scroller": "^1.2.6",
@@ -87,5 +87,5 @@
   "sideEffects": false,
   "type": "module",
   "types": "./dist/esm/index.d.ts",
-  "version": "1.0.1-22"
+  "version": "1.0.1-23"
 }