react-easy-wall 1.0.26 → 1.0.28

package/dist/cjs/components/panel/PanelAvatar.js

@@ -7,9 +7,9 @@ var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
 var Avatar = require('../../node_modules/@mui/material/esm/Avatar/Avatar.js');
 var Link = require('../../node_modules/@mui/material/esm/Link/Link.js');
 
-const PanelAvatar = ({ avatarProps, textLink = 'Admin Account', subscriptionImage = null, subscriptionImageContainerProps = {}, }) => {
-    const { user, config, subscription } = session_hooks.useSession();
-    return (jsxRuntime.jsxs(Box.default, { px: 1.5, py: 1, display: "flex", alignItems: "center", children: [jsxRuntime.jsxs(Box.default, { mr: 1, position: "relative", children: [jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40, ...avatarProps?.sx }, src: user?.avatar, ...avatarProps }), subscription && subscriptionImage ? (jsxRuntime.jsx(Box.default, { ...subscriptionImageContainerProps, children: subscriptionImage })) : null] }), jsxRuntime.jsxs(Box.default, { children: [jsxRuntime.jsx(Box.default, { mb: 0, children: decodeURIComponent(user?.name) }), jsxRuntime.jsx(Link.default, { href: config?.urlPortal, children: jsxRuntime.jsx(Box.default, { fontSize: 12, children: textLink }) })] })] }));
+const PanelAvatar = ({ avatarProps, textLink = 'Admin Account', SubscriptionImageComponent = null, }) => {
+    const { user, config } = session_hooks.useSession();
+    return (jsxRuntime.jsxs(Box.default, { px: 1.5, py: 1, display: "flex", alignItems: "center", children: [jsxRuntime.jsxs(Box.default, { mr: 1, position: "relative", children: [jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40, ...avatarProps?.sx }, src: user?.avatar, ...avatarProps }), SubscriptionImageComponent] }), jsxRuntime.jsxs(Box.default, { children: [jsxRuntime.jsx(Box.default, { mb: 0, children: decodeURIComponent(user?.name) }), jsxRuntime.jsx(Link.default, { href: config?.urlPortal, children: jsxRuntime.jsx(Box.default, { fontSize: 12, children: textLink }) })] })] }));
 };
 
 exports.PanelAvatar = PanelAvatar;

