react-easy-wall 1.1.16 → 1.1.18

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

@@ -6,10 +6,16 @@ var session_hooks = require('../session/session.hooks.js');
 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');
+var Typography = require('../../node_modules/@mui/material/esm/Typography/Typography.js');
 
-const PanelAvatar = ({ avatarProps, textLink = 'Admin Account', SubscriptionImageComponent = null, }) => {
+const PanelAvatar = ({ avatarProps = {}, textProps = {}, textLink = 'Administrar Cuenta', 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 }) })] })] }));
+    const { sx: sxTextProps, ...textRestProps } = textProps;
+    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, sx: { textDecoration: 'none' }, children: jsxRuntime.jsx(Typography.default, { sx: {
+                                color: 'black',
+                                fontSize: '12px',
+                                ...sxTextProps,
+                            }, ...textRestProps, 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  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;;"}
+{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, Avatar, Link, AvatarProps, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PanelAvatarProps {\n  avatarProps?: AvatarProps;\n  textProps?: TypographyProps;\n  textLink?: string;\n  SubscriptionImageComponent?: React.ReactNode | null;\n}\n\nexport const PanelAvatar: React.FC<PanelAvatarProps> = ({\n  avatarProps = {},\n  textProps = {},\n  textLink = 'Administrar Cuenta',\n  SubscriptionImageComponent = null,\n}) => {\n  const { user, config } = useSession();\n  const { sx: sxTextProps, ...textRestProps } = textProps;\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} sx={{ textDecoration: 'none' }}>\n          <Typography\n            sx={{\n              color: 'black',\n              fontSize: '12px',\n              ...sxTextProps,\n            }}\n            {...textRestProps}>\n            {textLink}\n          </Typography>\n        </Link>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAmCc;AACA;AACA;;AASd;;"}

package/dist/cjs/index.js

@@ -14,6 +14,7 @@ var panel_actions = require('./components/panel/panel.actions.js');
 var SessionProvider = require('./components/session/SessionProvider.js');
 var PaywallSubscription = require('./components/paywall/PaywallSubscription.js');
 var Paywall = require('./components/paywall/Paywall.js');
+var index = require('./shared/constants/index.js');
 
 
 
@@ -33,4 +34,8 @@ exports.panelStoreAction = panel_actions.panelStoreAction;
 exports.SessionProvider = SessionProvider.SessionProvider;
 exports.PaywallSubscription = PaywallSubscription.PaywallSubscription;
 exports.Paywall = Paywall.Paywall;
+exports.COOKIE_DOMAIN = index.COOKIE_DOMAIN;
+exports.COOKIE_TOKEN_NAME = index.COOKIE_TOKEN_NAME;
+exports.URI = index.URI;
+exports.URL_PORTAL = index.URL_PORTAL;
 //# sourceMappingURL=index.js.map

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/cjs/node_modules/@mui/material/esm/Typography/typographyClasses.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var generateUtilityClasses = require('../../../utils/esm/generateUtilityClasses/generateUtilityClasses.js');
 var generateUtilityClass = require('../../../utils/esm/generateUtilityClass/generateUtilityClass.js');
+var generateUtilityClasses = require('../../../utils/esm/generateUtilityClasses/generateUtilityClasses.js');
 
 function getTypographyUtilityClass(slot) {
   return generateUtilityClass.default('MuiTypography', slot);

package/dist/cjs/shared/constants/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const URI = process.env.NEXT_PUBLIC_URI || '';
+const URL_PORTAL = process.env.NEXT_PUBLIC_URL_PORTAL || '';
+const COOKIE_TOKEN_NAME = process.env.NEXT_PUBLIC_COOKIE_TOKEN_NAME || '';
+const COOKIE_DOMAIN = process.env.NEXT_PUBLIC_COOKIE_DOMAIN || '';
+
+exports.COOKIE_DOMAIN = COOKIE_DOMAIN;
+exports.COOKIE_TOKEN_NAME = COOKIE_TOKEN_NAME;
+exports.URI = URI;
+exports.URL_PORTAL = URL_PORTAL;
+//# sourceMappingURL=index.js.map

package/dist/cjs/shared/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/shared/constants/index.ts"],"sourcesContent":["export const URI = process.env.NEXT_PUBLIC_URI || '';\nexport const URL_PORTAL = process.env.NEXT_PUBLIC_URL_PORTAL || '';\nexport const COOKIE_TOKEN_NAME = process.env.NEXT_PUBLIC_COOKIE_TOKEN_NAME || '';\nexport const COOKIE_DOMAIN = process.env.NEXT_PUBLIC_COOKIE_DOMAIN || '';\n"],"names":[],"mappings":";;AAAO,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,IAAI;AAC3C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,sBAAsB,IAAI;AACzD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,CAAC,6BAA6B,IAAI;AACvE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,yBAAyB,IAAI;;;;;;;"}

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

@@ -4,10 +4,16 @@ import { useSession } from '../session/session.hooks.js';
 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';
+import Typography from '../../node_modules/@mui/material/esm/Typography/Typography.js';
 
-const PanelAvatar = ({ avatarProps, textLink = 'Admin Account', SubscriptionImageComponent = null, }) => {
+const PanelAvatar = ({ avatarProps = {}, textProps = {}, textLink = 'Administrar Cuenta', 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 }) })] })] }));
+    const { sx: sxTextProps, ...textRestProps } = textProps;
+    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, sx: { textDecoration: 'none' }, children: jsx(Typography, { sx: {
+                                color: 'black',
+                                fontSize: '12px',
+                                ...sxTextProps,
+                            }, ...textRestProps, 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  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;;"}
+{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, Avatar, Link, AvatarProps, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PanelAvatarProps {\n  avatarProps?: AvatarProps;\n  textProps?: TypographyProps;\n  textLink?: string;\n  SubscriptionImageComponent?: React.ReactNode | null;\n}\n\nexport const PanelAvatar: React.FC<PanelAvatarProps> = ({\n  avatarProps = {},\n  textProps = {},\n  textLink = 'Administrar Cuenta',\n  SubscriptionImageComponent = null,\n}) => {\n  const { user, config } = useSession();\n  const { sx: sxTextProps, ...textRestProps } = textProps;\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} sx={{ textDecoration: 'none' }}>\n          <Typography\n            sx={{\n              color: 'black',\n              fontSize: '12px',\n              ...sxTextProps,\n            }}\n            {...textRestProps}>\n            {textLink}\n          </Typography>\n        </Link>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAmCc;AACA;AACA;;AASd;;"}

package/dist/esm/index.js

@@ -12,4 +12,5 @@ export { handleLogout, handlePanelClick, panelStoreAction } from './components/p
 export { SessionProvider } from './components/session/SessionProvider.js';
 export { PaywallSubscription } from './components/paywall/PaywallSubscription.js';
 export { Paywall } from './components/paywall/Paywall.js';
+export { COOKIE_DOMAIN, COOKIE_TOKEN_NAME, URI, URL_PORTAL } from './shared/constants/index.js';
 //# sourceMappingURL=index.js.map

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/node_modules/@mui/material/esm/Typography/typographyClasses.js

@@ -1,5 +1,5 @@
-import generateUtilityClasses from '../../../utils/esm/generateUtilityClasses/generateUtilityClasses.js';
 import generateUtilityClass from '../../../utils/esm/generateUtilityClass/generateUtilityClass.js';
+import generateUtilityClasses from '../../../utils/esm/generateUtilityClasses/generateUtilityClasses.js';
 
 function getTypographyUtilityClass(slot) {
   return generateUtilityClass('MuiTypography', slot);

package/dist/esm/shared/constants/index.js

@@ -0,0 +1,7 @@
+const URI = process.env.NEXT_PUBLIC_URI || '';
+const URL_PORTAL = process.env.NEXT_PUBLIC_URL_PORTAL || '';
+const COOKIE_TOKEN_NAME = process.env.NEXT_PUBLIC_COOKIE_TOKEN_NAME || '';
+const COOKIE_DOMAIN = process.env.NEXT_PUBLIC_COOKIE_DOMAIN || '';
+
+export { COOKIE_DOMAIN, COOKIE_TOKEN_NAME, URI, URL_PORTAL };
+//# sourceMappingURL=index.js.map

package/dist/esm/shared/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/shared/constants/index.ts"],"sourcesContent":["export const URI = process.env.NEXT_PUBLIC_URI || '';\nexport const URL_PORTAL = process.env.NEXT_PUBLIC_URL_PORTAL || '';\nexport const COOKIE_TOKEN_NAME = process.env.NEXT_PUBLIC_COOKIE_TOKEN_NAME || '';\nexport const COOKIE_DOMAIN = process.env.NEXT_PUBLIC_COOKIE_DOMAIN || '';\n"],"names":[],"mappings":"AAAO,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,IAAI;AAC3C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,sBAAsB,IAAI;AACzD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,CAAC,6BAA6B,IAAI;AACvE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,yBAAyB,IAAI;;;;"}

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

@@ -1,7 +1,8 @@
 import React from 'react';
-import { AvatarProps } from '@mui/material';
+import { AvatarProps, TypographyProps } from '@mui/material';
 export interface PanelAvatarProps {
     avatarProps?: AvatarProps;
+    textProps?: TypographyProps;
     textLink?: string;
     SubscriptionImageComponent?: React.ReactNode | null;
 }

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

@@ -1,3 +1,4 @@
 export * from './components/panel';
 export * from './components/session';
 export * from './components/paywall';
+export * from './shared/constants';

package/dist/esm/types/shared/constants/index.d.ts

@@ -0,0 +1,4 @@
+export declare const URI: string;
+export declare const URL_PORTAL: string;
+export declare const COOKIE_TOKEN_NAME: string;
+export declare const COOKIE_DOMAIN: string;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { DrawerProps, AvatarProps, BoxProps, DividerProps, ButtonProps, ListProps, ListItemProps, ListItemTextProps, TypographyProps } from '@mui/material';
+import { DrawerProps, AvatarProps, TypographyProps, BoxProps, DividerProps, ButtonProps, ListProps, ListItemProps, ListItemTextProps } from '@mui/material';
 import React, { FC } from 'react';
 import * as _cobuildlab_react_simple_state from '@cobuildlab/react-simple-state';
 
@@ -11,6 +11,7 @@ declare const Panel: React.FC<PanelProps>;
 
 interface PanelAvatarProps {
     avatarProps?: AvatarProps;
+    textProps?: TypographyProps;
     textLink?: string;
     SubscriptionImageComponent?: React.ReactNode | null;
 }
@@ -120,5 +121,10 @@ interface PaywallProps {
 }
 declare const Paywall: React.FC<PaywallProps>;
 
-export { Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallSubscription, SessionProvider, handleLogout, handlePanelClick, panelStore, panelStoreAction };
+declare const URI: string;
+declare const URL_PORTAL: string;
+declare const COOKIE_TOKEN_NAME: string;
+declare const COOKIE_DOMAIN: string;
+
+export { COOKIE_DOMAIN, COOKIE_TOKEN_NAME, Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallSubscription, SessionProvider, URI, URL_PORTAL, handleLogout, handlePanelClick, panelStore, panelStoreAction };
 export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps, PaywallProps, PaywallSubscriptionProps };

package/package.json

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