@tnf-dev/react 1.0.6-1 → 1.0.6-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cjs/components/inbox/inbox.cjs +7 -7
  2. package/dist/cjs/components/inbox/index.cjs +8 -8
  3. package/dist/cjs/components/index.cjs +8 -8
  4. package/dist/cjs/hooks/index.cjs +1 -1
  5. package/dist/cjs/hooks/useNotifications.cjs +1 -1
  6. package/dist/cjs/index.cjs +7 -7
  7. package/dist/esm/components/inbox/inbox.js +1 -1
  8. package/dist/esm/components/inbox/index.js +1 -1
  9. package/dist/esm/components/index.js +1 -1
  10. package/dist/esm/hooks/index.js +1 -1
  11. package/dist/esm/hooks/useNotifications.js +1 -1
  12. package/dist/esm/index.js +1 -1
  13. package/package.json +2 -2
package/dist/esm/hooks/useNotifications.js CHANGED
@@ -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: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};
2
+ import{useCallback as d,useContext as F,useEffect as f,useState as s}from"react";import{TeknifyClient as V}from"@tnf-dev/js";import{createContext as v,useMemo as H}from"react";import{jsx as O}from"react/jsx-runtime";var N=v({applicationId:"",subscriberId:""});var B=()=>{let{client:n,subscriberId:p}=F(N),[P,a]=s([]),[l,M]=s(!1),[h,w]=s(null),[m,C]=s(!1),[A,k]=s(!0),[R,g]=s(!0),[_,y]=s(0),[L,T]=s({}),c=d(async e=>{try{a(r=>r.map(o=>o._id===e?{...o,isRead:!0}:o)),await n.notification.markAsRead(e)}catch{a(o=>o.map(t=>t._id===e?{...t,isRead:!1}:t))}},[n]),I=d(async()=>{await n.notification.markAllAsRead(),a(e=>e.map(r=>({...r,isRead:!0})))},[n]),u=d(async()=>{if(!(m||l))try{C(!0);let e=L?.[p],r=await n.notification.getNotifications({...e?{cursor:e}:{}});a(o=>[...o,...r.data.filter(t=>!o.find(i=>i._id===t._id)).map(t=>({...t,markAsRead:()=>c(t._id)}))]),console.debug({cursor:e,continueCursor:r.pagination.continueCursor}),g(!!r.pagination.continueCursor&&r.pagination.continueCursor!==e),T({[p]:r.pagination.continueCursor}),y(r.unread)}catch{}finally{C(!1),k(!1)}},[m,c,l,n]);f(()=>{u()},[u]),f(()=>{a([])},[n]),f(()=>{let e=(r,{counts:o})=>{y(o.unread),a(t=>[...r.filter(i=>{let x=t.findIndex(b=>b._id===i._id);return x!==-1?(t[x]={...i,markAsRead:()=>c(i._id)},!1):!0}).map(i=>({...i,markAsRead:()=>c(i._id)})),...t])};return n.notification.on(e),()=>{n.notification.off(e)}},[c,n]);let E=d(()=>{u()},[u]);return f(()=>{a([]),g(!0),k(!0),u()},[n]),{notifications:P,isLoading:m,isFirstLoad:A,isError:l,error:h,hasMore:R,unread:_,fetchMore:E,markAllAsRead:I}};export{B as useNotifications};
package/dist/esm/index.js CHANGED
@@ -6,7 +6,7 @@ var Nn=Object.create;var Ht=Object.defineProperty;var On=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 f=gr(o,i);if(s=vr(o,a.toString({children:!1}),f),s===!1)return!1;this.refCssRule(t,f,s)}return this.insertRules(a.rules,s),s}var u=t.toString();if(!u)return!1;var c=gr(o,i),d=vr(o,u,c);return d===!1?!1:(this.hasInsertedRules=!0,this.refCssRule(t,c,d),d)},e.refCssRule=function(t,i,o){t.renderable=o,t.options.parent instanceof 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}(),Bi=0,zi=function(){function r(n){this.id=Bi++,this.version="10.10.0",this.plugins=new Ci,this.options={id:{minify:!1},createGenerateId:ct,Renderer:L?Wi: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 zi(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 Xs=ae();var Pr=Date.now(),mt="fnValues"+Pr,vt="fnStyle"+ ++Pr,$i=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 f in a.style);var u=a[mt];if(u)for(var c in u)a.prop(c,u[c](n),o)}}},wr=$i;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 Ui=gt(Q),yt=Ui;var Rr=function(e){return e&&e[yt]&&e===e[yt]()},Hi=function(e){return{onCreateRule:function(t,i,o){if(!Rr(i))return null;var a=i,s=Y(t,{},o);return a.subscribe(function(f){for(var u in f)s.prop(u,f[u],e)}),s},onProcessRule:function(t){if(!(t&&t.type!=="style")){var i=t,o=i.style,a=function(c){var d=o[c];if(!Rr(d))return"continue";delete o[c],d.subscribe({next:function(m){i.prop(c,m,e)}})};for(var s in o)var f=a(s)}}}},kr=Hi;var Gi=/;\n/,Ji=function(e){for(var n={},t=e.split(Gi),i=0;i<t.length;i++){var o=(t[i]||"").trim();if(o){var a=o.indexOf(":");if(a!==-1){var s=o.substr(0,a).trim(),f=o.substr(a+1).trim();n[s]=f}}}return n},qi=function(e){typeof e.style=="string"&&(e.style=Ji(e.style))};function Ki(){return{onProcessRule:qi}}var Cr=Ki;var $="@global",bt="@global ",Xi=function(){function r(n,t,i){this.type="global",this.at=$,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}(),Yi=function(){function r(n,t,i){this.type="global",this.at=$,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}(),Zi=/\s*,\s*/g;function Nr(r,e){for(var n=r.split(Zi),t="",i=0;i<n.length;i++)t+=e+" "+n[i].trim(),n[i+1]&&(t+=", ");return t}function Qi(r,e){var n=r.options,t=r.style,i=t?t[$]:null;if(i){for(var o in i)e.addRule(o,i[o],S({},n,{selector:Nr(o,r.selector)}));delete t[$]}}function eo(r,e){var n=r.options,t=r.style;for(var i in t)if(!(i[0]!=="@"||i.substr(0,$.length)!==$)){var o=Nr(i.substr($.length),r.selector);e.addRule(o,t[i],S({},n,{selector:o})),delete t[i]}}function to(){function r(n,t,i){if(!n)return null;if(n===$)return new Xi(n,t,i);if(n[0]==="@"&&n.substr(0,bt.length)===bt)return new Yi(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||(Qi(n,t),eo(n,t))}return{onCreateRule:r,onProcessRule:e}}var Or=to;var Te=function(e){return e&&typeof e=="object"&&!Array.isArray(e)},xt="extendCurrValue"+Date.now();function ro(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 f=0;f<r.extend.length;f++){var u=r.extend[f],c=typeof u=="string"?S({},r,{extend:u}):r.extend[f];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 no(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={}),ro(r,e,n,t),no(r,e,n,t),t}function io(){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=io;var Er=/\s*,\s*/g,oo=/&/g,ao=/\$([\w-]+)/g;function so(){function r(i,o){return function(a,s){var f=i.getRule(s)||o&&o.getRule(s);return f?f.selector:s}}function e(i,o){for(var a=o.split(Er),s=i.split(Er),f="",u=0;u<a.length;u++)for(var c=a[u],d=0;d<s.length;d++){var p=s[d];f&&(f+=", "),f+=p.indexOf("&")!==-1?p.replace(oo,c):c+" "+p}return f}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 f=S({},i.options,{nestingLevel:s,index:o.indexOf(i)+1});return delete f.name,f}function t(i,o,a){if(o.type!=="style")return i;var s=o,f=s.options.parent,u,c;for(var d in i){var p=d.indexOf("&")!==-1,m=d[0]==="@";if(!(!p&&!m)){if(u=n(s,f,u),p){var b=e(d,s.selector);c||(c=r(f,a)),b=b.replace(ao,c);var v=s.key+"-"+d;"replaceRule"in f?f.replaceRule(v,i[d],S({},u,{selector:b})):f.addRule(v,i[d],S({},u,{selector:b}))}else m&&f.addRule(d,{},u).addRule(s.key,i[d],{selector:s.selector});delete i[d]}}return i}return{onProcessStyle:t}}var Ar=so;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 lo(){function r(e,n){return"composes"in e&&(St(n,e.composes),delete e.composes),e}return{onProcessStyle:r}}var Ir=lo;var fo=/[A-Z]/g,uo=/^ms-/,Pt={};function co(r){return"-"+r.toLowerCase()}function ho(r){if(Pt.hasOwnProperty(r))return Pt[r];var e=r.replace(fo,co);return Pt[r]=uo.test(e)?"-"+e:e}var wt=ho;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 po(){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=po;var l=Oe&&CSS?CSS.px:"px",Ae=Oe&&CSS?CSS.ms:"ms",ee=Oe&&CSS?CSS.percent:"%",mo={"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 vo=jr(mo);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]||vo[r];return a&&!(e===0&&a===l)?typeof a=="function"?a(e).toString():""+e+a:e.toString()}return e}function go(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=go;var yo={"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},bo={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 xo(r,e,n){return r.map(function(t){return Lr(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"?xo(r,e,t):[r]}function Lr(r,e,n,t,i){if(!(Ie[e]||Rt[e]))return[];var o=[];if(Rt[e]&&(r=So(r,n,Rt[e],t)),Object.keys(r).length)for(var a in Ie[e]){if(r[a]){Array.isArray(r[a])?o.push(bo[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 So(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,yo,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]=Lr(i,t,e,n),r[t].length||delete r[t]}else r[t]===""&&delete r[t]}return r}function Po(){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 Vr=Po;function fe(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 fe(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 fe(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)?fe(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 ue="",kt="",Jr="",qr="",wo=L&&"ontouchstart"in document.documentElement;if(L){_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){ue=Me,kt=_e[Me];break}ue==="Webkit"&&"msHyphens"in je&&(ue="ms",kt=_e.ms,qr="edge"),ue==="Webkit"&&"-apple-trailing-word"in je&&(Jr="apple")}var _e,Ur,je,Hr,Me,h={js:ue,css:kt,vendor:Jr,browser:qr,isTouch:wo};function Kr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var Ro={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},ko={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},Co=/[-\s]+(.)?/g;function No(r,e){return e?e.toUpperCase():""}function Ct(r){return r.replace(Co,No)}function H(r){return Ct("-"+r)}var Oo={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+H(t)in n)return h.css+e}return e}},To={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},Eo={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},Ao={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},Io={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},_o={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},jo={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+H(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+H(e);return i in n?"page-"+e:!1}return!1}},Mo={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+H(t)in n?h.css+t:!1}},Fo={supportedProperty:function(e,n){return Ct(e)in n?e:!1}},Lo={supportedProperty:function(e,n){var t=H(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}},Vo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Do={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Wo={"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"},Bo={supportedProperty:function(e,n){var t=Wo[e];return t&&h.js+H(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"},zo=Object.keys(Xr),$o=function(e){return h.css+e},Uo={supportedProperty:function(e,n,t){var i=t.multiple;if(zo.indexOf(e)>-1){var o=Xr[e];if(!Array.isArray(o))return h.js+H(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+H(o[0])in n))return!1;return o.map($o)}return!1}},Yr=[Ro,ko,Oo,To,Eo,Ao,Io,_o,jo,Mo,Fo,Lo,Vo,Do,Bo,Uo],Gr=Yr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),Ho=Yr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,$r(e.noPrefill)),r},[]),ce,X={};if(L){ce=document.createElement("p"),Fe=window.getComputedStyle(document.documentElement,"");for(Le in Fe)isNaN(Le)||(X[Fe[Le]]=Fe[Le]);Ho.forEach(function(r){return delete X[r]})}var Fe,Le;function Ve(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={},Go={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Jo=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,U;function qo(r,e,n){if(e==="var")return"var";if(e==="all")return"all";if(n==="all")return", all";var t=e?Ve(e):", "+Ve(n);return t||e||n}L&&(U=document.createElement("p"));function Nt(r,e){var n=e;if(!U||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{U.style[r]=n}catch{return te[t]=!1,!1}if(Go[r])n=n.replace(Jo,qo);else if(U.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&(U.style[r]="-ms-flexbox"),U.style[r]=n,U.style[r]===""))return te[t]=!1,!1;return U.style[r]="",te[t]=n,te[t]}function Ko(){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,f=Ve(o);f&&f!==o&&(s=!0);var u=!1,c=Nt(f,z(a));c&&c!==a&&(u=!0),(s||u)&&(s&&delete i[o],i[f||o]=c||a)}return i}function n(i,o){return o.type!=="style"?i:e(i)}function t(i,o){return Nt(o,z(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Zr=Ko;function Xo(){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=Xo;var Yo=function(e){return e===void 0&&(e={}),{plugins:[wr(),kr(e.observable),Cr(),Or(),Tr(),Ar(),Ir(),_r(),Mr(e.defaultUnit),Vr(),Zr(),Qr()]}},De=Yo;function Zo(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var en=Zo;var Qo=/^((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)-.*))$/,rf=en(function(r){return Qo.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var ea=1e4,ta=ae(De()),ra=function(e){e===void 0&&(e=ta);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>ea)&&(i=e.createStyleSheet().attach()),i};function a(){var s=arguments,f=JSON.stringify(s),u=n.get(f);if(u)return u.className;var c=[];for(var d in s){var p=s[d];if(!Array.isArray(p)){c.push(p);continue}for(var m=0;m<p.length;m++)c.push(p[m])}for(var b={},v=[],R=0;R<c.length;R++){var O=c[R];if(O){var y=O;if(typeof O=="string"){var N=n.get(O);N&&(N.labels.length&&v.push.apply(v,N.labels),y=N.style)}y.label&&v.indexOf(y.label)===-1&&v.push(y.label),Object.assign(b,y)}}delete b.label;var E=v.length===0?"css":v.join("-"),A=E+"-"+t++;o().addRule(A,b);var P=o().classes[A],T={style:b,labels:v,className:P};return n.set(f,T),n.set(P,T),P}return a.getSheet=o,a},na=ra(),tn=na;var ua=Number.MIN_SAFE_INTEGER||-1e9,ca=function(){return ua++},da=oa({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!L}),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)}},ha=function(e){if(e.sheet){var n=Tt(e.context,e.index);n.unmanage(e.theme)}},pa=ae(De()),un=new WeakMap,cn=function(e){return un.get(e)},ma=function(e,n){un.set(e,n)},va=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function ga(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 ya=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||pa,o=va(e),a=pt(o),s=i.createStyleSheet(o,ga(e,a!==null));return ma(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},ba=function(e,n){for(var t in n)e.deleteRule(n[t])},xa=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},Sa=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]),f=a;f<e.rules.index.length;f++){var u=e.rules.index[f];e.updateOne(u,n),i[s===u?o:u.key]=u}return i}},Pa=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?fn:ia.useInsertionEffect||sa}var Ot={},w=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?ca():i,a=t.theming,s=t.name,f=he(t,["index","theming","name"]),u=a&&a.context||Qe,c=function(m){return typeof e=="function"&&(m||rn(u))||Ot},d={};return function(m){var b=aa(!0),v=rn(da),R=c(m&&m.theme),O=nn(function(){var A=ya({context:v,styles:e,name:s,theme:R,index:o,sheetOptions:f});return A&&v.isSSR&&sn({index:o,context:v,sheet:A,theme:R}),[A,A?Sa(A,m):null]},[v,R]),y=O[0],N=O[1];ln(v.isSSR)(function(){y&&N&&!b.current&&xa(m,y,N)},[m]),ln(v.isSSR)(function(){return y&&sn({index:o,context:v,sheet:y,theme:R}),function(){y&&(ha({index:o,context:v,sheet:y,theme:R}),N&&ba(y,N))}},[y]);var E=nn(function(){return y&&N?Pa(y,N):d},[y,N]);return on(E),on(R===Ot?"No theme":R),fn(function(){b.current=!1}),E}};var Sf=Symbol("react-jss-styled");var wa=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 la.apply(void 0,o)}},Pf=wa();var k="teknify";import{jsx as dn}from"react/jsx-runtime";var Ra=r=>dn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:dn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"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=Ra;import{jsx as hn}from"react/jsx-runtime";var ka=r=>hn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:hn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"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=ka;import{jsx as pn}from"react/jsx-runtime";var Ca=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=Ca;import{jsx as vn,jsxs as Ta}from"react/jsx-runtime";var Na=w({button:r=>({width:40,height:40,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",backgroundColor:"#fff",border:"none",cursor:"pointer",transition:"all 0.2s ease-in-out",position:"relative","&:hover":{backgroundColor:"#f5f5f5"},...r.active&&{backgroundColor:"#f1f1f1"}}),badge:{position:"absolute",top:0,right:0,padding:"2px 6px",height:18,minWidth:18,backgroundColor:"red",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:100,color:"#fff",fontSize:10,visibility:"hidden",opacity:0,transition:"all 0.2s ease-in-out",scale:.8,userSelect:"none"},badgeOpen:{visibility:"visible",opacity:1,scale:1}},{name:k}),Oa=({className:r,counts:e,active:n,...t})=>{let i=Na({counts:e,active:n}),o=mn(()=>e<=99?`${e}`:"99+",[e]),a=mn(()=>e>0,[e]);return Ta("button",{...t,className:`${i.button} ${r}`,children:[vn(At,{width:24,height:24}),vn("div",{className:g(i.badge,a&&i.badgeOpen),children:o})]})},_t=Oa;import{jsx as Ia}from"react/jsx-runtime";var Ea=w({button:r=>({textDecoration:"none",background:`var(--${r.variant}-color)`,borderRadius:"var(--border-radius)",color:r.variant==="tertiary"?"#000":"#fff",fontWeight:500,border:"none",cursor:"pointer",fontSize:12,...r.icon?{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"}:{minWidth:100,padding:"8px 12px"},"&:hover":{background:`var(--${r.variant}-color-darker)`}})},{name:k}),Aa=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Ea({variant:e,icon:n});return Ia("button",{...t,className:g(i.button,r)})},F=Aa;import{useContext as Ba}from"react";import{TeknifyClient as Fa}from"@tnf-dev/js";import{createContext as La,useMemo as Va}from"react";var gn={components:{NotificationHeader:{notifications:"Notifications",readAll:"Read all"},Empty:{noNotifications:"No notifications"},Loader:{loading:"Loading..."},NotificationItem:{markAsRead:"Mark as read"}}};import{jsx as Ma}from"react/jsx-runtime";var _a=w({styleProvider:{fontFamily:"inherit, sans-serif",fontSize:13,"--background-color":"#f1f1f1","--card-background-color":"#fff","--primary-color":"#000088","--secondary-color":"#00C16E","--tertiary-color":"#f6f6f6","--primary-color-darker":"#000066","--secondary-color-darker":"#009955","--border-radius":"12px","& *::-webkit-scrollbar":{width:8,height:8},"& *::-webkit-scrollbar-thumb":{borderRadius:10,background:"#0003"}}}),ja=({children:r})=>{let e=_a();return Ma("div",{className:g(e.styleProvider),children:r})},yn=ja;import{jsx as bn}from"react/jsx-runtime";var V=La({applicationId:"",subscriberId:""}),Da=({applicationId:r,subscriberId:e,children:n,language:t,baseUrl:i,locale:o,socketUrl:a})=>{let s=Va(()=>({applicationId:r,subscriberId:e,client:new Fa({applicationId:r,subscriberId:e,language:t,baseUrl:i,socketUrl:a}),locale:{...gn,...o}}),[r,e,t,i,a,o]);return bn(V.Provider,{value:s,children:bn(yn,{children:n})})},Wa=Da;import{jsx as Ua}from"react/jsx-runtime";var za=w({empty:{textAlign:"center",padding:"20px 0"}},{name:k}),$a=()=>{let r=za(),{locale:e}=Ba(V);return Ua("div",{className:g(r.empty),children:e.components.Empty.noNotifications})},jt=$a;import{jsx as Ja}from"react/jsx-runtime";var Ha=w({error:{padding:10}}),Ga=({message:r})=>{let e=Ha();return Ja("div",{className:g(e.error),children:r})},Mt=Ga;import{useCallback as ds,useState as Rn}from"react";import hs from"react-infinite-scroller";import{useCallback as We,useContext as qa,useEffect as Be,useState as G}from"react";var xn=()=>{let{client:r,subscriberId:e}=qa(V),[n,t]=G([]),[i,o]=G(!1),[a,s]=G(null),[f,u]=G(!1),[c,d]=G(!0),[p,m]=G(!0),[b,v]=G(0),[R,O]=G({}),y=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]),E=We(async()=>{if(!(f||i))try{u(!0);let P=R?.[e],T=await r.notification.getNotifications({...P?{cursor:P}:{}});t(M=>[...M,...T.data.filter(_=>!M.find(W=>W._id===_._id)).map(_=>({..._,markAsRead:()=>y(_._id)}))]),m(!!T.pagination.continueCursor),O({[e]:T.pagination.continueCursor}),v(T.unread)}catch{}finally{u(!1),d(!1)}},[f,y,i,r]);Be(()=>{E()},[E]),Be(()=>{t([])},[r]),Be(()=>{let P=(T,{counts:M})=>{v(M.unread),t(_=>[...T.filter(W=>{let Ut=_.findIndex(Cn=>Cn._id===W._id);return Ut!==-1?(_[Ut]={...W,markAsRead:()=>y(W._id)},!1):!0}).map(W=>({...W,markAsRead:()=>y(W._id)})),..._])};return r.notification.on(P),()=>{r.notification.off(P)}},[y,r]);let A=We(()=>{E()},[E]);return Be(()=>{t([]),m(!0),d(!0),E()},[r]),{notifications:n,isLoading:f,isFirstLoad:c,isError:i,error:a,hasMore:p,unread:b,fetchMore:A,markAllAsRead:N}};import{useContext as Ka}from"react";import{jsx as Za}from"react/jsx-runtime";var Xa=w({loader:{textAlign:"center",padding:"20px 0"}}),Ya=()=>{let r=Xa(),{locale:e}=Ka(V);return Za("div",{className:g(r.loader),children:e.components.Loader.loading})},Ft=Ya;import{useContext as Qa}from"react";import{jsx as Lt,jsxs as rs}from"react/jsx-runtime";var es=w({notificationHeader:{padding:"10px 15px",borderBottom:"1px solid #0001",display:"flex",justifyContent:"space-between",background:"var(--card-background-color)",borderRadius:"5px 5px 0 0",height:36,alignItems:"center"},notificationHeaderTitle:{fontSize:15,fontWeight:600,flex:1}},{name:k}),ts=({markAllAsRead:r})=>{let e=es(),{locale:n}=Qa(V);return rs("div",{className:g(e.notificationHeader),children:[Lt("h2",{className:g(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Lt("div",{children:Lt(F,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Vt=ts;import as from"sanitize-html";import{jsx as ze,jsxs as os}from"react/jsx-runtime";var ns=w({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:k}),is=({notification:r})=>{let e=ns();return os("div",{className:g(e.actions,`${k}-actions`),children:[!r.isRead&&ze(F,{icon:!0,onClick:r.markAsRead,className:g(e.button),children:ze(It,{width:12,height:12})}),ze(F,{icon:!0,className:g(e.button),children:ze(Et,{width:12,height:12})})]})},Sn=is;import{jsx as D,jsxs as Dt}from"react/jsx-runtime";var ss=w({notificationItem:{padding:"10px 15px",display:"flex",flexWrap:"wrap",columnGap:10,flexDirection:"column",margin:10,background:"var(--card-background-color)",borderRadius:10,border:"1px solid #ddd",position:"relative",[`& .${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}),ls=({notification:r})=>{let e=ss();return Dt("div",{className:g(e.notificationItem),children:[Dt("div",{style:{display:"flex",gap:10,width:"100%"},children:[D("div",{children:r.icon&&D("img",{src:r.icon,alt:r.title,width:32,height:32,className:g(e.notificationItemImage)})}),Dt("div",{style:{flex:1,overflow:"hidden"},children:[D("h3",{className:g(e.notificationItemTitle),children:r.title}),D("div",{dangerouslySetInnerHTML:{__html:as(r.message)},className:g(e.notificationItemBody)})]}),!r.isRead&&D("div",{className:g(e.unreadDot)})]}),D("div",{className:g(e.notificationItemActions),children:r.actionButtons?.map(n=>D("a",{href:n.href,target:n.target,children:D(F,{variant:"secondary",children:n.label})},n.href))}),D(Sn,{notification:r})]})},Wt=ls;import{useEffect as Pn,useMemo as Bt,useState as wn}from"react";import{jsx as cs}from"react/jsx-runtime";var fs=w({popover:{width:"100%",height:"100%",maxWidth:400,maxHeight:500,boxShadow:"0 10px 40px #0001",position:"fixed",background:"#fff",borderRadius:10,visibility:"hidden",opacity:0,scale:.8,transition:"all 0.3s",backgroundColor:"var(--background-color)",border:"1px solid var(--card-background-color)"},popoverOpen:{top:0,left:0,visibility:"visible",opacity:1,scale:1}},{name:k}),us=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=fs(),[o,a]=wn(null),[s,f]=wn(typeof window>"u"?0:window.innerWidth),u=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 Pn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),Pn(()=>{let p=()=>{f(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),cs("div",{className:g(i.popover,r&&i.popoverOpen),style:{top:u,left:c,...d?{transform:"translateX(calc(-100% + 20px))"}:{}},ref:a,onClick:p=>{p.stopPropagation()},children:t})},zt=us;import{Fragment as $e,jsx as j,jsxs as $t}from"react/jsx-runtime";var ps=w({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:k}),ms={Bell:_t,Button:F,NotificationHeader:Vt,Empty:jt,Loader:Ft,NotificationItem:Wt,NotificationPopover:zt,NotificationError:Mt},vs=({components:r})=>{let[e,n]=Rn(null),[t,i]=Rn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:f,NotificationItem:u,NotificationPopover:c,NotificationError:d}={...ms,...r},p=ds(()=>{i(P=>!P)},[]),{notifications:m,unread:b,isFirstLoad:v,hasMore:R,fetchMore:O,isError:y,error:N,markAllAsRead:E}=xn(),A=ps();return console.debug({notifications:m,unread:b,isFirstLoad:v,hasMore:R,fetchMore:O,isError:y,error:N,markAllAsRead:E}),$t($e,{children:[j(o,{onClick:P=>{P.stopPropagation(),p()},ref:n,active:t,counts:b}),j(c,{open:t,anchorElement:e,onClose:p,children:$t("div",{className:g(A.inboxContent),children:[j(f,{markAllAsRead:E}),j("div",{className:g(A.inboxContentList),children:$t(hs,{loadMore:O,hasMore:R&&!y,loader:j(s,{},0),useWindow:!1,children:[v?j($e,{}):j($e,{children:m.length?j($e,{children:m.map(P=>j(u,{notification:P},P._id))}):j(a,{})}),y&&j(d,{message:N?.message})]})})]})})]})},kn=vs;export{_t as Bell,F as Button,jt as Empty,kn as Inbox,Ft as Loader,Mt as NotificationError,Vt as NotificationHeader,Wt as NotificationItem,zt as NotificationPopover,V as TeknifyContext,kn as TeknifyInbox,Wa as TeknifyProvider,xn as useNotifications};
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 ue="",kt="",Jr="",qr="",wo=L&&"ontouchstart"in document.documentElement;if(L){_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){ue=Me,kt=_e[Me];break}ue==="Webkit"&&"msHyphens"in je&&(ue="ms",kt=_e.ms,qr="edge"),ue==="Webkit"&&"-apple-trailing-word"in je&&(Jr="apple")}var _e,Ur,je,Hr,Me,h={js:ue,css:kt,vendor:Jr,browser:qr,isTouch:wo};function Kr(r){return r[1]==="-"||h.js==="ms"?r:"@"+h.css+"keyframes"+r.substr(10)}var Ro={noPrefill:["appearance"],supportedProperty:function(e){return e!=="appearance"?!1:h.js==="ms"?"-webkit-"+e:h.css+e}},ko={noPrefill:["color-adjust"],supportedProperty:function(e){return e!=="color-adjust"?!1:h.js==="Webkit"?h.css+"print-"+e:e}},Co=/[-\s]+(.)?/g;function No(r,e){return e?e.toUpperCase():""}function Ct(r){return r.replace(Co,No)}function H(r){return Ct("-"+r)}var Oo={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+H(t)in n)return h.css+e}return e}},To={noPrefill:["text-orientation"],supportedProperty:function(e){return e!=="text-orientation"?!1:h.vendor==="apple"&&!h.isTouch?h.css+e:e}},Eo={noPrefill:["transform"],supportedProperty:function(e,n,t){return e!=="transform"?!1:t.transform?e:h.css+e}},Ao={noPrefill:["transition"],supportedProperty:function(e,n,t){return e!=="transition"?!1:t.transition?e:h.css+e}},Io={noPrefill:["writing-mode"],supportedProperty:function(e){return e!=="writing-mode"?!1:h.js==="Webkit"||h.js==="ms"&&h.browser!=="edge"?h.css+e:e}},_o={noPrefill:["user-select"],supportedProperty:function(e){return e!=="user-select"?!1:h.js==="Moz"||h.js==="ms"||h.vendor==="apple"?h.css+e:e}},jo={supportedProperty:function(e,n){if(!/^break-/.test(e))return!1;if(h.js==="Webkit"){var t="WebkitColumn"+H(e);return t in n?h.css+"column-"+e:!1}if(h.js==="Moz"){var i="page"+H(e);return i in n?"page-"+e:!1}return!1}},Mo={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+H(t)in n?h.css+t:!1}},Fo={supportedProperty:function(e,n){return Ct(e)in n?e:!1}},Lo={supportedProperty:function(e,n){var t=H(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}},Vo={supportedProperty:function(e){return e.substring(0,11)!=="scroll-snap"?!1:h.js==="ms"?""+h.css+e:e}},Do={supportedProperty:function(e){return e!=="overscroll-behavior"?!1:h.js==="ms"?h.css+"scroll-chaining":e}},Wo={"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"},Bo={supportedProperty:function(e,n){var t=Wo[e];return t&&h.js+H(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"},zo=Object.keys(Xr),$o=function(e){return h.css+e},Uo={supportedProperty:function(e,n,t){var i=t.multiple;if(zo.indexOf(e)>-1){var o=Xr[e];if(!Array.isArray(o))return h.js+H(o)in n?h.css+o:!1;if(!i)return!1;for(var a=0;a<o.length;a++)if(!(h.js+H(o[0])in n))return!1;return o.map($o)}return!1}},Yr=[Ro,ko,Oo,To,Eo,Ao,Io,_o,jo,Mo,Fo,Lo,Vo,Do,Bo,Uo],Gr=Yr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),Ho=Yr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,$r(e.noPrefill)),r},[]),ce,X={};if(L){ce=document.createElement("p"),Fe=window.getComputedStyle(document.documentElement,"");for(Le in Fe)isNaN(Le)||(X[Fe[Le]]=Fe[Le]);Ho.forEach(function(r){return delete X[r]})}var Fe,Le;function Ve(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={},Go={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Jo=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,U;function qo(r,e,n){if(e==="var")return"var";if(e==="all")return"all";if(n==="all")return", all";var t=e?Ve(e):", "+Ve(n);return t||e||n}L&&(U=document.createElement("p"));function Nt(r,e){var n=e;if(!U||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{U.style[r]=n}catch{return te[t]=!1,!1}if(Go[r])n=n.replace(Jo,qo);else if(U.style[r]===""&&(n=h.css+n,n==="-ms-flex"&&(U.style[r]="-ms-flexbox"),U.style[r]=n,U.style[r]===""))return te[t]=!1,!1;return U.style[r]="",te[t]=n,te[t]}function Ko(){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,f=Ve(o);f&&f!==o&&(s=!0);var u=!1,c=Nt(f,z(a));c&&c!==a&&(u=!0),(s||u)&&(s&&delete i[o],i[f||o]=c||a)}return i}function n(i,o){return o.type!=="style"?i:e(i)}function t(i,o){return Nt(o,z(i))||i}return{onProcessRule:r,onProcessStyle:n,onChangeValue:t}}var Zr=Ko;function Xo(){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=Xo;var Yo=function(e){return e===void 0&&(e={}),{plugins:[wr(),kr(e.observable),Cr(),Or(),Tr(),Ar(),Ir(),_r(),Mr(e.defaultUnit),Vr(),Zr(),Qr()]}},De=Yo;function Zo(r){var e={};return function(n){return e[n]===void 0&&(e[n]=r(n)),e[n]}}var en=Zo;var Qo=/^((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)-.*))$/,rf=en(function(r){return Qo.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91});var ea=1e4,ta=ae(De()),ra=function(e){e===void 0&&(e=ta);var n=new Map,t=0,i,o=function(){return(!i||i.rules.index.length>ea)&&(i=e.createStyleSheet().attach()),i};function a(){var s=arguments,f=JSON.stringify(s),u=n.get(f);if(u)return u.className;var c=[];for(var d in s){var p=s[d];if(!Array.isArray(p)){c.push(p);continue}for(var m=0;m<p.length;m++)c.push(p[m])}for(var b={},v=[],R=0;R<c.length;R++){var O=c[R];if(O){var y=O;if(typeof O=="string"){var N=n.get(O);N&&(N.labels.length&&v.push.apply(v,N.labels),y=N.style)}y.label&&v.indexOf(y.label)===-1&&v.push(y.label),Object.assign(b,y)}}delete b.label;var E=v.length===0?"css":v.join("-"),A=E+"-"+t++;o().addRule(A,b);var P=o().classes[A],T={style:b,labels:v,className:P};return n.set(f,T),n.set(P,T),P}return a.getSheet=o,a},na=ra(),tn=na;var ua=Number.MIN_SAFE_INTEGER||-1e9,ca=function(){return ua++},da=oa({classNamePrefix:"",disableStylesGeneration:!1,isSSR:!L}),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)}},ha=function(e){if(e.sheet){var n=Tt(e.context,e.index);n.unmanage(e.theme)}},pa=ae(De()),un=new WeakMap,cn=function(e){return un.get(e)},ma=function(e,n){un.set(e,n)},va=function(e){var n=e.styles;return typeof n!="function"?n:n(e.theme)};function ga(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 ya=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||pa,o=va(e),a=pt(o),s=i.createStyleSheet(o,ga(e,a!==null));return ma(s,{dynamicStyles:a,styles:o}),n.add(e.theme,s),s}},ba=function(e,n){for(var t in n)e.deleteRule(n[t])},xa=function(e,n,t){for(var i in t)n.updateOne(t[i],e)},Sa=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]),f=a;f<e.rules.index.length;f++){var u=e.rules.index[f];e.updateOne(u,n),i[s===u?o:u.key]=u}return i}},Pa=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?fn:ia.useInsertionEffect||sa}var Ot={},w=function(e,n){n===void 0&&(n={});var t=n,i=t.index,o=i===void 0?ca():i,a=t.theming,s=t.name,f=he(t,["index","theming","name"]),u=a&&a.context||Qe,c=function(m){return typeof e=="function"&&(m||rn(u))||Ot},d={};return function(m){var b=aa(!0),v=rn(da),R=c(m&&m.theme),O=nn(function(){var A=ya({context:v,styles:e,name:s,theme:R,index:o,sheetOptions:f});return A&&v.isSSR&&sn({index:o,context:v,sheet:A,theme:R}),[A,A?Sa(A,m):null]},[v,R]),y=O[0],N=O[1];ln(v.isSSR)(function(){y&&N&&!b.current&&xa(m,y,N)},[m]),ln(v.isSSR)(function(){return y&&sn({index:o,context:v,sheet:y,theme:R}),function(){y&&(ha({index:o,context:v,sheet:y,theme:R}),N&&ba(y,N))}},[y]);var E=nn(function(){return y&&N?Pa(y,N):d},[y,N]);return on(E),on(R===Ot?"No theme":R),fn(function(){b.current=!1}),E}};var Sf=Symbol("react-jss-styled");var wa=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 la.apply(void 0,o)}},Pf=wa();var k="teknify";import{jsx as dn}from"react/jsx-runtime";var Ra=r=>dn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:dn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"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=Ra;import{jsx as hn}from"react/jsx-runtime";var ka=r=>hn("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...r,children:hn("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"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=ka;import{jsx as pn}from"react/jsx-runtime";var Ca=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=Ca;import{jsx as vn,jsxs as Ta}from"react/jsx-runtime";var Na=w({button:r=>({width:40,height:40,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",backgroundColor:"#fff",border:"none",cursor:"pointer",transition:"all 0.2s ease-in-out",position:"relative","&:hover":{backgroundColor:"#f5f5f5"},...r.active&&{backgroundColor:"#f1f1f1"}}),badge:{position:"absolute",top:0,right:0,padding:"2px 6px",height:18,minWidth:18,backgroundColor:"red",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:100,color:"#fff",fontSize:10,visibility:"hidden",opacity:0,transition:"all 0.2s ease-in-out",scale:.8,userSelect:"none"},badgeOpen:{visibility:"visible",opacity:1,scale:1}},{name:k}),Oa=({className:r,counts:e,active:n,...t})=>{let i=Na({counts:e,active:n}),o=mn(()=>e<=99?`${e}`:"99+",[e]),a=mn(()=>e>0,[e]);return Ta("button",{...t,className:`${i.button} ${r}`,children:[vn(At,{width:24,height:24}),vn("div",{className:g(i.badge,a&&i.badgeOpen),children:o})]})},_t=Oa;import{jsx as Ia}from"react/jsx-runtime";var Ea=w({button:r=>({textDecoration:"none",background:`var(--${r.variant}-color)`,borderRadius:"var(--border-radius)",color:r.variant==="tertiary"?"#000":"#fff",fontWeight:500,border:"none",cursor:"pointer",fontSize:12,...r.icon?{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center"}:{minWidth:100,padding:"8px 12px"},"&:hover":{background:`var(--${r.variant}-color-darker)`}})},{name:k}),Aa=({className:r,variant:e="tertiary",icon:n=!1,...t})=>{let i=Ea({variant:e,icon:n});return Ia("button",{...t,className:g(i.button,r)})},F=Aa;import{useContext as Ba}from"react";import{TeknifyClient as Fa}from"@tnf-dev/js";import{createContext as La,useMemo as Va}from"react";var gn={components:{NotificationHeader:{notifications:"Notifications",readAll:"Read all"},Empty:{noNotifications:"No notifications"},Loader:{loading:"Loading..."},NotificationItem:{markAsRead:"Mark as read"}}};import{jsx as Ma}from"react/jsx-runtime";var _a=w({styleProvider:{fontFamily:"inherit, sans-serif",fontSize:13,"--background-color":"#f1f1f1","--card-background-color":"#fff","--primary-color":"#000088","--secondary-color":"#00C16E","--tertiary-color":"#f6f6f6","--primary-color-darker":"#000066","--secondary-color-darker":"#009955","--border-radius":"12px","& *::-webkit-scrollbar":{width:8,height:8},"& *::-webkit-scrollbar-thumb":{borderRadius:10,background:"#0003"}}}),ja=({children:r})=>{let e=_a();return Ma("div",{className:g(e.styleProvider),children:r})},yn=ja;import{jsx as bn}from"react/jsx-runtime";var V=La({applicationId:"",subscriberId:""}),Da=({applicationId:r,subscriberId:e,children:n,language:t,baseUrl:i,locale:o,socketUrl:a})=>{let s=Va(()=>({applicationId:r,subscriberId:e,client:new Fa({applicationId:r,subscriberId:e,language:t,baseUrl:i,socketUrl:a}),locale:{...gn,...o}}),[r,e,t,i,a,o]);return bn(V.Provider,{value:s,children:bn(yn,{children:n})})},Wa=Da;import{jsx as Ua}from"react/jsx-runtime";var za=w({empty:{textAlign:"center",padding:"20px 0"}},{name:k}),$a=()=>{let r=za(),{locale:e}=Ba(V);return Ua("div",{className:g(r.empty),children:e.components.Empty.noNotifications})},jt=$a;import{jsx as Ja}from"react/jsx-runtime";var Ha=w({error:{padding:10}}),Ga=({message:r})=>{let e=Ha();return Ja("div",{className:g(e.error),children:r})},Mt=Ga;import{useCallback as ds,useState as Rn}from"react";import hs from"react-infinite-scroller";import{useCallback as We,useContext as qa,useEffect as Be,useState as G}from"react";var xn=()=>{let{client:r,subscriberId:e}=qa(V),[n,t]=G([]),[i,o]=G(!1),[a,s]=G(null),[f,u]=G(!1),[c,d]=G(!0),[p,m]=G(!0),[b,v]=G(0),[R,O]=G({}),y=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]),E=We(async()=>{if(!(f||i))try{u(!0);let P=R?.[e],T=await r.notification.getNotifications({...P?{cursor:P}:{}});t(M=>[...M,...T.data.filter(_=>!M.find(W=>W._id===_._id)).map(_=>({..._,markAsRead:()=>y(_._id)}))]),console.debug({cursor:P,continueCursor:T.pagination.continueCursor}),m(!!T.pagination.continueCursor&&T.pagination.continueCursor!==P),O({[e]:T.pagination.continueCursor}),v(T.unread)}catch{}finally{u(!1),d(!1)}},[f,y,i,r]);Be(()=>{E()},[E]),Be(()=>{t([])},[r]),Be(()=>{let P=(T,{counts:M})=>{v(M.unread),t(_=>[...T.filter(W=>{let Ut=_.findIndex(Cn=>Cn._id===W._id);return Ut!==-1?(_[Ut]={...W,markAsRead:()=>y(W._id)},!1):!0}).map(W=>({...W,markAsRead:()=>y(W._id)})),..._])};return r.notification.on(P),()=>{r.notification.off(P)}},[y,r]);let A=We(()=>{E()},[E]);return Be(()=>{t([]),m(!0),d(!0),E()},[r]),{notifications:n,isLoading:f,isFirstLoad:c,isError:i,error:a,hasMore:p,unread:b,fetchMore:A,markAllAsRead:N}};import{useContext as Ka}from"react";import{jsx as Za}from"react/jsx-runtime";var Xa=w({loader:{textAlign:"center",padding:"20px 0"}}),Ya=()=>{let r=Xa(),{locale:e}=Ka(V);return Za("div",{className:g(r.loader),children:e.components.Loader.loading})},Ft=Ya;import{useContext as Qa}from"react";import{jsx as Lt,jsxs as rs}from"react/jsx-runtime";var es=w({notificationHeader:{padding:"10px 15px",borderBottom:"1px solid #0001",display:"flex",justifyContent:"space-between",background:"var(--card-background-color)",borderRadius:"5px 5px 0 0",height:36,alignItems:"center"},notificationHeaderTitle:{fontSize:15,fontWeight:600,flex:1}},{name:k}),ts=({markAllAsRead:r})=>{let e=es(),{locale:n}=Qa(V);return rs("div",{className:g(e.notificationHeader),children:[Lt("h2",{className:g(e.notificationHeaderTitle),children:n.components.NotificationHeader.notifications}),Lt("div",{children:Lt(F,{onClick:r,children:n.components.NotificationHeader.readAll})})]})},Vt=ts;import as from"sanitize-html";import{jsx as ze,jsxs as os}from"react/jsx-runtime";var ns=w({actions:{position:"absolute",top:5,right:5,display:"flex",gap:5,padding:0,background:"#fafafa",borderRadius:5},button:{background:"transparent","&:hover":{background:"#fafafa"}}},{name:k}),is=({notification:r})=>{let e=ns();return os("div",{className:g(e.actions,`${k}-actions`),children:[!r.isRead&&ze(F,{icon:!0,onClick:r.markAsRead,className:g(e.button),children:ze(It,{width:12,height:12})}),ze(F,{icon:!0,className:g(e.button),children:ze(Et,{width:12,height:12})})]})},Sn=is;import{jsx as D,jsxs as Dt}from"react/jsx-runtime";var ss=w({notificationItem:{padding:"10px 15px",display:"flex",flexWrap:"wrap",columnGap:10,flexDirection:"column",margin:10,background:"var(--card-background-color)",borderRadius:10,border:"1px solid #ddd",position:"relative",[`& .${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}),ls=({notification:r})=>{let e=ss();return Dt("div",{className:g(e.notificationItem),children:[Dt("div",{style:{display:"flex",gap:10,width:"100%"},children:[D("div",{children:r.icon&&D("img",{src:r.icon,alt:r.title,width:32,height:32,className:g(e.notificationItemImage)})}),Dt("div",{style:{flex:1,overflow:"hidden"},children:[D("h3",{className:g(e.notificationItemTitle),children:r.title}),D("div",{dangerouslySetInnerHTML:{__html:as(r.message)},className:g(e.notificationItemBody)})]}),!r.isRead&&D("div",{className:g(e.unreadDot)})]}),D("div",{className:g(e.notificationItemActions),children:r.actionButtons?.map(n=>D("a",{href:n.href,target:n.target,children:D(F,{variant:"secondary",children:n.label})},n.href))}),D(Sn,{notification:r})]})},Wt=ls;import{useEffect as Pn,useMemo as Bt,useState as wn}from"react";import{jsx as cs}from"react/jsx-runtime";var fs=w({popover:{width:"100%",height:"100%",maxWidth:400,maxHeight:500,boxShadow:"0 10px 40px #0001",position:"fixed",background:"#fff",borderRadius:10,visibility:"hidden",opacity:0,scale:.8,transition:"all 0.3s",backgroundColor:"var(--background-color)",border:"1px solid var(--card-background-color)"},popoverOpen:{top:0,left:0,visibility:"visible",opacity:1,scale:1}},{name:k}),us=({open:r,anchorElement:e,onClose:n,children:t})=>{let i=fs(),[o,a]=wn(null),[s,f]=wn(typeof window>"u"?0:window.innerWidth),u=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 Pn(()=>{let p=()=>{r&&n?.()};return window.addEventListener("click",p),()=>{window.removeEventListener("click",p)}},[r]),Pn(()=>{let p=()=>{f(window.innerWidth)};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]),cs("div",{className:g(i.popover,r&&i.popoverOpen),style:{top:u,left:c,...d?{transform:"translateX(calc(-100% + 20px))"}:{}},ref:a,onClick:p=>{p.stopPropagation()},children:t})},zt=us;import{Fragment as $e,jsx as j,jsxs as $t}from"react/jsx-runtime";var ps=w({inboxContent:{height:"100%",display:"flex",flexDirection:"column"},inboxContentList:{flex:1,overflowY:"auto"}},{name:k}),ms={Bell:_t,Button:F,NotificationHeader:Vt,Empty:jt,Loader:Ft,NotificationItem:Wt,NotificationPopover:zt,NotificationError:Mt},vs=({components:r})=>{let[e,n]=Rn(null),[t,i]=Rn(!1),{Bell:o,Empty:a,Loader:s,NotificationHeader:f,NotificationItem:u,NotificationPopover:c,NotificationError:d}={...ms,...r},p=ds(()=>{i(P=>!P)},[]),{notifications:m,unread:b,isFirstLoad:v,hasMore:R,fetchMore:O,isError:y,error:N,markAllAsRead:E}=xn(),A=ps();return console.debug({notifications:m,unread:b,isFirstLoad:v,hasMore:R,fetchMore:O,isError:y,error:N,markAllAsRead:E}),$t($e,{children:[j(o,{onClick:P=>{P.stopPropagation(),p()},ref:n,active:t,counts:b}),j(c,{open:t,anchorElement:e,onClose:p,children:$t("div",{className:g(A.inboxContent),children:[j(f,{markAllAsRead:E}),j("div",{className:g(A.inboxContentList),children:$t(hs,{loadMore:O,hasMore:R&&!y,loader:j(s,{},0),useWindow:!1,children:[v?j($e,{}):j($e,{children:m.length?j($e,{children:m.map(P=>j(u,{notification:P},P._id))}):j(a,{})}),y&&j(d,{message:N?.message})]})})]})})]})},kn=vs;export{_t as Bell,F as Button,jt as Empty,kn as Inbox,Ft as Loader,Mt as NotificationError,Vt as NotificationHeader,Wt as NotificationItem,zt as NotificationPopover,V as TeknifyContext,kn as TeknifyInbox,Wa as TeknifyProvider,xn as useNotifications};
10
10
  /*! Bundled license information:
11
11
 
12
12
  react-is/cjs/react-is.production.min.js:
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  ]
14
14
  },
15
15
  "dependencies": {
16
- "@tnf-dev/js": "1.0.6-1",
16
+ "@tnf-dev/js": "1.0.6-2",
17
17
  "react": "^19.1.0",
18
18
  "react-dom": "^19.1.0",
19
19
  "react-infinite-scroller": "^1.2.6",
@@ -87,5 +87,5 @@
87
87
  "sideEffects": false,
88
88
  "type": "module",
89
89
  "types": "./dist/esm/index.d.ts",
90
- "version": "1.0.6-1"
90
+ "version": "1.0.6-2"
91
91
  }