dinocollab-shared 1.2.24 → 1.2.26

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/class.config.js

@@ -0,0 +1,2 @@
+import{createClass as t,typeof as e,classCallCheck as n,defineProperty as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import i from"./notify-detail.custom.js";import s from"./notify-detail.default.js";import{ETypeContent as a}from"./types.js";var l=function(){return t(function t(e){n(this,t),r(this,"firtVersion","htmlContent"),r(this,"defaultVersion","1.0.0"),this.rawContent=e,this.parsedObj=this.parseContent()},[{key:"parseContent",value:function(){var t,n,r,o,i,s=void 0;if(!this.rawContent||""===this.rawContent.trim())return{type:a.Template,version:this.defaultVersion,html:""};try{if(!(i=JSON.parse(this.rawContent))||"object"!==e(i)||!i.version)throw new Error("No version found");s=i.version}catch(t){if("string"==typeof this.rawContent&&/<[^>]+>/.test(this.rawContent))return{type:a.Template,version:this.firtVersion,html:this.rawContent};i=this.rawContent}return"1.0.0"===s?{type:null===(t=i)||void 0===t?void 0:t.type,version:s,html:null===(n=i)||void 0===n?void 0:n.html}:{type:null===(r=i)||void 0===r?void 0:r.type,version:s,html:null===(o=i)||void 0===o?void 0:o.html}}},{key:"getContentByVersion",value:function(){return this.parseContent()}},{key:"renderComponent",value:function(t,e,n){var r=this.parseContent();switch(r.type){case a.Custom:return o(i,{data:t,onRead:e,onClose:n,html:r.html||""});case a.Template:default:return o(s,{data:t,onRead:e,onClose:n,html:r.html||""})}}}])}();export{l as NotifyContentConverter};
+//# sourceMappingURL=class.config.js.map

package/dist/notification/class.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class.config.js","sources":["../../src/notification/class.config.tsx"],"sourcesContent":["import NotifyDetailCustom from './notify-detail.custom'\r\nimport NotifyDetailDefault from './notify-detail.default'\r\nimport { ETypeContent, INotification } from './types'\r\n\r\nexport interface ConfigType {\r\n  type: ETypeContent\r\n  version?: string\r\n  html?: string\r\n}\r\n\r\nexport class NotifyContentConverter {\r\n  private rawContent: string\r\n  private parsedObj: any\r\n  private firtVersion = 'htmlContent'\r\n  private defaultVersion = '1.0.0'\r\n\r\n  constructor(content: string) {\r\n    this.rawContent = content\r\n    this.parsedObj = this.parseContent()\r\n  }\r\n\r\n  private parseContent(): ConfigType {\r\n    let parsed: any\r\n    let detectedVersion: string | undefined = undefined\r\n    if (!this.rawContent || this.rawContent.trim() === '') {\r\n      return {\r\n        type: ETypeContent.Template,\r\n        version: this.defaultVersion,\r\n        html: ''\r\n      }\r\n    }\r\n    try {\r\n      parsed = JSON.parse(this.rawContent)\r\n      if (parsed && typeof parsed === 'object' && parsed.version) {\r\n        detectedVersion = parsed.version\r\n      } else throw new Error('No version found')\r\n    } catch {\r\n      if (typeof this.rawContent === 'string' && /<[^>]+>/.test(this.rawContent)) {\r\n        //first version html content\r\n        return {\r\n          type: ETypeContent.Template,\r\n          version: this.firtVersion,\r\n          html: this.rawContent\r\n        }\r\n      }\r\n      parsed = this.rawContent\r\n    }\r\n    switch (detectedVersion) {\r\n      case '1.0.0':\r\n        return {\r\n          type: parsed?.type,\r\n          version: detectedVersion,\r\n          html: parsed?.html\r\n        }\r\n      default:\r\n        return {\r\n          type: parsed?.type,\r\n          version: detectedVersion,\r\n          html: parsed?.html\r\n        }\r\n    }\r\n  }\r\n\r\n  getContentByVersion() {\r\n    const obj = this.parseContent()\r\n    return obj\r\n  }\r\n\r\n  renderComponent(data: INotification[], onRead?: (value: INotification) => void, onClose?: () => void): React.ReactNode {\r\n    const obj = this.parseContent()\r\n    switch (obj.type) {\r\n      case ETypeContent.Custom:\r\n        return <NotifyDetailCustom data={data} onRead={onRead} onClose={onClose} html={obj.html || ''} />\r\n      case ETypeContent.Template:\r\n      default:\r\n        return <NotifyDetailDefault data={data} onRead={onRead} onClose={onClose} html={obj.html || ''} />\r\n    }\r\n  }\r\n}\r\n"],"names":["NotifyContentConverter","_createClass","content","_classCallCheck","_defineProperty","this","rawContent","parsedObj","parseContent","key","value","_parsed","_parsed2","_parsed3","_parsed4","parsed","detectedVersion","undefined","trim","type","ETypeContent","Template","version","defaultVersion","html","JSON","parse","_typeof","Error","_unused","test","firtVersion","data","onRead","onClose","obj","Custom","_jsx","NotifyDetailCustom","NotifyDetailDefault"],"mappings":"gSAUA,IAAaA,EAAsB,WAShC,OAAAC,EAHD,SAAAD,EAAYE,GAAeC,OAAAH,GAAAI,qBAHL,eAAaA,wBACV,SAGvBC,KAAKC,WAAaJ,EAClBG,KAAKE,UAAYF,KAAKG,cACxB,EAAC,CAAA,CAAAC,IAAA,eAAAC,MAEO,WAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACdC,EACAC,OAAsCC,EAC1C,IAAKZ,KAAKC,YAAyC,KAA3BD,KAAKC,WAAWY,OACtC,MAAO,CACLC,KAAMC,EAAaC,SACnBC,QAASjB,KAAKkB,eACdC,KAAM,IAGV,IAEE,KADAT,EAASU,KAAKC,MAAMrB,KAAKC,cACO,WAAlBqB,EAAOZ,KAAuBA,EAAOO,QAE5C,MAAM,IAAIM,MAAM,oBADrBZ,EAAkBD,EAAOO,OAE5B,CAAC,MAAAO,GACA,GAA+B,iBAApBxB,KAAKC,YAA2B,UAAUwB,KAAKzB,KAAKC,YAE7D,MAAO,CACLa,KAAMC,EAAaC,SACnBC,QAASjB,KAAK0B,YACdP,KAAMnB,KAAKC,YAGfS,EAASV,KAAKC,UACf,CACD,MACO,UADCU,EAEG,CACLG,aAAIR,EAAEI,SAAM,IAAAJ,OAAA,EAANA,EAAQQ,KACdG,QAASN,EACTQ,aAAIZ,EAAEG,SAAM,IAAAH,OAAA,EAANA,EAAQY,MAGT,CACLL,aAAIN,EAAEE,SAAM,IAAAF,OAAA,EAANA,EAAQM,KACdG,QAASN,EACTQ,aAAIV,EAAEC,SAAM,IAAAD,OAAA,EAANA,EAAQU,KAGtB,GAAC,CAAAf,IAAA,sBAAAC,MAED,WAEE,OADYL,KAAKG,cAEnB,GAAC,CAAAC,IAAA,kBAAAC,MAED,SAAgBsB,EAAuBC,EAAyCC,GAC9E,IAAMC,EAAM9B,KAAKG,eACjB,OAAQ2B,EAAIhB,MACV,KAAKC,EAAagB,OAChB,OAAOC,EAACC,EAAmB,CAAAN,KAAMA,EAAMC,OAAQA,EAAQC,QAASA,EAASV,KAAMW,EAAIX,MAAQ,KAC7F,KAAKJ,EAAaC,SAClB,QACE,OAAOgB,EAACE,EAAoB,CAAAP,KAAMA,EAAMC,OAAQA,EAAQC,QAASA,EAASV,KAAMW,EAAIX,MAAQ,KAElG,IAAC,CAnEgC"}

package/dist/notification/index.js

@@ -1,2 +1,2 @@
-export{NotificationWidget,createNotificationWidget}from"./widget.js";
+export{NotificationWidget,createNotificationWidget}from"./widget.js";export{EBtnPopupId,ETypeContent}from"./types.js";
 //# sourceMappingURL=index.js.map

package/dist/notification/notify-detail.custom.js

@@ -0,0 +1,2 @@
+import{defineProperty as e,inherits as t,createClass as n,classCallCheck as r,callSuper as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,Fragment as o}from"react/jsx-runtime";import{styled as l,Box as s}from"@mui/material";import{Component as d,createRef as c}from"react";import{EBtnPopupId as u}from"./types.js";import"react-quill/dist/quill.snow.css";var p=function(){function l(t){var n;return r(this,l),n=a(this,l,[t]),e(n,"contentRef",c()),e(n,"handleContentClick",function(e){var t,r,a=e.target;if("BUTTON"===a.tagName&&a.id)switch(a.id){case u.Close:return null===(t=(r=n.props).onClose)||void 0===t?void 0:t.call(r);case u.Readed:return n.handleRead()}}),e(n,"handleRead",function(){var e,t,r,a,i=n.props.data[n.state.indexSelected];null===(e=(t=n.props).onRead)||void 0===e||e.call(t,i),n.state.indexSelected>=n.props.data.length-1&&(null===(r=(a=n.props).onClose)||void 0===r||r.call(a))}),e(n,"getData",function(){var e=n.props.data,t=n.state.indexSelected,r=e[t];return r||0===t?r:void n.setState({indexSelected:0})}),n.state={indexSelected:0},n}return t(l,d),n(l,[{key:"componentDidMount",value:function(){var e;null===(e=this.contentRef.current)||void 0===e||e.addEventListener("click",this.handleContentClick)}},{key:"componentWillUnmount",value:function(){var e;null===(e=this.contentRef.current)||void 0===e||e.removeEventListener("click",this.handleContentClick)}},{key:"render",value:function(){return this.getData()?i(h,{children:i(m,{children:i("div",{ref:this.contentRef,dangerouslySetInnerHTML:{__html:this.props.html}})})}):i(o,{})}}])}(),m=l(s)(function(e){var t=e.theme;return{width:"100%",minHeight:"350px",maxHeight:"calc(100vh - 128px)",overflow:"auto",margin:"0 4px",padding:"0 8px",color:t.palette.grey[900],fontFamily:"var(--font-primary, 'Roboto', 'Arial', sans-serif)","--color-body":t.palette.grey[900],img:{maxWidth:"100%"}}}),h=l(s)(function(t){var n=t.theme;return e({backgroundColor:"transparent",width:"auto !important",maxWidth:"calc(100vw - 48px)",margin:"0 auto",overflowX:"hidden",overflowY:"auto",minHeight:"200px",display:"flex",flexDirection:"column",alignItems:"center",borderRadius:n.shape.borderRadius},n.breakpoints.up("md"),{width:n.breakpoints.values.md})});export{h as NotifyDetailStyled,p as default};
+//# sourceMappingURL=notify-detail.custom.js.map

package/dist/notification/notify-detail.custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify-detail.custom.js","sources":["../../src/notification/notify-detail.custom.tsx"],"sourcesContent":["import { Box, BoxProps, styled } from '@mui/material'\r\nimport { Component, ComponentType, createRef } from 'react'\r\nimport { EBtnPopupId, INotification } from './types'\r\nimport 'react-quill/dist/quill.snow.css'\r\n\r\ninterface IProps {\r\n  data: INotification[]\r\n  html: string\r\n  onRead?: (value: INotification) => void\r\n  onClose?: () => void\r\n}\r\n\r\ninterface IState {\r\n  indexSelected: number\r\n}\r\n\r\nclass NotifyDetailCustom extends Component<IProps, IState> {\r\n  private contentRef = createRef<HTMLDivElement>()\r\n\r\n  constructor(props: IProps) {\r\n    super(props)\r\n    this.state = { indexSelected: 0 }\r\n  }\r\n\r\n  componentDidMount() {\r\n    // Add event listener for clicks inside dangerouslySetInnerHTML content\r\n    this.contentRef.current?.addEventListener('click', this.handleContentClick)\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    // Clean up event listener\r\n    this.contentRef.current?.removeEventListener('click', this.handleContentClick)\r\n  }\r\n\r\n  handleContentClick = (event: MouseEvent) => {\r\n    const target = event.target as HTMLElement\r\n    // Check if clicked element is a button with specific ID\r\n    if (target.tagName === 'BUTTON' && target.id) {\r\n      // console.log('Button clicked with ID:', target.id)\r\n      // Handle specific button IDs\r\n      switch (target.id) {\r\n        case EBtnPopupId.Close:\r\n          return this.props.onClose?.()\r\n        case EBtnPopupId.Readed:\r\n          return this.handleRead()\r\n        default:\r\n        // console.log('Other button clicked:', target.id)\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const data = this.getData()\r\n    if (!data) return <></>\r\n    return (\r\n      <NotifyDetailStyled>\r\n        <TextEditorWrapper>\r\n          <div ref={this.contentRef} dangerouslySetInnerHTML={{ __html: this.props.html }} />\r\n        </TextEditorWrapper>\r\n      </NotifyDetailStyled>\r\n    )\r\n  }\r\n\r\n  handleRead = () => {\r\n    const data = this.props.data[this.state.indexSelected]\r\n    this.props.onRead?.(data)\r\n    if (this.state.indexSelected >= this.props.data.length - 1) this.props.onClose?.()\r\n  }\r\n\r\n  getData = () => {\r\n    const { data } = this.props\r\n    const { indexSelected } = this.state\r\n    const item = data[indexSelected]\r\n    if (!item && indexSelected !== 0) {\r\n      this.setState({ indexSelected: 0 })\r\n      return\r\n    } else {\r\n      return item\r\n    }\r\n  }\r\n}\r\n\r\nexport default NotifyDetailCustom\r\n\r\nconst TextEditorWrapper = styled(Box)(({ theme }) => ({\r\n  width: '100%',\r\n  minHeight: '350px',\r\n  maxHeight: 'calc(100vh - 128px)',\r\n  overflow: 'auto',\r\n  margin: '0 4px',\r\n  padding: '0 8px',\r\n  color: theme.palette.grey[900],\r\n  fontFamily: \"var(--font-primary, 'Roboto', 'Arial', sans-serif)\",\r\n  '--color-body': theme.palette.grey[900],\r\n  img: { maxWidth: '100%' }\r\n}))\r\n\r\nexport const NotifyDetailStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  backgroundColor: 'transparent',\r\n  width: 'auto !important',\r\n  maxWidth: '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"],"names":["NotifyDetailCustom","props","_this","_classCallCheck","_callSuper","_defineProperty","createRef","event","_this$props$onClose","_this$props","target","tagName","id","EBtnPopupId","Close","onClose","call","Readed","handleRead","_this$props$onRead","_this$props2","_this$props$onClose2","_this$props3","data","state","indexSelected","onRead","length","item","setState","_inherits","Component","_createClass","key","value","_this$contentRef$curr","this","contentRef","current","addEventListener","handleContentClick","_this$contentRef$curr2","removeEventListener","getData","_jsx","NotifyDetailStyled","children","TextEditorWrapper","ref","dangerouslySetInnerHTML","__html","html","styled","Box","_ref","theme","width","minHeight","maxHeight","overflow","margin","padding","color","palette","grey","fontFamily","img","maxWidth","_ref2","backgroundColor","overflowX","overflowY","display","flexDirection","alignItems","borderRadius","shape","breakpoints","up","values","md"],"mappings":"oXAgBMA,IAAAA,aAGJ,SAAAA,EAAYC,GAAa,IAAAC,EAEU,OAFVC,OAAAH,GACvBE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAHOI,aAAAA,KAA2BD,EAAAH,EAiB3B,qBAAA,SAACK,GAAqB,IAAAC,EAAAC,EACnCC,EAASH,EAAMG,OAErB,GAAuB,WAAnBA,EAAOC,SAAwBD,EAAOE,GAGxC,OAAQF,EAAOE,IACb,KAAKC,EAAYC,MACf,OAAyB,QAAzBN,GAAOC,EAAAP,EAAKD,OAAMc,eAAXP,IAAkBA,OAAlBA,EAAAA,EAAAQ,KAAAP,GACT,KAAKI,EAAYI,OACf,OAAOf,EAAKgB,gBAKnBb,EAAAH,EAAA,aAcY,WAAK,IAAAiB,EAAAC,EAAAC,EAAAC,EACVC,EAAOrB,EAAKD,MAAMsB,KAAKrB,EAAKsB,MAAMC,uBACxCN,GAAAC,EAAAlB,EAAKD,OAAMyB,cAAM,IAAAP,GAAjBA,EAAAH,KAAAI,EAAoBG,GAChBrB,EAAKsB,MAAMC,eAAiBvB,EAAKD,MAAMsB,KAAKI,OAAS,IAAqBN,QAAlBA,GAAAC,EAAApB,EAAKD,OAAMc,mBAAOM,GAAlBA,EAAAL,KAAAM,MAC7DjB,EAAAH,EAAA,UAES,WACR,IAAQqB,EAASrB,EAAKD,MAAdsB,KACAE,EAAkBvB,EAAKsB,MAAvBC,cACFG,EAAOL,EAAKE,GAClB,OAAKG,GAA0B,IAAlBH,EAIJG,OAHP1B,EAAK2B,SAAS,CAAEJ,cAAe,MArDjCvB,EAAKsB,MAAQ,CAAEC,cAAe,GAAGvB,CACnC,CAAC,OAAA4B,EAAA9B,EAN8B+B,GAM9BC,EAAAhC,EAAA,CAAA,CAAAiC,IAAA,oBAAAC,MAED,WAAiB,IAAAC,UAEfA,EAAIC,KAACC,WAAWC,eAAO,IAAAH,GAAvBA,EAAyBI,iBAAiB,QAASH,KAAKI,mBAC1D,GAAC,CAAAP,IAAA,uBAAAC,MAED,WAAoB,IAAAO,UAElBA,EAAIL,KAACC,WAAWC,eAAO,IAAAG,GAAvBA,EAAyBC,oBAAoB,QAASN,KAAKI,mBAC7D,GAAC,CAAAP,IAAA,SAAAC,MAmBD,WAEE,OADaE,KAAKO,UAGhBC,EAACC,EAAkB,CAAAC,SACjBF,EAACG,EACC,CAAAD,SAAAF,EAAA,MAAA,CAAKI,IAAKZ,KAAKC,WAAYY,wBAAyB,CAAEC,OAAQd,KAAKnC,MAAMkD,YAJ7DP,OAQpB,IAAC,IAuBGG,EAAoBK,EAAOC,EAAPD,CAAY,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAAQ,CACpDC,MAAO,OACPC,UAAW,QACXC,UAAW,sBACXC,SAAU,OACVC,OAAQ,QACRC,QAAS,QACTC,MAAOP,EAAMQ,QAAQC,KAAK,KAC1BC,WAAY,qDACZ,eAAgBV,EAAMQ,QAAQC,KAAK,KACnCE,IAAK,CAAEC,SAAU,QAClB,GAEYtB,EAA8CO,EAAOC,EAAPD,CAAY,SAAAgB,GAAA,IAAGb,EAAKa,EAALb,MAAK,OAAAlD,EAAA,CAC7EgE,gBAAiB,cACjBb,MAAO,kBACPW,SAAU,qBACVP,OAAQ,SACRU,UAAW,SACXC,UAAW,OACXd,UAAW,QACXe,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,aAAcpB,EAAMqB,MAAMD,cACzBpB,EAAMsB,YAAYC,GAAG,MAAQ,CAAEtB,MAAOD,EAAMsB,YAAYE,OAAOC,IAAI"}

package/dist/notification/notify-detail.default.js

@@ -0,0 +1,2 @@
+import{inherits as e,createClass as t,classCallCheck as a,callSuper as i,defineProperty as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,Fragment as n,jsxs as o}from"react/jsx-runtime";import"react-quill/dist/quill.snow.css";import{Component as s}from"react";import{styled as d,Box as c,Typography as h,Tooltip as p,IconButton as m,Divider as u,Button as f}from"@mui/material";import x from"@mui/icons-material/Close";import g from"@mui/icons-material/KeyboardArrowLeft";import v from"@mui/icons-material/KeyboardArrowRight";import{NotifyDetailStyled as C,notifyDetailClasses as y}from"./styled.js";var S=function(){function d(e){var t;return a(this,d),t=i(this,d,[e]),r(t,"renderControl",function(){return t.props.data.length<2?l(c,{}):o(R,{children:[l(m,{disabled:t.state.indexSelected<=0,onClick:t.handleClickLeft,children:l(g,{})}),o(h,{children:[t.state.indexSelected+1," / ",t.props.data.length]}),l(m,{disabled:t.state.indexSelected>=t.props.data.length-1,onClick:t.handleClickRight,children:l(v,{})})]})}),r(t,"handleClickLeft",function(){var e=t.state.indexSelected-1;e<0||t.setState({indexSelected:e})}),r(t,"handleClickRight",function(){var e=t.state.indexSelected+1;e>=t.props.data.length||t.setState({indexSelected:e})}),r(t,"handleRead",function(){var e,a,i,r,l=t.props.data[t.state.indexSelected];null===(e=(a=t.props).onRead)||void 0===e||e.call(a,l),t.handleClickRight(),t.state.indexSelected>=t.props.data.length-1&&(null===(i=(r=t.props).onClose)||void 0===i||i.call(r))}),r(t,"getData",function(){var e=t.props.data,a=t.state.indexSelected,i=e[a];return i||0===a?i:void t.setState({indexSelected:0})}),t.state={indexSelected:0},t}return e(d,s),t(d,[{key:"render",value:function(){var e=this.getData();return e?o(C,{className:y.root,children:[o("div",{className:y.header,children:[l(h,{variant:"h6",className:y.title,children:e.Title}),l(p,{title:"Close",children:l(m,{onClick:this.props.onClose,className:y.closeButton,children:l(x,{})})})]}),l(u,{flexItem:!0,variant:"middle",sx:{opacity:.3}}),l(k,{children:l("div",{className:"ql-editor",dangerouslySetInnerHTML:{__html:this.props.html||""}})}),l(u,{flexItem:!0,variant:"middle",sx:{opacity:.3}}),o("div",{className:y.footer,children:[this.renderControl(),o("div",{className:y.footerActions,children:[!e.IsRead&&l(f,{color:"inherit",onClick:this.props.onClose,sx:{textTransform:"unset"},children:"Remind me later"}),!e.IsRead&&l(f,{color:"primary",onClick:this.handleRead,sx:{textTransform:"unset",fontWeight:600},children:"Mark as read"}),e.IsRead&&l(f,{color:"primary",onClick:this.props.onClose,sx:{textTransform:"unset"},children:"Close"})]})]})]}):l(n,{})}}])}(),k=d(c)(function(e){var t=e.theme;return{width:"100%",minHeight:"350px",maxHeight:"calc(100vh - 128px)",overflow:"auto",margin:"0 4px",padding:"0 8px",color:t.palette.grey[900],fontFamily:"var(--font-primary, 'Roboto', 'Arial', sans-serif)","--color-body":t.palette.grey[900],"& .ql-toolbar.ql-snow":{display:"none"},"& .ql-container.ql-snow":{border:"none"},"& .ql-editor":{paddingLeft:0,paddingRight:0,height:"unset"},img:{maxWidth:"90%",height:"auto",marginLeft:"auto",marginRight:"auto",display:"block"}}}),R=d(c)({display:"flex",alignItems:"center",gap:"8px"});export{S as default};
+//# sourceMappingURL=notify-detail.default.js.map

package/dist/notification/notify-detail.default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify-detail.default.js","sources":["../../src/notification/notify-detail.default.tsx"],"sourcesContent":["import 'react-quill/dist/quill.snow.css'\r\nimport { Component } from 'react'\r\nimport { Box, Button, styled, Typography, Divider, IconButton, Tooltip } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft'\r\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight'\r\nimport { INotification } from './types'\r\nimport { notifyDetailClasses, NotifyDetailStyled } from './styled'\r\n\r\ninterface IProps {\r\n  data: INotification[]\r\n  html: string\r\n  onRead?: (value: INotification) => void\r\n  onClose?: () => void\r\n}\r\n\r\ninterface IState {\r\n  indexSelected: number\r\n}\r\n\r\nclass NotifyDetailDefault extends Component<IProps, IState> {\r\n  constructor(props: IProps) {\r\n    super(props)\r\n    this.state = { indexSelected: 0 }\r\n  }\r\n\r\n  render() {\r\n    const data = this.getData()\r\n    if (!data) return <></>\r\n    return (\r\n      <NotifyDetailStyled className={notifyDetailClasses.root}>\r\n        <div className={notifyDetailClasses.header}>\r\n          <Typography variant='h6' className={notifyDetailClasses.title}>\r\n            {data.Title}\r\n          </Typography>\r\n          <Tooltip title='Close'>\r\n            <IconButton onClick={this.props.onClose} className={notifyDetailClasses.closeButton}>\r\n              <CloseIcon />\r\n            </IconButton>\r\n          </Tooltip>\r\n        </div>\r\n        <Divider flexItem variant='middle' sx={{ opacity: 0.3 }} />\r\n        <TextEditorWrapper>\r\n          <div className='ql-editor' dangerouslySetInnerHTML={{ __html: this.props.html || '' }} />\r\n        </TextEditorWrapper>\r\n        <Divider flexItem variant='middle' sx={{ opacity: 0.3 }} />\r\n        <div className={notifyDetailClasses.footer}>\r\n          {this.renderControl()}\r\n          <div className={notifyDetailClasses.footerActions}>\r\n            {!data.IsRead && (\r\n              <Button color='inherit' onClick={this.props.onClose} sx={{ textTransform: 'unset' }}>\r\n                {'Remind me later'}\r\n              </Button>\r\n            )}\r\n            {!data.IsRead && (\r\n              <Button color='primary' onClick={this.handleRead} sx={{ textTransform: 'unset', fontWeight: 600 }}>\r\n                Mark as read\r\n              </Button>\r\n            )}\r\n            {data.IsRead && (\r\n              <Button color='primary' onClick={this.props.onClose} sx={{ textTransform: 'unset' }}>\r\n                Close\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </NotifyDetailStyled>\r\n    )\r\n  }\r\n\r\n  renderControl = () => {\r\n    if (this.props.data.length < 2) return <Box />\r\n    return (\r\n      <FlexCenter>\r\n        <IconButton disabled={this.state.indexSelected <= 0} onClick={this.handleClickLeft}>\r\n          <KeyboardArrowLeftIcon />\r\n        </IconButton>\r\n        <Typography>\r\n          {this.state.indexSelected + 1} / {this.props.data.length}\r\n        </Typography>\r\n        <IconButton disabled={this.state.indexSelected >= this.props.data.length - 1} onClick={this.handleClickRight}>\r\n          <KeyboardArrowRightIcon />\r\n        </IconButton>\r\n      </FlexCenter>\r\n    )\r\n  }\r\n\r\n  handleClickLeft = () => {\r\n    const index = this.state.indexSelected - 1\r\n    if (index < 0) return\r\n    this.setState({ indexSelected: index })\r\n  }\r\n\r\n  handleClickRight = () => {\r\n    const index = this.state.indexSelected + 1\r\n    if (index >= this.props.data.length) return\r\n    this.setState({ indexSelected: index })\r\n  }\r\n\r\n  handleRead = () => {\r\n    const data = this.props.data[this.state.indexSelected]\r\n    this.props.onRead?.(data)\r\n    this.handleClickRight()\r\n    if (this.state.indexSelected >= this.props.data.length - 1) this.props.onClose?.()\r\n  }\r\n\r\n  getData = () => {\r\n    const { data } = this.props\r\n    const { indexSelected } = this.state\r\n    const item = data[indexSelected]\r\n    if (!item && indexSelected !== 0) {\r\n      this.setState({ indexSelected: 0 })\r\n      return\r\n    } else {\r\n      return item\r\n    }\r\n  }\r\n}\r\n\r\nexport default NotifyDetailDefault\r\n\r\nconst TextEditorWrapper = styled(Box)(({ theme }) => ({\r\n  width: '100%',\r\n  minHeight: '350px',\r\n  maxHeight: 'calc(100vh - 128px)',\r\n  overflow: 'auto',\r\n  margin: '0 4px',\r\n  padding: '0 8px',\r\n  color: theme.palette.grey[900],\r\n  fontFamily: \"var(--font-primary, 'Roboto', 'Arial', sans-serif)\",\r\n  '--color-body': theme.palette.grey[900],\r\n  '& .ql-toolbar.ql-snow': { display: 'none' },\r\n  '& .ql-container.ql-snow': { border: 'none' },\r\n  '& .ql-editor': { paddingLeft: 0, paddingRight: 0, height: 'unset' },\r\n  img: { maxWidth: '90%', height: 'auto', marginLeft: 'auto', marginRight: 'auto', display: 'block' }\r\n}))\r\n\r\nconst FlexCenter = styled(Box)({ display: 'flex', alignItems: 'center', gap: '8px' })\r\n"],"names":["NotifyDetailDefault","props","_this","_classCallCheck","_callSuper","_defineProperty","data","length","_jsx","Box","_jsxs","FlexCenter","children","IconButton","disabled","state","indexSelected","onClick","handleClickLeft","KeyboardArrowLeftIcon","Typography","handleClickRight","KeyboardArrowRightIcon","index","setState","_this$props$onRead","_this$props","_this$props$onClose","_this$props2","onRead","call","onClose","item","_inherits","Component","_createClass","key","value","this","getData","NotifyDetailStyled","className","notifyDetailClasses","root","header","variant","title","Title","Tooltip","closeButton","CloseIcon","Divider","flexItem","sx","opacity","TextEditorWrapper","dangerouslySetInnerHTML","__html","html","footer","renderControl","footerActions","IsRead","Button","color","textTransform","handleRead","fontWeight","styled","_ref","theme","width","minHeight","maxHeight","overflow","margin","padding","palette","grey","fontFamily","display","border","paddingLeft","paddingRight","height","img","maxWidth","marginLeft","marginRight","alignItems","gap"],"mappings":"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"}

package/dist/notification/notify-detail.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as t,classCallCheck as a,callSuper as i,defineProperty as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,Fragment as n,jsxs as o}from"react/jsx-runtime";import"react-quill/dist/quill.snow.css";import{Component as s}from"react";import{styled as d,Box as c,Typography as h,Tooltip as p,IconButton as m,Divider as u,Button as f}from"@mui/material";import x from"@mui/icons-material/Close";import g from"@mui/icons-material/KeyboardArrowLeft";import C from"@mui/icons-material/KeyboardArrowRight";import{NotifyDetailStyled as v,notifyDetailClasses as y}from"./styled.js";var S=function(){function d(e){var t;return a(this,d),t=i(this,d,[e]),r(t,"renderControl",function(){return t.props.data.length<2?l(c,{}):o(R,{children:[l(m,{disabled:t.state.indexSelected<=0,onClick:t.handleClickLeft,children:l(g,{})}),o(h,{children:[t.state.indexSelected+1," / ",t.props.data.length]}),l(m,{disabled:t.state.indexSelected>=t.props.data.length-1,onClick:t.handleClickRight,children:l(C,{})})]})}),r(t,"handleClickLeft",function(){var e=t.state.indexSelected-1;e<0||t.setState({indexSelected:e})}),r(t,"handleClickRight",function(){var e=t.state.indexSelected+1;e>=t.props.data.length||t.setState({indexSelected:e})}),r(t,"handleRead",function(){var e,a,i,r,l=t.props.data[t.state.indexSelected];null===(e=(a=t.props).onRead)||void 0===e||e.call(a,l),t.handleClickRight(),t.state.indexSelected>=t.props.data.length-1&&(null===(i=(r=t.props).onClose)||void 0===i||i.call(r))}),r(t,"getData",function(){var e=t.props.data,a=t.state.indexSelected,i=e[a];return i||0===a?i:void t.setState({indexSelected:0})}),t.state={indexSelected:0},t}return e(d,s),t(d,[{key:"render",value:function(){var e=this.getData();return e?o(v,{className:y.root,children:[o("div",{className:y.header,children:[l(h,{variant:"h6",className:y.title,children:e.Title}),l(p,{title:"Close",children:l(m,{onClick:this.props.onClose,className:y.closeButton,children:l(x,{})})})]}),l(u,{flexItem:!0,variant:"middle",sx:{opacity:.3}}),l(k,{children:l("div",{className:"ql-editor",dangerouslySetInnerHTML:{__html:e.Content}})}),l(u,{flexItem:!0,variant:"middle",sx:{opacity:.3}}),o("div",{className:y.footer,children:[this.renderControl(),o("div",{className:y.footerActions,children:[!e.IsRead&&l(f,{color:"inherit",onClick:this.props.onClose,sx:{textTransform:"unset"},children:"Remind me later"}),!e.IsRead&&l(f,{color:"primary",onClick:this.handleRead,sx:{textTransform:"unset",fontWeight:600},children:"Mark as read"}),e.IsRead&&l(f,{color:"primary",onClick:this.props.onClose,sx:{textTransform:"unset"},children:"Close"})]})]})]}):l(n,{})}}])}(),k=d(c)(function(e){var t=e.theme;return{width:"100%",minHeight:"350px",maxHeight:"calc(100vh - 128px)",overflow:"auto",margin:"0 4px",padding:"0 8px",color:t.palette.grey[900],fontFamily:"var(--font-primary, 'Roboto', 'Arial', sans-serif)","--color-body":t.palette.grey[900],"& .ql-toolbar.ql-snow":{display:"none"},"& .ql-container.ql-snow":{border:"none"},"& .ql-editor":{paddingLeft:0,paddingRight:0,height:"unset"},img:{maxWidth:"90%",height:"auto",marginLeft:"auto",marginRight:"auto",display:"block"}}}),R=d(c)({display:"flex",alignItems:"center",gap:"8px"});export{S as default};
+import{inherits as e,createClass as t,classCallCheck as r,callSuper as a,defineProperty as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,Fragment as i}from"react/jsx-runtime";import"react-quill/dist/quill.snow.css";import{Component as o}from"react";import{NotifyContentConverter as l}from"./class.config.js";var p=function(){function p(e){var t;return r(this,p),t=a(this,p,[e]),s(t,"getData",function(){var e=t.props.data,r=t.state.indexSelected,a=e[r];return a||0===r?a:void t.setState({indexSelected:0})}),t.state={indexSelected:0},t}return e(p,o),t(p,[{key:"render",value:function(){var e=this.getData();return e?new l(e.Content).renderComponent(this.props.data,this.props.onRead,this.props.onClose):n(i,{})}}])}();export{p as default};
 //# sourceMappingURL=notify-detail.js.map

package/dist/notification/notify-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"notify-detail.js","sources":["../../src/notification/notify-detail.tsx"],"sourcesContent":["import 'react-quill/dist/quill.snow.css'\r\nimport { Component } from 'react'\r\nimport { Box, Button, styled, Typography, Divider, IconButton, Tooltip } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft'\r\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight'\r\nimport { INotification } from './types'\r\nimport { notifyDetailClasses, NotifyDetailStyled } from './styled'\r\n\r\ninterface IProps {\r\n  data: INotification[]\r\n  onRead?: (value: INotification) => void\r\n  onClose?: () => void\r\n}\r\n\r\ninterface IState {\r\n  indexSelected: number\r\n}\r\n\r\nclass NotifyDetail extends Component<IProps, IState> {\r\n  constructor(props: IProps) {\r\n    super(props)\r\n    this.state = { indexSelected: 0 }\r\n  }\r\n\r\n  render() {\r\n    const data = this.getData()\r\n    if (!data) return <></>\r\n    return (\r\n      <NotifyDetailStyled className={notifyDetailClasses.root}>\r\n        <div className={notifyDetailClasses.header}>\r\n          <Typography variant='h6' className={notifyDetailClasses.title}>\r\n            {data.Title}\r\n          </Typography>\r\n          <Tooltip title='Close'>\r\n            <IconButton onClick={this.props.onClose} className={notifyDetailClasses.closeButton}>\r\n              <CloseIcon />\r\n            </IconButton>\r\n          </Tooltip>\r\n        </div>\r\n        <Divider flexItem variant='middle' sx={{ opacity: 0.3 }} />\r\n        <TextEditorWrapper>\r\n          <div className='ql-editor' dangerouslySetInnerHTML={{ __html: data.Content }} />\r\n        </TextEditorWrapper>\r\n        <Divider flexItem variant='middle' sx={{ opacity: 0.3 }} />\r\n        <div className={notifyDetailClasses.footer}>\r\n          {this.renderControl()}\r\n          <div className={notifyDetailClasses.footerActions}>\r\n            {!data.IsRead && (\r\n              <Button color='inherit' onClick={this.props.onClose} sx={{ textTransform: 'unset' }}>\r\n                {'Remind me later'}\r\n              </Button>\r\n            )}\r\n            {!data.IsRead && (\r\n              <Button color='primary' onClick={this.handleRead} sx={{ textTransform: 'unset', fontWeight: 600 }}>\r\n                Mark as read\r\n              </Button>\r\n            )}\r\n            {data.IsRead && (\r\n              <Button color='primary' onClick={this.props.onClose} sx={{ textTransform: 'unset' }}>\r\n                Close\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </NotifyDetailStyled>\r\n    )\r\n  }\r\n\r\n  renderControl = () => {\r\n    if (this.props.data.length < 2) return <Box />\r\n    return (\r\n      <FlexCenter>\r\n        <IconButton disabled={this.state.indexSelected <= 0} onClick={this.handleClickLeft}>\r\n          <KeyboardArrowLeftIcon />\r\n        </IconButton>\r\n        <Typography>\r\n          {this.state.indexSelected + 1} / {this.props.data.length}\r\n        </Typography>\r\n        <IconButton disabled={this.state.indexSelected >= this.props.data.length - 1} onClick={this.handleClickRight}>\r\n          <KeyboardArrowRightIcon />\r\n        </IconButton>\r\n      </FlexCenter>\r\n    )\r\n  }\r\n\r\n  handleClickLeft = () => {\r\n    const index = this.state.indexSelected - 1\r\n    if (index < 0) return\r\n    this.setState({ indexSelected: index })\r\n  }\r\n\r\n  handleClickRight = () => {\r\n    const index = this.state.indexSelected + 1\r\n    if (index >= this.props.data.length) return\r\n    this.setState({ indexSelected: index })\r\n  }\r\n\r\n  handleRead = () => {\r\n    const data = this.props.data[this.state.indexSelected]\r\n    this.props.onRead?.(data)\r\n    this.handleClickRight()\r\n    if (this.state.indexSelected >= this.props.data.length - 1) this.props.onClose?.()\r\n  }\r\n\r\n  getData = () => {\r\n    const { data } = this.props\r\n    const { indexSelected } = this.state\r\n    const item = data[indexSelected]\r\n    if (!item && indexSelected !== 0) {\r\n      this.setState({ indexSelected: 0 })\r\n      return\r\n    } else {\r\n      return item\r\n    }\r\n  }\r\n}\r\n\r\nexport default NotifyDetail\r\n\r\nconst TextEditorWrapper = styled(Box)(({ theme }) => ({\r\n  width: '100%',\r\n  minHeight: '350px',\r\n  maxHeight: 'calc(100vh - 128px)',\r\n  overflow: 'auto',\r\n  margin: '0 4px',\r\n  padding: '0 8px',\r\n  color: theme.palette.grey[900],\r\n  fontFamily: \"var(--font-primary, 'Roboto', 'Arial', sans-serif)\",\r\n  '--color-body': theme.palette.grey[900],\r\n  '& .ql-toolbar.ql-snow': { display: 'none' },\r\n  '& .ql-container.ql-snow': { border: 'none' },\r\n  '& .ql-editor': { paddingLeft: 0, paddingRight: 0, height: 'unset' },\r\n  img: { maxWidth: '90%', height: 'auto', marginLeft: 'auto', marginRight: 'auto', display: 'block' }\r\n}))\r\n\r\nconst FlexCenter = styled(Box)({ display: 'flex', alignItems: 'center', gap: '8px' })\r\n"],"names":["NotifyDetail","props","_this","_classCallCheck","_callSuper","_defineProperty","data","length","_jsx","Box","_jsxs","FlexCenter","children","IconButton","disabled","state","indexSelected","onClick","handleClickLeft","KeyboardArrowLeftIcon","Typography","handleClickRight","KeyboardArrowRightIcon","index","setState","_this$props$onRead","_this$props","_this$props$onClose","_this$props2","onRead","call","onClose","item","_inherits","Component","_createClass","key","value","this","getData","NotifyDetailStyled","className","notifyDetailClasses","root","header","variant","title","Title","Tooltip","closeButton","CloseIcon","Divider","flexItem","sx","opacity","TextEditorWrapper","dangerouslySetInnerHTML","__html","Content","footer","renderControl","footerActions","IsRead","Button","color","textTransform","handleRead","fontWeight","styled","_ref","theme","width","minHeight","maxHeight","overflow","margin","padding","palette","grey","fontFamily","display","border","paddingLeft","paddingRight","height","img","maxWidth","marginLeft","marginRight","alignItems","gap"],"mappings":"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"}
+{"version":3,"file":"notify-detail.js","sources":["../../src/notification/notify-detail.tsx"],"sourcesContent":["import 'react-quill/dist/quill.snow.css'\r\nimport { Component } from 'react'\r\nimport { INotification } from './types'\r\nimport { NotifyContentConverter } from './class.config'\r\n\r\ninterface IProps {\r\n  data: INotification[]\r\n  onRead?: (value: INotification) => void\r\n  onClose?: () => void\r\n}\r\n\r\ninterface IState {\r\n  indexSelected: number\r\n}\r\n\r\nclass NotifyDetail extends Component<IProps, IState> {\r\n  constructor(props: IProps) {\r\n    super(props)\r\n    this.state = { indexSelected: 0 }\r\n  }\r\n\r\n  render() {\r\n    const data = this.getData()\r\n    if (!data) return <></>\r\n    const notifyContent = new NotifyContentConverter(data.Content)\r\n    return notifyContent.renderComponent(this.props.data, this.props.onRead, this.props.onClose)\r\n  }\r\n\r\n  getData = () => {\r\n    const { data } = this.props\r\n    const { indexSelected } = this.state\r\n    const item = data[indexSelected]\r\n    if (!item && indexSelected !== 0) {\r\n      this.setState({ indexSelected: 0 })\r\n      return\r\n    } else {\r\n      return item\r\n    }\r\n  }\r\n}\r\n\r\nexport default NotifyDetail\r\n"],"names":["NotifyDetail","props","_this","_classCallCheck","_callSuper","_defineProperty","data","indexSelected","state","item","setState","_inherits","Component","_createClass","key","value","this","getData","NotifyContentConverter","Content","renderComponent","onRead","onClose","_jsx"],"mappings":"uUAeMA,IAAAA,aACJ,SAAAA,EAAYC,GAAa,IAAAC,EAEU,OAFVC,OAAAH,GACvBE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAAA,UAWJ,WACR,IAAQI,EAASJ,EAAKD,MAAdK,KACAC,EAAkBL,EAAKM,MAAvBD,cACFE,EAAOH,EAAKC,GAClB,OAAKE,GAA0B,IAAlBF,EAIJE,OAHPP,EAAKQ,SAAS,CAAEH,cAAe,MAfjCL,EAAKM,MAAQ,CAAED,cAAe,GAAGL,CACnC,CAAC,OAAAS,EAAAX,EAJwBY,GAIxBC,EAAAb,EAAA,CAAA,CAAAc,IAAA,SAAAC,MAED,WACE,IAAMT,EAAOU,KAAKC,UAClB,OAAKX,EACiB,IAAIY,EAAuBZ,EAAKa,SACjCC,gBAAgBJ,KAAKf,MAAMK,KAAMU,KAAKf,MAAMoB,OAAQL,KAAKf,MAAMqB,SAFlEC,OAGpB,IAAC"}

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":"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"}
+{"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/types.js

@@ -0,0 +1,2 @@
+var t,e;!function(t){t.Template="template",t.Custom="custom"}(t||(t={})),function(t){t.Close="button-popup-close",t.Readed="button-popup-readed"}(e||(e={}));export{e as EBtnPopupId,t as ETypeContent};
+//# sourceMappingURL=types.js.map

package/dist/notification/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../src/notification/types.ts"],"sourcesContent":["export enum ETypeContent {\r\n  Template = 'template',\r\n  Custom = 'custom'\r\n}\r\n\r\nexport enum EBtnPopupId {\r\n  Close = 'button-popup-close',\r\n  Readed = 'button-popup-readed'\r\n}\r\n\r\nexport type EAreaType = 'Header' | 'Popup'\r\n\r\nexport type ESendType = 'All' | 'User'\r\n\r\nexport interface INotificationUser {\r\n  Id: string\r\n  DisplayName: string\r\n}\r\n\r\nexport interface INotification {\r\n  Id: string\r\n  Title: string\r\n  SubTitle: string\r\n  Content: string\r\n  DateExpired: string\r\n  SendType: ESendType\r\n  AreaType: EAreaType\r\n  UserIds?: string[]\r\n  Users?: INotificationUser[]\r\n  IsRead?: boolean\r\n  DateCreated: string\r\n}\r\n\r\nexport type ReadedFunction = (id: string, signal?: AbortSignal) => Promise<void>\r\n"],"names":["ETypeContent","EBtnPopupId"],"mappings":"IAAYA,EAKAC,GALZ,SAAYD,GACVA,EAAA,SAAA,WACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACVA,EAAA,MAAA,qBACAA,EAAA,OAAA,qBACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

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/class.config.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ETypeContent, INotification } from './types';
+export interface ConfigType {
+    type: ETypeContent;
+    version?: string;
+    html?: string;
+}
+export declare class NotifyContentConverter {
+    private rawContent;
+    private parsedObj;
+    private firtVersion;
+    private defaultVersion;
+    constructor(content: string);
+    private parseContent;
+    getContentByVersion(): ConfigType;
+    renderComponent(data: INotification[], onRead?: (value: INotification) => void, onClose?: () => void): React.ReactNode;
+}
+//# sourceMappingURL=class.config.d.ts.map

package/dist/types/notification/class.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"class.config.d.ts","sourceRoot":"","sources":["../../../src/notification/class.config.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAErD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,qBAAa,sBAAsB;IACjC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,cAAc,CAAU;gBAEpB,OAAO,EAAE,MAAM;IAK3B,OAAO,CAAC,YAAY;IA0CpB,mBAAmB;IAKnB,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS;CAUvH"}

package/dist/types/notification/notify-detail.custom.d.ts

@@ -0,0 +1,26 @@
+import { BoxProps } from '@mui/material';
+import { Component, ComponentType } from 'react';
+import { INotification } from './types';
+import 'react-quill/dist/quill.snow.css';
+interface IProps {
+    data: INotification[];
+    html: string;
+    onRead?: (value: INotification) => void;
+    onClose?: () => void;
+}
+interface IState {
+    indexSelected: number;
+}
+declare class NotifyDetailCustom extends Component<IProps, IState> {
+    private contentRef;
+    constructor(props: IProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleContentClick: (event: MouseEvent) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    handleRead: () => void;
+    getData: () => INotification | undefined;
+}
+export default NotifyDetailCustom;
+export declare const NotifyDetailStyled: ComponentType<BoxProps>;
+//# sourceMappingURL=notify-detail.custom.d.ts.map

package/dist/types/notification/notify-detail.custom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify-detail.custom.d.ts","sourceRoot":"","sources":["../../../src/notification/notify-detail.custom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAU,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAa,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAe,aAAa,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,iCAAiC,CAAA;AAExC,UAAU,MAAM;IACd,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,UAAU,MAAM;IACd,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,cAAM,kBAAmB,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACxD,OAAO,CAAC,UAAU,CAA8B;gBAEpC,KAAK,EAAE,MAAM;IAKzB,iBAAiB;IAKjB,oBAAoB;IAKpB,kBAAkB,UAAW,UAAU,UAetC;IAED,MAAM;IAYN,UAAU,aAIT;IAED,OAAO,kCAUN;CACF;AAED,eAAe,kBAAkB,CAAA;AAejC,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC,QAAQ,CAapD,CAAA"}

package/dist/types/notification/notify-detail.d.ts

@@ -11,11 +11,7 @@ interface IState {
 }
 declare class NotifyDetail extends Component<IProps, IState> {
     constructor(props: IProps);
-    render(): import("react/jsx-runtime").JSX.Element;
-    renderControl: () => import("react/jsx-runtime").JSX.Element;
-    handleClickLeft: () => void;
-    handleClickRight: () => void;
-    handleRead: () => void;
+    render(): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
     getData: () => INotification | undefined;
 }
 export default NotifyDetail;

package/dist/types/notification/notify-detail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notify-detail.d.ts","sourceRoot":"","sources":["../../../src/notification/notify-detail.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGvC,UAAU,MAAM;IACd,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,UAAU,MAAM;IACd,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBACtC,KAAK,EAAE,MAAM;IAKzB,MAAM;IA4CN,aAAa,gDAeZ;IAED,eAAe,aAId;IAED,gBAAgB,aAIf;IAED,UAAU,aAKT;IAED,OAAO,kCAUN;CACF;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"notify-detail.d.ts","sourceRoot":"","sources":["../../../src/notification/notify-detail.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGvC,UAAU,MAAM;IACd,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,UAAU,MAAM;IACd,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBACtC,KAAK,EAAE,MAAM;IAKzB,MAAM;IAON,OAAO,kCAUN;CACF;AAED,eAAe,YAAY,CAAA"}

package/dist/types/notification/notify-detail.default.d.ts

@@ -0,0 +1,23 @@
+import 'react-quill/dist/quill.snow.css';
+import { Component } from 'react';
+import { INotification } from './types';
+interface IProps {
+    data: INotification[];
+    html: string;
+    onRead?: (value: INotification) => void;
+    onClose?: () => void;
+}
+interface IState {
+    indexSelected: number;
+}
+declare class NotifyDetailDefault extends Component<IProps, IState> {
+    constructor(props: IProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+    renderControl: () => import("react/jsx-runtime").JSX.Element;
+    handleClickLeft: () => void;
+    handleClickRight: () => void;
+    handleRead: () => void;
+    getData: () => INotification | undefined;
+}
+export default NotifyDetailDefault;
+//# sourceMappingURL=notify-detail.default.d.ts.map

package/dist/types/notification/notify-detail.default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify-detail.default.d.ts","sourceRoot":"","sources":["../../../src/notification/notify-detail.default.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGvC,UAAU,MAAM;IACd,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,UAAU,MAAM;IACd,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,cAAM,mBAAoB,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7C,KAAK,EAAE,MAAM;IAKzB,MAAM;IA4CN,aAAa,gDAeZ;IAED,eAAe,aAId;IAED,gBAAgB,aAIf;IAED,UAAU,aAKT;IAED,OAAO,kCAUN;CACF;AAED,eAAe,mBAAmB,CAAA"}

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/types.d.ts

@@ -1,3 +1,11 @@
+export declare enum ETypeContent {
+    Template = "template",
+    Custom = "custom"
+}
+export declare enum EBtnPopupId {
+    Close = "button-popup-close",
+    Readed = "button-popup-readed"
+}
 export type EAreaType = 'Header' | 'Popup';
 export type ESendType = 'All' | 'User';
 export interface INotificationUser {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/notification/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE1C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,CAAA;AAEtC,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/notification/types.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,oBAAY,WAAW;IACrB,KAAK,uBAAuB;IAC5B,MAAM,wBAAwB;CAC/B;AAED,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE1C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,CAAA;AAEtC,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,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.26",
   "description": "DinoCollab shared utilities and components",
   "main": "dist/index.js",
   "module": "dist/index.js",