dinocollab-shared 1.2.24 → 1.2.25

package/dist/auth/service.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,createClass as n,classCallCheck as r,asyncToGenerator as t,regenerator as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{createObjectSingleton as i}from"dinocollab-core/utils";var u=function(){return n(function e(){r(this,e)},[{key:"signIn",value:(u=t(o().m(function e(){return o().w(function(e){for(;;)if(0===e.n)return console.log("Default signIn called"),e.a(2,Promise.resolve())},e)})),function(){return u.apply(this,arguments)})},{key:"signOut",value:(i=t(o().m(function e(){return o().w(function(e){for(;;)if(0===e.n)return console.log("Default signOut called"),e.a(2,Promise.resolve())},e)})),function(){return i.apply(this,arguments)})},{key:"getInfo",value:(e=t(o().m(function e(){return o().w(function(e){for(;;)if(0===e.n)return console.log("Default getInfo called"),e.a(2,Promise.resolve({token:"",displayName:"Guest User"}))},e)})),function(){return e.apply(this,arguments)})}]);var e,i,u}(),l=function(){function e(){r(this,e)}return n(e,[{key:"signIn",value:function(){return e.provider.signIn()}},{key:"signOut",value:function(){return e.provider.signOut()}},{key:"getInfo",value:function(){return e.provider.getInfo()}}],[{key:"provider",get:function(){var n;return null!==(n=i(e.key_provider).get())&&void 0!==n?n:new u}},{key:"setProvider",value:function(n){i(e.key_provider).set(null!=n?n:new u)}}])}();e(l,"key_provider","__auth_key_provider__");export{l as AuthService};
+import{defineProperty as n,createClass as e,classCallCheck as r,asyncToGenerator as t,regenerator as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{createObjectSingleton as u}from"dinocollab-core/utils";var i=function(){return e(function n(){r(this,n)},[{key:"tryAutoSignIn",value:(l=t(o().m(function n(){return o().w(function(n){for(;;)switch(n.n){case 0:console.log("Default tryAutoSignIn called");case 1:return n.a(2)}},n)})),function(){return l.apply(this,arguments)})},{key:"signIn",value:(i=t(o().m(function n(){return o().w(function(n){for(;;)if(0===n.n)return console.log("Default signIn called"),n.a(2,Promise.resolve())},n)})),function(){return i.apply(this,arguments)})},{key:"signOut",value:(u=t(o().m(function n(){return o().w(function(n){for(;;)if(0===n.n)return console.log("Default signOut called"),n.a(2,Promise.resolve())},n)})),function(){return u.apply(this,arguments)})},{key:"getInfo",value:(n=t(o().m(function n(){return o().w(function(n){for(;;)if(0===n.n)return console.log("Default getInfo called"),n.a(2,Promise.resolve({token:"",displayName:"Guest User"}))},n)})),function(){return n.apply(this,arguments)})}]);var n,u,i,l}(),l=function(){function n(){r(this,n),this.tryAutoSignIn()}return e(n,[{key:"tryAutoSignIn",value:function(){var e,r;return null===(e=(r=n.provider).tryAutoSignIn)||void 0===e?void 0:e.call(r)}},{key:"signIn",value:function(){return n.provider.signIn()}},{key:"signOut",value:function(){return n.provider.signOut()}},{key:"getInfo",value:function(){return n.provider.getInfo()}}],[{key:"provider",get:function(){var e;return null!==(e=u(n.key_provider).get())&&void 0!==e?e:new i}},{key:"setProvider",value:function(e){u(n.key_provider).set(null!=e?e:new i)}}])}();n(l,"key_provider","__auth_key_provider__");export{l as AuthService};
 //# sourceMappingURL=service.js.map

package/dist/auth/service.js.map

@@ -1 +1 @@
-{"version":3,"file":"service.js","sources":["../../src/auth/service.ts"],"sourcesContent":["import { createObjectSingleton } from 'dinocollab-core/utils'\r\n\r\nexport interface IAuthMetaData {\r\n  isAuth?: boolean\r\n  token: string\r\n  displayName: string\r\n  email?: string\r\n  avatarUrl?: string\r\n}\r\n\r\nexport interface IAuthProvider {\r\n  signIn(): Promise<void>\r\n  signOut(): Promise<void>\r\n  getInfo(): Promise<IAuthMetaData>\r\n}\r\n\r\nclass AuthProviderDefault implements IAuthProvider {\r\n  async signIn() {\r\n    console.log('Default signIn called')\r\n    return Promise.resolve()\r\n  }\r\n  async signOut() {\r\n    console.log('Default signOut called')\r\n    return Promise.resolve()\r\n  }\r\n  async getInfo() {\r\n    console.log('Default getInfo called')\r\n    return Promise.resolve({ token: '', displayName: 'Guest User' })\r\n  }\r\n}\r\n\r\nexport class AuthService {\r\n  static key_provider = '__auth_key_provider__'\r\n  static get provider(): IAuthProvider {\r\n    const ObjectProvider = createObjectSingleton<IAuthProvider>(AuthService.key_provider)\r\n    return ObjectProvider.get() ?? new AuthProviderDefault()\r\n  }\r\n  static setProvider(provider: IAuthProvider) {\r\n    const ObjectProvider = createObjectSingleton<IAuthProvider>(AuthService.key_provider)\r\n    ObjectProvider.set(provider ?? new AuthProviderDefault())\r\n  }\r\n\r\n  signIn() {\r\n    return AuthService.provider.signIn()\r\n  }\r\n  signOut() {\r\n    return AuthService.provider.signOut()\r\n  }\r\n  getInfo() {\r\n    return AuthService.provider.getInfo()\r\n  }\r\n}\r\n"],"names":["AuthProviderDefault","_createClass","_classCallCheck","key","value","_signIn","_asyncToGenerator","_regenerator","m","_callee","w","_context","n","console","log","a","Promise","resolve","apply","this","arguments","_signOut","_callee2","_context2","_getInfo","_callee3","_context3","token","displayName","AuthService","provider","signIn","signOut","getInfo","get","_ObjectProvider$get","createObjectSingleton","key_provider","set"],"mappings":"oNAA6D,IAgBvDA,EAAmB,WAAA,OAAAC,EAAA,SAAAD,IAAAE,OAAAF,EAAA,EAAA,CAAA,CAAAG,IAAA,SAAAC,OAAAC,EAAAC,EAAAC,IAAAC,EACvB,SAAAC,IAAA,OAAAF,IAAAG,EAAA,SAAAC,GAAA,UAAA,IAAAA,EAAAC,EACsC,OAApCC,QAAQC,IAAI,yBAAwBH,EAAAI,EAAA,EAC7BC,QAAQC,UAAS,EAAAR,MACzB,WAHW,OAAAJ,EAAAa,MAAAC,KAAAC,UAAA,IAAA,CAAAjB,IAAA,UAAAC,OAAAiB,EAAAf,EAAAC,IAAAC,EAIZ,SAAAc,IAAA,OAAAf,IAAAG,EAAA,SAAAa,GAAA,UAAA,IAAAA,EAAAX,EACuC,OAArCC,QAAQC,IAAI,0BAAyBS,EAAAR,EAAA,EAC9BC,QAAQC,UAAS,EAAAK,MACzB,WAHY,OAAAD,EAAAH,MAAAC,KAAAC,UAAA,IAAA,CAAAjB,IAAA,UAAAC,OAAAoB,EAAAlB,EAAAC,IAAAC,EAIb,SAAAiB,IAAA,OAAAlB,IAAAG,EAAA,SAAAgB,GAAA,UAAA,IAAAA,EAAAd,EACuC,OAArCC,QAAQC,IAAI,0BAAyBY,EAAAX,IAC9BC,QAAQC,QAAQ,CAAEU,MAAO,GAAIC,YAAa,eAAe,EAAAH,MACjE,WAHY,OAAAD,EAAAN,MAAAC,KAAAC,UAAA,MAJA,IAAAI,EAJDH,EADWhB,CASV,CATU,GAeZwB,EAAW,WAAA,SAAAA,IAAA3B,OAAA2B,EAAA,CAAA,OAAA5B,EAAA4B,EAAA,CAAA,CAAA1B,IAAA,SAAAC,MAWtB,WACE,OAAOyB,EAAYC,SAASC,QAC9B,GAAC,CAAA5B,IAAA,UAAAC,MACD,WACE,OAAOyB,EAAYC,SAASE,SAC9B,GAAC,CAAA7B,IAAA,UAAAC,MACD,WACE,OAAOyB,EAAYC,SAASG,SAC9B,IAAC,CAAA,CAAA9B,IAAA,WAAA+B,IAjBD,WAAmB,IAAAC,EAEjB,OAA2BA,QAA3BA,EADuBC,EAAqCP,EAAYQ,cAClDH,iBAAKC,EAAAA,EAAI,IAAInC,CACrC,GAAC,CAAAG,IAAA,cAAAC,MACD,SAAmB0B,GACMM,EAAqCP,EAAYQ,cACzDC,IAAIR,QAAAA,EAAY,IAAI9B,EACrC,IAAC,CATqB,KAAX6B,EAAW,eACA"}
+{"version":3,"file":"service.js","sources":["../../src/auth/service.ts"],"sourcesContent":["import { createObjectSingleton } from 'dinocollab-core/utils'\r\n\r\nexport interface IAuthMetaData {\r\n  isAuth?: boolean\r\n  token: string\r\n  displayName: string\r\n  email?: string\r\n  avatarUrl?: string\r\n}\r\n\r\nexport interface IAuthProvider {\r\n  tryAutoSignIn?: () => Promise<void>\r\n  signIn(): Promise<void>\r\n  signOut(): Promise<void>\r\n  getInfo(): Promise<IAuthMetaData>\r\n}\r\n\r\nclass AuthProviderDefault implements IAuthProvider {\r\n  async tryAutoSignIn() {\r\n    console.log('Default tryAutoSignIn called')\r\n  }\r\n  async signIn() {\r\n    console.log('Default signIn called')\r\n    return Promise.resolve()\r\n  }\r\n  async signOut() {\r\n    console.log('Default signOut called')\r\n    return Promise.resolve()\r\n  }\r\n  async getInfo() {\r\n    console.log('Default getInfo called')\r\n    return Promise.resolve({ token: '', displayName: 'Guest User' })\r\n  }\r\n}\r\n\r\nexport class AuthService {\r\n  static key_provider = '__auth_key_provider__'\r\n  static get provider(): IAuthProvider {\r\n    const ObjectProvider = createObjectSingleton<IAuthProvider>(AuthService.key_provider)\r\n    return ObjectProvider.get() ?? new AuthProviderDefault()\r\n  }\r\n  static setProvider(provider: IAuthProvider) {\r\n    const ObjectProvider = createObjectSingleton<IAuthProvider>(AuthService.key_provider)\r\n    ObjectProvider.set(provider ?? new AuthProviderDefault())\r\n  }\r\n\r\n  constructor() {\r\n    this.tryAutoSignIn()\r\n  }\r\n\r\n  tryAutoSignIn() {\r\n    return AuthService.provider.tryAutoSignIn?.()\r\n  }\r\n  signIn() {\r\n    return AuthService.provider.signIn()\r\n  }\r\n  signOut() {\r\n    return AuthService.provider.signOut()\r\n  }\r\n  getInfo() {\r\n    return AuthService.provider.getInfo()\r\n  }\r\n}\r\n"],"names":["AuthProviderDefault","_createClass","_classCallCheck","key","value","_tryAutoSignIn","_asyncToGenerator","_regenerator","m","_callee","w","_context","n","console","log","a","apply","this","arguments","_signIn","_callee2","_context2","Promise","resolve","_signOut","_callee3","_context3","_getInfo","_callee4","_context4","token","displayName","AuthService","tryAutoSignIn","_AuthService$provider","_AuthService$provider2","provider","call","signIn","signOut","getInfo","get","_ObjectProvider$get","createObjectSingleton","key_provider","set"],"mappings":"oNAA6D,IAiBvDA,EAAmB,WAAA,OAAAC,EAAA,SAAAD,IAAAE,OAAAF,EAAA,EAAA,CAAA,CAAAG,IAAA,gBAAAC,OAAAC,EAAAC,EAAAC,IAAAC,EACvB,SAAAC,IAAA,OAAAF,IAAAG,EAAA,SAAAC,GAAA,cAAAA,EAAAC,GAAA,KAAA,EACEC,QAAQC,IAAI,gCAA+B,KAAA,EAAA,OAAAH,EAAAI,EAAA,GAAA,EAAAN,MAC5C,WAFkB,OAAAJ,EAAAW,MAAAC,KAAAC,UAAA,IAAA,CAAAf,IAAA,SAAAC,OAAAe,EAAAb,EAAAC,IAAAC,EAGnB,SAAAY,IAAA,OAAAb,IAAAG,EAAA,SAAAW,GAAA,UAAA,IAAAA,EAAAT,EACsC,OAApCC,QAAQC,IAAI,yBAAwBO,EAAAN,EAAA,EAC7BO,QAAQC,UAAS,EAAAH,MACzB,WAHW,OAAAD,EAAAH,MAAAC,KAAAC,UAAA,IAAA,CAAAf,IAAA,UAAAC,OAAAoB,EAAAlB,EAAAC,IAAAC,EAIZ,SAAAiB,IAAA,OAAAlB,IAAAG,EAAA,SAAAgB,GAAA,UAAA,IAAAA,EAAAd,EACuC,OAArCC,QAAQC,IAAI,0BAAyBY,EAAAX,EAAA,EAC9BO,QAAQC,UAAS,EAAAE,MACzB,WAHY,OAAAD,EAAAR,MAAAC,KAAAC,UAAA,IAAA,CAAAf,IAAA,UAAAC,OAAAuB,EAAArB,EAAAC,IAAAC,EAIb,SAAAoB,IAAA,OAAArB,IAAAG,EAAA,SAAAmB,GAAA,UAAA,IAAAA,EAAAjB,EACuC,OAArCC,QAAQC,IAAI,0BAAyBe,EAAAd,IAC9BO,QAAQC,QAAQ,CAAEO,MAAO,GAAIC,YAAa,eAAe,EAAAH,MACjE,WAHY,OAAAD,EAAAX,MAAAC,KAAAC,UAAA,MAJA,IAAAS,EAJDH,EAHOL,EADId,CAYV,CAZU,GAkBZ2B,EAAW,WAWtB,SAAAA,IAAA9B,OAAA8B,GACEf,KAAKgB,eACP,CAAC,OAAAhC,EAAA+B,EAAA,CAAA,CAAA7B,IAAA,gBAAAC,MAED,WAAa,IAAA8B,EAAAC,EACX,OAAyC,QAAzCD,GAAOC,EAAAH,EAAYI,UAASH,qBAArBC,IAAkCA,OAAlCA,EAAAA,EAAAG,KAAAF,EACT,GAAC,CAAAhC,IAAA,SAAAC,MACD,WACE,OAAO4B,EAAYI,SAASE,QAC9B,GAAC,CAAAnC,IAAA,UAAAC,MACD,WACE,OAAO4B,EAAYI,SAASG,SAC9B,GAAC,CAAApC,IAAA,UAAAC,MACD,WACE,OAAO4B,EAAYI,SAASI,SAC9B,IAAC,CAAA,CAAArC,IAAA,WAAAsC,IAxBD,WAAmB,IAAAC,EAEjB,OAA2BA,QAA3BA,EADuBC,EAAqCX,EAAYY,cAClDH,iBAAKC,EAAAA,EAAI,IAAI1C,CACrC,GAAC,CAAAG,IAAA,cAAAC,MACD,SAAmBgC,GACMO,EAAqCX,EAAYY,cACzDC,IAAIT,QAAAA,EAAY,IAAIpC,EACrC,IAAC,CATqB,KAAXgC,EAAW,eACA"}

package/dist/components/buttons.js

@@ -1,2 +1,2 @@
-import{slicedToArray as o,objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as e}from"react/jsx-runtime";import{useState as i}from"react";import{styled as n,Button as t,IconButton as s,Box as d}from"@mui/material";import c from"@mui/icons-material/Close";import l from"@mui/icons-material/Check";import p from"@mui/icons-material/Remove";var m=n(t)({color:"#fff",padding:"6px 16px",borderRadius:"6px",border:"none",minWidth:"120px",height:"36px",boxShadow:"0 2px 8px rgba(27, 25, 24, 0.2)",background:"linear-gradient(45deg, #d32f2f 0%, #f9a925 70%, #d32f2f 100%)",backgroundSize:"200% auto",transition:"background-position 0.5s ease, box-shadow 0.3s ease, color 0.25s ease","&, .MuiTypography-root":{lineHeight:1,fontWeight:500,textTransform:"unset",fontSize:"16px"},"&:hover":{backgroundPosition:"100% 0",boxShadow:"0 4px 16px rgba(252, 228, 19, 0.23)"},"@keyframes gentleBounceY":{"0%, 5%":{transform:"translateY(0)"},"20%":{transform:"translateY(-3px)"},"30%":{transform:"translateY(-2px)"},"40%":{transform:"translateY(-3px)"},"50%":{transform:"translateY(-2px)"},"75%, 100%":{transform:"translateY(0)"}},"&:not(:hover).animate-bounce":{animation:"gentleBounceY 3s cubic-bezier(0.4, 0.8, 0.4, 1) infinite"}}),f=n(s)({color:"#fff",border:"none",boxShadow:"0 2px 8px rgba(27, 25, 24, 0.2)",background:"linear-gradient(45deg, #d32f2f 0%, #fbc02d 70%, #d32f2f 100%)",backgroundSize:"165% auto",transition:"background-position 0.5s ease, box-shadow 0.3s ease","&:hover":{backgroundPosition:"100% 0",boxShadow:"0 4px 16px rgba(252, 228, 19, 0.23)"}});f.displayName="IconButtonOrange";var u=n(s)(function(o){var r=o.theme;return{color:r.palette.common.white,borderRadius:"8px",padding:"8px",width:"auto","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)",color:r.palette.common.white},"&:focus":{backgroundColor:"rgba(255, 255, 255, 0.12)"}}}),b=function(n){var t=n.onAccept,m=n.size,f=void 0===m?"small":m,u=n.disabled,b=void 0!==u&&u,g=n.slots,x=void 0===g?{}:g,h=i(!1),k=o(h,2),v=k[0],z=k[1];return v?a(d,{sx:{display:"flex",gap:.5},children:[e(s,r(r({size:f,onClick:function(o){o.stopPropagation(),t(),z(!1)},sx:{color:"success.main"},disabled:b},x.confirmProps),{},{children:e(l,{fontSize:f})})),e(s,r(r({size:f,onClick:function(o){o.stopPropagation(),z(!1)},sx:{color:"error.main"},disabled:b},x.cancelProps),{},{children:e(c,{fontSize:f})}))]}):e(s,r(r({size:f,onClick:function(o){o.stopPropagation(),z(!0)},disabled:b,color:"error"},x.removeProps),{},{children:e(p,{fontSize:f})}))};export{m as ButtonOrange,b as IconButtonConfirm,u as IconButtonDark,f as IconButtonOrange};
+import{slicedToArray as o,objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useState as i}from"react";import{styled as n,Button as t,IconButton as s,Box as d}from"@mui/material";import c from"@mui/icons-material/Close";import l from"@mui/icons-material/Check";import p from"@mui/icons-material/Remove";var f=n(t)({color:"#fff",padding:"6px 16px",borderRadius:"6px",border:"none",minWidth:"120px",height:"36px",boxShadow:"0 2px 8px rgba(27, 25, 24, 0.2)",background:"linear-gradient(45deg, #d32f2f 0%, #f9a925 70%, #d32f2f 100%)",backgroundSize:"200% auto",transition:"background-position 0.5s ease, box-shadow 0.3s ease, color 0.25s ease","&, .MuiTypography-root":{lineHeight:1,fontWeight:500,textTransform:"unset",fontSize:"16px"},"&:hover":{backgroundPosition:"100% 0",boxShadow:"0 4px 16px rgba(252, 228, 19, 0.23)"},"@keyframes gentleBounceY":{"0%, 5%":{transform:"translateY(0)"},"20%":{transform:"translateY(-3px)"},"30%":{transform:"translateY(-2px)"},"40%":{transform:"translateY(-3px)"},"50%":{transform:"translateY(-2px)"},"75%, 100%":{transform:"translateY(0)"}},"&:not(:hover).animate-bounce":{animation:"gentleBounceY 3s cubic-bezier(0.4, 0.8, 0.4, 1) infinite"}}),m=n(s)({color:"#fff",border:"none",flex:"0 0 auto",width:"unset",boxShadow:"0 2px 8px rgba(27, 25, 24, 0.2)",background:"linear-gradient(45deg, #d32f2f 0%, #fbc02d 70%, #d32f2f 100%)",backgroundSize:"165% auto",transition:"background-position 0.5s ease, box-shadow 0.3s ease","&:hover":{backgroundPosition:"100% 0",boxShadow:"0 4px 16px rgba(252, 228, 19, 0.23)"}});m.displayName="IconButtonOrange";var u=n(s)(function(o){var r=o.theme;return{color:r.palette.common.white,borderRadius:"8px",padding:"8px",width:"auto","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)",color:r.palette.common.white},"&:focus":{backgroundColor:"rgba(255, 255, 255, 0.12)"}}}),b=function(n){var t=n.onAccept,f=n.size,m=void 0===f?"small":f,u=n.disabled,b=void 0!==u&&u,g=n.slots,x=void 0===g?{}:g,h=i(!1),k=o(h,2),v=k[0],z=k[1];return v?e(d,{sx:{display:"flex",gap:.5},children:[a(s,r(r({size:m,onClick:function(o){o.stopPropagation(),t(),z(!1)},sx:{color:"success.main"},disabled:b},x.confirmProps),{},{children:a(l,{fontSize:m})})),a(s,r(r({size:m,onClick:function(o){o.stopPropagation(),z(!1)},sx:{color:"error.main"},disabled:b},x.cancelProps),{},{children:a(c,{fontSize:m})}))]}):a(s,r(r({size:m,onClick:function(o){o.stopPropagation(),z(!0)},disabled:b,color:"error"},x.removeProps),{},{children:a(p,{fontSize:m})}))};export{f as ButtonOrange,b as IconButtonConfirm,u as IconButtonDark,m as IconButtonOrange};
 //# sourceMappingURL=buttons.js.map

