@tnf-dev/react 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/inbox/inbox.cjs +3 -3
- package/dist/cjs/components/inbox/index.cjs +3 -3
- package/dist/cjs/components/index.cjs +3 -3
- package/dist/cjs/hooks/index.cjs +1 -1
- package/dist/cjs/hooks/useNotifications.cjs +1 -1
- package/dist/cjs/index.cjs +2 -2
- package/dist/esm/components/inbox/inbox.js +1 -1
- package/dist/esm/components/inbox/index.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/hooks/index.js +1 -1
- package/dist/esm/hooks/useNotifications.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +2 -2
|
@@ -6,7 +6,7 @@ var Rn=Object.create;var Ht=Object.defineProperty;var kn=Object.getOwnPropertyDe
|
|
|
6
6
|
`)}},e.deploy=function(){var t=this.sheet;if(t){if(t.options.link){this.insertRules(t.rules);return}this.element.textContent=`
|
|
7
7
|
`+t.toString()+`
|
|
8
8
|
`}},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=gr(o,i);if(s=vr(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=gr(o,i),d=vr(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 br&&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}(),Li=0,Di=function(){function r(n){this.id=Li++,this.version="10.10.0",this.plugins=new wi,this.options={id:{minify:!1},createGenerateId:ct,Renderer:V?Vi:null,plugins:[]},this.generateId=ct({minify:!1});for(var t=0;t<hr.length;t++)this.plugins.use(hr[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=S({},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=ne.index===0?0:ne.index+1);var s=new br(t,S({},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(),ne.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=S({},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=Y(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}(),ae=function(e){return new Di(e)},ht=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;Ye(!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()):Ye(!1,"SheetsManager: can't find sheet to unmanage")},Ce(r,[{key:"size",get:function(){return this.length}}]),r}(),Oe=typeof CSS=="object"&&CSS!=null&&"number"in CSS;function pt(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=pt(t);o&&(e||(e={}),e[n]=o)}}return e}var Ws=ae();var Pr=Date.now(),mt="fnValues"+Pr,vt="fnStyle"+ ++Pr,Wi=function(){return{onCreateRule:function(n,t,i){if(typeof t!="function")return null;var o=Y(n,{},i);return o[vt]=t,o},onProcessStyle:function(n,t){if(mt in t||vt 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[mt]=i,n},onUpdate:function(n,t,i,o){var a=t,s=a[vt];if(s&&(a.style=s(n)||{},0))for(var u in a.style);var f=a[mt];if(f)for(var c in f)a.prop(c,f[c](n),o)}}},wr=Wi;function gt(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 Q;typeof self<"u"?Q=self:typeof window<"u"?Q=window:typeof global<"u"?Q=global:typeof module<"u"?Q=module:Q=Function("return this")();var Bi=gt(Q),yt=Bi;var Rr=function(e){return e&&e[yt]&&e===e[yt]()},zi=function(e){return{onCreateRule:function(t,i,o){if(!Rr(i))return null;var a=i,s=Y(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(!Rr(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)}}}},kr=zi;var $i=/;\n/,Ui=function(e){for(var n={},t=e.split($i),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},Hi=function(e){typeof e.style=="string"&&(e.style=Ui(e.style))};function Gi(){return{onProcessRule:Hi}}var Cr=Gi;var z="@global",bt="@global ",Ji=function(){function r(n,t,i){this.type="global",this.at=z,this.isProcessed=!1,this.key=n,this.options=i,this.rules=new oe(S({},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}(),qi=function(){function r(n,t,i){this.type="global",this.at=z,this.isProcessed=!1,this.key=n,this.options=i;var o=n.substr(bt.length);this.rule=i.jss.createRule(o,t,S({},i,{parent:this}))}var e=r.prototype;return e.toString=function(t){return this.rule?this.rule.toString(t):""},r}(),Ki=/\s*,\s*/g;function Nr(r,e){for(var n=r.split(Ki),t="",i=0;i<n.length;i++)t+=e+" "+n[i].trim(),n[i+1]&&(t+=", ");return t}function Xi(r,e){var n=r.options,t=r.style,i=t?t[z]:null;if(i){for(var o in i)e.addRule(o,i[o],S({},n,{selector:Nr(o,r.selector)}));delete t[z]}}function Yi(r,e){var n=r.options,t=r.style;for(var i in t)if(!(i[0]!=="@"||i.substr(0,z.length)!==z)){var o=Nr(i.substr(z.length),r.selector);e.addRule(o,t[i],S({},n,{selector:o})),delete t[i]}}function Zi(){function r(n,t,i){if(!n)return null;if(n===z)return new Ji(n,t,i);if(n[0]==="@"&&n.substr(0,bt.length)===bt)return new qi(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||(Xi(n,t),Yi(n,t))}return{onCreateRule:r,onProcessRule:e}}var Or=Zi;var Te=function(e){return e&&typeof e=="object"&&!Array.isArray(e)},xt="extendCurrValue"+Date.now();function Qi(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];K(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"?S({},r,{extend:f}):r.extend[u];K(c,e,n,t)}return}for(var d in r.extend){if(d==="extend"){K(r.extend.extend,e,n,t);continue}if(Te(r.extend[d])){d in t||(t[d]={}),K(r.extend[d],e,n,t[d]);continue}t[d]=r.extend[d]}}function eo(r,e,n,t){for(var i in r)if(i!=="extend"){if(Te(t[i])&&Te(r[i])){K(r[i],e,n,t[i]);continue}if(Te(r[i])){t[i]=K(r[i],e,n);continue}t[i]=r[i]}}function K(r,e,n,t){return t===void 0&&(t={}),Qi(r,e,n,t),eo(r,e,n,t),t}function to(){function r(n,t,i){return"extend"in n?K(n,t,i):n}function e(n,t,i){if(t!=="extend")return n;if(n==null||n===!1){for(var o in i[xt])i.prop(o,null);return i[xt]=null,null}if(typeof n=="object"){for(var a in n)i.prop(a,n[a]);i[xt]=n}return null}return{onProcessStyle:r,onChangeValue:e}}var Tr=to;var Er=/\s*,\s*/g,ro=/&/g,no=/\$([\w-]+)/g;function io(){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(Er),s=i.split(Er),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(ro,c):c+" "+p}return u}function n(i,o,a){if(a)return S({},a,{index:a.index+1});var s=i.options.nestingLevel;s=s===void 0?1:s+1;var u=S({},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 x=e(d,s.selector);c||(c=r(u,a)),x=x.replace(no,c);var v=s.key+"-"+d;"replaceRule"in u?u.replaceRule(v,i[d],S({},f,{selector:x})):u.addRule(v,i[d],S({},f,{selector:x}))}else m&&u.addRule(d,{},f).addRule(s.key,i[d],{selector:s.selector});delete i[d]}}return i}return{onProcessStyle:t}}var Ar=io;function St(r,e){if(!e)return!0;if(Array.isArray(e)){for(var n=0;n<e.length;n++){var t=St(r,e[n]);if(!t)return!1}return!0}if(e.indexOf(" ")>-1)return St(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 oo(){function r(e,n){return"composes"in e&&(St(n,e.composes),delete e.composes),e}return{onProcessStyle:r}}var Ir=oo;var ao=/[A-Z]/g,so=/^ms-/,Pt={};function lo(r){return"-"+r.toLowerCase()}function uo(r){if(Pt.hasOwnProperty(r))return Pt[r];var e=r.replace(ao,lo);return Pt[r]=so.test(e)?"-"+e:e}var wt=uo;function Ee(r){var e={};for(var n in r){var t=n.indexOf("--")===0?n:wt(n);e[t]=r[n]}return r.fallbacks&&(Array.isArray(r.fallbacks)?e.fallbacks=r.fallbacks.map(Ee):e.fallbacks=Ee(r.fallbacks)),e}function fo(){function r(n){if(Array.isArray(n)){for(var t=0;t<n.length;t++)n[t]=Ee(n[t]);return n}return Ee(n)}function e(n,t,i){if(t.indexOf("--")===0)return n;var o=wt(t);return t===o?n:(i.prop(o,n),null)}return{onProcessStyle:r,onChangeValue:e}}var _r=fo;var l=Oe&&CSS?CSS.px:"px",Ae=Oe&&CSS?CSS.ms:"ms",ee=Oe&&CSS?CSS.percent:"%",co={"animation-delay":Ae,"animation-duration":Ae,"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":ee,"perspective-origin-y":ee,"transform-origin":ee,"transform-origin-x":ee,"transform-origin-y":ee,"transform-origin-z":ee,"transition-delay":Ae,"transition-duration":Ae,"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 jr(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 ho=jr(co);function se(r,e,n){if(e==null)return e;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t]=se(r,e[t],n);else if(typeof e=="object")if(r==="fallbacks")for(var i in e)e[i]=se(i,e[i],n);else for(var o in e)e[o]=se(r+"-"+o,e[o],n);else if(typeof e=="number"&&isNaN(e)===!1){var a=n[r]||ho[r];return a&&!(e===0&&a===l)?typeof a=="function"?a(e).toString():""+e+a:e.toString()}return e}function po(r){r===void 0&&(r={});var e=jr(r);function n(i,o){if(o.type!=="style")return i;for(var a in i)i[a]=se(a,i[a],e);return i}function t(i,o){return se(o,i,e)}return{onProcessStyle:n,onChangeValue:t}}var Mr=po;var mo={"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},vo={position:!0,size:!0},Ie={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}},Rt={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 go(r,e,n){return r.map(function(t){return Vr(t,e,n,!1,!0)})}function Fr(r,e,n,t){return n[e]==null?r:r.length===0?[]:Array.isArray(r[0])?Fr(r[0],e,n,t):typeof r[0]=="object"?go(r,e,t):[r]}function Vr(r,e,n,t,i){if(!(Ie[e]||Rt[e]))return[];var o=[];if(Rt[e]&&(r=yo(r,n,Rt[e],t)),Object.keys(r).length)for(var a in Ie[e]){if(r[a]){Array.isArray(r[a])?o.push(vo[a]===null?r[a]:r[a].join(" ")):o.push(r[a]);continue}Ie[e][a]!=null&&o.push(Ie[e][a])}return!o.length||i?o:[o]}function yo(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=le((a={},a[o]=r[i],a),e)[o];t?e.style.fallbacks[o]=s:e.style[o]=s}delete r[i]}return r}function le(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]=le(r.fallbacks[o],e,!0);continue}r[t]=Fr(i,t,mo,e),r[t].length||delete r[t]}}else if(typeof i=="object"){if(t==="fallbacks"){r.fallbacks=le(r.fallbacks,e,!0);continue}r[t]=Vr(i,t,e,n),r[t].length||delete r[t]}else r[t]===""&&delete r[t]}return r}function bo(){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]=le(e[t],n);return e}return le(e,n)}return{onProcessStyle:r}}var Lr=bo;function ue(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 Dr(r){if(Array.isArray(r))return ue(r)}function Wr(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Br(r,e){if(r){if(typeof r=="string")return ue(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)?ue(r,e):void 0}}function zr(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
9
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $r(r){return Dr(r)||Wr(r)||Br(r)||zr()}var fe="",kt="",Jr="",qr="",xo=V&&"ontouchstart"in document.documentElement;if(V){_e={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Ur=document.createElement("p"),je=Ur.style,Hr="Transform";for(Me in _e)if(Me+Hr in je){fe=Me,kt=_e[Me];break}fe==="Webkit"&&"msHyphens"in je&&(fe="ms",kt=_e.ms,qr="edge"),fe==="Webkit"&&"-apple-trailing-word"in je&&(Jr="apple")}var _e,Ur,je,Hr,Me,h={js:fe,css:kt,vendor:Jr,browser:qr,isTouch:xo};function Kr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var So={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},Po={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},wo=/[-\s]+(.)?/g;function Ro(r,e){return e?e.toUpperCase():""}function Ct(r){return r.replace(wo,Ro)}function U(r){return Ct("-"+r)}var ko={noPrefill:["mask"],supportedProperty:function(e,n){if(!/^mask/.test(e))return!1;if(h.js==="Webkit"){var t="mask-image";if(Ct(t)in n)return e;if(h.js+U(t)in n)return h.css+e}return e}},Co={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},No={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},Oo={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},To={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},Eo={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},Ao={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+U(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+U(e);return i in n?"page-"+e:!1}return!1}},Io={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+U(t)in n?h.css+t:!1}},_o={supportedProperty:function(e,n){return Ct(e)in n?e:!1}},jo={supportedProperty:function(e,n){var t=U(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}},Mo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Fo={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Vo={"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"},Lo={supportedProperty:function(e,n){var t=Vo[e];return t&&h.js+U(t)in n?h.css+t:!1}},Xr={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"},Do=Object.keys(Xr),Wo=function(e){return h.css+e},Bo={supportedProperty:function(e,n,t){var i=t.multiple;if(Do.indexOf(e)>-1){var o=Xr[e];if(!Array.isArray(o))return h.js+U(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+U(o[0])in n))return!1;return o.map(Wo)}return!1}},Yr=[So,Po,ko,Co,No,Oo,To,Eo,Ao,Io,_o,jo,Mo,Fo,Lo,Bo],Gr=Yr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),zo=Yr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,$r(e.noPrefill)),r},[]),ce,X={};if(V){ce=document.createElement("p"),Fe=window.getComputedStyle(document.documentElement,"");for(Ve in Fe)isNaN(Ve)||(X[Fe[Ve]]=Fe[Ve]);zo.forEach(function(r){return delete X[r]})}var Fe,Ve;function Le(r,e){if(e===void 0&&(e={}),!ce)return r;if(X[r]!=null)return X[r];(r==="transition"||r==="transform")&&(e[r]=r in ce.style);for(var n=0;n<Gr.length&&(X[r]=Gr[n](r,ce.style,e),!X[r]);n++);try{ce.style[r]=""}catch{return!1}return X[r]}var te={},$o={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Uo=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,$;function Ho(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}V&&($=document.createElement("p"));function Nt(r,e){var n=e;if(!$||r==="content")return e;if(typeof n!="string"||!isNaN(parseInt(n,10)))return n;var t=r+n;if(te[t]!=null)return te[t];try{$.style[r]=n}catch{return te[t]=!1,!1}if($o[r])n=n.replace(Uo,Ho);else if($.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&($.style[r]="-ms-flexbox"),$.style[r]=n,$.style[r]===""))return te[t]=!1,!1;return $.style[r]="",te[t]=n,te[t]}function Go(){function r(i){if(i.type==="keyframes"){var o=i;o.at=Kr(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=Le(o);u&&u!==o&&(s=!0);var f=!1,c=Nt(u,B(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 Nt(o,B(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Zr=Go;function Jo(){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 Qr=Jo;var qo=function(e){return e===void 0&&(e={}),{plugins:[wr(),kr(e.observable),Cr(),Or(),Tr(),Ar(),Ir(),_r(),Mr(e.defaultUnit),Lr(),Zr(),Qr()]}},De=qo;function Ko(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var en=Ko;var Xo=/^((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)-.*))$/,Gl=en(function(r){return Xo.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var Yo=1e4,Zo=ae(De()),Qo=function(e){e===void 0&&(e=Zo);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>Yo)&&(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 x={},v=[],w=0;w<c.length;w++){var O=c[w];if(O){var g=O;if(typeof O=="string"){var N=n.get(O);N&&(N.labels.length&&v.push.apply(v,N.labels),g=N.style)}g.label&&v.indexOf(g.label)===-1&&v.push(g.label),Object.assign(x,g)}}delete x.label;var _=v.length===0?"css":v.join("-"),E=_+"-"+t++;o().addRule(E,x);var P=o().classes[E],T={style:x,labels:v,className:P};return n.set(u,T),n.set(P,T),P}return a.getSheet=o,a},ea=Qo(),tn=ea;var sa=Number.MIN_SAFE_INTEGER||-1e9,la=function(){return sa++},ua=ra({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!V}),an=new Map,Tt=function(e,n){var t=e.managers;if(t)return t[n]||(t[n]=new ht),t[n];var i=an.get(n);return i||(i=new ht,an.set(n,i)),i},sn=function(e){var n=e.sheet,t=e.context,i=e.index,o=e.theme;if(n){var a=Tt(t,i);a.manage(o),t.registry&&t.registry.add(n)}},fa=function(e){if(e.sheet){var n=Tt(e.context,e.index);n.unmanage(e.theme)}},ca=ae(De()),fn=new WeakMap,cn=function(e){return fn.get(e)},da=function(e,n){fn.set(e,n)},ha=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function pa(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",S({},r.sheetOptions,{index:r.index,meta:i,classNamePrefix:t,link:e,generateId:r.sheetOptions&&r.sheetOptions.generateId?r.sheetOptions.generateId:r.context.generateId})}var ma=function(e){if(!e.context.disableStylesGeneration){var n=Tt(e.context,e.index),t=n.get(e.theme);if(t)return t;var i=e.context.jss||ca,o=ha(e),a=pt(o),s=i.createStyleSheet(o,pa(e,a!==null));return da(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},va=function(e,n){for(var t in n)e.deleteRule(n[t])},ga=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},ya=function(e,n){var t=cn(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}},ba=function(e,n){if(!n)return e.classes;var t=cn(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 ln(r){return r?un:ta.useInsertionEffect||ia}var Ot={},R=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?la():i,a=t.theming,s=t.name,u=he(t,["index","theming","name"]),f=a&&a.context||Qe,c=function(m){return typeof e=="function"&&(m||rn(f))||Ot},d={};return function(m){var x=na(!0),v=rn(ua),w=c(m&&m.theme),O=nn(function(){var E=ma({context:v,styles:e,name:s,theme:w,index:o,sheetOptions:u});return E&&v.isSSR&&sn({index:o,context:v,sheet:E,theme:w}),[E,E?ya(E,m):null]},[v,w]),g=O[0],N=O[1];ln(v.isSSR)(function(){g&&N&&!x.current&&ga(m,g,N)},[m]),ln(v.isSSR)(function(){return g&&sn({index:o,context:v,sheet:g,theme:w}),function(){g&&(fa({index:o,context:v,sheet:g,theme:w}),N&&va(g,N))}},[g]);var _=nn(function(){return g&&N?ba(g,N):d},[g,N]);return on(_),on(w===Ot?"No theme":w),un(function(){x.current=!1}),_}};var fu=Symbol("react-jss-styled");var xa=function(e){return e===void 0&&(e=tn),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 oa.apply(void 0,o)}},cu=xa();var k="teknify";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:"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"})}),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:"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"})}),At=Pa;import{jsx as pn}from"react/jsx-runtime";var wa=r=>pn("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:pn("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"})}),It=wa;import{jsx as vn,jsxs as Ca}from"react/jsx-runtime";var Ra=R({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:k}),ka=({className:r,counts:e,active:n,...t})=>{let i=Ra({counts:e,active:n}),o=mn(()=>e<=99?`${e}`:"99+",[e]),a=mn(()=>e>0,[e]);return Ca("button",{...t,className:`${i.button} ${r}`,children:[vn(At,{width:24,height:24}),vn("div",{className:y(i.badge,a&&i.badgeOpen),children:o})]})},_t=ka;import{jsx as Ta}from"react/jsx-runtime";var Na=R({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:k}),Oa=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Na({variant:e,icon:n});return Ta("button",{...t,className:y(i.button,r)})},F=Oa;import{useContext as Aa}from"react";import{TeknifyClient as Lu}from"@tnf-dev/js";import{createContext as Ea,useMemo as zu}from"react";import{jsx as Uu}from"react/jsx-runtime";var H=Ea({applicationId:"",subscriberId:""});import{jsx as ja}from"react/jsx-runtime";var Ia=R({empty:{textAlign:"center",padding:"20px 0"}},{name:k}),_a=()=>{let r=Ia(),{locale:e}=Aa(H);return ja("div",{className:y(r.empty),children:e.components.Empty.noNotifications})},jt=_a;import{jsx as Va}from"react/jsx-runtime";var Ma=R({error:{padding:10}}),Fa=({message:r})=>{let e=Ma();return Va("div",{className:y(e.error),children:r})},Mt=Fa;import{useCallback as rs,useState as Sn}from"react";import ns from"react-infinite-scroller";import{useCallback as We,useContext as La,useEffect as Be,useState as G}from"react";var gn=()=>{let{client:r,subscriberId:e}=La(H),[n,t]=G([]),[i,o]=G(!1),[a,s]=G(null),[u,f]=G(!1),[c,d]=G(!0),[p,m]=G(!0),[x,v]=G(0),[w,O]=G({}),g=We(async P=>{try{t(T=>T.map(M=>M._id===P?{...M,isRead:!0}:M)),await r.notification.markAsRead(P)}catch{t(M=>M.map(I=>I._id===P?{...I,isRead:!1}:I))}},[]),N=We(async()=>{await r.notification.markAllAsRead(),t(P=>P.map(T=>({...T,isRead:!0})))},[]),_=We(async()=>{if(!(u||i))try{f(!0);let P=w?.[e],T=await r.notification.getNotifications({...P?{cursor:P}:{}});t(M=>[...M,...T.data.filter(I=>!M.find(D=>D._id===I._id)).map(I=>({...I,markAsRead:()=>g(I._id)}))]),m(!!T.pagination.continueCursor),O({[e]:T.pagination.continueCursor}),v(T.unread)}catch{}finally{f(!1),d(!1)}},[u,g,i,r]);Be(()=>{_()},[]),Be(()=>{t([])},[r]),Be(()=>{let P=(T,{counts:M})=>{v(M.unread),t(I=>[...T.filter(D=>{let Ut=I.findIndex(wn=>wn._id===D._id);return Ut!==-1?(I[Ut]={...D,markAsRead:()=>g(D._id)},!1):!0}).map(D=>({...D,markAsRead:()=>g(D._id)})),...I])};return r.notification.on(P),()=>{r.notification.off(P)}},[g,r]);let E=We(()=>{_()},[_]);return Be(()=>{t([]),m(!0),d(!0),_()},[r]),{notifications:n,isLoading:u,isFirstLoad:c,isError:i,error:a,hasMore:p,unread:x,fetchMore:E,markAllAsRead:N}};import{useContext as Da}from"react";import{jsx as za}from"react/jsx-runtime";var Wa=R({loader:{textAlign:"center",padding:"20px 0"}}),Ba=()=>{let r=Wa(),{locale:e}=Da(H);return za("div",{className:y(r.loader),children:e.components.Loader.loading})},Ft=Ba;import{useContext as $a}from"react";import{jsx as Vt,jsxs as Ga}from"react/jsx-runtime";var Ua=R({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:k}),Ha=({markAllAsRead:r})=>{let e=Ua(),{locale:n}=$a(H);return Ga("div",{className:y(e.notificationHeader),children:[Vt("h2",{className:y(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Vt("div",{children:Vt(F,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Lt=Ha;import Xa from"sanitize-html";import{jsx as ze,jsxs as Ka}from"react/jsx-runtime";var Ja=R({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:k}),qa=({notification:r})=>{let e=Ja();return Ka("div",{className:y(e.actions,`${k}-actions`),children:[!r.isRead&&ze(F,{icon:!0,onClick:r.markAsRead,className:y(e.button),children:ze(It,{width:12,height:12})}),ze(F,{icon:!0,className:y(e.button),children:ze(Et,{width:12,height:12})})]})},yn=qa;import{jsx as L,jsxs as Dt}from"react/jsx-runtime";var Ya=R({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",[`& .${k}-actions`]:{visibility:"hidden",opacity:0,transition:"0.3s ease-in-out"},[`&:hover .${k}-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:k}),Za=({notification:r})=>{let e=Ya();return Dt("div",{className:y(e.notificationItem),children:[Dt("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:y(e.notificationItemImage)})}),Dt("div",{style:{flex:1,overflow:"hidden"},children:[L("h3",{className:y(e.notificationItemTitle),children:r.title}),L("div",{dangerouslySetInnerHTML:{__html:Xa(r.message)},className:y(e.notificationItemBody)})]}),!r.isRead&&L("div",{className:y(e.unreadDot)})]}),L("div",{className:y(e.notificationItemActions),children:r.actionButtons?.map(n=>L("a",{href:n.href,target:n.target,children:L(F,{variant:"secondary",children:n.label})},n.href))}),L(yn,{notification:r})]})},Wt=Za;import{useEffect as bn,useMemo as Bt,useState as xn}from"react";import{jsx as ts}from"react/jsx-runtime";var Qa=R({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:k}),es=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=Qa(),[o,a]=xn(null),[s,u]=xn(typeof window>"u"?0:window.innerWidth),f=Bt(()=>{if(!e)return 0;let p=e.getBoundingClientRect();return p.top+p.height+20},[e,s]),c=Bt(()=>e?e.getBoundingClientRect().left+10:0,[e,s]),d=Bt(()=>{if(!o||!e)return!0;let p=e.getBoundingClientRect(),m=o.getBoundingClientRect();return p.left+m.width>s},[o,e,s]);return bn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),bn(()=>{let p=()=>{u(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),ts("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})},zt=es;import{Fragment as $e,jsx as j,jsxs as $t}from"react/jsx-runtime";var is=R({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:k}),os={Bell:_t,Button:F,NotificationHeader:Lt,Empty:jt,Loader:Ft,NotificationItem:Wt,NotificationPopover:zt,NotificationError:Mt},as=({components:r})=>{let[e,n]=Sn(null),[t,i]=Sn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:u,NotificationItem:f,NotificationPopover:c,NotificationError:d}={...os,...r},p=rs(()=>{i(P=>!P)},[]),{notifications:m,unread:x,isFirstLoad:v,hasMore:w,fetchMore:O,isError:g,error:N,markAllAsRead:_}=gn(),E=is();return $t($e,{children:[j(o,{onClick:P=>{P.stopPropagation(),p()},ref:n,active:t,counts:x}),j(c,{open:t,anchorElement:e,onClose:p,children:$t("div",{className:y(E.inboxContent),children:[j(u,{markAllAsRead:_}),j("div",{className:y(E.inboxContentList),children:$t(ns,{loadMore:O,hasMore:w&&!g,loader:j(s,{},0),useWindow:!1,children:[v?j($e,{}):j($e,{children:m.length?j($e,{children:m.map(P=>j(f,{notification:P},P._id))}):j(a,{})}),g&&j(d,{message:N?.message})]})})]})})]})},Pn=as;export{_t as Bell,F as Button,jt as Empty,Pn as Inbox,Ft as Loader,Mt as NotificationError,Lt as NotificationHeader,Wt as NotificationItem,zt as NotificationPopover,Pn as TeknifyInbox};
|
|
9
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $r(r){return Dr(r)||Wr(r)||Br(r)||zr()}var fe="",kt="",Jr="",qr="",xo=V&&"ontouchstart"in document.documentElement;if(V){_e={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Ur=document.createElement("p"),je=Ur.style,Hr="Transform";for(Me in _e)if(Me+Hr in je){fe=Me,kt=_e[Me];break}fe==="Webkit"&&"msHyphens"in je&&(fe="ms",kt=_e.ms,qr="edge"),fe==="Webkit"&&"-apple-trailing-word"in je&&(Jr="apple")}var _e,Ur,je,Hr,Me,h={js:fe,css:kt,vendor:Jr,browser:qr,isTouch:xo};function Kr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var So={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},Po={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},wo=/[-\s]+(.)?/g;function Ro(r,e){return e?e.toUpperCase():""}function Ct(r){return r.replace(wo,Ro)}function U(r){return Ct("-"+r)}var ko={noPrefill:["mask"],supportedProperty:function(e,n){if(!/^mask/.test(e))return!1;if(h.js==="Webkit"){var t="mask-image";if(Ct(t)in n)return e;if(h.js+U(t)in n)return h.css+e}return e}},Co={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},No={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},Oo={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},To={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},Eo={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},Ao={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+U(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+U(e);return i in n?"page-"+e:!1}return!1}},Io={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+U(t)in n?h.css+t:!1}},_o={supportedProperty:function(e,n){return Ct(e)in n?e:!1}},jo={supportedProperty:function(e,n){var t=U(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}},Mo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Fo={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Vo={"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"},Lo={supportedProperty:function(e,n){var t=Vo[e];return t&&h.js+U(t)in n?h.css+t:!1}},Xr={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"},Do=Object.keys(Xr),Wo=function(e){return h.css+e},Bo={supportedProperty:function(e,n,t){var i=t.multiple;if(Do.indexOf(e)>-1){var o=Xr[e];if(!Array.isArray(o))return h.js+U(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+U(o[0])in n))return!1;return o.map(Wo)}return!1}},Yr=[So,Po,ko,Co,No,Oo,To,Eo,Ao,Io,_o,jo,Mo,Fo,Lo,Bo],Gr=Yr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),zo=Yr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,$r(e.noPrefill)),r},[]),ce,X={};if(V){ce=document.createElement("p"),Fe=window.getComputedStyle(document.documentElement,"");for(Ve in Fe)isNaN(Ve)||(X[Fe[Ve]]=Fe[Ve]);zo.forEach(function(r){return delete X[r]})}var Fe,Ve;function Le(r,e){if(e===void 0&&(e={}),!ce)return r;if(X[r]!=null)return X[r];(r==="transition"||r==="transform")&&(e[r]=r in ce.style);for(var n=0;n<Gr.length&&(X[r]=Gr[n](r,ce.style,e),!X[r]);n++);try{ce.style[r]=""}catch{return!1}return X[r]}var te={},$o={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Uo=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,$;function Ho(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}V&&($=document.createElement("p"));function Nt(r,e){var n=e;if(!$||r==="content")return e;if(typeof n!="string"||!isNaN(parseInt(n,10)))return n;var t=r+n;if(te[t]!=null)return te[t];try{$.style[r]=n}catch{return te[t]=!1,!1}if($o[r])n=n.replace(Uo,Ho);else if($.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&($.style[r]="-ms-flexbox"),$.style[r]=n,$.style[r]===""))return te[t]=!1,!1;return $.style[r]="",te[t]=n,te[t]}function Go(){function r(i){if(i.type==="keyframes"){var o=i;o.at=Kr(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=Le(o);u&&u!==o&&(s=!0);var f=!1,c=Nt(u,B(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 Nt(o,B(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Zr=Go;function Jo(){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 Qr=Jo;var qo=function(e){return e===void 0&&(e={}),{plugins:[wr(),kr(e.observable),Cr(),Or(),Tr(),Ar(),Ir(),_r(),Mr(e.defaultUnit),Lr(),Zr(),Qr()]}},De=qo;function Ko(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var en=Ko;var Xo=/^((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)-.*))$/,Gl=en(function(r){return Xo.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var Yo=1e4,Zo=ae(De()),Qo=function(e){e===void 0&&(e=Zo);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>Yo)&&(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 x={},v=[],w=0;w<c.length;w++){var O=c[w];if(O){var g=O;if(typeof O=="string"){var N=n.get(O);N&&(N.labels.length&&v.push.apply(v,N.labels),g=N.style)}g.label&&v.indexOf(g.label)===-1&&v.push(g.label),Object.assign(x,g)}}delete x.label;var I=v.length===0?"css":v.join("-"),E=I+"-"+t++;o().addRule(E,x);var P=o().classes[E],T={style:x,labels:v,className:P};return n.set(u,T),n.set(P,T),P}return a.getSheet=o,a},ea=Qo(),tn=ea;var sa=Number.MIN_SAFE_INTEGER||-1e9,la=function(){return sa++},ua=ra({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!V}),an=new Map,Tt=function(e,n){var t=e.managers;if(t)return t[n]||(t[n]=new ht),t[n];var i=an.get(n);return i||(i=new ht,an.set(n,i)),i},sn=function(e){var n=e.sheet,t=e.context,i=e.index,o=e.theme;if(n){var a=Tt(t,i);a.manage(o),t.registry&&t.registry.add(n)}},fa=function(e){if(e.sheet){var n=Tt(e.context,e.index);n.unmanage(e.theme)}},ca=ae(De()),fn=new WeakMap,cn=function(e){return fn.get(e)},da=function(e,n){fn.set(e,n)},ha=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function pa(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",S({},r.sheetOptions,{index:r.index,meta:i,classNamePrefix:t,link:e,generateId:r.sheetOptions&&r.sheetOptions.generateId?r.sheetOptions.generateId:r.context.generateId})}var ma=function(e){if(!e.context.disableStylesGeneration){var n=Tt(e.context,e.index),t=n.get(e.theme);if(t)return t;var i=e.context.jss||ca,o=ha(e),a=pt(o),s=i.createStyleSheet(o,pa(e,a!==null));return da(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},va=function(e,n){for(var t in n)e.deleteRule(n[t])},ga=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},ya=function(e,n){var t=cn(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}},ba=function(e,n){if(!n)return e.classes;var t=cn(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 ln(r){return r?un:ta.useInsertionEffect||ia}var Ot={},R=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?la():i,a=t.theming,s=t.name,u=he(t,["index","theming","name"]),f=a&&a.context||Qe,c=function(m){return typeof e=="function"&&(m||rn(f))||Ot},d={};return function(m){var x=na(!0),v=rn(ua),w=c(m&&m.theme),O=nn(function(){var E=ma({context:v,styles:e,name:s,theme:w,index:o,sheetOptions:u});return E&&v.isSSR&&sn({index:o,context:v,sheet:E,theme:w}),[E,E?ya(E,m):null]},[v,w]),g=O[0],N=O[1];ln(v.isSSR)(function(){g&&N&&!x.current&&ga(m,g,N)},[m]),ln(v.isSSR)(function(){return g&&sn({index:o,context:v,sheet:g,theme:w}),function(){g&&(fa({index:o,context:v,sheet:g,theme:w}),N&&va(g,N))}},[g]);var I=nn(function(){return g&&N?ba(g,N):d},[g,N]);return on(I),on(w===Ot?"No theme":w),un(function(){x.current=!1}),I}};var fu=Symbol("react-jss-styled");var xa=function(e){return e===void 0&&(e=tn),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 oa.apply(void 0,o)}},cu=xa();var k="teknify";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:"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"})}),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:"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"})}),At=Pa;import{jsx as pn}from"react/jsx-runtime";var wa=r=>pn("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:pn("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"})}),It=wa;import{jsx as vn,jsxs as Ca}from"react/jsx-runtime";var Ra=R({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:k}),ka=({className:r,counts:e,active:n,...t})=>{let i=Ra({counts:e,active:n}),o=mn(()=>e<=99?`${e}`:"99+",[e]),a=mn(()=>e>0,[e]);return Ca("button",{...t,className:`${i.button} ${r}`,children:[vn(At,{width:24,height:24}),vn("div",{className:y(i.badge,a&&i.badgeOpen),children:o})]})},_t=ka;import{jsx as Ta}from"react/jsx-runtime";var Na=R({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:k}),Oa=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Na({variant:e,icon:n});return Ta("button",{...t,className:y(i.button,r)})},F=Oa;import{useContext as Aa}from"react";import{TeknifyClient as Lu}from"@tnf-dev/js";import{createContext as Ea,useMemo as zu}from"react";import{jsx as Uu}from"react/jsx-runtime";var H=Ea({applicationId:"",subscriberId:""});import{jsx as ja}from"react/jsx-runtime";var Ia=R({empty:{textAlign:"center",padding:"20px 0"}},{name:k}),_a=()=>{let r=Ia(),{locale:e}=Aa(H);return ja("div",{className:y(r.empty),children:e.components.Empty.noNotifications})},jt=_a;import{jsx as Va}from"react/jsx-runtime";var Ma=R({error:{padding:10}}),Fa=({message:r})=>{let e=Ma();return Va("div",{className:y(e.error),children:r})},Mt=Fa;import{useCallback as rs,useState as Sn}from"react";import ns from"react-infinite-scroller";import{useCallback as We,useContext as La,useEffect as Be,useState as G}from"react";var gn=()=>{let{client:r,subscriberId:e}=La(H),[n,t]=G([]),[i,o]=G(!1),[a,s]=G(null),[u,f]=G(!1),[c,d]=G(!0),[p,m]=G(!0),[x,v]=G(0),[w,O]=G({}),g=We(async P=>{try{t(T=>T.map(M=>M._id===P?{...M,isRead:!0}:M)),await r.notification.markAsRead(P)}catch{t(M=>M.map(_=>_._id===P?{..._,isRead:!1}:_))}},[r]),N=We(async()=>{await r.notification.markAllAsRead(),t(P=>P.map(T=>({...T,isRead:!0})))},[r]),I=We(async()=>{if(!(u||i))try{f(!0);let P=w?.[e],T=await r.notification.getNotifications({...P?{cursor:P}:{}});t(M=>[...M,...T.data.filter(_=>!M.find(D=>D._id===_._id)).map(_=>({..._,markAsRead:()=>g(_._id)}))]),m(!!T.pagination.continueCursor),O({[e]:T.pagination.continueCursor}),v(T.unread)}catch{}finally{f(!1),d(!1)}},[u,g,i,r]);Be(()=>{I()},[I]),Be(()=>{t([])},[r]),Be(()=>{let P=(T,{counts:M})=>{v(M.unread),t(_=>[...T.filter(D=>{let Ut=_.findIndex(wn=>wn._id===D._id);return Ut!==-1?(_[Ut]={...D,markAsRead:()=>g(D._id)},!1):!0}).map(D=>({...D,markAsRead:()=>g(D._id)})),..._])};return r.notification.on(P),()=>{r.notification.off(P)}},[g,r]);let E=We(()=>{I()},[I]);return Be(()=>{t([]),m(!0),d(!0),I()},[r]),{notifications:n,isLoading:u,isFirstLoad:c,isError:i,error:a,hasMore:p,unread:x,fetchMore:E,markAllAsRead:N}};import{useContext as Da}from"react";import{jsx as za}from"react/jsx-runtime";var Wa=R({loader:{textAlign:"center",padding:"20px 0"}}),Ba=()=>{let r=Wa(),{locale:e}=Da(H);return za("div",{className:y(r.loader),children:e.components.Loader.loading})},Ft=Ba;import{useContext as $a}from"react";import{jsx as Vt,jsxs as Ga}from"react/jsx-runtime";var Ua=R({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:k}),Ha=({markAllAsRead:r})=>{let e=Ua(),{locale:n}=$a(H);return Ga("div",{className:y(e.notificationHeader),children:[Vt("h2",{className:y(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Vt("div",{children:Vt(F,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Lt=Ha;import Xa from"sanitize-html";import{jsx as ze,jsxs as Ka}from"react/jsx-runtime";var Ja=R({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:k}),qa=({notification:r})=>{let e=Ja();return Ka("div",{className:y(e.actions,`${k}-actions`),children:[!r.isRead&&ze(F,{icon:!0,onClick:r.markAsRead,className:y(e.button),children:ze(It,{width:12,height:12})}),ze(F,{icon:!0,className:y(e.button),children:ze(Et,{width:12,height:12})})]})},yn=qa;import{jsx as L,jsxs as Dt}from"react/jsx-runtime";var Ya=R({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",[`& .${k}-actions`]:{visibility:"hidden",opacity:0,transition:"0.3s ease-in-out"},[`&:hover .${k}-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:k}),Za=({notification:r})=>{let e=Ya();return Dt("div",{className:y(e.notificationItem),children:[Dt("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:y(e.notificationItemImage)})}),Dt("div",{style:{flex:1,overflow:"hidden"},children:[L("h3",{className:y(e.notificationItemTitle),children:r.title}),L("div",{dangerouslySetInnerHTML:{__html:Xa(r.message)},className:y(e.notificationItemBody)})]}),!r.isRead&&L("div",{className:y(e.unreadDot)})]}),L("div",{className:y(e.notificationItemActions),children:r.actionButtons?.map(n=>L("a",{href:n.href,target:n.target,children:L(F,{variant:"secondary",children:n.label})},n.href))}),L(yn,{notification:r})]})},Wt=Za;import{useEffect as bn,useMemo as Bt,useState as xn}from"react";import{jsx as ts}from"react/jsx-runtime";var Qa=R({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:k}),es=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=Qa(),[o,a]=xn(null),[s,u]=xn(typeof window>"u"?0:window.innerWidth),f=Bt(()=>{if(!e)return 0;let p=e.getBoundingClientRect();return p.top+p.height+20},[e,s]),c=Bt(()=>e?e.getBoundingClientRect().left+10:0,[e,s]),d=Bt(()=>{if(!o||!e)return!0;let p=e.getBoundingClientRect(),m=o.getBoundingClientRect();return p.left+m.width>s},[o,e,s]);return bn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),bn(()=>{let p=()=>{u(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),ts("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})},zt=es;import{Fragment as $e,jsx as j,jsxs as $t}from"react/jsx-runtime";var is=R({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:k}),os={Bell:_t,Button:F,NotificationHeader:Lt,Empty:jt,Loader:Ft,NotificationItem:Wt,NotificationPopover:zt,NotificationError:Mt},as=({components:r})=>{let[e,n]=Sn(null),[t,i]=Sn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:u,NotificationItem:f,NotificationPopover:c,NotificationError:d}={...os,...r},p=rs(()=>{i(P=>!P)},[]),{notifications:m,unread:x,isFirstLoad:v,hasMore:w,fetchMore:O,isError:g,error:N,markAllAsRead:I}=gn(),E=is();return $t($e,{children:[j(o,{onClick:P=>{P.stopPropagation(),p()},ref:n,active:t,counts:x}),j(c,{open:t,anchorElement:e,onClose:p,children:$t("div",{className:y(E.inboxContent),children:[j(u,{markAllAsRead:I}),j("div",{className:y(E.inboxContentList),children:$t(ns,{loadMore:O,hasMore:w&&!g,loader:j(s,{},0),useWindow:!1,children:[v?j($e,{}):j($e,{children:m.length?j($e,{children:m.map(P=>j(f,{notification:P},P._id))}):j(a,{})}),g&&j(d,{message:N?.message})]})})]})})]})},Pn=as;export{_t as Bell,F as Button,jt as Empty,Pn as Inbox,Ft as Loader,Mt as NotificationError,Lt as NotificationHeader,Wt as NotificationItem,zt as NotificationPopover,Pn as TeknifyInbox};
|
|
10
10
|
/*! Bundled license information:
|
|
11
11
|
|
|
12
12
|
react-is/cjs/react-is.production.min.js:
|
|
@@ -6,7 +6,7 @@ var Rn=Object.create;var Ht=Object.defineProperty;var kn=Object.getOwnPropertyDe
|
|
|
6
6
|
`)}},e.deploy=function(){var t=this.sheet;if(t){if(t.options.link){this.insertRules(t.rules);return}this.element.textContent=`
|
|
7
7
|
`+t.toString()+`
|
|
8
8
|
`}},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=gr(o,i);if(s=vr(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=gr(o,i),d=vr(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 br&&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}(),Li=0,Di=function(){function r(n){this.id=Li++,this.version="10.10.0",this.plugins=new wi,this.options={id:{minify:!1},createGenerateId:ct,Renderer:V?Vi:null,plugins:[]},this.generateId=ct({minify:!1});for(var t=0;t<hr.length;t++)this.plugins.use(hr[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=S({},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=ne.index===0?0:ne.index+1);var s=new br(t,S({},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(),ne.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=S({},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=Y(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}(),ae=function(e){return new Di(e)},ht=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;Ye(!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()):Ye(!1,"SheetsManager: can't find sheet to unmanage")},Ce(r,[{key:"size",get:function(){return this.length}}]),r}(),Oe=typeof CSS=="object"&&CSS!=null&&"number"in CSS;function pt(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=pt(t);o&&(e||(e={}),e[n]=o)}}return e}var Ws=ae();var Pr=Date.now(),mt="fnValues"+Pr,vt="fnStyle"+ ++Pr,Wi=function(){return{onCreateRule:function(n,t,i){if(typeof t!="function")return null;var o=Y(n,{},i);return o[vt]=t,o},onProcessStyle:function(n,t){if(mt in t||vt 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[mt]=i,n},onUpdate:function(n,t,i,o){var a=t,s=a[vt];if(s&&(a.style=s(n)||{},0))for(var u in a.style);var f=a[mt];if(f)for(var c in f)a.prop(c,f[c](n),o)}}},wr=Wi;function gt(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 Q;typeof self<"u"?Q=self:typeof window<"u"?Q=window:typeof global<"u"?Q=global:typeof module<"u"?Q=module:Q=Function("return this")();var Bi=gt(Q),yt=Bi;var Rr=function(e){return e&&e[yt]&&e===e[yt]()},zi=function(e){return{onCreateRule:function(t,i,o){if(!Rr(i))return null;var a=i,s=Y(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(!Rr(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)}}}},kr=zi;var $i=/;\n/,Ui=function(e){for(var n={},t=e.split($i),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},Hi=function(e){typeof e.style=="string"&&(e.style=Ui(e.style))};function Gi(){return{onProcessRule:Hi}}var Cr=Gi;var z="@global",bt="@global ",Ji=function(){function r(n,t,i){this.type="global",this.at=z,this.isProcessed=!1,this.key=n,this.options=i,this.rules=new oe(S({},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}(),qi=function(){function r(n,t,i){this.type="global",this.at=z,this.isProcessed=!1,this.key=n,this.options=i;var o=n.substr(bt.length);this.rule=i.jss.createRule(o,t,S({},i,{parent:this}))}var e=r.prototype;return e.toString=function(t){return this.rule?this.rule.toString(t):""},r}(),Ki=/\s*,\s*/g;function Nr(r,e){for(var n=r.split(Ki),t="",i=0;i<n.length;i++)t+=e+" "+n[i].trim(),n[i+1]&&(t+=", ");return t}function Xi(r,e){var n=r.options,t=r.style,i=t?t[z]:null;if(i){for(var o in i)e.addRule(o,i[o],S({},n,{selector:Nr(o,r.selector)}));delete t[z]}}function Yi(r,e){var n=r.options,t=r.style;for(var i in t)if(!(i[0]!=="@"||i.substr(0,z.length)!==z)){var o=Nr(i.substr(z.length),r.selector);e.addRule(o,t[i],S({},n,{selector:o})),delete t[i]}}function Zi(){function r(n,t,i){if(!n)return null;if(n===z)return new Ji(n,t,i);if(n[0]==="@"&&n.substr(0,bt.length)===bt)return new qi(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||(Xi(n,t),Yi(n,t))}return{onCreateRule:r,onProcessRule:e}}var Or=Zi;var Te=function(e){return e&&typeof e=="object"&&!Array.isArray(e)},xt="extendCurrValue"+Date.now();function Qi(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];K(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"?S({},r,{extend:f}):r.extend[u];K(c,e,n,t)}return}for(var d in r.extend){if(d==="extend"){K(r.extend.extend,e,n,t);continue}if(Te(r.extend[d])){d in t||(t[d]={}),K(r.extend[d],e,n,t[d]);continue}t[d]=r.extend[d]}}function eo(r,e,n,t){for(var i in r)if(i!=="extend"){if(Te(t[i])&&Te(r[i])){K(r[i],e,n,t[i]);continue}if(Te(r[i])){t[i]=K(r[i],e,n);continue}t[i]=r[i]}}function K(r,e,n,t){return t===void 0&&(t={}),Qi(r,e,n,t),eo(r,e,n,t),t}function to(){function r(n,t,i){return"extend"in n?K(n,t,i):n}function e(n,t,i){if(t!=="extend")return n;if(n==null||n===!1){for(var o in i[xt])i.prop(o,null);return i[xt]=null,null}if(typeof n=="object"){for(var a in n)i.prop(a,n[a]);i[xt]=n}return null}return{onProcessStyle:r,onChangeValue:e}}var Tr=to;var Er=/\s*,\s*/g,ro=/&/g,no=/\$([\w-]+)/g;function io(){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(Er),s=i.split(Er),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(ro,c):c+" "+p}return u}function n(i,o,a){if(a)return S({},a,{index:a.index+1});var s=i.options.nestingLevel;s=s===void 0?1:s+1;var u=S({},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 x=e(d,s.selector);c||(c=r(u,a)),x=x.replace(no,c);var v=s.key+"-"+d;"replaceRule"in u?u.replaceRule(v,i[d],S({},f,{selector:x})):u.addRule(v,i[d],S({},f,{selector:x}))}else m&&u.addRule(d,{},f).addRule(s.key,i[d],{selector:s.selector});delete i[d]}}return i}return{onProcessStyle:t}}var Ar=io;function St(r,e){if(!e)return!0;if(Array.isArray(e)){for(var n=0;n<e.length;n++){var t=St(r,e[n]);if(!t)return!1}return!0}if(e.indexOf(" ")>-1)return St(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 oo(){function r(e,n){return"composes"in e&&(St(n,e.composes),delete e.composes),e}return{onProcessStyle:r}}var Ir=oo;var ao=/[A-Z]/g,so=/^ms-/,Pt={};function lo(r){return"-"+r.toLowerCase()}function uo(r){if(Pt.hasOwnProperty(r))return Pt[r];var e=r.replace(ao,lo);return Pt[r]=so.test(e)?"-"+e:e}var wt=uo;function Ee(r){var e={};for(var n in r){var t=n.indexOf("--")===0?n:wt(n);e[t]=r[n]}return r.fallbacks&&(Array.isArray(r.fallbacks)?e.fallbacks=r.fallbacks.map(Ee):e.fallbacks=Ee(r.fallbacks)),e}function fo(){function r(n){if(Array.isArray(n)){for(var t=0;t<n.length;t++)n[t]=Ee(n[t]);return n}return Ee(n)}function e(n,t,i){if(t.indexOf("--")===0)return n;var o=wt(t);return t===o?n:(i.prop(o,n),null)}return{onProcessStyle:r,onChangeValue:e}}var _r=fo;var l=Oe&&CSS?CSS.px:"px",Ae=Oe&&CSS?CSS.ms:"ms",ee=Oe&&CSS?CSS.percent:"%",co={"animation-delay":Ae,"animation-duration":Ae,"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":ee,"perspective-origin-y":ee,"transform-origin":ee,"transform-origin-x":ee,"transform-origin-y":ee,"transform-origin-z":ee,"transition-delay":Ae,"transition-duration":Ae,"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 jr(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 ho=jr(co);function se(r,e,n){if(e==null)return e;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t]=se(r,e[t],n);else if(typeof e=="object")if(r==="fallbacks")for(var i in e)e[i]=se(i,e[i],n);else for(var o in e)e[o]=se(r+"-"+o,e[o],n);else if(typeof e=="number"&&isNaN(e)===!1){var a=n[r]||ho[r];return a&&!(e===0&&a===l)?typeof a=="function"?a(e).toString():""+e+a:e.toString()}return e}function po(r){r===void 0&&(r={});var e=jr(r);function n(i,o){if(o.type!=="style")return i;for(var a in i)i[a]=se(a,i[a],e);return i}function t(i,o){return se(o,i,e)}return{onProcessStyle:n,onChangeValue:t}}var Mr=po;var mo={"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},vo={position:!0,size:!0},Ie={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}},Rt={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 go(r,e,n){return r.map(function(t){return Vr(t,e,n,!1,!0)})}function Fr(r,e,n,t){return n[e]==null?r:r.length===0?[]:Array.isArray(r[0])?Fr(r[0],e,n,t):typeof r[0]=="object"?go(r,e,t):[r]}function Vr(r,e,n,t,i){if(!(Ie[e]||Rt[e]))return[];var o=[];if(Rt[e]&&(r=yo(r,n,Rt[e],t)),Object.keys(r).length)for(var a in Ie[e]){if(r[a]){Array.isArray(r[a])?o.push(vo[a]===null?r[a]:r[a].join(" ")):o.push(r[a]);continue}Ie[e][a]!=null&&o.push(Ie[e][a])}return!o.length||i?o:[o]}function yo(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=le((a={},a[o]=r[i],a),e)[o];t?e.style.fallbacks[o]=s:e.style[o]=s}delete r[i]}return r}function le(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]=le(r.fallbacks[o],e,!0);continue}r[t]=Fr(i,t,mo,e),r[t].length||delete r[t]}}else if(typeof i=="object"){if(t==="fallbacks"){r.fallbacks=le(r.fallbacks,e,!0);continue}r[t]=Vr(i,t,e,n),r[t].length||delete r[t]}else r[t]===""&&delete r[t]}return r}function bo(){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]=le(e[t],n);return e}return le(e,n)}return{onProcessStyle:r}}var Lr=bo;function ue(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 Dr(r){if(Array.isArray(r))return ue(r)}function Wr(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Br(r,e){if(r){if(typeof r=="string")return ue(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)?ue(r,e):void 0}}function zr(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
9
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $r(r){return Dr(r)||Wr(r)||Br(r)||zr()}var fe="",kt="",Jr="",qr="",xo=V&&"ontouchstart"in document.documentElement;if(V){_e={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Ur=document.createElement("p"),je=Ur.style,Hr="Transform";for(Me in _e)if(Me+Hr in je){fe=Me,kt=_e[Me];break}fe==="Webkit"&&"msHyphens"in je&&(fe="ms",kt=_e.ms,qr="edge"),fe==="Webkit"&&"-apple-trailing-word"in je&&(Jr="apple")}var _e,Ur,je,Hr,Me,h={js:fe,css:kt,vendor:Jr,browser:qr,isTouch:xo};function Kr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var So={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},Po={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},wo=/[-\s]+(.)?/g;function Ro(r,e){return e?e.toUpperCase():""}function Ct(r){return r.replace(wo,Ro)}function U(r){return Ct("-"+r)}var ko={noPrefill:["mask"],supportedProperty:function(e,n){if(!/^mask/.test(e))return!1;if(h.js==="Webkit"){var t="mask-image";if(Ct(t)in n)return e;if(h.js+U(t)in n)return h.css+e}return e}},Co={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},No={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},Oo={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},To={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},Eo={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},Ao={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+U(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+U(e);return i in n?"page-"+e:!1}return!1}},Io={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+U(t)in n?h.css+t:!1}},_o={supportedProperty:function(e,n){return Ct(e)in n?e:!1}},jo={supportedProperty:function(e,n){var t=U(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}},Mo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Fo={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Vo={"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"},Lo={supportedProperty:function(e,n){var t=Vo[e];return t&&h.js+U(t)in n?h.css+t:!1}},Xr={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"},Do=Object.keys(Xr),Wo=function(e){return h.css+e},Bo={supportedProperty:function(e,n,t){var i=t.multiple;if(Do.indexOf(e)>-1){var o=Xr[e];if(!Array.isArray(o))return h.js+U(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+U(o[0])in n))return!1;return o.map(Wo)}return!1}},Yr=[So,Po,ko,Co,No,Oo,To,Eo,Ao,Io,_o,jo,Mo,Fo,Lo,Bo],Gr=Yr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),zo=Yr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,$r(e.noPrefill)),r},[]),ce,X={};if(V){ce=document.createElement("p"),Fe=window.getComputedStyle(document.documentElement,"");for(Ve in Fe)isNaN(Ve)||(X[Fe[Ve]]=Fe[Ve]);zo.forEach(function(r){return delete X[r]})}var Fe,Ve;function Le(r,e){if(e===void 0&&(e={}),!ce)return r;if(X[r]!=null)return X[r];(r==="transition"||r==="transform")&&(e[r]=r in ce.style);for(var n=0;n<Gr.length&&(X[r]=Gr[n](r,ce.style,e),!X[r]);n++);try{ce.style[r]=""}catch{return!1}return X[r]}var te={},$o={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Uo=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,$;function Ho(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}V&&($=document.createElement("p"));function Nt(r,e){var n=e;if(!$||r==="content")return e;if(typeof n!="string"||!isNaN(parseInt(n,10)))return n;var t=r+n;if(te[t]!=null)return te[t];try{$.style[r]=n}catch{return te[t]=!1,!1}if($o[r])n=n.replace(Uo,Ho);else if($.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&($.style[r]="-ms-flexbox"),$.style[r]=n,$.style[r]===""))return te[t]=!1,!1;return $.style[r]="",te[t]=n,te[t]}function Go(){function r(i){if(i.type==="keyframes"){var o=i;o.at=Kr(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=Le(o);u&&u!==o&&(s=!0);var f=!1,c=Nt(u,B(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 Nt(o,B(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Zr=Go;function Jo(){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 Qr=Jo;var qo=function(e){return e===void 0&&(e={}),{plugins:[wr(),kr(e.observable),Cr(),Or(),Tr(),Ar(),Ir(),_r(),Mr(e.defaultUnit),Lr(),Zr(),Qr()]}},De=qo;function Ko(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var en=Ko;var Xo=/^((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)-.*))$/,Gl=en(function(r){return Xo.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var Yo=1e4,Zo=ae(De()),Qo=function(e){e===void 0&&(e=Zo);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>Yo)&&(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 x={},v=[],w=0;w<c.length;w++){var O=c[w];if(O){var g=O;if(typeof O=="string"){var N=n.get(O);N&&(N.labels.length&&v.push.apply(v,N.labels),g=N.style)}g.label&&v.indexOf(g.label)===-1&&v.push(g.label),Object.assign(x,g)}}delete x.label;var _=v.length===0?"css":v.join("-"),E=_+"-"+t++;o().addRule(E,x);var P=o().classes[E],T={style:x,labels:v,className:P};return n.set(u,T),n.set(P,T),P}return a.getSheet=o,a},ea=Qo(),tn=ea;var sa=Number.MIN_SAFE_INTEGER||-1e9,la=function(){return sa++},ua=ra({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!V}),an=new Map,Tt=function(e,n){var t=e.managers;if(t)return t[n]||(t[n]=new ht),t[n];var i=an.get(n);return i||(i=new ht,an.set(n,i)),i},sn=function(e){var n=e.sheet,t=e.context,i=e.index,o=e.theme;if(n){var a=Tt(t,i);a.manage(o),t.registry&&t.registry.add(n)}},fa=function(e){if(e.sheet){var n=Tt(e.context,e.index);n.unmanage(e.theme)}},ca=ae(De()),fn=new WeakMap,cn=function(e){return fn.get(e)},da=function(e,n){fn.set(e,n)},ha=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function pa(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",S({},r.sheetOptions,{index:r.index,meta:i,classNamePrefix:t,link:e,generateId:r.sheetOptions&&r.sheetOptions.generateId?r.sheetOptions.generateId:r.context.generateId})}var ma=function(e){if(!e.context.disableStylesGeneration){var n=Tt(e.context,e.index),t=n.get(e.theme);if(t)return t;var i=e.context.jss||ca,o=ha(e),a=pt(o),s=i.createStyleSheet(o,pa(e,a!==null));return da(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},va=function(e,n){for(var t in n)e.deleteRule(n[t])},ga=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},ya=function(e,n){var t=cn(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}},ba=function(e,n){if(!n)return e.classes;var t=cn(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 ln(r){return r?un:ta.useInsertionEffect||ia}var Ot={},R=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?la():i,a=t.theming,s=t.name,u=he(t,["index","theming","name"]),f=a&&a.context||Qe,c=function(m){return typeof e=="function"&&(m||rn(f))||Ot},d={};return function(m){var x=na(!0),v=rn(ua),w=c(m&&m.theme),O=nn(function(){var E=ma({context:v,styles:e,name:s,theme:w,index:o,sheetOptions:u});return E&&v.isSSR&&sn({index:o,context:v,sheet:E,theme:w}),[E,E?ya(E,m):null]},[v,w]),g=O[0],N=O[1];ln(v.isSSR)(function(){g&&N&&!x.current&&ga(m,g,N)},[m]),ln(v.isSSR)(function(){return g&&sn({index:o,context:v,sheet:g,theme:w}),function(){g&&(fa({index:o,context:v,sheet:g,theme:w}),N&&va(g,N))}},[g]);var _=nn(function(){return g&&N?ba(g,N):d},[g,N]);return on(_),on(w===Ot?"No theme":w),un(function(){x.current=!1}),_}};var fu=Symbol("react-jss-styled");var xa=function(e){return e===void 0&&(e=tn),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 oa.apply(void 0,o)}},cu=xa();var k="teknify";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:"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"})}),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:"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"})}),At=Pa;import{jsx as pn}from"react/jsx-runtime";var wa=r=>pn("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:pn("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"})}),It=wa;import{jsx as vn,jsxs as Ca}from"react/jsx-runtime";var Ra=R({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:k}),ka=({className:r,counts:e,active:n,...t})=>{let i=Ra({counts:e,active:n}),o=mn(()=>e<=99?`${e}`:"99+",[e]),a=mn(()=>e>0,[e]);return Ca("button",{...t,className:`${i.button} ${r}`,children:[vn(At,{width:24,height:24}),vn("div",{className:y(i.badge,a&&i.badgeOpen),children:o})]})},_t=ka;import{jsx as Ta}from"react/jsx-runtime";var Na=R({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:k}),Oa=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Na({variant:e,icon:n});return Ta("button",{...t,className:y(i.button,r)})},F=Oa;import{useContext as Aa}from"react";import{TeknifyClient as Lu}from"@tnf-dev/js";import{createContext as Ea,useMemo as zu}from"react";import{jsx as Uu}from"react/jsx-runtime";var H=Ea({applicationId:"",subscriberId:""});import{jsx as ja}from"react/jsx-runtime";var Ia=R({empty:{textAlign:"center",padding:"20px 0"}},{name:k}),_a=()=>{let r=Ia(),{locale:e}=Aa(H);return ja("div",{className:y(r.empty),children:e.components.Empty.noNotifications})},jt=_a;import{jsx as Va}from"react/jsx-runtime";var Ma=R({error:{padding:10}}),Fa=({message:r})=>{let e=Ma();return Va("div",{className:y(e.error),children:r})},Mt=Fa;import{useCallback as rs,useState as Sn}from"react";import ns from"react-infinite-scroller";import{useCallback as We,useContext as La,useEffect as Be,useState as G}from"react";var gn=()=>{let{client:r,subscriberId:e}=La(H),[n,t]=G([]),[i,o]=G(!1),[a,s]=G(null),[u,f]=G(!1),[c,d]=G(!0),[p,m]=G(!0),[x,v]=G(0),[w,O]=G({}),g=We(async P=>{try{t(T=>T.map(M=>M._id===P?{...M,isRead:!0}:M)),await r.notification.markAsRead(P)}catch{t(M=>M.map(I=>I._id===P?{...I,isRead:!1}:I))}},[]),N=We(async()=>{await r.notification.markAllAsRead(),t(P=>P.map(T=>({...T,isRead:!0})))},[]),_=We(async()=>{if(!(u||i))try{f(!0);let P=w?.[e],T=await r.notification.getNotifications({...P?{cursor:P}:{}});t(M=>[...M,...T.data.filter(I=>!M.find(D=>D._id===I._id)).map(I=>({...I,markAsRead:()=>g(I._id)}))]),m(!!T.pagination.continueCursor),O({[e]:T.pagination.continueCursor}),v(T.unread)}catch{}finally{f(!1),d(!1)}},[u,g,i,r]);Be(()=>{_()},[]),Be(()=>{t([])},[r]),Be(()=>{let P=(T,{counts:M})=>{v(M.unread),t(I=>[...T.filter(D=>{let Ut=I.findIndex(wn=>wn._id===D._id);return Ut!==-1?(I[Ut]={...D,markAsRead:()=>g(D._id)},!1):!0}).map(D=>({...D,markAsRead:()=>g(D._id)})),...I])};return r.notification.on(P),()=>{r.notification.off(P)}},[g,r]);let E=We(()=>{_()},[_]);return Be(()=>{t([]),m(!0),d(!0),_()},[r]),{notifications:n,isLoading:u,isFirstLoad:c,isError:i,error:a,hasMore:p,unread:x,fetchMore:E,markAllAsRead:N}};import{useContext as Da}from"react";import{jsx as za}from"react/jsx-runtime";var Wa=R({loader:{textAlign:"center",padding:"20px 0"}}),Ba=()=>{let r=Wa(),{locale:e}=Da(H);return za("div",{className:y(r.loader),children:e.components.Loader.loading})},Ft=Ba;import{useContext as $a}from"react";import{jsx as Vt,jsxs as Ga}from"react/jsx-runtime";var Ua=R({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:k}),Ha=({markAllAsRead:r})=>{let e=Ua(),{locale:n}=$a(H);return Ga("div",{className:y(e.notificationHeader),children:[Vt("h2",{className:y(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Vt("div",{children:Vt(F,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Lt=Ha;import Xa from"sanitize-html";import{jsx as ze,jsxs as Ka}from"react/jsx-runtime";var Ja=R({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:k}),qa=({notification:r})=>{let e=Ja();return Ka("div",{className:y(e.actions,`${k}-actions`),children:[!r.isRead&&ze(F,{icon:!0,onClick:r.markAsRead,className:y(e.button),children:ze(It,{width:12,height:12})}),ze(F,{icon:!0,className:y(e.button),children:ze(Et,{width:12,height:12})})]})},yn=qa;import{jsx as L,jsxs as Dt}from"react/jsx-runtime";var Ya=R({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",[`& .${k}-actions`]:{visibility:"hidden",opacity:0,transition:"0.3s ease-in-out"},[`&:hover .${k}-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:k}),Za=({notification:r})=>{let e=Ya();return Dt("div",{className:y(e.notificationItem),children:[Dt("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:y(e.notificationItemImage)})}),Dt("div",{style:{flex:1,overflow:"hidden"},children:[L("h3",{className:y(e.notificationItemTitle),children:r.title}),L("div",{dangerouslySetInnerHTML:{__html:Xa(r.message)},className:y(e.notificationItemBody)})]}),!r.isRead&&L("div",{className:y(e.unreadDot)})]}),L("div",{className:y(e.notificationItemActions),children:r.actionButtons?.map(n=>L("a",{href:n.href,target:n.target,children:L(F,{variant:"secondary",children:n.label})},n.href))}),L(yn,{notification:r})]})},Wt=Za;import{useEffect as bn,useMemo as Bt,useState as xn}from"react";import{jsx as ts}from"react/jsx-runtime";var Qa=R({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:k}),es=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=Qa(),[o,a]=xn(null),[s,u]=xn(typeof window>"u"?0:window.innerWidth),f=Bt(()=>{if(!e)return 0;let p=e.getBoundingClientRect();return p.top+p.height+20},[e,s]),c=Bt(()=>e?e.getBoundingClientRect().left+10:0,[e,s]),d=Bt(()=>{if(!o||!e)return!0;let p=e.getBoundingClientRect(),m=o.getBoundingClientRect();return p.left+m.width>s},[o,e,s]);return bn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),bn(()=>{let p=()=>{u(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),ts("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})},zt=es;import{Fragment as $e,jsx as j,jsxs as $t}from"react/jsx-runtime";var is=R({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:k}),os={Bell:_t,Button:F,NotificationHeader:Lt,Empty:jt,Loader:Ft,NotificationItem:Wt,NotificationPopover:zt,NotificationError:Mt},as=({components:r})=>{let[e,n]=Sn(null),[t,i]=Sn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:u,NotificationItem:f,NotificationPopover:c,NotificationError:d}={...os,...r},p=rs(()=>{i(P=>!P)},[]),{notifications:m,unread:x,isFirstLoad:v,hasMore:w,fetchMore:O,isError:g,error:N,markAllAsRead:_}=gn(),E=is();return $t($e,{children:[j(o,{onClick:P=>{P.stopPropagation(),p()},ref:n,active:t,counts:x}),j(c,{open:t,anchorElement:e,onClose:p,children:$t("div",{className:y(E.inboxContent),children:[j(u,{markAllAsRead:_}),j("div",{className:y(E.inboxContentList),children:$t(ns,{loadMore:O,hasMore:w&&!g,loader:j(s,{},0),useWindow:!1,children:[v?j($e,{}):j($e,{children:m.length?j($e,{children:m.map(P=>j(f,{notification:P},P._id))}):j(a,{})}),g&&j(d,{message:N?.message})]})})]})})]})},Pn=as;export{_t as Bell,F as Button,jt as Empty,Pn as Inbox,Ft as Loader,Mt as NotificationError,Lt as NotificationHeader,Wt as NotificationItem,zt as NotificationPopover,Pn as TeknifyInbox};
|
|
9
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $r(r){return Dr(r)||Wr(r)||Br(r)||zr()}var fe="",kt="",Jr="",qr="",xo=V&&"ontouchstart"in document.documentElement;if(V){_e={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Ur=document.createElement("p"),je=Ur.style,Hr="Transform";for(Me in _e)if(Me+Hr in je){fe=Me,kt=_e[Me];break}fe==="Webkit"&&"msHyphens"in je&&(fe="ms",kt=_e.ms,qr="edge"),fe==="Webkit"&&"-apple-trailing-word"in je&&(Jr="apple")}var _e,Ur,je,Hr,Me,h={js:fe,css:kt,vendor:Jr,browser:qr,isTouch:xo};function Kr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var So={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},Po={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},wo=/[-\s]+(.)?/g;function Ro(r,e){return e?e.toUpperCase():""}function Ct(r){return r.replace(wo,Ro)}function U(r){return Ct("-"+r)}var ko={noPrefill:["mask"],supportedProperty:function(e,n){if(!/^mask/.test(e))return!1;if(h.js==="Webkit"){var t="mask-image";if(Ct(t)in n)return e;if(h.js+U(t)in n)return h.css+e}return e}},Co={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},No={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},Oo={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},To={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},Eo={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},Ao={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+U(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+U(e);return i in n?"page-"+e:!1}return!1}},Io={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+U(t)in n?h.css+t:!1}},_o={supportedProperty:function(e,n){return Ct(e)in n?e:!1}},jo={supportedProperty:function(e,n){var t=U(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}},Mo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Fo={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Vo={"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"},Lo={supportedProperty:function(e,n){var t=Vo[e];return t&&h.js+U(t)in n?h.css+t:!1}},Xr={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"},Do=Object.keys(Xr),Wo=function(e){return h.css+e},Bo={supportedProperty:function(e,n,t){var i=t.multiple;if(Do.indexOf(e)>-1){var o=Xr[e];if(!Array.isArray(o))return h.js+U(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+U(o[0])in n))return!1;return o.map(Wo)}return!1}},Yr=[So,Po,ko,Co,No,Oo,To,Eo,Ao,Io,_o,jo,Mo,Fo,Lo,Bo],Gr=Yr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),zo=Yr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,$r(e.noPrefill)),r},[]),ce,X={};if(V){ce=document.createElement("p"),Fe=window.getComputedStyle(document.documentElement,"");for(Ve in Fe)isNaN(Ve)||(X[Fe[Ve]]=Fe[Ve]);zo.forEach(function(r){return delete X[r]})}var Fe,Ve;function Le(r,e){if(e===void 0&&(e={}),!ce)return r;if(X[r]!=null)return X[r];(r==="transition"||r==="transform")&&(e[r]=r in ce.style);for(var n=0;n<Gr.length&&(X[r]=Gr[n](r,ce.style,e),!X[r]);n++);try{ce.style[r]=""}catch{return!1}return X[r]}var te={},$o={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Uo=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,$;function Ho(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}V&&($=document.createElement("p"));function Nt(r,e){var n=e;if(!$||r==="content")return e;if(typeof n!="string"||!isNaN(parseInt(n,10)))return n;var t=r+n;if(te[t]!=null)return te[t];try{$.style[r]=n}catch{return te[t]=!1,!1}if($o[r])n=n.replace(Uo,Ho);else if($.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&($.style[r]="-ms-flexbox"),$.style[r]=n,$.style[r]===""))return te[t]=!1,!1;return $.style[r]="",te[t]=n,te[t]}function Go(){function r(i){if(i.type==="keyframes"){var o=i;o.at=Kr(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=Le(o);u&&u!==o&&(s=!0);var f=!1,c=Nt(u,B(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 Nt(o,B(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Zr=Go;function Jo(){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 Qr=Jo;var qo=function(e){return e===void 0&&(e={}),{plugins:[wr(),kr(e.observable),Cr(),Or(),Tr(),Ar(),Ir(),_r(),Mr(e.defaultUnit),Lr(),Zr(),Qr()]}},De=qo;function Ko(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var en=Ko;var Xo=/^((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)-.*))$/,Gl=en(function(r){return Xo.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var Yo=1e4,Zo=ae(De()),Qo=function(e){e===void 0&&(e=Zo);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>Yo)&&(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 x={},v=[],w=0;w<c.length;w++){var O=c[w];if(O){var g=O;if(typeof O=="string"){var N=n.get(O);N&&(N.labels.length&&v.push.apply(v,N.labels),g=N.style)}g.label&&v.indexOf(g.label)===-1&&v.push(g.label),Object.assign(x,g)}}delete x.label;var I=v.length===0?"css":v.join("-"),E=I+"-"+t++;o().addRule(E,x);var P=o().classes[E],T={style:x,labels:v,className:P};return n.set(u,T),n.set(P,T),P}return a.getSheet=o,a},ea=Qo(),tn=ea;var sa=Number.MIN_SAFE_INTEGER||-1e9,la=function(){return sa++},ua=ra({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!V}),an=new Map,Tt=function(e,n){var t=e.managers;if(t)return t[n]||(t[n]=new ht),t[n];var i=an.get(n);return i||(i=new ht,an.set(n,i)),i},sn=function(e){var n=e.sheet,t=e.context,i=e.index,o=e.theme;if(n){var a=Tt(t,i);a.manage(o),t.registry&&t.registry.add(n)}},fa=function(e){if(e.sheet){var n=Tt(e.context,e.index);n.unmanage(e.theme)}},ca=ae(De()),fn=new WeakMap,cn=function(e){return fn.get(e)},da=function(e,n){fn.set(e,n)},ha=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function pa(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",S({},r.sheetOptions,{index:r.index,meta:i,classNamePrefix:t,link:e,generateId:r.sheetOptions&&r.sheetOptions.generateId?r.sheetOptions.generateId:r.context.generateId})}var ma=function(e){if(!e.context.disableStylesGeneration){var n=Tt(e.context,e.index),t=n.get(e.theme);if(t)return t;var i=e.context.jss||ca,o=ha(e),a=pt(o),s=i.createStyleSheet(o,pa(e,a!==null));return da(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},va=function(e,n){for(var t in n)e.deleteRule(n[t])},ga=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},ya=function(e,n){var t=cn(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}},ba=function(e,n){if(!n)return e.classes;var t=cn(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 ln(r){return r?un:ta.useInsertionEffect||ia}var Ot={},R=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?la():i,a=t.theming,s=t.name,u=he(t,["index","theming","name"]),f=a&&a.context||Qe,c=function(m){return typeof e=="function"&&(m||rn(f))||Ot},d={};return function(m){var x=na(!0),v=rn(ua),w=c(m&&m.theme),O=nn(function(){var E=ma({context:v,styles:e,name:s,theme:w,index:o,sheetOptions:u});return E&&v.isSSR&&sn({index:o,context:v,sheet:E,theme:w}),[E,E?ya(E,m):null]},[v,w]),g=O[0],N=O[1];ln(v.isSSR)(function(){g&&N&&!x.current&&ga(m,g,N)},[m]),ln(v.isSSR)(function(){return g&&sn({index:o,context:v,sheet:g,theme:w}),function(){g&&(fa({index:o,context:v,sheet:g,theme:w}),N&&va(g,N))}},[g]);var I=nn(function(){return g&&N?ba(g,N):d},[g,N]);return on(I),on(w===Ot?"No theme":w),un(function(){x.current=!1}),I}};var fu=Symbol("react-jss-styled");var xa=function(e){return e===void 0&&(e=tn),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 oa.apply(void 0,o)}},cu=xa();var k="teknify";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:"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"})}),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:"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"})}),At=Pa;import{jsx as pn}from"react/jsx-runtime";var wa=r=>pn("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:pn("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"})}),It=wa;import{jsx as vn,jsxs as Ca}from"react/jsx-runtime";var Ra=R({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:k}),ka=({className:r,counts:e,active:n,...t})=>{let i=Ra({counts:e,active:n}),o=mn(()=>e<=99?`${e}`:"99+",[e]),a=mn(()=>e>0,[e]);return Ca("button",{...t,className:`${i.button} ${r}`,children:[vn(At,{width:24,height:24}),vn("div",{className:y(i.badge,a&&i.badgeOpen),children:o})]})},_t=ka;import{jsx as Ta}from"react/jsx-runtime";var Na=R({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:k}),Oa=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Na({variant:e,icon:n});return Ta("button",{...t,className:y(i.button,r)})},F=Oa;import{useContext as Aa}from"react";import{TeknifyClient as Lu}from"@tnf-dev/js";import{createContext as Ea,useMemo as zu}from"react";import{jsx as Uu}from"react/jsx-runtime";var H=Ea({applicationId:"",subscriberId:""});import{jsx as ja}from"react/jsx-runtime";var Ia=R({empty:{textAlign:"center",padding:"20px 0"}},{name:k}),_a=()=>{let r=Ia(),{locale:e}=Aa(H);return ja("div",{className:y(r.empty),children:e.components.Empty.noNotifications})},jt=_a;import{jsx as Va}from"react/jsx-runtime";var Ma=R({error:{padding:10}}),Fa=({message:r})=>{let e=Ma();return Va("div",{className:y(e.error),children:r})},Mt=Fa;import{useCallback as rs,useState as Sn}from"react";import ns from"react-infinite-scroller";import{useCallback as We,useContext as La,useEffect as Be,useState as G}from"react";var gn=()=>{let{client:r,subscriberId:e}=La(H),[n,t]=G([]),[i,o]=G(!1),[a,s]=G(null),[u,f]=G(!1),[c,d]=G(!0),[p,m]=G(!0),[x,v]=G(0),[w,O]=G({}),g=We(async P=>{try{t(T=>T.map(M=>M._id===P?{...M,isRead:!0}:M)),await r.notification.markAsRead(P)}catch{t(M=>M.map(_=>_._id===P?{..._,isRead:!1}:_))}},[r]),N=We(async()=>{await r.notification.markAllAsRead(),t(P=>P.map(T=>({...T,isRead:!0})))},[r]),I=We(async()=>{if(!(u||i))try{f(!0);let P=w?.[e],T=await r.notification.getNotifications({...P?{cursor:P}:{}});t(M=>[...M,...T.data.filter(_=>!M.find(D=>D._id===_._id)).map(_=>({..._,markAsRead:()=>g(_._id)}))]),m(!!T.pagination.continueCursor),O({[e]:T.pagination.continueCursor}),v(T.unread)}catch{}finally{f(!1),d(!1)}},[u,g,i,r]);Be(()=>{I()},[I]),Be(()=>{t([])},[r]),Be(()=>{let P=(T,{counts:M})=>{v(M.unread),t(_=>[...T.filter(D=>{let Ut=_.findIndex(wn=>wn._id===D._id);return Ut!==-1?(_[Ut]={...D,markAsRead:()=>g(D._id)},!1):!0}).map(D=>({...D,markAsRead:()=>g(D._id)})),..._])};return r.notification.on(P),()=>{r.notification.off(P)}},[g,r]);let E=We(()=>{I()},[I]);return Be(()=>{t([]),m(!0),d(!0),I()},[r]),{notifications:n,isLoading:u,isFirstLoad:c,isError:i,error:a,hasMore:p,unread:x,fetchMore:E,markAllAsRead:N}};import{useContext as Da}from"react";import{jsx as za}from"react/jsx-runtime";var Wa=R({loader:{textAlign:"center",padding:"20px 0"}}),Ba=()=>{let r=Wa(),{locale:e}=Da(H);return za("div",{className:y(r.loader),children:e.components.Loader.loading})},Ft=Ba;import{useContext as $a}from"react";import{jsx as Vt,jsxs as Ga}from"react/jsx-runtime";var Ua=R({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:k}),Ha=({markAllAsRead:r})=>{let e=Ua(),{locale:n}=$a(H);return Ga("div",{className:y(e.notificationHeader),children:[Vt("h2",{className:y(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Vt("div",{children:Vt(F,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Lt=Ha;import Xa from"sanitize-html";import{jsx as ze,jsxs as Ka}from"react/jsx-runtime";var Ja=R({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:k}),qa=({notification:r})=>{let e=Ja();return Ka("div",{className:y(e.actions,`${k}-actions`),children:[!r.isRead&&ze(F,{icon:!0,onClick:r.markAsRead,className:y(e.button),children:ze(It,{width:12,height:12})}),ze(F,{icon:!0,className:y(e.button),children:ze(Et,{width:12,height:12})})]})},yn=qa;import{jsx as L,jsxs as Dt}from"react/jsx-runtime";var Ya=R({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",[`& .${k}-actions`]:{visibility:"hidden",opacity:0,transition:"0.3s ease-in-out"},[`&:hover .${k}-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:k}),Za=({notification:r})=>{let e=Ya();return Dt("div",{className:y(e.notificationItem),children:[Dt("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:y(e.notificationItemImage)})}),Dt("div",{style:{flex:1,overflow:"hidden"},children:[L("h3",{className:y(e.notificationItemTitle),children:r.title}),L("div",{dangerouslySetInnerHTML:{__html:Xa(r.message)},className:y(e.notificationItemBody)})]}),!r.isRead&&L("div",{className:y(e.unreadDot)})]}),L("div",{className:y(e.notificationItemActions),children:r.actionButtons?.map(n=>L("a",{href:n.href,target:n.target,children:L(F,{variant:"secondary",children:n.label})},n.href))}),L(yn,{notification:r})]})},Wt=Za;import{useEffect as bn,useMemo as Bt,useState as xn}from"react";import{jsx as ts}from"react/jsx-runtime";var Qa=R({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:k}),es=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=Qa(),[o,a]=xn(null),[s,u]=xn(typeof window>"u"?0:window.innerWidth),f=Bt(()=>{if(!e)return 0;let p=e.getBoundingClientRect();return p.top+p.height+20},[e,s]),c=Bt(()=>e?e.getBoundingClientRect().left+10:0,[e,s]),d=Bt(()=>{if(!o||!e)return!0;let p=e.getBoundingClientRect(),m=o.getBoundingClientRect();return p.left+m.width>s},[o,e,s]);return bn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),bn(()=>{let p=()=>{u(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),ts("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})},zt=es;import{Fragment as $e,jsx as j,jsxs as $t}from"react/jsx-runtime";var is=R({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:k}),os={Bell:_t,Button:F,NotificationHeader:Lt,Empty:jt,Loader:Ft,NotificationItem:Wt,NotificationPopover:zt,NotificationError:Mt},as=({components:r})=>{let[e,n]=Sn(null),[t,i]=Sn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:u,NotificationItem:f,NotificationPopover:c,NotificationError:d}={...os,...r},p=rs(()=>{i(P=>!P)},[]),{notifications:m,unread:x,isFirstLoad:v,hasMore:w,fetchMore:O,isError:g,error:N,markAllAsRead:I}=gn(),E=is();return $t($e,{children:[j(o,{onClick:P=>{P.stopPropagation(),p()},ref:n,active:t,counts:x}),j(c,{open:t,anchorElement:e,onClose:p,children:$t("div",{className:y(E.inboxContent),children:[j(u,{markAllAsRead:I}),j("div",{className:y(E.inboxContentList),children:$t(ns,{loadMore:O,hasMore:w&&!g,loader:j(s,{},0),useWindow:!1,children:[v?j($e,{}):j($e,{children:m.length?j($e,{children:m.map(P=>j(f,{notification:P},P._id))}):j(a,{})}),g&&j(d,{message:N?.message})]})})]})})]})},Pn=as;export{_t as Bell,F as Button,jt as Empty,Pn as Inbox,Ft as Loader,Mt as NotificationError,Lt as NotificationHeader,Wt as NotificationItem,zt as NotificationPopover,Pn as TeknifyInbox};
|
|
10
10
|
/*! Bundled license information:
|
|
11
11
|
|
|
12
12
|
react-is/cjs/react-is.production.min.js:
|
package/dist/esm/hooks/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{useCallback as f,useContext as b,useEffect as u,useState as i}from"react";import{TeknifyClient as V}from"@tnf-dev/js";import{createContext as F,useMemo as H}from"react";import{jsx as O}from"react/jsx-runtime";var N=F({applicationId:"",subscriberId:""});var B=()=>{let{client:
|
|
2
|
+
import{useCallback as f,useContext as b,useEffect as u,useState as i}from"react";import{TeknifyClient as V}from"@tnf-dev/js";import{createContext as F,useMemo as H}from"react";import{jsx as O}from"react/jsx-runtime";var N=F({applicationId:"",subscriberId:""});var B=()=>{let{client:t,subscriberId:p}=b(N),[P,a]=i([]),[l,M]=i(!1),[h,w]=i(null),[m,k]=i(!1),[A,C]=i(!0),[R,y]=i(!0),[_,x]=i(0),[L,T]=i({}),c=f(async e=>{try{a(o=>o.map(n=>n._id===e?{...n,isRead:!0}:n)),await t.notification.markAsRead(e)}catch{a(n=>n.map(r=>r._id===e?{...r,isRead:!1}:r))}},[t]),I=f(async()=>{await t.notification.markAllAsRead(),a(e=>e.map(o=>({...o,isRead:!0})))},[t]),d=f(async()=>{if(!(m||l))try{k(!0);let e=L?.[p],o=await t.notification.getNotifications({...e?{cursor:e}:{}});a(n=>[...n,...o.data.filter(r=>!n.find(s=>s._id===r._id)).map(r=>({...r,markAsRead:()=>c(r._id)}))]),y(!!o.pagination.continueCursor),T({[p]:o.pagination.continueCursor}),x(o.unread)}catch{}finally{k(!1),C(!1)}},[m,c,l,t]);u(()=>{d()},[d]),u(()=>{a([])},[t]),u(()=>{let e=(o,{counts:n})=>{x(n.unread),a(r=>[...o.filter(s=>{let g=r.findIndex(v=>v._id===s._id);return g!==-1?(r[g]={...s,markAsRead:()=>c(s._id)},!1):!0}).map(s=>({...s,markAsRead:()=>c(s._id)})),...r])};return t.notification.on(e),()=>{t.notification.off(e)}},[c,t]);let E=f(()=>{d()},[d]);return u(()=>{a([]),y(!0),C(!0),d()},[t]),{notifications:P,isLoading:m,isFirstLoad:A,isError:l,error:h,hasMore:R,unread:_,fetchMore:E,markAllAsRead:I}};export{B as useNotifications};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{useCallback as u,useContext as b,useEffect as f,useState as i}from"react";import{TeknifyClient as V}from"@tnf-dev/js";import{createContext as F,useMemo as H}from"react";import{jsx as O}from"react/jsx-runtime";var N=F({applicationId:"",subscriberId:""});var B=()=>{let{client:
|
|
2
|
+
import{useCallback as u,useContext as b,useEffect as f,useState as i}from"react";import{TeknifyClient as V}from"@tnf-dev/js";import{createContext as F,useMemo as H}from"react";import{jsx as O}from"react/jsx-runtime";var N=F({applicationId:"",subscriberId:""});var B=()=>{let{client:r,subscriberId:k}=b(N),[P,a]=i([]),[l,M]=i(!1),[h,w]=i(null),[m,p]=i(!1),[A,C]=i(!0),[R,y]=i(!0),[_,g]=i(0),[L,T]=i({}),c=u(async e=>{try{a(o=>o.map(n=>n._id===e?{...n,isRead:!0}:n)),await r.notification.markAsRead(e)}catch{a(n=>n.map(t=>t._id===e?{...t,isRead:!1}:t))}},[r]),I=u(async()=>{await r.notification.markAllAsRead(),a(e=>e.map(o=>({...o,isRead:!0})))},[r]),d=u(async()=>{if(!(m||l))try{p(!0);let e=L?.[k],o=await r.notification.getNotifications({...e?{cursor:e}:{}});a(n=>[...n,...o.data.filter(t=>!n.find(s=>s._id===t._id)).map(t=>({...t,markAsRead:()=>c(t._id)}))]),y(!!o.pagination.continueCursor),T({[k]:o.pagination.continueCursor}),g(o.unread)}catch{}finally{p(!1),C(!1)}},[m,c,l,r]);f(()=>{d()},[d]),f(()=>{a([])},[r]),f(()=>{let e=(o,{counts:n})=>{g(n.unread),a(t=>[...o.filter(s=>{let x=t.findIndex(v=>v._id===s._id);return x!==-1?(t[x]={...s,markAsRead:()=>c(s._id)},!1):!0}).map(s=>({...s,markAsRead:()=>c(s._id)})),...t])};return r.notification.on(e),()=>{r.notification.off(e)}},[c,r]);let E=u(()=>{d()},[d]);return f(()=>{a([]),y(!0),C(!0),d()},[r]),{notifications:P,isLoading:m,isFirstLoad:A,isError:l,error:h,hasMore:R,unread:_,fetchMore:E,markAllAsRead:I}};export{B as useNotifications};
|