package/dist/cjs/components/panel/PanelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, Avatar, Link, AvatarProps, BoxProps } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PanelAvatarProps {\n  avatarProps?: AvatarProps;\n  textLink?: string;\n  subscriptionImage?: React.JSX.Element | null;\n  subscriptionImageContainerProps?: BoxProps;\n}\n\nexport const PanelAvatar: React.FC<PanelAvatarProps> = ({\n  avatarProps,\n  textLink = 'Admin Account',\n  subscriptionImage = null,\n  subscriptionImageContainerProps = {},\n}) => {\n  const { user, config, subscription } = useSession();\n\n  return (\n    <Box px={1.5} py={1} display=\"flex\" alignItems=\"center\">\n      <Box mr={1} position=\"relative\">\n        <Avatar\n          sx={{ width: 40, height: 40, ...avatarProps?.sx }}\n          src={user?.avatar as string}\n          {...avatarProps}\n        />\n        {subscription && subscriptionImage ? (\n          <Box {...subscriptionImageContainerProps}>{subscriptionImage}</Box>\n        ) : null}\n      </Box>\n      <Box>\n        <Box mb={0}>{decodeURIComponent(user?.name as string)}</Box>\n        <Link href={config?.urlPortal}>\n          <Box fontSize={12}>{textLink}</Box>\n        </Link>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAwCA;;"}
+{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, Avatar, Link, AvatarProps, BoxProps } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PanelAvatarProps {\n  avatarProps?: AvatarProps;\n  textLink?: string;\n  SubscriptionImageComponent?: React.ReactNode | null;\n}\n\nexport const PanelAvatar: React.FC<PanelAvatarProps> = ({\n  avatarProps,\n  textLink = 'Admin Account',\n  SubscriptionImageComponent = null,\n}) => {\n  const { user, config } = useSession();\n\n  return (\n    <Box px={1.5} py={1} display=\"flex\" alignItems=\"center\">\n      <Box mr={1} position=\"relative\">\n        <Avatar\n          sx={{ width: 40, height: 40, ...avatarProps?.sx }}\n          src={user?.avatar as string}\n          {...avatarProps}\n        />\n        {SubscriptionImageComponent}\n      </Box>\n      <Box>\n        <Box mb={0}>{decodeURIComponent(user?.name as string)}</Box>\n        <Link href={config?.urlPortal}>\n          <Box fontSize={12}>{textLink}</Box>\n        </Link>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAWO;;;AAyBP;;"}

package/dist/cjs/components/panel/PanelSubscriptionIcon.js

@@ -0,0 +1,16 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var session_hooks = require('../session/session.hooks.js');
+var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
+
+const PanelSubscriptionIcon = ({ children, subscriptionImageContainerProps = {}, }) => {
+    const { subscription } = session_hooks.useSession();
+    if (!subscription)
+        return null;
+    return jsxRuntime.jsx(Box.default, { ...subscriptionImageContainerProps, children: children });
+};
+
+exports.PanelSubscriptionIcon = PanelSubscriptionIcon;
+//# sourceMappingURL=PanelSubscriptionIcon.js.map

package/dist/cjs/components/panel/PanelSubscriptionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSubscriptionIcon.js","sources":["../../../../src/components/panel/PanelSubscriptionIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\nimport { Box ,BoxProps} from '@mui/material';\n\nexport interface PanelSubscriptionIconProps {\n  children?: React.ReactNode;\n  subscriptionImageContainerProps?: BoxProps;\n}\n\nexport const PanelSubscriptionIcon: React.FC<PanelSubscriptionIconProps> = ({\n  children,\n  subscriptionImageContainerProps = {},\n}) => {\n  const { subscription } = useSession();\n\n  if (!subscription) return null;\n\n  return <Box {...subscriptionImageContainerProps}>{children}</Box>;\n};\n"],"names":[],"mappings":";;;;;;;AAWO;AAIL;AAEA;AAAmB;AAEnB;AACF;;"}

package/dist/cjs/index.js

@@ -6,6 +6,7 @@ var PanelHeader = require('./components/panel/PanelHeader.js');
 var PanelDivider = require('./components/panel/PanelDivider.js');
 var PanelButton = require('./components/panel/PanelButton.js');
 var PanelFooter = require('./components/panel/PanelFooter.js');
+var PanelSubscriptionIcon = require('./components/panel/PanelSubscriptionIcon.js');
 var PanelItem = require('./components/panel/PanelItem.js');
 var PanelListItems = require('./components/panel/PanelListItems.js');
 var panel_store = require('./components/panel/panel.store.js');
@@ -20,6 +21,7 @@ exports.PanelHeader = PanelHeader.PanelHeader;
 exports.PanelDivider = PanelDivider.PanelDivider;
 exports.PanelButton = PanelButton.PanelButton;
 exports.PanelFooter = PanelFooter.PanelFooter;
+exports.PanelSubscriptionIcon = PanelSubscriptionIcon.PanelSubscriptionIcon;
 exports.PanelItem = PanelItem.PanelItem;
 exports.PanelListItems = PanelListItems.PanelListItems;
 exports.panelStore = panel_store.panelStore;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/panel/PanelAvatar.js

@@ -5,9 +5,9 @@ import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
 import Avatar from '../../node_modules/@mui/material/esm/Avatar/Avatar.js';
 import Link from '../../node_modules/@mui/material/esm/Link/Link.js';
 
-const PanelAvatar = ({ avatarProps, textLink = 'Admin Account', subscriptionImage = null, subscriptionImageContainerProps = {}, }) => {
-    const { user, config, subscription } = useSession();
-    return (jsxs(Box, { px: 1.5, py: 1, display: "flex", alignItems: "center", children: [jsxs(Box, { mr: 1, position: "relative", children: [jsx(Avatar, { sx: { width: 40, height: 40, ...avatarProps?.sx }, src: user?.avatar, ...avatarProps }), subscription && subscriptionImage ? (jsx(Box, { ...subscriptionImageContainerProps, children: subscriptionImage })) : null] }), jsxs(Box, { children: [jsx(Box, { mb: 0, children: decodeURIComponent(user?.name) }), jsx(Link, { href: config?.urlPortal, children: jsx(Box, { fontSize: 12, children: textLink }) })] })] }));
+const PanelAvatar = ({ avatarProps, textLink = 'Admin Account', SubscriptionImageComponent = null, }) => {
+    const { user, config } = useSession();
+    return (jsxs(Box, { px: 1.5, py: 1, display: "flex", alignItems: "center", children: [jsxs(Box, { mr: 1, position: "relative", children: [jsx(Avatar, { sx: { width: 40, height: 40, ...avatarProps?.sx }, src: user?.avatar, ...avatarProps }), SubscriptionImageComponent] }), jsxs(Box, { children: [jsx(Box, { mb: 0, children: decodeURIComponent(user?.name) }), jsx(Link, { href: config?.urlPortal, children: jsx(Box, { fontSize: 12, children: textLink }) })] })] }));
 };
 
 export { PanelAvatar };

package/dist/esm/components/panel/PanelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, Avatar, Link, AvatarProps, BoxProps } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PanelAvatarProps {\n  avatarProps?: AvatarProps;\n  textLink?: string;\n  subscriptionImage?: React.JSX.Element | null;\n  subscriptionImageContainerProps?: BoxProps;\n}\n\nexport const PanelAvatar: React.FC<PanelAvatarProps> = ({\n  avatarProps,\n  textLink = 'Admin Account',\n  subscriptionImage = null,\n  subscriptionImageContainerProps = {},\n}) => {\n  const { user, config, subscription } = useSession();\n\n  return (\n    <Box px={1.5} py={1} display=\"flex\" alignItems=\"center\">\n      <Box mr={1} position=\"relative\">\n        <Avatar\n          sx={{ width: 40, height: 40, ...avatarProps?.sx }}\n          src={user?.avatar as string}\n          {...avatarProps}\n        />\n        {subscription && subscriptionImage ? (\n          <Box {...subscriptionImageContainerProps}>{subscriptionImage}</Box>\n        ) : null}\n      </Box>\n      <Box>\n        <Box mb={0}>{decodeURIComponent(user?.name as string)}</Box>\n        <Link href={config?.urlPortal}>\n          <Box fontSize={12}>{textLink}</Box>\n        </Link>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAwCA;;"}
+{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, Avatar, Link, AvatarProps, BoxProps } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PanelAvatarProps {\n  avatarProps?: AvatarProps;\n  textLink?: string;\n  SubscriptionImageComponent?: React.ReactNode | null;\n}\n\nexport const PanelAvatar: React.FC<PanelAvatarProps> = ({\n  avatarProps,\n  textLink = 'Admin Account',\n  SubscriptionImageComponent = null,\n}) => {\n  const { user, config } = useSession();\n\n  return (\n    <Box px={1.5} py={1} display=\"flex\" alignItems=\"center\">\n      <Box mr={1} position=\"relative\">\n        <Avatar\n          sx={{ width: 40, height: 40, ...avatarProps?.sx }}\n          src={user?.avatar as string}\n          {...avatarProps}\n        />\n        {SubscriptionImageComponent}\n      </Box>\n      <Box>\n        <Box mb={0}>{decodeURIComponent(user?.name as string)}</Box>\n        <Link href={config?.urlPortal}>\n          <Box fontSize={12}>{textLink}</Box>\n        </Link>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAWO;;;AAyBP;;"}

package/dist/esm/components/panel/PanelSubscriptionIcon.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useSession } from '../session/session.hooks.js';
+import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
+
+const PanelSubscriptionIcon = ({ children, subscriptionImageContainerProps = {}, }) => {
+    const { subscription } = useSession();
+    if (!subscription)
+        return null;
+    return jsx(Box, { ...subscriptionImageContainerProps, children: children });
+};
+
+export { PanelSubscriptionIcon };
+//# sourceMappingURL=PanelSubscriptionIcon.js.map

package/dist/esm/components/panel/PanelSubscriptionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSubscriptionIcon.js","sources":["../../../../src/components/panel/PanelSubscriptionIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\nimport { Box ,BoxProps} from '@mui/material';\n\nexport interface PanelSubscriptionIconProps {\n  children?: React.ReactNode;\n  subscriptionImageContainerProps?: BoxProps;\n}\n\nexport const PanelSubscriptionIcon: React.FC<PanelSubscriptionIconProps> = ({\n  children,\n  subscriptionImageContainerProps = {},\n}) => {\n  const { subscription } = useSession();\n\n  if (!subscription) return null;\n\n  return <Box {...subscriptionImageContainerProps}>{children}</Box>;\n};\n"],"names":[],"mappings":";;;;;AAWO;AAIL;AAEA;AAAmB;AAEnB;AACF;;"}

package/dist/esm/index.js

@@ -4,6 +4,7 @@ export { PanelHeader } from './components/panel/PanelHeader.js';
 export { PanelDivider } from './components/panel/PanelDivider.js';
 export { PanelButton } from './components/panel/PanelButton.js';
 export { PanelFooter } from './components/panel/PanelFooter.js';
+export { PanelSubscriptionIcon } from './components/panel/PanelSubscriptionIcon.js';
 export { PanelItem } from './components/panel/PanelItem.js';
 export { PanelListItems } from './components/panel/PanelListItems.js';
 export { panelStore } from './components/panel/panel.store.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/esm/types/components/panel/PanelAvatar.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { AvatarProps, BoxProps } from '@mui/material';
+import { AvatarProps } from '@mui/material';
 export interface PanelAvatarProps {
     avatarProps?: AvatarProps;
     textLink?: string;
-    subscriptionImage?: React.JSX.Element | null;
-    subscriptionImageContainerProps?: BoxProps;
+    SubscriptionImageComponent?: React.ReactNode | null;
 }
 export declare const PanelAvatar: React.FC<PanelAvatarProps>;

package/dist/esm/types/components/panel/PanelSubscriptionIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BoxProps } from '@mui/material';
+export interface PanelSubscriptionIconProps {
+    children?: React.ReactNode;
+    subscriptionImageContainerProps?: BoxProps;
+}
+export declare const PanelSubscriptionIcon: React.FC<PanelSubscriptionIconProps>;

package/dist/esm/types/components/panel/index.d.ts

@@ -4,6 +4,7 @@ export * from './PanelHeader';
 export * from './PanelDivider';
 export * from './PanelButton';
 export * from './PanelFooter';
+export * from './PanelSubscriptionIcon';
 export * from './PanelItem';
 export * from './PanelListItems';
 export * from './panel.store';

package/dist/index.d.ts

@@ -12,8 +12,7 @@ declare const Panel: React.FC<PanelProps>;
 interface PanelAvatarProps {
     avatarProps?: AvatarProps;
     textLink?: string;
-    subscriptionImage?: React.JSX.Element | null;
-    subscriptionImageContainerProps?: BoxProps;
+    SubscriptionImageComponent?: React.ReactNode | null;
 }
 declare const PanelAvatar: React.FC<PanelAvatarProps>;
 
@@ -42,6 +41,12 @@ interface PanelFooterProps {
 }
 declare const PanelFooter: React.FC<PanelFooterProps>;
 
+interface PanelSubscriptionIconProps {
+    children?: React.ReactNode;
+    subscriptionImageContainerProps?: BoxProps;
+}
+declare const PanelSubscriptionIcon: React.FC<PanelSubscriptionIconProps>;
+
 interface PanelItemProps {
     listItemProps?: ListItemProps & {
         href?: string;
@@ -91,5 +96,5 @@ type SessionProviderProps = {
 };
 declare const SessionProvider: React.FC<SessionProviderProps>;
 
-export { Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, SessionProvider, handleLogout, handlePanelClick, panelStore, panelStoreAction };
-export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction };
+export { Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, SessionProvider, handleLogout, handlePanelClick, panelStore, panelStoreAction };
+export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-easy-wall",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",