package/dist/components/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","sources":["../../src/components/buttons.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { Button, IconButton, styled, Box } from '@mui/material'\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { ButtonProps, IconButtonProps, Theme } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport CheckIcon from '@mui/icons-material/Check'\r\nimport RemoveIcon from '@mui/icons-material/Remove'\r\n\r\nexport const ButtonOrange: ComponentType<ButtonProps & { [key: string]: any }> = styled(Button)({\r\n  color: '#fff',\r\n  padding: '6px 16px',\r\n  borderRadius: '6px',\r\n  border: 'none',\r\n  minWidth: '120px',\r\n  height: '36px',\r\n  boxShadow: '0 2px 8px rgba(27, 25, 24, 0.2)',\r\n  background: 'linear-gradient(45deg, #d32f2f 0%, #f9a925 70%, #d32f2f 100%)',\r\n  backgroundSize: '200% auto',\r\n  transition: 'background-position 0.5s ease, box-shadow 0.3s ease, color 0.25s ease',\r\n  '&, .MuiTypography-root': {\r\n    lineHeight: 1,\r\n    fontWeight: 500,\r\n    textTransform: 'unset',\r\n    fontSize: '16px'\r\n  },\r\n  '&:hover': {\r\n    backgroundPosition: '100% 0',\r\n    boxShadow: '0 4px 16px rgba(252, 228, 19, 0.23)'\r\n  },\r\n  '@keyframes gentleBounceY': {\r\n    '0%, 5%': { transform: 'translateY(0)' },\r\n    '20%': { transform: 'translateY(-3px)' },\r\n    '30%': { transform: 'translateY(-2px)' },\r\n    '40%': { transform: 'translateY(-3px)' },\r\n    '50%': { transform: 'translateY(-2px)' },\r\n    '75%, 100%': { transform: 'translateY(0)' }\r\n  },\r\n  '&:not(:hover).animate-bounce': {\r\n    animation: 'gentleBounceY 3s cubic-bezier(0.4, 0.8, 0.4, 1) infinite'\r\n  }\r\n})\r\n\r\nexport const IconButtonOrange: ComponentType<IconButtonProps & { [key: string]: any }> = styled(IconButton)({\r\n  color: '#fff',\r\n  border: 'none',\r\n  boxShadow: '0 2px 8px rgba(27, 25, 24, 0.2)',\r\n  background: 'linear-gradient(45deg, #d32f2f 0%, #fbc02d 70%, #d32f2f 100%)',\r\n  backgroundSize: '165% auto',\r\n  transition: 'background-position 0.5s ease, box-shadow 0.3s ease',\r\n  '&:hover': {\r\n    backgroundPosition: '100% 0',\r\n    boxShadow: '0 4px 16px rgba(252, 228, 19, 0.23)'\r\n  }\r\n})\r\nIconButtonOrange.displayName = 'IconButtonOrange'\r\n\r\n// export const IconButtonSquareDark: ComponentType<IconButtonProps & { [key: string]: any }> = styled(IconButton)(({ theme }) => ({\r\n//   color: '#fff',\r\n//   border: 'none',\r\n//   boxShadow: '0 2px 8px rgba(27, 25, 24, 0.2)',\r\n//   background: 'linear-gradient(45deg, #333 0%, #555 70%, #333 100%)',\r\n//   backgroundSize: '165% auto',\r\n//   transition: 'background-position 0.5s ease, box-shadow 0.3s ease',\r\n//   '&:hover': {\r\n//     backgroundPosition: '100% 0',\r\n//     boxShadow: '0 4px 16px rgba(85, 85, 85, 0.23)'\r\n//   }\r\n// }))\r\n// IconButtonSquareDark.displayName = 'IconButtonCirDark'\r\n\r\n// Custom IconButton for dark background\r\nexport const IconButtonDark: ComponentType<IconButtonProps> = styled(IconButton)(({ theme }: { theme: Theme }) => ({\r\n  color: theme.palette.common.white,\r\n  borderRadius: '8px',\r\n  padding: '8px',\r\n  width: 'auto',\r\n  '&:hover': {\r\n    backgroundColor: 'rgba(255, 255, 255, 0.08)',\r\n    color: theme.palette.common.white\r\n  },\r\n  '&:focus': {\r\n    backgroundColor: 'rgba(255, 255, 255, 0.12)'\r\n  }\r\n}))\r\n\r\nexport interface IIconButtonConfirmProps {\r\n  onAccept: () => void\r\n  size?: 'small' | 'medium' | 'large'\r\n  disabled?: boolean\r\n  slots?: {\r\n    removeProps?: IconButtonProps\r\n    confirmProps?: IconButtonProps\r\n    cancelProps?: IconButtonProps\r\n  }\r\n}\r\n\r\nexport const IconButtonConfirm: FC<IIconButtonConfirmProps> = (props) => {\r\n  const { onAccept, size = 'small', disabled = false, slots = {} } = props\r\n  const [isConfirming, setIsConfirming] = useState(false)\r\n\r\n  const handleDeleteClick: IconButtonProps['onClick'] = (e) => {\r\n    e.stopPropagation()\r\n    setIsConfirming(true)\r\n  }\r\n\r\n  const handleConfirm: IconButtonProps['onClick'] = (e) => {\r\n    e.stopPropagation()\r\n    onAccept()\r\n    setIsConfirming(false)\r\n  }\r\n\r\n  const handleCancel: IconButtonProps['onClick'] = (e) => {\r\n    e.stopPropagation()\r\n    setIsConfirming(false)\r\n  }\r\n\r\n  if (isConfirming) {\r\n    return (\r\n      <Box sx={{ display: 'flex', gap: 0.5 }}>\r\n        <IconButton size={size} onClick={handleConfirm} sx={{ color: 'success.main' }} disabled={disabled} {...slots.confirmProps}>\r\n          <CheckIcon fontSize={size} />\r\n        </IconButton>\r\n        <IconButton size={size} onClick={handleCancel} sx={{ color: 'error.main' }} disabled={disabled} {...slots.cancelProps}>\r\n          <CloseIcon fontSize={size} />\r\n        </IconButton>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <IconButton size={size} onClick={handleDeleteClick} disabled={disabled} color='error' {...slots.removeProps}>\r\n      <RemoveIcon fontSize={size} />\r\n    </IconButton>\r\n  )\r\n}\r\n"],"names":["ButtonOrange","styled","Button","color","padding","borderRadius","border","minWidth","height","boxShadow","background","backgroundSize","transition","lineHeight","fontWeight","textTransform","fontSize","backgroundPosition","transform","animation","IconButtonOrange","IconButton","displayName","IconButtonDark","_ref","theme","palette","common","white","width","backgroundColor","IconButtonConfirm","props","onAccept","_props$size","size","_props$disabled","disabled","_props$slots","slots","_useState","useState","_useState2","_slicedToArray","isConfirming","setIsConfirming","_jsxs","Box","sx","display","gap","_jsx","_objectSpread","onClick","e","stopPropagation","confirmProps","children","CheckIcon","cancelProps","CloseIcon","removeProps","RemoveIcon"],"mappings":"2XAQaA,EAAoEC,EAAOC,EAAPD,CAAe,CAC9FE,MAAO,OACPC,QAAS,WACTC,aAAc,MACdC,OAAQ,OACRC,SAAU,QACVC,OAAQ,OACRC,UAAW,kCACXC,WAAY,gEACZC,eAAgB,YAChBC,WAAY,wEACZ,yBAA0B,CACxBC,WAAY,EACZC,WAAY,IACZC,cAAe,QACfC,SAAU,QAEZ,UAAW,CACTC,mBAAoB,SACpBR,UAAW,uCAEb,2BAA4B,CAC1B,SAAU,CAAES,UAAW,iBACvB,MAAO,CAAEA,UAAW,oBACpB,MAAO,CAAEA,UAAW,oBACpB,MAAO,CAAEA,UAAW,oBACpB,MAAO,CAAEA,UAAW,oBACpB,YAAa,CAAEA,UAAW,kBAE5B,+BAAgC,CAC9BC,UAAW,8DAIFC,EAA4EnB,EAAOoB,EAAPpB,CAAmB,CAC1GE,MAAO,OACPG,OAAQ,OACRG,UAAW,kCACXC,WAAY,gEACZC,eAAgB,YAChBC,WAAY,sDACZ,UAAW,CACTK,mBAAoB,SACpBR,UAAW,yCAGfW,EAAiBE,YAAc,mBAiBxB,IAAMC,EAAiDtB,EAAOoB,EAAPpB,CAAmB,SAAAuB,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAA0B,CACjHtB,MAAOsB,EAAMC,QAAQC,OAAOC,MAC5BvB,aAAc,MACdD,QAAS,MACTyB,MAAO,OACP,UAAW,CACTC,gBAAiB,4BACjB3B,MAAOsB,EAAMC,QAAQC,OAAOC,OAE9B,UAAW,CACTE,gBAAiB,6BAEpB,GAaYC,EAAiD,SAACC,GAC7D,IAAQC,EAA2DD,EAA3DC,SAAQC,EAAmDF,EAAjDG,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAmCJ,EAAjCK,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAiBN,EAAfO,MAAAA,OAAK,IAAAD,EAAG,CAAA,EAAEA,EAC9DE,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAkBpC,OAAIE,EAEAE,EAACC,GAAIC,GAAI,CAAEC,QAAS,OAAQC,IAAK,cAC/BC,EAAC9B,EAAU+B,EAAAA,EAAA,CAACjB,KAAMA,EAAMkB,QAdoB,SAACC,GACjDA,EAAEC,kBACFtB,IACAY,GAAgB,EACjB,EAUqDG,GAAI,CAAE7C,MAAO,gBAAkBkC,SAAUA,GAAcE,EAAMiB,cAAY,GAAA,CACvHC,SAAAN,EAACO,EAAS,CAAC1C,SAAUmB,OAEvBgB,EAAC9B,EAAU+B,EAAAA,EAAA,CAACjB,KAAMA,EAAMkB,QAXmB,SAACC,GAChDA,EAAEC,kBACFV,GAAgB,EACjB,EAQoDG,GAAI,CAAE7C,MAAO,cAAgBkC,SAAUA,GAAcE,EAAMoB,aAAW,GAAA,CAAAF,SACnHN,EAACS,EAAS,CAAC5C,SAAUmB,UAO3BgB,EAAC9B,EAAU+B,EAAAA,EAAA,CAACjB,KAAMA,EAAMkB,QA9B4B,SAACC,GACrDA,EAAEC,kBACFV,GAAgB,EACjB,EA2BqDR,SAAUA,EAAUlC,MAAM,SAAYoC,EAAMsB,aAAW,GAAA,CACzGJ,SAAAN,EAACW,EAAU,CAAC9C,SAAUmB,MAG5B"}
+{"version":3,"file":"buttons.js","sources":["../../src/components/buttons.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { Button, IconButton, styled, Box } from '@mui/material'\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { ButtonProps, IconButtonProps, Theme } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport CheckIcon from '@mui/icons-material/Check'\r\nimport RemoveIcon from '@mui/icons-material/Remove'\r\n\r\nexport const ButtonOrange: ComponentType<ButtonProps & { [key: string]: any }> = styled(Button)({\r\n  color: '#fff',\r\n  padding: '6px 16px',\r\n  borderRadius: '6px',\r\n  border: 'none',\r\n  minWidth: '120px',\r\n  height: '36px',\r\n  boxShadow: '0 2px 8px rgba(27, 25, 24, 0.2)',\r\n  background: 'linear-gradient(45deg, #d32f2f 0%, #f9a925 70%, #d32f2f 100%)',\r\n  backgroundSize: '200% auto',\r\n  transition: 'background-position 0.5s ease, box-shadow 0.3s ease, color 0.25s ease',\r\n  '&, .MuiTypography-root': {\r\n    lineHeight: 1,\r\n    fontWeight: 500,\r\n    textTransform: 'unset',\r\n    fontSize: '16px'\r\n  },\r\n  '&:hover': {\r\n    backgroundPosition: '100% 0',\r\n    boxShadow: '0 4px 16px rgba(252, 228, 19, 0.23)'\r\n  },\r\n  '@keyframes gentleBounceY': {\r\n    '0%, 5%': { transform: 'translateY(0)' },\r\n    '20%': { transform: 'translateY(-3px)' },\r\n    '30%': { transform: 'translateY(-2px)' },\r\n    '40%': { transform: 'translateY(-3px)' },\r\n    '50%': { transform: 'translateY(-2px)' },\r\n    '75%, 100%': { transform: 'translateY(0)' }\r\n  },\r\n  '&:not(:hover).animate-bounce': {\r\n    animation: 'gentleBounceY 3s cubic-bezier(0.4, 0.8, 0.4, 1) infinite'\r\n  }\r\n})\r\n\r\nexport const IconButtonOrange: ComponentType<IconButtonProps & { [key: string]: any }> = styled(IconButton)({\r\n  color: '#fff',\r\n  border: 'none',\r\n  flex: '0 0 auto',\r\n  width: 'unset',\r\n  boxShadow: '0 2px 8px rgba(27, 25, 24, 0.2)',\r\n  background: 'linear-gradient(45deg, #d32f2f 0%, #fbc02d 70%, #d32f2f 100%)',\r\n  backgroundSize: '165% auto',\r\n  transition: 'background-position 0.5s ease, box-shadow 0.3s ease',\r\n  '&:hover': {\r\n    backgroundPosition: '100% 0',\r\n    boxShadow: '0 4px 16px rgba(252, 228, 19, 0.23)'\r\n  }\r\n})\r\nIconButtonOrange.displayName = 'IconButtonOrange'\r\n\r\n// export const IconButtonSquareDark: ComponentType<IconButtonProps & { [key: string]: any }> = styled(IconButton)(({ theme }) => ({\r\n//   color: '#fff',\r\n//   border: 'none',\r\n//   boxShadow: '0 2px 8px rgba(27, 25, 24, 0.2)',\r\n//   background: 'linear-gradient(45deg, #333 0%, #555 70%, #333 100%)',\r\n//   backgroundSize: '165% auto',\r\n//   transition: 'background-position 0.5s ease, box-shadow 0.3s ease',\r\n//   '&:hover': {\r\n//     backgroundPosition: '100% 0',\r\n//     boxShadow: '0 4px 16px rgba(85, 85, 85, 0.23)'\r\n//   }\r\n// }))\r\n// IconButtonSquareDark.displayName = 'IconButtonCirDark'\r\n\r\n// Custom IconButton for dark background\r\nexport const IconButtonDark: ComponentType<IconButtonProps> = styled(IconButton)(({ theme }: { theme: Theme }) => ({\r\n  color: theme.palette.common.white,\r\n  borderRadius: '8px',\r\n  padding: '8px',\r\n  width: 'auto',\r\n  '&:hover': {\r\n    backgroundColor: 'rgba(255, 255, 255, 0.08)',\r\n    color: theme.palette.common.white\r\n  },\r\n  '&:focus': {\r\n    backgroundColor: 'rgba(255, 255, 255, 0.12)'\r\n  }\r\n}))\r\n\r\nexport interface IIconButtonConfirmProps {\r\n  onAccept: () => void\r\n  size?: 'small' | 'medium' | 'large'\r\n  disabled?: boolean\r\n  slots?: {\r\n    removeProps?: IconButtonProps\r\n    confirmProps?: IconButtonProps\r\n    cancelProps?: IconButtonProps\r\n  }\r\n}\r\n\r\nexport const IconButtonConfirm: FC<IIconButtonConfirmProps> = (props) => {\r\n  const { onAccept, size = 'small', disabled = false, slots = {} } = props\r\n  const [isConfirming, setIsConfirming] = useState(false)\r\n\r\n  const handleDeleteClick: IconButtonProps['onClick'] = (e) => {\r\n    e.stopPropagation()\r\n    setIsConfirming(true)\r\n  }\r\n\r\n  const handleConfirm: IconButtonProps['onClick'] = (e) => {\r\n    e.stopPropagation()\r\n    onAccept()\r\n    setIsConfirming(false)\r\n  }\r\n\r\n  const handleCancel: IconButtonProps['onClick'] = (e) => {\r\n    e.stopPropagation()\r\n    setIsConfirming(false)\r\n  }\r\n\r\n  if (isConfirming) {\r\n    return (\r\n      <Box sx={{ display: 'flex', gap: 0.5 }}>\r\n        <IconButton size={size} onClick={handleConfirm} sx={{ color: 'success.main' }} disabled={disabled} {...slots.confirmProps}>\r\n          <CheckIcon fontSize={size} />\r\n        </IconButton>\r\n        <IconButton size={size} onClick={handleCancel} sx={{ color: 'error.main' }} disabled={disabled} {...slots.cancelProps}>\r\n          <CloseIcon fontSize={size} />\r\n        </IconButton>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <IconButton size={size} onClick={handleDeleteClick} disabled={disabled} color='error' {...slots.removeProps}>\r\n      <RemoveIcon fontSize={size} />\r\n    </IconButton>\r\n  )\r\n}\r\n"],"names":["ButtonOrange","styled","Button","color","padding","borderRadius","border","minWidth","height","boxShadow","background","backgroundSize","transition","lineHeight","fontWeight","textTransform","fontSize","backgroundPosition","transform","animation","IconButtonOrange","IconButton","flex","width","displayName","IconButtonDark","_ref","theme","palette","common","white","backgroundColor","IconButtonConfirm","props","onAccept","_props$size","size","_props$disabled","disabled","_props$slots","slots","_useState","useState","_useState2","_slicedToArray","isConfirming","setIsConfirming","_jsxs","Box","sx","display","gap","_jsx","_objectSpread","onClick","e","stopPropagation","confirmProps","children","CheckIcon","cancelProps","CloseIcon","removeProps","RemoveIcon"],"mappings":"2XAQaA,EAAoEC,EAAOC,EAAPD,CAAe,CAC9FE,MAAO,OACPC,QAAS,WACTC,aAAc,MACdC,OAAQ,OACRC,SAAU,QACVC,OAAQ,OACRC,UAAW,kCACXC,WAAY,gEACZC,eAAgB,YAChBC,WAAY,wEACZ,yBAA0B,CACxBC,WAAY,EACZC,WAAY,IACZC,cAAe,QACfC,SAAU,QAEZ,UAAW,CACTC,mBAAoB,SACpBR,UAAW,uCAEb,2BAA4B,CAC1B,SAAU,CAAES,UAAW,iBACvB,MAAO,CAAEA,UAAW,oBACpB,MAAO,CAAEA,UAAW,oBACpB,MAAO,CAAEA,UAAW,oBACpB,MAAO,CAAEA,UAAW,oBACpB,YAAa,CAAEA,UAAW,kBAE5B,+BAAgC,CAC9BC,UAAW,8DAIFC,EAA4EnB,EAAOoB,EAAPpB,CAAmB,CAC1GE,MAAO,OACPG,OAAQ,OACRgB,KAAM,WACNC,MAAO,QACPd,UAAW,kCACXC,WAAY,gEACZC,eAAgB,YAChBC,WAAY,sDACZ,UAAW,CACTK,mBAAoB,SACpBR,UAAW,yCAGfW,EAAiBI,YAAc,mBAiBxB,IAAMC,EAAiDxB,EAAOoB,EAAPpB,CAAmB,SAAAyB,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAA0B,CACjHxB,MAAOwB,EAAMC,QAAQC,OAAOC,MAC5BzB,aAAc,MACdD,QAAS,MACTmB,MAAO,OACP,UAAW,CACTQ,gBAAiB,4BACjB5B,MAAOwB,EAAMC,QAAQC,OAAOC,OAE9B,UAAW,CACTC,gBAAiB,6BAEpB,GAaYC,EAAiD,SAACC,GAC7D,IAAQC,EAA2DD,EAA3DC,SAAQC,EAAmDF,EAAjDG,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAmCJ,EAAjCK,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAiBN,EAAfO,MAAAA,OAAK,IAAAD,EAAG,CAAA,EAAEA,EAC9DE,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAkBpC,OAAIE,EAEAE,EAACC,GAAIC,GAAI,CAAEC,QAAS,OAAQC,IAAK,cAC/BC,EAAC/B,EAAUgC,EAAAA,EAAA,CAACjB,KAAMA,EAAMkB,QAdoB,SAACC,GACjDA,EAAEC,kBACFtB,IACAY,GAAgB,EACjB,EAUqDG,GAAI,CAAE9C,MAAO,gBAAkBmC,SAAUA,GAAcE,EAAMiB,cAAY,GAAA,CACvHC,SAAAN,EAACO,EAAS,CAAC3C,SAAUoB,OAEvBgB,EAAC/B,EAAUgC,EAAAA,EAAA,CAACjB,KAAMA,EAAMkB,QAXmB,SAACC,GAChDA,EAAEC,kBACFV,GAAgB,EACjB,EAQoDG,GAAI,CAAE9C,MAAO,cAAgBmC,SAAUA,GAAcE,EAAMoB,aAAW,GAAA,CAAAF,SACnHN,EAACS,EAAS,CAAC7C,SAAUoB,UAO3BgB,EAAC/B,EAAUgC,EAAAA,EAAA,CAACjB,KAAMA,EAAMkB,QA9B4B,SAACC,GACrDA,EAAEC,kBACFV,GAAgB,EACjB,EA2BqDR,SAAUA,EAAUnC,MAAM,SAAYqC,EAAMsB,aAAW,GAAA,CACzGJ,SAAAN,EAACW,EAAU,CAAC/C,SAAUoB,MAG5B"}

package/dist/layout-global/helpers.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";function o(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return Array.isArray(r)?r:[r]}function a(r){var o,a=0;for(o=0;o<r.length;o+=1)a=r.charCodeAt(o)+((a<<5)-a);var l="#";for(o=0;o<3;o+=1){l+="00".concat((a>>8*o&255).toString(16)).slice(-2)}return l}function l(o,l){var t,e,n,i=null!==(t=null==o?void 0:o.split(" "))&&void 0!==t?t:["@"],c=i[0]&&i[0][0]?i[0][0]:"@",v=i[1]&&i[1][0]?i[1][0]:"",u=Object.assign({color:"#ffffff"},l);return{sx:r({width:"var(--avatar-size, 40px)",height:"var(--avatar-size, 40px)",bgcolor:a(o)},u),children:"".concat(null!==(e=null==c?void 0:c.toLocaleUpperCase())&&void 0!==e?e:"").concat(null!==(n=null==v?void 0:v.toLocaleUpperCase())&&void 0!==n?n:"")}}export{l as getAvatarProps,o as toArray};
+import{objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";function o(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return Array.isArray(r)?r:[r]}function t(r){var o,t=0;for(o=0;o<r.length;o+=1)t=r.charCodeAt(o)+((t<<5)-t);var a="#";for(o=0;o<3;o+=1){a+="00".concat((t>>8*o&255).toString(16)).slice(-2)}return a}function a(o,a){var l,e,i,n="string"==typeof o?o:void 0,c=null!==(l=null==n?void 0:n.split(" "))&&void 0!==l?l:["@"],v=c[0]&&c[0][0]?c[0][0]:"@",u=c[1]&&c[1][0]?c[1][0]:"",s=Object.assign({color:"#ffffff"},a);return{sx:r({width:"var(--avatar-size, 40px)",height:"var(--avatar-size, 40px)",bgcolor:t(o)},s),children:"".concat(null!==(e=null==v?void 0:v.toLocaleUpperCase())&&void 0!==e?e:"").concat(null!==(i=null==u?void 0:u.toLocaleUpperCase())&&void 0!==i?i:"")}}export{a as getAvatarProps,o as toArray};
 //# sourceMappingURL=helpers.js.map

package/dist/layout-global/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/layout-global/helpers.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material'\r\nimport { ReactNode } from 'react'\r\n\r\n/**\r\n * Converts a single item or array to an array\r\n * @param value - Single item of type T or array of type T\r\n * @returns Array of type T\r\n */\r\nexport function toArray<T>(value: T | T[] | undefined = []): T[] {\r\n  return Array.isArray(value) ? value : [value]\r\n}\r\n\r\nfunction stringToColor(string: string) {\r\n  let hash = 0\r\n  let i\r\n\r\n  /* eslint-disable no-bitwise */\r\n  for (i = 0; i < string.length; i += 1) {\r\n    hash = string.charCodeAt(i) + ((hash << 5) - hash)\r\n  }\r\n\r\n  let color = '#'\r\n\r\n  for (i = 0; i < 3; i += 1) {\r\n    const value = (hash >> (i * 8)) & 0xff\r\n    color += `00${value.toString(16)}`.slice(-2)\r\n  }\r\n  /* eslint-enable no-bitwise */\r\n\r\n  return color\r\n}\r\n\r\ninterface IAvatarPropsResult {\r\n  sx: SxProps<Theme>\r\n  children: ReactNode\r\n}\r\n\r\nexport function getAvatarProps(name: string, sx?: SxProps<Theme>): IAvatarPropsResult {\r\n  let tmps = name?.split(' ') ?? ['@']\r\n  const name1 = tmps[0] && tmps[0][0] ? tmps[0][0] : '@'\r\n  const name2 = tmps[1] && tmps[1][0] ? tmps[1][0] : ''\r\n  const finalSx = Object.assign({ color: '#ffffff' }, sx)\r\n  return {\r\n    sx: { width: 'var(--avatar-size, 40px)', height: 'var(--avatar-size, 40px)', bgcolor: stringToColor(name), ...finalSx },\r\n    children: `${name1?.toLocaleUpperCase() ?? ''}${name2?.toLocaleUpperCase() ?? ''}`\r\n  }\r\n}\r\n"],"names":["toArray","value","arguments","length","undefined","Array","isArray","stringToColor","string","i","hash","charCodeAt","color","concat","toString","slice","getAvatarProps","name","sx","_name$split","_name1$toLocaleUpperC","_name2$toLocaleUpperC","tmps","split","name1","name2","finalSx","Object","assign","_objectSpread","width","height","bgcolor","children","toLocaleUpperCase"],"mappings":"yEAQgB,SAAAA,IAA0C,IAA/BC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAA6B,GACtD,OAAOG,MAAMC,QAAQL,GAASA,EAAQ,CAACA,EACzC,CAEA,SAASM,EAAcC,GACrB,IACIC,EADAC,EAAO,EAIX,IAAKD,EAAI,EAAGA,EAAID,EAAOL,OAAQM,GAAK,EAClCC,EAAOF,EAAOG,WAAWF,KAAOC,GAAQ,GAAKA,GAG/C,IAAIE,EAAQ,IAEZ,IAAKH,EAAI,EAAGA,EAAI,EAAGA,GAAK,EAAG,CAEzBG,GAAS,KAAAC,QADMH,GAAa,EAAJD,EAAU,KACdK,SAAS,KAAMC,SACpC,CAGD,OAAOH,CACT,CAOgB,SAAAI,EAAeC,EAAcC,GAAmB,IAAAC,EAAAC,EAAAC,EAC1DC,EAAuBH,QAAnBA,EAAGF,eAAAA,EAAMM,MAAM,gBAAIJ,EAAAA,EAAI,CAAC,KAC1BK,EAAQF,EAAK,IAAMA,EAAK,GAAG,GAAKA,EAAK,GAAG,GAAK,IAC7CG,EAAQH,EAAK,IAAMA,EAAK,GAAG,GAAKA,EAAK,GAAG,GAAK,GAC7CI,EAAUC,OAAOC,OAAO,CAAEhB,MAAO,WAAaM,GACpD,MAAO,CACLA,GAAEW,EAAA,CAAIC,MAAO,2BAA4BC,OAAQ,2BAA4BC,QAASzB,EAAcU,IAAUS,GAC9GO,YAAQpB,OAA+BO,QAA/BA,EAAKI,aAAAA,EAAAA,EAAOU,+BAAmBd,EAAAA,EAAI,IAAEP,OAA6B,QAA7BQ,EAAGI,aAAAA,EAAAA,EAAOS,2BAAmBb,IAAAA,EAAAA,EAAI,IAElF"}
+{"version":3,"file":"helpers.js","sources":["../../src/layout-global/helpers.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material'\r\nimport { ReactNode } from 'react'\r\n\r\n/**\r\n * Converts a single item or array to an array\r\n * @param value - Single item of type T or array of type T\r\n * @returns Array of type T\r\n */\r\nexport function toArray<T>(value: T | T[] | undefined = []): T[] {\r\n  return Array.isArray(value) ? value : [value]\r\n}\r\n\r\nfunction stringToColor(string: string) {\r\n  let hash = 0\r\n  let i\r\n\r\n  /* eslint-disable no-bitwise */\r\n  for (i = 0; i < string.length; i += 1) {\r\n    hash = string.charCodeAt(i) + ((hash << 5) - hash)\r\n  }\r\n\r\n  let color = '#'\r\n\r\n  for (i = 0; i < 3; i += 1) {\r\n    const value = (hash >> (i * 8)) & 0xff\r\n    color += `00${value.toString(16)}`.slice(-2)\r\n  }\r\n  /* eslint-enable no-bitwise */\r\n\r\n  return color\r\n}\r\n\r\ninterface IAvatarPropsResult {\r\n  sx: SxProps<Theme>\r\n  children: ReactNode\r\n}\r\n\r\nexport function getAvatarProps(name: string, sx?: SxProps<Theme>): IAvatarPropsResult {\r\n  const finalName = typeof name === 'string' ? name : undefined\r\n  let tmps = finalName?.split(' ') ?? ['@']\r\n  const name1 = tmps[0] && tmps[0][0] ? tmps[0][0] : '@'\r\n  const name2 = tmps[1] && tmps[1][0] ? tmps[1][0] : ''\r\n  const finalSx = Object.assign({ color: '#ffffff' }, sx)\r\n  return {\r\n    sx: { width: 'var(--avatar-size, 40px)', height: 'var(--avatar-size, 40px)', bgcolor: stringToColor(name), ...finalSx },\r\n    children: `${name1?.toLocaleUpperCase() ?? ''}${name2?.toLocaleUpperCase() ?? ''}`\r\n  }\r\n}\r\n"],"names":["toArray","value","arguments","length","undefined","Array","isArray","stringToColor","string","i","hash","charCodeAt","color","concat","toString","slice","getAvatarProps","name","sx","_finalName$split","_name1$toLocaleUpperC","_name2$toLocaleUpperC","finalName","tmps","split","name1","name2","finalSx","Object","assign","_objectSpread","width","height","bgcolor","children","toLocaleUpperCase"],"mappings":"yEAQgB,SAAAA,IAA0C,IAA/BC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAA6B,GACtD,OAAOG,MAAMC,QAAQL,GAASA,EAAQ,CAACA,EACzC,CAEA,SAASM,EAAcC,GACrB,IACIC,EADAC,EAAO,EAIX,IAAKD,EAAI,EAAGA,EAAID,EAAOL,OAAQM,GAAK,EAClCC,EAAOF,EAAOG,WAAWF,KAAOC,GAAQ,GAAKA,GAG/C,IAAIE,EAAQ,IAEZ,IAAKH,EAAI,EAAGA,EAAI,EAAGA,GAAK,EAAG,CAEzBG,GAAS,KAAAC,QADMH,GAAa,EAAJD,EAAU,KACdK,SAAS,KAAMC,SACpC,CAGD,OAAOH,CACT,CAOgB,SAAAI,EAAeC,EAAcC,GAAmB,IAAAC,EAAAC,EAAAC,EACxDC,EAA4B,iBAATL,EAAoBA,OAAOb,EAChDmB,EAA4BJ,QAAxBA,EAAGG,eAAAA,EAAWE,MAAM,gBAAIL,EAAAA,EAAI,CAAC,KAC/BM,EAAQF,EAAK,IAAMA,EAAK,GAAG,GAAKA,EAAK,GAAG,GAAK,IAC7CG,EAAQH,EAAK,IAAMA,EAAK,GAAG,GAAKA,EAAK,GAAG,GAAK,GAC7CI,EAAUC,OAAOC,OAAO,CAAEjB,MAAO,WAAaM,GACpD,MAAO,CACLA,GAAEY,EAAA,CAAIC,MAAO,2BAA4BC,OAAQ,2BAA4BC,QAAS1B,EAAcU,IAAUU,GAC9GO,YAAQrB,OAA+BO,QAA/BA,EAAKK,aAAAA,EAAAA,EAAOU,+BAAmBf,EAAAA,EAAI,IAAEP,OAA6B,QAA7BQ,EAAGK,aAAAA,EAAAA,EAAOS,2BAAmBd,IAAAA,EAAAA,EAAI,IAElF"}

package/dist/notification/styled.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as o,Menu as e,Box as r,alpha as i}from"@mui/material";var a=o(e)(function(t){var o=t.theme;return{"--color-bg":"#323234",marginTop:"45px",".MuiPaper-root":{overflow:"visible",backgroundColor:"var(--color-bg, #000000)",borderRadius:4,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"dinoFadeInDown 0.3s ease-out",marginTop:"8px",color:o.palette.common.white,display:"flex","@keyframes dinoFadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}},"&::before":{content:'""',position:"absolute",backgroundColor:"var(--color-bg, #000000)",width:"10px",height:"10px",top:"-4px",right:o.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0,backgroundColor:"var(--color-bg, #000000)",borderRadius:o.shape.borderRadius}}}),n={root:"NotifyList-root",header:"NotifyList-header",footer:"NotifyList-footer",items:"NotifyList-items",item:"NotifyList-item",readed:"NotifyList-readed",itemIcon:"NotifyList-itemIcon",itemTitle:"NotifyList-itemText",itemSubTitle:"NotifyList-itemSubTitle"},l=function(t,o){return"".concat((null==o?void 0:o.prefix)||"",".").concat(n[t]).concat((null==o?void 0:o.suffix)||"")},s=o(r)(function(o){var e=o.theme;return t(t(t(t(t(t({display:"flex",flexDirection:"column",height:"100%"},l("header"),{display:"flex",alignItems:"center",padding:e.spacing(1.5),margin:e.spacing(0)}),l("footer"),{padding:e.spacing(1.5),display:"flex",justifyContent:"space-between",alignItems:"center"}),l("items"),{overflowY:"auto",padding:e.spacing(.5),":hover::-webkit-scrollbar-track":{background:"var(--color-bg, #000000)"}}),l("itemTitle"),{transition:"color 0.2s ease",lineHeight:"1.35",marginBottom:e.spacing(.5)}),l("itemSubTitle"),{color:"var(--text-color-secondary, ".concat(i(e.palette.common.white,.5),")"),transition:"color 0.2s ease",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",marginBottom:e.spacing(.5)}),l("item"),t(t({display:"flex",alignItems:"center",gap:e.spacing(1.5),padding:e.spacing(1,1.5),cursor:"pointer",borderRadius:e.shape.borderRadius,transition:"all 0.2s ease",border:"1px dashed transparent",borderBottomColor:i(e.palette.common.white,.1),"&:last-of-type":{borderBottomColor:"transparent"}},l("readed",{prefix:"&"}),{backgroundColor:"var(--bg-nav-item-readed, rgba(255, 255, 255, 0.05))",color:e.palette.text.secondary}),"&:hover",{"--text-color-secondary":i(e.palette.common.white,.8),borderColor:i(e.palette.common.white,.1),backgroundColor:"var(--bg-nav-item-hover, rgba(255, 255, 255, 0.1))"}))}),c={root:"NotifyList-root",header:"NotifyList-header",footer:"NotifyList-footer",title:"NotifyList-title",closeButton:"NotifyList-closeButton",footerActions:"NotifyList-footerActions"},d=function(t,o){return"".concat("",".").concat(c[t]).concat("")},p=o(r)(function(o){var e=o.theme;return t(t(t(t(t(t({backgroundColor:"#fff",width:"calc(100vw - 48px)",margin:"0 auto",overflowX:"hidden",overflowY:"auto",minHeight:"200px",display:"flex",flexDirection:"column",alignItems:"center",borderRadius:e.shape.borderRadius},e.breakpoints.up("md"),{width:e.breakpoints.values.md}),d("header"),{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:e.spacing(.75,1.5),margin:e.spacing(0)}),d("footer"),{padding:e.spacing(.75,1.5),display:"flex",alignItems:"center",width:"100%"}),d("footerActions"),{display:"flex",gap:e.spacing(1),alignItems:"center",justifyContent:"flex-end",flex:1}),d("closeButton"),{color:e.palette.text.secondary,width:"auto","&:hover":{color:e.palette.error.main,backgroundColor:i(e.palette.error.main,.1)}}),".".concat(c.title),{fontWeight:500,color:e.palette.grey[900]})});export{a as MenuStyled,p as NotifyDetailStyled,s as NotifyListStyled,c as notifyDetailClasses,n as notifyListClasses};
+import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as o,Menu as e,Box as r,alpha as i}from"@mui/material";var a=o(e)(function(t){var o=t.theme;return{"--color-bg":"#323234",marginTop:"45px",".MuiPaper-root":{overflow:"visible",backgroundColor:"var(--color-bg, #000000)",borderRadius:4,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"dinoFadeInDown 0.3s ease-out",marginTop:"8px",color:o.palette.common.white,display:"flex","@keyframes dinoFadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}},"&::before":{content:'""',position:"absolute",backgroundColor:"var(--color-bg, #000000)",width:"10px",height:"10px",top:"-4px",right:o.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0,backgroundColor:"var(--color-bg, #000000)",borderRadius:o.shape.borderRadius}}}),n={root:"NotifyList-root",header:"NotifyList-header",footer:"NotifyList-footer",items:"NotifyList-items",item:"NotifyList-item",readed:"NotifyList-readed",itemIcon:"NotifyList-itemIcon",itemTitle:"NotifyList-itemText",itemSubTitle:"NotifyList-itemSubTitle"},l=function(t,o){return"".concat((null==o?void 0:o.prefix)||"",".").concat(n[t]).concat((null==o?void 0:o.suffix)||"")},s=o(r)(function(o){var e=o.theme;return t(t(t(t(t(t({display:"flex",flexDirection:"column",height:"100%"},l("header"),{display:"flex",alignItems:"center",padding:e.spacing(1.5),margin:e.spacing(0)}),l("footer"),{padding:e.spacing(1.5),display:"flex",justifyContent:"space-between",alignItems:"center"}),l("items"),{overflowY:"auto",padding:e.spacing(.5),"&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-track":{background:"transparent",borderRadius:"3px"},"&::-webkit-scrollbar-thumb":{background:i(e.palette.common.white,.2),borderRadius:"3px",transition:"background 0.2s ease"},"&::-webkit-scrollbar-thumb:hover":{background:i(e.palette.common.white,.3)},"&:hover::-webkit-scrollbar-track":{background:i(e.palette.common.white,.05)},scrollbarWidth:"thin",scrollbarColor:"".concat(i(e.palette.common.white,.2)," transparent")}),l("itemTitle"),{transition:"color 0.2s ease",lineHeight:"1.35",marginBottom:e.spacing(.5)}),l("itemSubTitle"),{color:"var(--text-color-secondary, ".concat(i(e.palette.common.white,.5),")"),transition:"color 0.2s ease",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",marginBottom:e.spacing(.5)}),l("item"),t(t({display:"flex",alignItems:"center",gap:e.spacing(1.5),padding:e.spacing(1,1.5),cursor:"pointer",borderRadius:e.shape.borderRadius,transition:"all 0.2s ease",border:"1px dashed transparent",borderBottomColor:i(e.palette.common.white,.1),"&:last-of-type":{borderBottomColor:"transparent"}},l("readed",{prefix:"&"}),{backgroundColor:"var(--bg-nav-item-readed, rgba(255, 255, 255, 0.05))",color:e.palette.text.secondary}),"&:hover",{"--text-color-secondary":i(e.palette.common.white,.8),borderColor:i(e.palette.common.white,.1),backgroundColor:"var(--bg-nav-item-hover, rgba(255, 255, 255, 0.1))"}))}),c={root:"NotifyList-root",header:"NotifyList-header",footer:"NotifyList-footer",title:"NotifyList-title",closeButton:"NotifyList-closeButton",footerActions:"NotifyList-footerActions"},d=function(t,o){return"".concat("",".").concat(c[t]).concat("")},p=o(r)(function(o){var e=o.theme;return t(t(t(t(t(t({backgroundColor:"#fff",width:"calc(100vw - 48px)",margin:"0 auto",overflowX:"hidden",overflowY:"auto",minHeight:"200px",display:"flex",flexDirection:"column",alignItems:"center",borderRadius:e.shape.borderRadius},e.breakpoints.up("md"),{width:e.breakpoints.values.md}),d("header"),{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:e.spacing(.75,1.5),margin:e.spacing(0)}),d("footer"),{padding:e.spacing(.75,1.5),display:"flex",alignItems:"center",width:"100%"}),d("footerActions"),{display:"flex",gap:e.spacing(1),alignItems:"center",justifyContent:"flex-end",flex:1}),d("closeButton"),{color:e.palette.text.secondary,width:"auto","&:hover":{color:e.palette.error.main,backgroundColor:i(e.palette.error.main,.1)}}),".".concat(c.title),{fontWeight:500,color:e.palette.grey[900]})});export{a as MenuStyled,p as NotifyDetailStyled,s as NotifyListStyled,c as notifyDetailClasses,n as notifyListClasses};
 //# sourceMappingURL=styled.js.map

package/dist/notification/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../src/notification/styled.tsx"],"sourcesContent":["import { alpha, Box, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps, MenuProps } from '@mui/material'\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }) => ({\r\n  '--color-bg': '#323234',\r\n  marginTop: '45px',\r\n  '.MuiPaper-root': {\r\n    overflow: 'visible',\r\n    backgroundColor: 'var(--color-bg, #000000)',\r\n    borderRadius: 4,\r\n    minWidth: '280px',\r\n    maxWidth: '550px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n    animation: 'dinoFadeInDown 0.3s ease-out',\r\n    marginTop: '8px',\r\n    color: theme.palette.common.white,\r\n    display: 'flex',\r\n\r\n    '@keyframes dinoFadeInDown': {\r\n      '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n      '100%': { opacity: 1, transform: 'translateY(0)' }\r\n    },\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: 'var(--color-bg, #000000)',\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    }\r\n  },\r\n  '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n  '.MuiList-root': { padding: 0, backgroundColor: 'var(--color-bg, #000000)', borderRadius: theme.shape.borderRadius }\r\n}))\r\n\r\nexport const notifyListClasses = {\r\n  root: 'NotifyList-root',\r\n  header: 'NotifyList-header',\r\n  footer: 'NotifyList-footer',\r\n  items: 'NotifyList-items',\r\n  item: 'NotifyList-item',\r\n  readed: 'NotifyList-readed',\r\n  itemIcon: 'NotifyList-itemIcon',\r\n  itemTitle: 'NotifyList-itemText',\r\n  itemSubTitle: 'NotifyList-itemSubTitle'\r\n}\r\n\r\nconst getNotifyListClasses = (key: keyof typeof notifyListClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${notifyListClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const NotifyListStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  height: '100%',\r\n  [getNotifyListClasses('header')]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    padding: theme.spacing(1.5),\r\n    margin: theme.spacing(0)\r\n  },\r\n  [getNotifyListClasses('footer')]: {\r\n    padding: theme.spacing(1.5),\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    alignItems: 'center'\r\n  },\r\n  [getNotifyListClasses('items')]: {\r\n    overflowY: 'auto',\r\n    padding: theme.spacing(0.5),\r\n    ':hover::-webkit-scrollbar-track': {\r\n      background: 'var(--color-bg, #000000)'\r\n    }\r\n  },\r\n  [getNotifyListClasses('itemTitle')]: {\r\n    transition: 'color 0.2s ease',\r\n    lineHeight: '1.35',\r\n    marginBottom: theme.spacing(0.5)\r\n  },\r\n  [getNotifyListClasses('itemSubTitle')]: {\r\n    color: `var(--text-color-secondary, ${alpha(theme.palette.common.white, 0.5)})`,\r\n    transition: 'color 0.2s ease',\r\n    display: '-webkit-box',\r\n    WebkitLineClamp: 2,\r\n    WebkitBoxOrient: 'vertical',\r\n    overflow: 'hidden',\r\n    marginBottom: theme.spacing(0.5)\r\n  },\r\n  [getNotifyListClasses('item')]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(1.5),\r\n    padding: theme.spacing(1, 1.5),\r\n    cursor: 'pointer',\r\n    borderRadius: theme.shape.borderRadius,\r\n    transition: 'all 0.2s ease',\r\n    border: `1px dashed transparent`,\r\n    borderBottomColor: alpha(theme.palette.common.white, 0.1),\r\n    '&:last-of-type': {\r\n      borderBottomColor: 'transparent'\r\n    },\r\n    [getNotifyListClasses('readed', { prefix: '&' })]: {\r\n      backgroundColor: 'var(--bg-nav-item-readed, rgba(255, 255, 255, 0.05))',\r\n      color: theme.palette.text.secondary\r\n    },\r\n    '&:hover': {\r\n      '--text-color-secondary': alpha(theme.palette.common.white, 0.8),\r\n      borderColor: alpha(theme.palette.common.white, 0.1),\r\n      backgroundColor: 'var(--bg-nav-item-hover, rgba(255, 255, 255, 0.1))'\r\n    }\r\n  }\r\n}))\r\n\r\nexport const notifyDetailClasses = {\r\n  root: 'NotifyList-root',\r\n  header: 'NotifyList-header',\r\n  footer: 'NotifyList-footer',\r\n  title: 'NotifyList-title',\r\n  closeButton: 'NotifyList-closeButton',\r\n  footerActions: 'NotifyList-footerActions'\r\n}\r\n\r\nconst getNotifyDetailClasses = (key: keyof typeof notifyDetailClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${notifyDetailClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const NotifyDetailStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  backgroundColor: '#fff',\r\n  width: 'calc(100vw - 48px)',\r\n  margin: '0 auto',\r\n  overflowX: 'hidden',\r\n  overflowY: 'auto',\r\n  minHeight: '200px',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'center',\r\n  borderRadius: theme.shape.borderRadius,\r\n  [theme.breakpoints.up('md')]: { width: theme.breakpoints.values.md },\r\n\r\n  [getNotifyDetailClasses('header')]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'space-between',\r\n    width: '100%',\r\n    padding: theme.spacing(0.75, 1.5),\r\n    margin: theme.spacing(0)\r\n  },\r\n  [getNotifyDetailClasses('footer')]: {\r\n    padding: theme.spacing(0.75, 1.5),\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    width: '100%'\r\n  },\r\n  [getNotifyDetailClasses('footerActions')]: {\r\n    display: 'flex',\r\n    gap: theme.spacing(1),\r\n    alignItems: 'center',\r\n    justifyContent: 'flex-end',\r\n    flex: 1\r\n  },\r\n  [getNotifyDetailClasses('closeButton')]: {\r\n    color: theme.palette.text.secondary,\r\n    width: 'auto',\r\n    '&:hover': {\r\n      color: theme.palette.error.main,\r\n      backgroundColor: alpha(theme.palette.error.main, 0.1)\r\n    }\r\n  },\r\n  [`.${notifyDetailClasses.title}`]: {\r\n    fontWeight: 500,\r\n    color: theme.palette.grey[900]\r\n  }\r\n}))\r\n"],"names":["MenuStyled","styled","Menu","_ref","theme","marginTop","overflow","backgroundColor","borderRadius","minWidth","maxWidth","boxShadow","animation","color","palette","common","white","display","opacity","transform","content","position","width","height","top","right","spacing","zIndex","padding","shape","notifyListClasses","root","header","footer","items","item","readed","itemIcon","itemTitle","itemSubTitle","getNotifyListClasses","key","options","concat","prefix","suffix","NotifyListStyled","Box","_ref2","_defineProperty","flexDirection","alignItems","margin","justifyContent","overflowY","background","transition","lineHeight","marginBottom","alpha","WebkitLineClamp","WebkitBoxOrient","gap","cursor","border","borderBottomColor","text","secondary","borderColor","notifyDetailClasses","title","closeButton","footerActions","getNotifyDetailClasses","NotifyDetailStyled","_ref4","overflowX","minHeight","breakpoints","up","values","md","flex","error","main","fontWeight","grey"],"mappings":"+IAIO,IAAMA,EAAuCC,EAAOC,EAAPD,CAAa,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAAQ,CAC/E,aAAc,UACdC,UAAW,OACX,iBAAkB,CAChBC,SAAU,UACVC,gBAAiB,2BACjBC,aAAc,EACdC,SAAU,QACVC,SAAU,QACVC,UAAsI,4HACtIC,UAAW,+BACXP,UAAW,MACXQ,MAAOT,EAAMU,QAAQC,OAAOC,MAC5BC,QAAS,OAET,4BAA6B,CAC3B,KAAM,CAAEC,QAAS,EAAGC,UAAW,qBAC/B,OAAQ,CAAED,QAAS,EAAGC,UAAW,kBAGnC,YAAa,CACXC,QAAS,KACTC,SAAU,WACVd,gBAAiB,2BACjBe,MAAO,OACPC,OAAQ,OACRC,IAAK,OACLC,MAAOrB,EAAMsB,QAAQ,GACrBP,UAAW,iCACXQ,OAAQ,IAGZ,oBAAqB,CAAEpB,gBAAiB,eACxC,gBAAiB,CAAEqB,QAAS,EAAGrB,gBAAiB,2BAA4BC,aAAcJ,EAAMyB,MAAMrB,cACvG,GAEYsB,EAAoB,CAC/BC,KAAM,kBACNC,OAAQ,oBACRC,OAAQ,oBACRC,MAAO,mBACPC,KAAM,kBACNC,OAAQ,oBACRC,SAAU,sBACVC,UAAW,sBACXC,aAAc,2BAGVC,EAAuB,SAACC,EAAqCC,GACjE,MAAA,GAAAC,QAAUD,aAAAA,EAAAA,EAASE,SAAU,QAAED,OAAIb,EAAkBW,IAAIE,QAAGD,aAAAA,EAAAA,EAASG,SAAU,GACjF,EAEaC,EAA4C7C,EAAO8C,EAAP9C,CAAY,SAAA+C,GAAA,IAAG5C,EAAK4C,EAAL5C,MAAK,OAAA6C,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAC3EhC,QAAS,OACTiC,cAAe,SACf3B,OAAQ,QACPiB,EAAqB,UAAY,CAChCvB,QAAS,OACTkC,WAAY,SACZvB,QAASxB,EAAMsB,QAAQ,KACvB0B,OAAQhD,EAAMsB,QAAQ,KAEvBc,EAAqB,UAAY,CAChCZ,QAASxB,EAAMsB,QAAQ,KACvBT,QAAS,OACToC,eAAgB,gBAChBF,WAAY,WAEbX,EAAqB,SAAW,CAC/Bc,UAAW,OACX1B,QAASxB,EAAMsB,QAAQ,IACvB,kCAAmC,CACjC6B,WAAY,8BAGff,EAAqB,aAAe,CACnCgB,WAAY,kBACZC,WAAY,OACZC,aAActD,EAAMsB,QAAQ,MAE7Bc,EAAqB,gBAAkB,CACtC3B,MAAK8B,+BAAAA,OAAiCgB,EAAMvD,EAAMU,QAAQC,OAAOC,MAAO,IAAO,KAC/EwC,WAAY,kBACZvC,QAAS,cACT2C,gBAAiB,EACjBC,gBAAiB,WACjBvD,SAAU,SACVoD,aAActD,EAAMsB,QAAQ,MAE7Bc,EAAqB,QAAOS,EAAAA,EAAA,CAC3BhC,QAAS,OACTkC,WAAY,SACZW,IAAK1D,EAAMsB,QAAQ,KACnBE,QAASxB,EAAMsB,QAAQ,EAAG,KAC1BqC,OAAQ,UACRvD,aAAcJ,EAAMyB,MAAMrB,aAC1BgD,WAAY,gBACZQ,OAAgC,yBAChCC,kBAAmBN,EAAMvD,EAAMU,QAAQC,OAAOC,MAAO,IACrD,iBAAkB,CAChBiD,kBAAmB,gBAEpBzB,EAAqB,SAAU,CAAEI,OAAQ,MAAS,CACjDrC,gBAAiB,uDACjBM,MAAOT,EAAMU,QAAQoD,KAAKC,YAE5B,UAAW,CACT,yBAA0BR,EAAMvD,EAAMU,QAAQC,OAAOC,MAAO,IAC5DoD,YAAaT,EAAMvD,EAAMU,QAAQC,OAAOC,MAAO,IAC/CT,gBAAiB,uDAClB,GAIQ8D,EAAsB,CACjCtC,KAAM,kBACNC,OAAQ,oBACRC,OAAQ,oBACRqC,MAAO,mBACPC,YAAa,yBACbC,cAAe,4BAGXC,EAAyB,SAAChC,EAAuCC,GACrE,MAAA,GAAAC,OAA6B,QAAEA,OAAI0B,EAAoB5B,IAAIE,OAAsB,GACnF,EAEa+B,EAA8CzE,EAAO8C,EAAP9C,CAAY,SAAA0E,GAAA,IAAGvE,EAAKuE,EAALvE,MAAK,OAAA6C,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAC7E1C,gBAAiB,OACjBe,MAAO,qBACP8B,OAAQ,SACRwB,UAAW,SACXtB,UAAW,OACXuB,UAAW,QACX5D,QAAS,OACTiC,cAAe,SACfC,WAAY,SACZ3C,aAAcJ,EAAMyB,MAAMrB,cACzBJ,EAAM0E,YAAYC,GAAG,MAAQ,CAAEzD,MAAOlB,EAAM0E,YAAYE,OAAOC,KAE/DR,EAAuB,UAAY,CAClCxD,QAAS,OACTkC,WAAY,SACZE,eAAgB,gBAChB/B,MAAO,OACPM,QAASxB,EAAMsB,QAAQ,IAAM,KAC7B0B,OAAQhD,EAAMsB,QAAQ,KAEvB+C,EAAuB,UAAY,CAClC7C,QAASxB,EAAMsB,QAAQ,IAAM,KAC7BT,QAAS,OACTkC,WAAY,SACZ7B,MAAO,SAERmD,EAAuB,iBAAmB,CACzCxD,QAAS,OACT6C,IAAK1D,EAAMsB,QAAQ,GACnByB,WAAY,SACZE,eAAgB,WAChB6B,KAAM,IAEPT,EAAuB,eAAiB,CACvC5D,MAAOT,EAAMU,QAAQoD,KAAKC,UAC1B7C,MAAO,OACP,UAAW,CACTT,MAAOT,EAAMU,QAAQqE,MAAMC,KAC3B7E,gBAAiBoD,EAAMvD,EAAMU,QAAQqE,MAAMC,KAAM,WAEpDzC,OACI0B,EAAoBC,OAAU,CACjCe,WAAY,IACZxE,MAAOT,EAAMU,QAAQwE,KAAK,MAC3B"}
+{"version":3,"file":"styled.js","sources":["../../src/notification/styled.tsx"],"sourcesContent":["import { alpha, Box, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps, MenuProps } from '@mui/material'\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }) => ({\r\n  '--color-bg': '#323234',\r\n  marginTop: '45px',\r\n  '.MuiPaper-root': {\r\n    overflow: 'visible',\r\n    backgroundColor: 'var(--color-bg, #000000)',\r\n    borderRadius: 4,\r\n    minWidth: '280px',\r\n    maxWidth: '550px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n    animation: 'dinoFadeInDown 0.3s ease-out',\r\n    marginTop: '8px',\r\n    color: theme.palette.common.white,\r\n    display: 'flex',\r\n\r\n    '@keyframes dinoFadeInDown': {\r\n      '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n      '100%': { opacity: 1, transform: 'translateY(0)' }\r\n    },\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: 'var(--color-bg, #000000)',\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    }\r\n  },\r\n  '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n  '.MuiList-root': { padding: 0, backgroundColor: 'var(--color-bg, #000000)', borderRadius: theme.shape.borderRadius }\r\n}))\r\n\r\nexport const notifyListClasses = {\r\n  root: 'NotifyList-root',\r\n  header: 'NotifyList-header',\r\n  footer: 'NotifyList-footer',\r\n  items: 'NotifyList-items',\r\n  item: 'NotifyList-item',\r\n  readed: 'NotifyList-readed',\r\n  itemIcon: 'NotifyList-itemIcon',\r\n  itemTitle: 'NotifyList-itemText',\r\n  itemSubTitle: 'NotifyList-itemSubTitle'\r\n}\r\n\r\nconst getNotifyListClasses = (key: keyof typeof notifyListClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${notifyListClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const NotifyListStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  height: '100%',\r\n  [getNotifyListClasses('header')]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    padding: theme.spacing(1.5),\r\n    margin: theme.spacing(0)\r\n  },\r\n  [getNotifyListClasses('footer')]: {\r\n    padding: theme.spacing(1.5),\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    alignItems: 'center'\r\n  },\r\n  [getNotifyListClasses('items')]: {\r\n    overflowY: 'auto',\r\n    padding: theme.spacing(0.5),\r\n    '&::-webkit-scrollbar': {\r\n      width: '6px'\r\n    },\r\n    '&::-webkit-scrollbar-track': {\r\n      background: 'transparent',\r\n      borderRadius: '3px'\r\n    },\r\n    '&::-webkit-scrollbar-thumb': {\r\n      background: alpha(theme.palette.common.white, 0.2),\r\n      borderRadius: '3px',\r\n      transition: 'background 0.2s ease'\r\n    },\r\n    '&::-webkit-scrollbar-thumb:hover': {\r\n      background: alpha(theme.palette.common.white, 0.3)\r\n    },\r\n    '&:hover::-webkit-scrollbar-track': {\r\n      background: alpha(theme.palette.common.white, 0.05)\r\n    },\r\n    scrollbarWidth: 'thin',\r\n    scrollbarColor: `${alpha(theme.palette.common.white, 0.2)} transparent`\r\n  },\r\n  [getNotifyListClasses('itemTitle')]: {\r\n    transition: 'color 0.2s ease',\r\n    lineHeight: '1.35',\r\n    marginBottom: theme.spacing(0.5)\r\n  },\r\n  [getNotifyListClasses('itemSubTitle')]: {\r\n    color: `var(--text-color-secondary, ${alpha(theme.palette.common.white, 0.5)})`,\r\n    transition: 'color 0.2s ease',\r\n    display: '-webkit-box',\r\n    WebkitLineClamp: 2,\r\n    WebkitBoxOrient: 'vertical',\r\n    overflow: 'hidden',\r\n    marginBottom: theme.spacing(0.5)\r\n  },\r\n  [getNotifyListClasses('item')]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(1.5),\r\n    padding: theme.spacing(1, 1.5),\r\n    cursor: 'pointer',\r\n    borderRadius: theme.shape.borderRadius,\r\n    transition: 'all 0.2s ease',\r\n    border: `1px dashed transparent`,\r\n    borderBottomColor: alpha(theme.palette.common.white, 0.1),\r\n    '&:last-of-type': {\r\n      borderBottomColor: 'transparent'\r\n    },\r\n    [getNotifyListClasses('readed', { prefix: '&' })]: {\r\n      backgroundColor: 'var(--bg-nav-item-readed, rgba(255, 255, 255, 0.05))',\r\n      color: theme.palette.text.secondary\r\n    },\r\n    '&:hover': {\r\n      '--text-color-secondary': alpha(theme.palette.common.white, 0.8),\r\n      borderColor: alpha(theme.palette.common.white, 0.1),\r\n      backgroundColor: 'var(--bg-nav-item-hover, rgba(255, 255, 255, 0.1))'\r\n    }\r\n  }\r\n}))\r\n\r\nexport const notifyDetailClasses = {\r\n  root: 'NotifyList-root',\r\n  header: 'NotifyList-header',\r\n  footer: 'NotifyList-footer',\r\n  title: 'NotifyList-title',\r\n  closeButton: 'NotifyList-closeButton',\r\n  footerActions: 'NotifyList-footerActions'\r\n}\r\n\r\nconst getNotifyDetailClasses = (key: keyof typeof notifyDetailClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${notifyDetailClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const NotifyDetailStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  backgroundColor: '#fff',\r\n  width: 'calc(100vw - 48px)',\r\n  margin: '0 auto',\r\n  overflowX: 'hidden',\r\n  overflowY: 'auto',\r\n  minHeight: '200px',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'center',\r\n  borderRadius: theme.shape.borderRadius,\r\n  [theme.breakpoints.up('md')]: { width: theme.breakpoints.values.md },\r\n\r\n  [getNotifyDetailClasses('header')]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'space-between',\r\n    width: '100%',\r\n    padding: theme.spacing(0.75, 1.5),\r\n    margin: theme.spacing(0)\r\n  },\r\n  [getNotifyDetailClasses('footer')]: {\r\n    padding: theme.spacing(0.75, 1.5),\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    width: '100%'\r\n  },\r\n  [getNotifyDetailClasses('footerActions')]: {\r\n    display: 'flex',\r\n    gap: theme.spacing(1),\r\n    alignItems: 'center',\r\n    justifyContent: 'flex-end',\r\n    flex: 1\r\n  },\r\n  [getNotifyDetailClasses('closeButton')]: {\r\n    color: theme.palette.text.secondary,\r\n    width: 'auto',\r\n    '&:hover': {\r\n      color: theme.palette.error.main,\r\n      backgroundColor: alpha(theme.palette.error.main, 0.1)\r\n    }\r\n  },\r\n  [`.${notifyDetailClasses.title}`]: {\r\n    fontWeight: 500,\r\n    color: theme.palette.grey[900]\r\n  }\r\n}))\r\n"],"names":["MenuStyled","styled","Menu","_ref","theme","marginTop","overflow","backgroundColor","borderRadius","minWidth","maxWidth","boxShadow","animation","color","palette","common","white","display","opacity","transform","content","position","width","height","top","right","spacing","zIndex","padding","shape","notifyListClasses","root","header","footer","items","item","readed","itemIcon","itemTitle","itemSubTitle","getNotifyListClasses","key","options","concat","prefix","suffix","NotifyListStyled","Box","_ref2","_defineProperty","flexDirection","alignItems","margin","justifyContent","overflowY","background","alpha","transition","scrollbarWidth","scrollbarColor","lineHeight","marginBottom","WebkitLineClamp","WebkitBoxOrient","gap","cursor","border","borderBottomColor","text","secondary","borderColor","notifyDetailClasses","title","closeButton","footerActions","getNotifyDetailClasses","NotifyDetailStyled","_ref4","overflowX","minHeight","breakpoints","up","values","md","flex","error","main","fontWeight","grey"],"mappings":"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"}

package/dist/notification/widget.js

@@ -1,2 +1,2 @@
-import{slicedToArray as t,inherits as n,createClass as o,asyncToGenerator as r,objectSpread2 as e,classCallCheck as a,callSuper as i,defineProperty as l,regenerator as c}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s,jsxs as u,Fragment as d}from"react/jsx-runtime";import{Badge as f}from"@mui/material";import{useState as p,useEffect as h,Component as m}from"react";import{GlobalModal as v,mapGlobalModalContext as C}from"dinocollab-core/api-context";import g from"@mui/icons-material/NotificationsNone";import{MenuStyled as y}from"./styled.js";import{IconButtonDark as k}from"../components/buttons.js";import{useFetchData as b}from"./hook.js";import j from"./notify-list.js";import x from"./notify-detail.js";var E=function(){function t(n){var o;return a(this,t),o=i(this,t,[n]),l(o,"onClickHandler",function(t){var n;o.onClose(),null===(n=o.globalModalContext)||void 0===n||n.show({backdropActivated:!0,renderContent:function(){var n;return s(x,{data:[t],onRead:o.onReadHandler,onClose:null===(n=o.globalModalContext)||void 0===n?void 0:n.close})}})}),l(o,"onOpen",function(t){o.setState({anchorEl:t})}),l(o,"onClose",function(){o.setState({anchorEl:null})}),l(o,"onReadHandler",function(t){var n;null===(n=o.globalModalContext)||void 0===n||n.close();try{var r,e;null===(r=(e=o.props).onReaded)||void 0===r||r.call(e,t.Id)}catch(t){console.error("Error updating read state:",t)}}),o.state={anchorEl:null,hydrated:!1},o}return n(t,m),o(t,[{key:"notifications",get:function(){var t;return null!==(t=this.props.data)&&void 0!==t?t:[]}},{key:"newFeatureCount",get:function(){return this.notifications.filter(function(t){return!t.IsRead}).length}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}},{key:"render",value:function(){var t=this;return u(d,{children:[s(k,{onClick:function(n){return t.onOpen(n.currentTarget)},children:s(f,{badgeContent:this.state.hydrated?this.newFeatureCount:0,color:"error",children:s(g,{fontSize:"small"})})}),s(y,{disableScrollLock:!0,anchorEl:this.state.anchorEl,open:Boolean(this.state.anchorEl),onClose:this.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:C(function(n){return t.globalModalContext=n,s(j,{data:t.props.data,onClick:t.onClickHandler})})})]})}}])}(),R=function(n){var o=b(n.featData),a=p([]),i=t(a,2),l=i[0],u=i[1];h(function(){o.data&&u(o.data)},[o.data]);var d=function(){var t=r(c().m(function t(o,r){var a;return c().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,null===(a=n.readed)||void 0===a?void 0:a.call(n,o,r);case 1:u(function(t){return t.map(function(t){return t.Id===o?e(e({},t),{},{IsRead:!0}):t})});case 2:return t.a(2)}},t)}));return function(n,o){return t.apply(this,arguments)}}();return s(v,{children:s(E,{data:l,loading:o.loading,onReaded:d})})},S=function(t){var n=function(n){return s(R,e(e({},t),n))};return n.displayName="NotificationWidget",n};export{R as NotificationWidget,S as createNotificationWidget,R as default};
+import{slicedToArray as t,toConsumableArray as n,inherits as o,createClass as e,asyncToGenerator as r,objectSpread2 as a,classCallCheck as i,callSuper as l,defineProperty as c,regenerator as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as u,jsxs as d,Fragment as f}from"react/jsx-runtime";import{Badge as p}from"@mui/material";import{useState as h,useEffect as m,Component as v}from"react";import{GlobalModal as C,mapGlobalModalContext as g}from"dinocollab-core/api-context";import y from"@mui/icons-material/NotificationsNone";import{MenuStyled as k}from"./styled.js";import{IconButtonDark as b}from"../components/buttons.js";import{useFetchData as w}from"./hook.js";import D from"./notify-list.js";import R from"./notify-detail.js";var S=function(){function t(n){var o;return i(this,t),o=l(this,t,[n]),c(o,"onClickHandler",function(t){var n;o.onClose(),null===(n=o.globalModalContext)||void 0===n||n.show({backdropActivated:!0,renderContent:function(){var n;return u(R,{data:[t],onRead:o.onReadHandler,onClose:null===(n=o.globalModalContext)||void 0===n?void 0:n.close})}})}),c(o,"onOpen",function(t){o.setState({anchorEl:t})}),c(o,"onClose",function(){o.setState({anchorEl:null})}),c(o,"onReadHandler",function(t){var n;null===(n=o.globalModalContext)||void 0===n||n.close();try{var e,r;null===(e=(r=o.props).onReaded)||void 0===e||e.call(r,t.Id)}catch(t){console.error("Error updating read state:",t)}}),o.state={anchorEl:null,hydrated:!1},o}return o(t,v),e(t,[{key:"notifications",get:function(){var t;return null!==(t=this.props.data)&&void 0!==t?t:[]}},{key:"newFeatureCount",get:function(){return this.notifications.filter(function(t){return!t.IsRead}).length}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}},{key:"componentDidUpdate",value:function(t){var n=this;if(t.data!==this.props.data&&this.props.data.length>0){var o=this.props.data.filter(function(t){return"Popup"===t.AreaType&&!t.IsRead});o.length>0&&setTimeout(function(){var t,e;null===(t=(e=n.props).onAutoShowPopup)||void 0===t||t.call(e,o[0])},1500)}}},{key:"render",value:function(){var t=this;return d(f,{children:[u(b,{onClick:function(n){return t.onOpen(n.currentTarget)},children:u(p,{badgeContent:this.state.hydrated?this.newFeatureCount:0,color:"error",children:u(y,{fontSize:"small"})})}),u(k,{disableScrollLock:!0,anchorEl:this.state.anchorEl,open:Boolean(this.state.anchorEl),onClose:this.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:g(function(n){return t.globalModalContext=n,u(D,{data:t.props.data,onClick:t.onClickHandler})})})]})}}])}(),T=function(o){var e=w(o.featData),i=h([]),l=t(i,2),c=l[0],d=l[1];m(function(){if(e.data){var t=n(e.data).sort(function(t,n){return new Date(n.DateCreated).getTime()-new Date(t.DateCreated).getTime()});d(t)}},[e.data]);var f=function(){var t=r(s().m(function t(n,e){var r;return s().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,null===(r=o.readed)||void 0===r?void 0:r.call(o,n,e);case 1:d(function(t){return t.map(function(t){return t.Id===n?a(a({},t),{},{IsRead:!0}):t}).sort(function(t,n){return new Date(n.DateCreated).getTime()-new Date(t.DateCreated).getTime()})});case 2:return t.a(2)}},t)}));return function(n,o){return t.apply(this,arguments)}}();return u(C,{children:g(function(t){return u(S,{data:c,loading:e.loading,onReaded:f,onAutoShowPopup:function(n){return function(t,n){n.show({backdropActivated:!0,renderContent:function(){return u(R,{data:[t],onRead:function(t){n.close(),f(t.Id)},onClose:n.close})}})}(n,t)}})})})},j=function(t){var n=function(n){return u(T,a(a({},t),n))};return n.displayName="NotificationWidget",n};export{T as NotificationWidget,j as createNotificationWidget,T as default};
 //# sourceMappingURL=widget.js.map

package/dist/notification/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sources":["../../src/notification/widget.tsx"],"sourcesContent":["import { Badge } from '@mui/material'\r\nimport { Component, FC, useEffect, useState } from 'react'\r\nimport { GlobalModal, IGlobalModalContext, mapGlobalModalContext } from 'dinocollab-core/api-context'\r\nimport NotificationsNoneIcon from '@mui/icons-material/NotificationsNone'\r\nimport { MenuStyled } from './styled'\r\nimport { IconButtonDark } from '../components/buttons'\r\nimport { FetcherFunction, useFetchData } from './hook'\r\nimport { INotification, ReadedFunction } from './types'\r\nimport NotifyList from './notify-list'\r\nimport NotifyDetail from './notify-detail'\r\n\r\ninterface INotificationProps {\r\n  loading?: boolean\r\n  data: INotification[]\r\n  onReaded?: ReadedFunction\r\n}\r\n\r\ninterface INotificationState {\r\n  anchorEl: HTMLElement | null\r\n  hydrated: boolean\r\n}\r\nclass NotificationContent extends Component<INotificationProps, INotificationState> {\r\n  globalModalContext?: IGlobalModalContext\r\n  constructor(props: INotificationProps) {\r\n    super(props)\r\n    this.state = { anchorEl: null, hydrated: false }\r\n  }\r\n\r\n  get notifications() {\r\n    return this.props.data ?? []\r\n  }\r\n\r\n  get newFeatureCount() {\r\n    return this.notifications.filter((n) => !n.IsRead).length\r\n  }\r\n\r\n  componentDidMount() {\r\n    // When mounted on the client, set hydrated = true\r\n    this.setState({ hydrated: true })\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <IconButtonDark onClick={(e) => this.onOpen(e.currentTarget)}>\r\n          <Badge badgeContent={this.state.hydrated ? this.newFeatureCount : 0} color='error'>\r\n            <NotificationsNoneIcon fontSize='small' />\r\n          </Badge>\r\n        </IconButtonDark>\r\n        <MenuStyled\r\n          disableScrollLock\r\n          anchorEl={this.state.anchorEl}\r\n          open={Boolean(this.state.anchorEl)}\r\n          onClose={this.onClose}\r\n          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          MenuListProps={{ component: 'div' }}\r\n        >\r\n          {mapGlobalModalContext((context: IGlobalModalContext) => {\r\n            this.globalModalContext = context\r\n            return <NotifyList data={this.props.data} onClick={this.onClickHandler} />\r\n          })}\r\n        </MenuStyled>\r\n      </>\r\n    )\r\n  }\r\n\r\n  onClickHandler = (value: INotification) => {\r\n    this.onClose()\r\n    this.globalModalContext?.show({\r\n      backdropActivated: true,\r\n      renderContent: () => <NotifyDetail data={[value]} onRead={this.onReadHandler} onClose={this.globalModalContext?.close} />\r\n    })\r\n  }\r\n\r\n  onOpen = (target: HTMLElement) => {\r\n    this.setState({ anchorEl: target })\r\n  }\r\n\r\n  onClose = () => {\r\n    this.setState({ anchorEl: null })\r\n  }\r\n\r\n  onReadHandler = (value: INotification) => {\r\n    this.globalModalContext?.close()\r\n    // NotifyLocalStorage.setSingle(value.Id)\r\n    try {\r\n      // Call the callback to update the read state in the parent component\r\n      this.props.onReaded?.(value.Id)\r\n    } catch (error) {\r\n      console.error('Error updating read state:', error)\r\n    }\r\n  }\r\n}\r\n\r\nexport interface INotificationWidgetProps {\r\n  featData: FetcherFunction<INotification[]>\r\n  readed?: ReadedFunction\r\n}\r\n\r\nexport const NotificationWidget: FC<INotificationWidgetProps> = (props) => {\r\n  const intitialData = useFetchData<INotification[]>(props.featData)\r\n  const [data, setData] = useState<INotification[]>([])\r\n\r\n  // When initialData changes, update the local state\r\n  useEffect(() => {\r\n    if (intitialData.data) setData(intitialData.data)\r\n  }, [intitialData.data])\r\n\r\n  // Function to update read notifications\r\n  const handleRead: ReadedFunction = async (id: string, signal?: AbortSignal) => {\r\n    await props.readed?.(id, signal)\r\n    setData((prev) => prev.map((n) => (n.Id === id ? { ...n, IsRead: true } : n)))\r\n  }\r\n\r\n  return (\r\n    <GlobalModal>\r\n      <NotificationContent data={data} loading={intitialData.loading} onReaded={handleRead} />\r\n    </GlobalModal>\r\n  )\r\n}\r\nexport default NotificationWidget\r\n\r\nexport const createNotificationWidget = (params: INotificationWidgetProps) => {\r\n  const _NotificationWidget: FC<Partial<INotificationWidgetProps>> = (props) => <NotificationWidget {...params} {...props} />\r\n  _NotificationWidget.displayName = 'NotificationWidget'\r\n  return _NotificationWidget\r\n}\r\n"],"names":["NotificationContent","props","_this","_classCallCheck","_callSuper","_defineProperty","value","_this$globalModalCont","onClose","globalModalContext","show","backdropActivated","renderContent","_this$globalModalCont2","_jsx","NotifyDetail","data","onRead","onReadHandler","close","target","setState","anchorEl","_this$globalModalCont3","_this$props$onReaded","_this$props","onReaded","call","Id","error","console","state","hydrated","_inherits","Component","_createClass","key","get","_this$props$data","this","notifications","filter","n","IsRead","length","_this2","_jsxs","_Fragment","children","IconButtonDark","onClick","e","onOpen","currentTarget","Badge","badgeContent","newFeatureCount","color","NotificationsNoneIcon","fontSize","MenuStyled","disableScrollLock","open","Boolean","anchorOrigin","vertical","horizontal","transformOrigin","MenuListProps","component","mapGlobalModalContext","context","NotifyList","onClickHandler","NotificationWidget","intitialData","useFetchData","featData","_useState","useState","_useState2","_slicedToArray","setData","useEffect","handleRead","_ref","_asyncToGenerator","_regenerator","m","_callee","id","signal","_props$readed","w","_context","readed","prev","map","_objectSpread","a","_x","_x2","apply","arguments","GlobalModal","loading","createNotificationWidget","params","_NotificationWidget","displayName"],"mappings":"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"}
+{"version":3,"file":"widget.js","sources":["../../src/notification/widget.tsx"],"sourcesContent":["import { Badge } from '@mui/material'\r\nimport { Component, FC, useEffect, useState } from 'react'\r\nimport { GlobalModal, IGlobalModalContext, mapGlobalModalContext } from 'dinocollab-core/api-context'\r\nimport NotificationsNoneIcon from '@mui/icons-material/NotificationsNone'\r\nimport { MenuStyled } from './styled'\r\nimport { IconButtonDark } from '../components/buttons'\r\nimport { FetcherFunction, useFetchData } from './hook'\r\nimport { INotification, ReadedFunction } from './types'\r\nimport NotifyList from './notify-list'\r\nimport NotifyDetail from './notify-detail'\r\n\r\ninterface INotificationProps {\r\n  loading?: boolean\r\n  data: INotification[]\r\n  onReaded?: ReadedFunction\r\n  onAutoShowPopup?: (notification: INotification) => void\r\n}\r\n\r\ninterface INotificationState {\r\n  anchorEl: HTMLElement | null\r\n  hydrated: boolean\r\n}\r\nclass NotificationContent extends Component<INotificationProps, INotificationState> {\r\n  globalModalContext?: IGlobalModalContext\r\n  constructor(props: INotificationProps) {\r\n    super(props)\r\n    this.state = { anchorEl: null, hydrated: false }\r\n  }\r\n\r\n  get notifications() {\r\n    return this.props.data ?? []\r\n  }\r\n\r\n  get newFeatureCount() {\r\n    return this.notifications.filter((n) => !n.IsRead).length\r\n  }\r\n\r\n  componentDidMount() {\r\n    // When mounted on the client, set hydrated = true\r\n    this.setState({ hydrated: true })\r\n  }\r\n\r\n  componentDidUpdate(prevProps: INotificationProps) {\r\n    // Auto show popup notifications\r\n    if (prevProps.data !== this.props.data && this.props.data.length > 0) {\r\n      const popupNotifications = this.props.data.filter((n) => n.AreaType === 'Popup' && !n.IsRead)\r\n      if (popupNotifications.length > 0) {\r\n        // Delay to improve UX\r\n        setTimeout(() => {\r\n          this.props.onAutoShowPopup?.(popupNotifications[0])\r\n        }, 1500)\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <IconButtonDark onClick={(e) => this.onOpen(e.currentTarget)}>\r\n          <Badge badgeContent={this.state.hydrated ? this.newFeatureCount : 0} color='error'>\r\n            <NotificationsNoneIcon fontSize='small' />\r\n          </Badge>\r\n        </IconButtonDark>\r\n        <MenuStyled\r\n          disableScrollLock\r\n          anchorEl={this.state.anchorEl}\r\n          open={Boolean(this.state.anchorEl)}\r\n          onClose={this.onClose}\r\n          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          MenuListProps={{ component: 'div' }}\r\n        >\r\n          {mapGlobalModalContext((context: IGlobalModalContext) => {\r\n            this.globalModalContext = context\r\n            return <NotifyList data={this.props.data} onClick={this.onClickHandler} />\r\n          })}\r\n        </MenuStyled>\r\n      </>\r\n    )\r\n  }\r\n\r\n  onClickHandler = (value: INotification) => {\r\n    this.onClose()\r\n    this.globalModalContext?.show({\r\n      backdropActivated: true,\r\n      renderContent: () => <NotifyDetail data={[value]} onRead={this.onReadHandler} onClose={this.globalModalContext?.close} />\r\n    })\r\n  }\r\n\r\n  onOpen = (target: HTMLElement) => {\r\n    this.setState({ anchorEl: target })\r\n  }\r\n\r\n  onClose = () => {\r\n    this.setState({ anchorEl: null })\r\n  }\r\n\r\n  onReadHandler = (value: INotification) => {\r\n    this.globalModalContext?.close()\r\n    // NotifyLocalStorage.setSingle(value.Id)\r\n    try {\r\n      // Call the callback to update the read state in the parent component\r\n      this.props.onReaded?.(value.Id)\r\n    } catch (error) {\r\n      console.error('Error updating read state:', error)\r\n    }\r\n  }\r\n}\r\n\r\nexport interface INotificationWidgetProps {\r\n  featData: FetcherFunction<INotification[]>\r\n  readed?: ReadedFunction\r\n}\r\n\r\nexport const NotificationWidget: FC<INotificationWidgetProps> = (props) => {\r\n  const intitialData = useFetchData<INotification[]>(props.featData)\r\n  const [data, setData] = useState<INotification[]>([])\r\n\r\n  // When initialData changes, update the local state\r\n  useEffect(() => {\r\n    if (intitialData.data) {\r\n      const sortedData = [...intitialData.data].sort((a, b) => new Date(b.DateCreated).getTime() - new Date(a.DateCreated).getTime())\r\n      setData(sortedData)\r\n    }\r\n  }, [intitialData.data])\r\n\r\n  // Function to update read notifications\r\n  const handleRead: ReadedFunction = async (id: string, signal?: AbortSignal) => {\r\n    await props.readed?.(id, signal)\r\n    setData((prev) => {\r\n      const l = prev.map((n) => (n.Id === id ? { ...n, IsRead: true } : n))\r\n      return l.sort((a, b) => new Date(b.DateCreated).getTime() - new Date(a.DateCreated).getTime())\r\n    })\r\n  }\r\n\r\n  // Auto show popup notification\r\n  const handleAutoShowPopup = (notification: INotification, context: IGlobalModalContext) => {\r\n    context.show({\r\n      backdropActivated: true,\r\n      renderContent: () => (\r\n        <NotifyDetail\r\n          data={[notification]}\r\n          onRead={(value: INotification) => {\r\n            context.close()\r\n            handleRead(value.Id)\r\n          }}\r\n          onClose={context.close}\r\n        />\r\n      )\r\n    })\r\n  }\r\n\r\n  return (\r\n    <GlobalModal>\r\n      {mapGlobalModalContext((context: IGlobalModalContext) => (\r\n        <NotificationContent\r\n          data={data}\r\n          loading={intitialData.loading}\r\n          onReaded={handleRead}\r\n          onAutoShowPopup={(x) => handleAutoShowPopup(x, context)}\r\n        />\r\n      ))}\r\n    </GlobalModal>\r\n  )\r\n}\r\nexport default NotificationWidget\r\n\r\nexport const createNotificationWidget = (params: INotificationWidgetProps) => {\r\n  const _NotificationWidget: FC<Partial<INotificationWidgetProps>> = (props) => <NotificationWidget {...params} {...props} />\r\n  _NotificationWidget.displayName = 'NotificationWidget'\r\n  return _NotificationWidget\r\n}\r\n"],"names":["NotificationContent","props","_this","_classCallCheck","_callSuper","_defineProperty","value","_this$globalModalCont","onClose","globalModalContext","show","backdropActivated","renderContent","_this$globalModalCont2","_jsx","NotifyDetail","data","onRead","onReadHandler","close","target","setState","anchorEl","_this$globalModalCont3","_this$props$onReaded","_this$props","onReaded","call","Id","error","console","state","hydrated","_inherits","Component","_createClass","key","get","_this$props$data","this","notifications","filter","n","IsRead","length","prevProps","_this2","popupNotifications","AreaType","setTimeout","_this2$props$onAutoSh","_this2$props","onAutoShowPopup","_this3","_jsxs","_Fragment","children","IconButtonDark","onClick","e","onOpen","currentTarget","Badge","badgeContent","newFeatureCount","color","NotificationsNoneIcon","fontSize","MenuStyled","disableScrollLock","open","Boolean","anchorOrigin","vertical","horizontal","transformOrigin","MenuListProps","component","mapGlobalModalContext","context","NotifyList","onClickHandler","NotificationWidget","intitialData","useFetchData","featData","_useState","useState","_useState2","_slicedToArray","setData","useEffect","sortedData","_toConsumableArray","sort","a","b","Date","DateCreated","getTime","handleRead","_ref","_asyncToGenerator","_regenerator","m","_callee","id","signal","_props$readed","w","_context","readed","prev","map","_objectSpread","_x","_x2","apply","arguments","GlobalModal","loading","x","notification","handleAutoShowPopup","createNotificationWidget","params","_NotificationWidget","displayName"],"mappings":"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"}

package/dist/types/auth/service.d.ts

@@ -6,6 +6,7 @@ export interface IAuthMetaData {
     avatarUrl?: string;
 }
 export interface IAuthProvider {
+    tryAutoSignIn?: () => Promise<void>;
     signIn(): Promise<void>;
     signOut(): Promise<void>;
     getInfo(): Promise<IAuthMetaData>;
@@ -14,6 +15,8 @@ export declare class AuthService {
     static key_provider: string;
     static get provider(): IAuthProvider;
     static setProvider(provider: IAuthProvider): void;
+    constructor();
+    tryAutoSignIn(): Promise<void> | undefined;
     signIn(): Promise<void>;
     signOut(): Promise<void>;
     getInfo(): Promise<IAuthMetaData>;

package/dist/types/auth/service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../../src/auth/service.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACvB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACxB,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,CAAA;CAClC;AAiBD,qBAAa,WAAW;IACtB,MAAM,CAAC,YAAY,SAA0B;IAC7C,MAAM,KAAK,QAAQ,IAAI,aAAa,CAGnC;IACD,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,aAAa;IAK1C,MAAM;IAGN,OAAO;IAGP,OAAO;CAGR"}
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../../src/auth/service.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACnC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACvB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACxB,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,CAAA;CAClC;AAoBD,qBAAa,WAAW;IACtB,MAAM,CAAC,YAAY,SAA0B;IAC7C,MAAM,KAAK,QAAQ,IAAI,aAAa,CAGnC;IACD,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,aAAa;;IAS1C,aAAa;IAGb,MAAM;IAGN,OAAO;IAGP,OAAO;CAGR"}

package/dist/types/components/buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/components/buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAS,MAAM,eAAe,CAAA;AAKxE,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,WAAW,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAgC3E,CAAA;AAEF,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAWnF,CAAA;AAkBF,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,eAAe,CAYvD,CAAA;AAEH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,eAAe,CAAA;QAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;QAC9B,WAAW,CAAC,EAAE,eAAe,CAAA;KAC9B,CAAA;CACF;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CAsCzD,CAAA"}
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/components/buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAS,MAAM,eAAe,CAAA;AAKxE,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,WAAW,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAgC3E,CAAA;AAEF,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAanF,CAAA;AAkBF,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,eAAe,CAYvD,CAAA;AAEH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,eAAe,CAAA;QAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;QAC9B,WAAW,CAAC,EAAE,eAAe,CAAA;KAC9B,CAAA;CACF;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CAsCzD,CAAA"}

package/dist/types/layout-global/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/layout-global/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,GAAE,CAAC,GAAG,CAAC,EAAE,GAAG,SAAc,GAAG,CAAC,EAAE,CAE/D;AAsBD,UAAU,kBAAkB;IAC1B,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,kBAAkB,CASpF"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/layout-global/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,GAAE,CAAC,GAAG,CAAC,EAAE,GAAG,SAAc,GAAG,CAAC,EAAE,CAE/D;AAsBD,UAAU,kBAAkB;IAC1B,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAUpF"}

package/dist/types/notification/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/notification/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAExD,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAkC7C,CAAA;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;CAU7B,CAAA;AAMD,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,QAAQ,CA4DlD,CAAA;AAEH,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAA;AAMD,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC,QAAQ,CA8CpD,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/notification/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAExD,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAkC7C,CAAA;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;CAU7B,CAAA;AAMD,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,QAAQ,CA6ElD,CAAA;AAEH,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAA;AAMD,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC,QAAQ,CA8CpD,CAAA"}

package/dist/types/notification/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/notification/widget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,EAAE,EAAuB,MAAM,OAAO,CAAA;AAK1D,OAAO,EAAE,eAAe,EAAgB,MAAM,QAAQ,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAwFvD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,eAAe,CAAC,aAAa,EAAE,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAoB3D,CAAA;AACD,eAAe,kBAAkB,CAAA;AAEjC,eAAO,MAAM,wBAAwB,WAAY,wBAAwB,0CAIxE,CAAA"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/notification/widget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,EAAE,EAAuB,MAAM,OAAO,CAAA;AAK1D,OAAO,EAAE,eAAe,EAAgB,MAAM,QAAQ,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAsGvD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,eAAe,CAAC,aAAa,EAAE,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAkD3D,CAAA;AACD,eAAe,kBAAkB,CAAA;AAEjC,eAAO,MAAM,wBAAwB,WAAY,wBAAwB,0CAIxE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dinocollab-shared",
-  "version": "1.2.24",
+  "version": "1.2.25",
   "description": "DinoCollab shared utilities and components",
   "main": "dist/index.js",
   "module": "dist/index.js",