react-easy-wall 2.0.14 → 3.1.0

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

@@ -1,5 +1,6 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
-import { Box } from '@mui/material';
+import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
 
 const PanelHeader = ({ imageProps = {}, containerProps = {}, }) => {
     return (jsx(Box, { ...containerProps, children: jsx("img", { ...imageProps, alt: imageProps?.alt }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.js","sources":["../../../../src/components/panel/PanelHeader.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { BoxProps, Box } from '@mui/material';\n\nexport interface PanelHeaderProps {\n  containerProps?: BoxProps;\n  imageProps?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;\n}\n\nexport const PanelHeader: React.FC<PanelHeaderProps> = ({\n  imageProps = {},\n  containerProps = {},\n}) => {\n  return (\n    <Box {...containerProps}>\n      <img {...imageProps} alt={imageProps?.alt} />\n    </Box>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;AASO,MAAM,WAAW,GAA+B,CAAC,EACtD,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,EAAE,GACpB,KAAI;AACH,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EAAA,GAAK,cAAc,YACrBA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAA,CAAI,EAAA,CACzC;AAEV;;;;"}
+{"version":3,"file":"PanelHeader.js","sources":["../../../../src/components/panel/PanelHeader.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { BoxProps, Box } from '@mui/material';\n\nexport interface PanelHeaderProps {\n  containerProps?: BoxProps;\n  imageProps?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;\n}\n\nexport const PanelHeader: React.FC<PanelHeaderProps> = ({\n  imageProps = {},\n  containerProps = {},\n}) => {\n  return (\n    <Box {...containerProps}>\n      <img {...imageProps} alt={imageProps?.alt} />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;AAUO;AAIL;AAKF;;"}

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

@@ -1,7 +1,11 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
-import { ListItem, ListItemButton, ListItemText, IconButton } from '@mui/material';
 import ArrowForwardIosIcon from '../../node_modules/@mui/icons-material/esm/ArrowForwardIos.js';
 import { theme } from '../../shared/mui/theme.js';
+import ListItem from '../../node_modules/@mui/material/esm/ListItem/ListItem.js';
+import ListItemButton from '../../node_modules/@mui/material/esm/ListItemButton/ListItemButton.js';
+import ListItemText from '../../node_modules/@mui/material/esm/ListItemText/ListItemText.js';
+import IconButton from '../../node_modules/@mui/material/esm/IconButton/IconButton.js';
 
 const PanelItem = ({ listItemProps, listItemTextProps }) => {
     return (jsx(ListItem, { disablePadding: true, component: "a", secondaryAction: jsx(IconButton, { children: jsx(ArrowForwardIosIcon, { fontSize: "small" }) }), ...listItemProps, children: jsx(ListItemButton, { sx: { alignItems: 'center', paddingLeft: theme.spacing(1.5) }, children: jsx(ListItemText, { ...listItemTextProps }) }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"PanelItem.js","sources":["../../../../src/components/panel/PanelItem.tsx"],"sourcesContent":["\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemButton,\n  ListItemText,\n  IconButton,\n  ListItemProps,\n  ListItemTextProps,\n} from '@mui/material';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport { theme } from '../../shared/mui/theme';\n\nexport interface PanelItemProps {\n  listItemProps?: ListItemProps & { href?: string };\n  listItemTextProps?: ListItemTextProps;\n}\n\nexport const PanelItem: React.FC<PanelItemProps> = ({ listItemProps, listItemTextProps }) => {\n  return (\n    <ListItem\n      disablePadding\n      component=\"a\"\n      secondaryAction={\n        <IconButton>\n          <ArrowForwardIosIcon fontSize=\"small\" />\n        </IconButton>\n      }\n      {...listItemProps}>\n      <ListItemButton sx={{ alignItems: 'center', paddingLeft: theme.spacing(1.5) }}>\n        <ListItemText {...listItemTextProps} />\n      </ListItemButton>\n    </ListItem>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;AAkBO,MAAM,SAAS,GAA6B,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAI;IAC1F,QACEA,GAAA,CAAC,QAAQ,EAAA,EACP,cAAc,QACd,SAAS,EAAC,GAAG,EACb,eAAe,EACbA,IAAC,UAAU,EAAA,EAAA,QAAA,EACTA,GAAA,CAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAA,CAAG,EAAA,CAC7B,EAAA,GAEX,aAAa,EAAA,QAAA,EACjBA,GAAA,CAAC,cAAc,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EAC3EA,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,iBAAiB,EAAA,CAAI,EAAA,CACxB,EAAA,CACR;AAEf;;;;"}
+{"version":3,"file":"PanelItem.js","sources":["../../../../src/components/panel/PanelItem.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemButton,\n  ListItemText,\n  IconButton,\n  ListItemProps,\n  ListItemTextProps,\n} from '@mui/material';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport { theme } from '@/shared/mui/theme';\n\nexport interface PanelItemProps {\n  listItemProps?: ListItemProps & { href?: string };\n  listItemTextProps?: ListItemTextProps;\n}\n\nexport const PanelItem: React.FC<PanelItemProps> = ({ listItemProps, listItemTextProps }) => {\n  return (\n    <ListItem\n      disablePadding\n      component=\"a\"\n      secondaryAction={\n        <IconButton>\n          <ArrowForwardIosIcon fontSize=\"small\" />\n        </IconButton>\n      }\n      {...listItemProps}>\n      <ListItemButton sx={{ alignItems: 'center', paddingLeft: theme.spacing(1.5) }}>\n        <ListItemText {...listItemTextProps} />\n      </ListItemButton>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAmBO;;AAgBP;;"}

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

@@ -1,8 +1,11 @@
+"use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Box, Typography, List } from '@mui/material';
 import { PanelDivider } from './PanelDivider.js';
 import { theme } from '../../shared/mui/theme.js';
 import { PanelItem } from './PanelItem.js';
+import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
+import Typography from '../../node_modules/@mui/material/esm/Typography/Typography.js';
+import List from '../../node_modules/@mui/material/esm/List/List.js';
 
 const PanelListItems = ({ dividerProps, containerProps, listProps, titleProps, routes = [], title = 'Title', }) => {
     return (jsxs(Box, { ...containerProps, children: [title ? (jsxs(Fragment, { children: [jsx(Typography, { px: 1.5, mb: 1, lineHeight: 1.2, fontWeight: "bold", fontSize: 16, ...titleProps, children: title }), jsx(PanelDivider, { ...dividerProps })] })) : null, jsx(List, { disablePadding: true, sx: { marginBottom: theme.spacing(1) }, ...listProps, children: routes.map((route, index) => (jsx(PanelItem, { listItemProps: {

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

@@ -1 +1 @@
-{"version":3,"file":"PanelListItems.js","sources":["../../../../src/components/panel/PanelListItems.tsx"],"sourcesContent":["\nimport React from 'react';\nimport {\n  ListProps,\n  Box,\n  Typography,\n  DividerProps,\n  BoxProps,\n  List,\n  TypographyProps,\n} from '@mui/material';\nimport { PanelDivider } from './PanelDivider';\nimport { theme } from '../../shared/mui/theme';\nimport { PanelListRoute } from './panel.types';\nimport { PanelItem } from './PanelItem';\n\nexport interface PanelListItems {\n  dividerProps?: DividerProps;\n  containerProps?: BoxProps;\n  listProps?: ListProps;\n  routes?: PanelListRoute[];\n  titleProps?: TypographyProps;\n  title?: string;\n}\n\nexport const PanelListItems: React.FC<PanelListItems> = ({\n  dividerProps,\n  containerProps,\n  listProps,\n  titleProps,\n  routes = [],\n  title = 'Title',\n}) => {\n  return (\n    <Box {...containerProps}>\n      {title ? (\n        <>\n          <Typography\n            px={1.5}\n            mb={1}\n            lineHeight={1.2}\n            fontWeight=\"bold\"\n            fontSize={16}\n            {...titleProps}>\n            {title}\n          </Typography>\n          <PanelDivider {...dividerProps} />\n        </>\n      ) : null}\n\n      <List disablePadding sx={{ marginBottom: theme.spacing(1) }} {...listProps}>\n        {routes.map((route, index) => (\n          <PanelItem\n            key={index}\n            listItemProps={{\n              href: route.path,\n            }}\n            listItemTextProps={{\n              primary: route.name,\n              primaryTypographyProps: { sx: { fontWeight: 400, fontSize: 16 } },\n            }}\n          />\n        ))}\n      </List>\n    </Box>\n  );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;MAyBa,cAAc,GAA6B,CAAC,EACvD,YAAY,EACZ,cAAc,EACd,SAAS,EACT,UAAU,EACV,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,OAAO,GAChB,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,GAAG,OAAK,cAAc,EAAA,QAAA,EAAA,CACpB,KAAK,IACJA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,IAAC,UAAU,EAAA,EACT,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,CAAC,EACL,UAAU,EAAE,GAAG,EACf,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,EAAA,GACR,UAAU,EAAA,QAAA,EACb,KAAK,GACK,EACbA,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,CAAA,EAAA,CACjC,IACD,IAAI,EAERA,IAAC,IAAI,EAAA,EAAC,cAAc,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAM,SAAS,EAAA,QAAA,EACvE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACvBA,IAAC,SAAS,EAAA,EAER,aAAa,EAAE;wBACb,IAAI,EAAE,KAAK,CAAC,IAAI;AACjB,qBAAA,EACD,iBAAiB,EAAE;wBACjB,OAAO,EAAE,KAAK,CAAC,IAAI;AACnB,wBAAA,sBAAsB,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;AAClE,qBAAA,EAAA,EAPI,KAAK,CAQV,CACH,CAAC,EAAA,CACG,CAAA,EAAA,CACH;AAEV;;;;"}
+{"version":3,"file":"PanelListItems.js","sources":["../../../../src/components/panel/PanelListItems.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  ListProps,\n  Box,\n  Typography,\n  DividerProps,\n  BoxProps,\n  List,\n  TypographyProps,\n} from '@mui/material';\nimport { PanelDivider } from './PanelDivider';\nimport { theme } from '@/shared/mui/theme';\nimport { PanelListRoute } from './panel.types';\nimport { PanelItem } from './PanelItem';\n\nexport interface PanelListItems {\n  dividerProps?: DividerProps;\n  containerProps?: BoxProps;\n  listProps?: ListProps;\n  routes?: PanelListRoute[];\n  titleProps?: TypographyProps;\n  title?: string;\n}\n\nexport const PanelListItems: React.FC<PanelListItems> = ({\n  dividerProps,\n  containerProps,\n  listProps,\n  titleProps,\n  routes = [],\n  title = 'Title',\n}) => {\n  return (\n    <Box {...containerProps}>\n      {title ? (\n        <>\n          <Typography\n            px={1.5}\n            mb={1}\n            lineHeight={1.2}\n            fontWeight=\"bold\"\n            fontSize={16}\n            {...titleProps}>\n            {title}\n          </Typography>\n          <PanelDivider {...dividerProps} />\n        </>\n      ) : null}\n\n      <List disablePadding sx={{ marginBottom: theme.spacing(1) }} {...listProps}>\n        {routes.map((route, index) => (\n          <PanelItem\n            key={index}\n            listItemProps={{\n              href: route.path,\n            }}\n            listItemTextProps={{\n              primary: route.name,\n              primaryTypographyProps: { sx: { fontWeight: 400, fontSize: 16 } },\n            }}\n          />\n        ))}\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAkCE;;AAuBW;;AAGC;AACD;AAMb;;"}

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

@@ -1,6 +1,7 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useSession } from '../session/session.hooks.js';
-import { Box } from '@mui/material';
+import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
 
 const PanelSubscriptionIcon = ({ children, subscriptionImageContainerProps = {}, }) => {
     const { subscription } = useSession();

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

@@ -1 +1 @@
-{"version":3,"file":"PanelSubscriptionIcon.js","sources":["../../../../src/components/panel/PanelSubscriptionIcon.tsx"],"sourcesContent":["\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 (\n    <Box\n      sx={{\n        borderRadius: '50%',\n        position: 'absolute',\n        top: -7,\n        right: -7,\n      }}\n      {...subscriptionImageContainerProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;AAWO,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,QAAQ,EACR,+BAA+B,GAAG,EAAE,GACrC,KAAI;AACH,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;AAErC,IAAA,IAAI,CAAC,YAAY;AAAE,QAAA,OAAO,IAAI;AAE9B,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,EAAE;YACP,KAAK,EAAE,EAAE;AACV,SAAA,EAAA,GACG,+BAA+B,EAAA,QAAA,EAClC,QAAQ,EAAA,CACL;AAEV;;;;"}
+{"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 (\n    <Box\n      sx={{\n        borderRadius: '50%',\n        position: 'absolute',\n        top: -7,\n        right: -7,\n      }}\n      {...subscriptionImageContainerProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO;AAIL;AAEA;AAAmB;AAEnB;AAGM;AACA;;;AAGD;AAKP;;"}

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

@@ -1,20 +1,13 @@
-import { createStoreAction } from '@cobuildlab/react-simple-state';
+import { l as libExports } from '../../_virtual/index.js';
 import { panelStore } from './panel.store.js';
-import { universalCookies } from '../../shared/cookies/index.js';
-import { getCookieOptions } from '../../shared/cookies/cookies.utils.js';
 
-const panelStoreAction = createStoreAction(panelStore, (prev, data) => ({
+const panelStoreAction = libExports.createStoreAction(panelStore, (prev, data) => ({
     ...prev,
     ...data,
 }));
 const handlePanelClick = (isOpen) => {
     return panelStoreAction({ isOpen });
 };
-const handleLogout = (config) => {
-    const options = getCookieOptions(config);
-    universalCookies.remove(config?.cookieTokenName, options);
-    window.location.reload();
-};
 
-export { handleLogout, handlePanelClick, panelStoreAction };
+export { handlePanelClick, panelStoreAction };
 //# sourceMappingURL=panel.actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"panel.actions.js","sources":["../../../../src/components/panel/panel.actions.ts"],"sourcesContent":["import { createStoreAction } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { PanelStoreAction } from './panel.types';\nimport { universalCookies } from '../../shared/cookies';\nimport { Config } from '../../config/config.types';\nimport { getCookieOptions } from '../../shared/cookies/cookies.utils';\n\nexport const panelStoreAction = createStoreAction(panelStore, (prev, data: PanelStoreAction) => ({\n  ...prev,\n  ...data,\n}));\n\nexport const handlePanelClick = (isOpen: boolean) => {\n  return panelStoreAction({ isOpen });\n};\n\nexport const handleLogout = (config: Config | undefined) => {\n  const options = getCookieOptions(config);\n  universalCookies.remove(config?.cookieTokenName as string, options);\n  window.location.reload();\n};\n"],"names":[],"mappings":";;;;;AAOO,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAsB,MAAM;AAC/F,IAAA,GAAG,IAAI;AACP,IAAA,GAAG,IAAI;AACR,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAAC,MAAe,KAAI;AAClD,IAAA,OAAO,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;AACrC;AAEO,MAAM,YAAY,GAAG,CAAC,MAA0B,KAAI;AACzD,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC;IACxC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,eAAyB,EAAE,OAAO,CAAC;AACnE,IAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;AAC1B;;;;"}
+{"version":3,"file":"panel.actions.js","sources":["../../../../src/components/panel/panel.actions.ts"],"sourcesContent":["import { createStoreAction } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { PanelStoreAction } from './panel.types';\n\nexport const panelStoreAction = createStoreAction(panelStore, (prev, data: PanelStoreAction) => ({\n  ...prev,\n  ...data,\n}));\n\nexport const handlePanelClick = (isOpen: boolean) => {\n  return panelStoreAction({ isOpen });\n};\n\n"],"names":["createStoreAction"],"mappings":";;;AAIO,MAAM,gBAAgB,GAAGA,4BAAiB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAsB,MAAM;AAC/F,IAAA,GAAG,IAAI;AACP,IAAA,GAAG,IAAI;AACR,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAAC,MAAe,KAAI;AAClD,IAAA,OAAO,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;AACrC;;;;"}

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

@@ -1,6 +1,6 @@
-import { createStore } from '@cobuildlab/react-simple-state';
+import { l as libExports } from '../../_virtual/index.js';
 
-const panelStore = createStore({
+const panelStore = libExports.createStore({
     initialValue: {
         isOpen: false,
     },

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

@@ -1 +1 @@
-{"version":3,"file":"panel.store.js","sources":["../../../../src/components/panel/panel.store.ts"],"sourcesContent":["import {createStore} from \"@cobuildlab/react-simple-state\";\n\nexport const panelStore = createStore({\n    initialValue: {\n        isOpen: false,\n    },\n});"],"names":[],"mappings":";;AAEO,MAAM,UAAU,GAAG,WAAW,CAAC;AAClC,IAAA,YAAY,EAAE;AACV,QAAA,MAAM,EAAE,KAAK;AAChB,KAAA;AACJ,CAAA;;;;"}
+{"version":3,"file":"panel.store.js","sources":["../../../../src/components/panel/panel.store.ts"],"sourcesContent":["import {createStore} from \"@cobuildlab/react-simple-state\";\n\nexport const panelStore = createStore({\n    initialValue: {\n        isOpen: false,\n    },\n});"],"names":["createStore"],"mappings":";;AAEO,MAAM,UAAU,GAAGA,sBAAW,CAAC;AAClC,IAAA,YAAY,EAAE;AACV,QAAA,MAAM,EAAE,KAAK;AAChB,KAAA;AACJ,CAAA;;;;"}

package/dist/esm/components/paywall/Paywall.js

@@ -1,7 +1,10 @@
+"use client";
 import { useSession } from '../session/session.hooks.js';
 
-const Paywall = ({ children, PaywallSubscriptionComponent, PaywallRegisterComponent, postPremium = false, postRegister = false, }) => {
-    const { user, subscription } = useSession();
+const Paywall = ({ children, PaywallSubscriptionComponent, PaywallRegisterComponent, LoadingComponent, postPremium = false, postRegister = false, }) => {
+    const { user, subscription, loading } = useSession();
+    if (loading)
+        return LoadingComponent;
     if (!subscription && postPremium) {
         return PaywallSubscriptionComponent;
     }

package/dist/esm/components/paywall/Paywall.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paywall.js","sources":["../../../../src/components/paywall/Paywall.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  PaywallSubscriptionComponent?: React.ReactNode;\n  PaywallRegisterComponent?: React.ReactNode;\n  postPremium?: boolean;\n  postRegister?: boolean;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({\n  children,\n  PaywallSubscriptionComponent,\n  PaywallRegisterComponent,\n  postPremium = false,\n  postRegister = false,\n}) => {\n  const { user, subscription } = useSession();\n\n  if (!subscription && postPremium) {\n    return PaywallSubscriptionComponent;\n  }\n\n  if (!(user && postRegister)) {\n    return PaywallRegisterComponent;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;MAYa,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,4BAA4B,EAC5B,wBAAwB,EACxB,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,KAAK,GACrB,KAAI;IACH,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;AAE3C,IAAA,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;AAChC,QAAA,OAAO,4BAA4B;IACrC;AAEA,IAAA,IAAI,EAAE,IAAI,IAAI,YAAY,CAAC,EAAE;AAC3B,QAAA,OAAO,wBAAwB;IACjC;AAEA,IAAA,OAAO,QAAQ;AACjB;;;;"}
+{"version":3,"file":"Paywall.js","sources":["../../../../src/components/paywall/Paywall.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  PaywallSubscriptionComponent?: React.ReactNode;\n  PaywallRegisterComponent?: React.ReactNode;\n  LoadingComponent?: React.ReactNode;\n  postPremium?: boolean;\n  postRegister?: boolean;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({\n  children,\n  PaywallSubscriptionComponent,\n  PaywallRegisterComponent,\n  LoadingComponent,\n  postPremium = false,\n  postRegister = false,\n}) => {\n  const { user, subscription, loading } = useSession();\n\n  if (loading) return LoadingComponent;\n\n  if (!subscription && postPremium) {\n    return PaywallSubscriptionComponent;\n  }\n\n  if (!(user && postRegister)) {\n    return PaywallRegisterComponent;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;AAwBE;AAAa;AAEb;AACE;;AAGF;AACE;;AAGF;AACF;;"}

package/dist/esm/components/paywall/PaywallRegister.js

@@ -1,6 +1,9 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Box, Typography, Button } from '@mui/material';
 import { URL_PORTAL } from '../../shared/constants/index.js';
+import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
+import Typography from '../../node_modules/@mui/material/esm/Typography/Typography.js';
+import Button from '../../node_modules/@mui/material/esm/Button/Button.js';
 
 const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = 'Ya estoy registrado', secondaryButtonProps = {}, title = 'Este artículo es exclusivo para usuarios registrados', subtitle = 'Regístrate para obtener beneficios exclusivos.', buttonText = '¡Regístrate gratis!', }) => {
     const { sx: sxContainerProps, ...containerPropRest } = containerProps;

package/dist/esm/components/paywall/PaywallRegister.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaywallRegister.js","sources":["../../../../src/components/paywall/PaywallRegister.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\n\n\n\nexport interface PaywallRegisterProps {\n  post?: any;\n  containerProps?: BoxProps;\n  titleProps?: TypographyProps;\n  subtitleProps?: TypographyProps;\n  buttonProps?: ButtonProps;\n  buttonText?: string;\n  secondaryButtonProps?: ButtonProps;\n  secondaryButtonText?: string;\n  title?: string;\n  subtitle?: string;\n  withCaption?: boolean;\n}\n\nexport const PaywallRegister: React.FC<PaywallRegisterProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya estoy registrado',\n  secondaryButtonProps = {},\n  title = 'Este artículo es exclusivo para usuarios registrados',\n  subtitle = 'Regístrate para obtener beneficios exclusivos.',\n  buttonText = '¡Regístrate gratis!',\n}) => {\n  const { sx: sxContainerProps, ...containerPropRest } = containerProps;\n  const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;\n  const { sx: sxTitleProps, ...titlePropRest } = titleProps;\n  const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;\n  const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;\n  const url = URL_PORTAL;\n\n  const handleButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_REGISTER?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        background: 'white',\n        paddingTop: '80px',\n        paddingBottom: '80px',\n        borderRadius: '20px',\n        boxShadow: '0px 0px 32px #00000029',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Box\n        sx={{\n          width: {\n            xs: 360,\n            md: 460,\n          },\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'column',\n          display: 'flex',\n        }}>\n        <Typography\n          sx={{\n            fontWeight: 700,\n            lineHeight: '34px',\n            fontSize: '34px',\n            textAlign: 'center',\n            marginBottom: '1.5rem',\n            ...sxTitleProps,\n          }}\n          {...titlePropRest}>\n          {title}\n        </Typography>\n        <Typography\n          sx={{ textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }}\n          {...subtitlePropRest}>\n          {subtitle}\n        </Typography>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            background: '#f75957',\n            '&:hover': {\n              backgroundColor: '#f75957',\n            },\n            fontWeight: 700,\n            textTransform: 'uppercase',\n            marginBottom: '.5rem',\n            color: 'white',\n            fontSize: '18px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            borderRadius: '0.25rem',\n            ...sxButtonProps,\n          }}\n          onClick={() => handleButton()}\n          {...buttonPropsRest}>\n          {buttonText}\n        </Button>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            textDecoration: 'underline',\n            background: 'transparent',\n            textTransform: 'none',\n            fontWeight: 700,\n            textAlign: 'center',\n            fontSize: '16px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            color: 'black',\n            ...sxSecondaryButtonProps,\n          }}\n          onClick={() => handleSecondaryButton()}\n          {...secondaryButtonPropsRest}>\n          {secondaryButtonText}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;AAsBO,MAAM,eAAe,GAAmC,CAAC,EAC9D,cAAc,GAAG,EAAE,EACnB,aAAa,GAAG,EAAE,EAClB,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,EAAE,EACf,mBAAmB,GAAG,qBAAqB,EAC3C,oBAAoB,GAAG,EAAE,EACzB,KAAK,GAAG,sDAAsD,EAC9D,QAAQ,GAAG,gDAAgD,EAC3D,UAAU,GAAG,qBAAqB,GACnC,KAAI;IACH,MAAM,EAAE,EAAE,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,EAAE,GAAG,cAAc;IACrE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,GAAG,gBAAgB,EAAE,GAAG,aAAa;IAClE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,GAAG,UAAU;IACzD,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW;IAC7D,MAAM,EAAE,EAAE,EAAE,sBAAsB,EAAE,GAAG,wBAAwB,EAAE,GAAG,oBAAoB;IACxF,MAAM,GAAG,GAAG,UAAU;IAEtB,MAAM,YAAY,GAAG,MAAK;QACxB,IAAI,CAAC,GAAG,EAAE;AACR,YAAA,OAAO,CAAC,KAAK,CAAC,qCAAqC,CAAC;AACpD,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,QAAQ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,GAAG,CAAA,6CAAA,EAAgD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA,CAAE;AAC7G,IAAA,CAAC;IAED,MAAM,qBAAqB,GAAG,MAAK;QACjC,IAAI,CAAC,GAAG,EAAE;AACR,YAAA,OAAO,CAAC,KAAK,CAAC,qCAAqC,CAAC;AACpD,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,QAAQ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,GAAG,CAAA,0CAAA,EAA6C,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA,CAAE;AAC1G,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,mBAAmB;AAC3B,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,SAAS,EAAE,wBAAwB;AACnC,YAAA,GAAG,gBAAgB;AACpB,SAAA,EAAA,GACG,iBAAiB,EAAA,QAAA,EACrBC,IAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE;AACL,oBAAA,EAAE,EAAE,GAAG;AACP,oBAAA,EAAE,EAAE,GAAG;AACR,iBAAA;AACD,gBAAA,cAAc,EAAE,QAAQ;AACxB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,OAAO,EAAE,MAAM;AAChB,aAAA,EAAA,QAAA,EAAA,CACDD,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE;AACF,wBAAA,UAAU,EAAE,GAAG;AACf,wBAAA,UAAU,EAAE,MAAM;AAClB,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,SAAS,EAAE,QAAQ;AACnB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,GAAG,YAAY;AAChB,qBAAA,EAAA,GACG,aAAa,EAAA,QAAA,EAChB,KAAK,GACK,EACbA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,KACnE,gBAAgB,EAAA,QAAA,EACnB,QAAQ,EAAA,CACE,EACbA,IAAC,MAAM,EAAA,EACL,gBAAgB,EAAA,IAAA,EAChB,aAAa,EAAA,IAAA,EACb,kBAAkB,QAClB,kBAAkB,EAAA,IAAA,EAClB,EAAE,EAAE;AACF,wBAAA,UAAU,EAAE,SAAS;AACrB,wBAAA,SAAS,EAAE;AACT,4BAAA,eAAe,EAAE,SAAS;AAC3B,yBAAA;AACD,wBAAA,UAAU,EAAE,GAAG;AACf,wBAAA,aAAa,EAAE,WAAW;AAC1B,wBAAA,YAAY,EAAE,OAAO;AACrB,wBAAA,KAAK,EAAE,OAAO;AACd,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,UAAU,EAAE,OAAO;AACnB,wBAAA,aAAa,EAAE,OAAO;AACtB,wBAAA,WAAW,EAAE,QAAQ;AACrB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,YAAY,EAAE,SAAS;AACvB,wBAAA,GAAG,aAAa;qBACjB,EACD,OAAO,EAAE,MAAM,YAAY,EAAE,EAAA,GACzB,eAAe,EAAA,QAAA,EAClB,UAAU,EAAA,CACJ,EACTA,GAAA,CAAC,MAAM,EAAA,EACL,gBAAgB,EAAA,IAAA,EAChB,aAAa,EAAA,IAAA,EACb,kBAAkB,EAAA,IAAA,EAClB,kBAAkB,EAAA,IAAA,EAClB,EAAE,EAAE;AACF,wBAAA,cAAc,EAAE,WAAW;AAC3B,wBAAA,UAAU,EAAE,aAAa;AACzB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,UAAU,EAAE,GAAG;AACf,wBAAA,SAAS,EAAE,QAAQ;AACnB,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,UAAU,EAAE,OAAO;AACnB,wBAAA,aAAa,EAAE,OAAO;AACtB,wBAAA,WAAW,EAAE,QAAQ;AACrB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,KAAK,EAAE,OAAO;AACd,wBAAA,GAAG,sBAAsB;AAC1B,qBAAA,EACD,OAAO,EAAE,MAAM,qBAAqB,EAAE,EAAA,GAClC,wBAAwB,YAC3B,mBAAmB,EAAA,CACb,CAAA,EAAA,CACL,EAAA,CACF;AAEV;;;;"}
+{"version":3,"file":"PaywallRegister.js","sources":["../../../../src/components/paywall/PaywallRegister.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\nexport interface PaywallRegisterProps {\n  containerProps?: BoxProps;\n  titleProps?: TypographyProps;\n  subtitleProps?: TypographyProps;\n  buttonProps?: ButtonProps;\n  buttonText?: string;\n  secondaryButtonProps?: ButtonProps;\n  secondaryButtonText?: string;\n  title?: string;\n  subtitle?: string;\n}\n\nexport const PaywallRegister: React.FC<PaywallRegisterProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya estoy registrado',\n  secondaryButtonProps = {},\n  title = 'Este artículo es exclusivo para usuarios registrados',\n  subtitle = 'Regístrate para obtener beneficios exclusivos.',\n  buttonText = '¡Regístrate gratis!',\n}) => {\n\n  const { sx: sxContainerProps, ...containerPropRest } = containerProps;\n  const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;\n  const { sx: sxTitleProps, ...titlePropRest } = titleProps;\n  const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;\n  const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;\n  const url = URL_PORTAL;\n\n  const handleButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_REGISTER?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        background: 'white',\n        paddingTop: '80px',\n        paddingBottom: '80px',\n        borderRadius: '20px',\n        boxShadow: '0px 0px 32px #00000029',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Box\n        sx={{\n          width: {\n            xs: 360,\n            md: 460,\n          },\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'column',\n          display: 'flex',\n        }}>\n        <Typography\n          sx={{\n            fontWeight: 700,\n            lineHeight: '34px',\n            fontSize: '34px',\n            textAlign: 'center',\n            marginBottom: '1.5rem',\n            ...sxTitleProps,\n          }}\n          {...titlePropRest}>\n          {title}\n        </Typography>\n        <Typography\n          sx={{ textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }}\n          {...subtitlePropRest}>\n          {subtitle}\n        </Typography>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            background: '#f75957',\n            '&:hover': {\n              backgroundColor: '#f75957',\n            },\n            fontWeight: 700,\n            textTransform: 'uppercase',\n            marginBottom: '.5rem',\n            color: 'white',\n            fontSize: '18px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            borderRadius: '0.25rem',\n            ...sxButtonProps,\n          }}\n          onClick={() => handleButton()}\n          {...buttonPropsRest}>\n          {buttonText}\n        </Button>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            textDecoration: 'underline',\n            background: 'transparent',\n            textTransform: 'none',\n            fontWeight: 700,\n            textAlign: 'center',\n            fontSize: '16px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            color: 'black',\n            ...sxSecondaryButtonProps,\n          }}\n          onClick={() => handleSecondaryButton()}\n          {...secondaryButtonPropsRest}>\n          {secondaryButtonText}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAkBO;;;;;;;;;AAqBD;AACA;;AAGF;AACF;;;AAII;AACA;;AAGF;AACF;AAEA;AAGM;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAIG;AACE;AACA;AACD;AACD;AACA;AACA;AACA;AACD;AAGG;AACA;AACA;AACA;AACA;AACA;AACD;AAeC;AACA;AACE;AACD;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAQX;;"}

package/dist/esm/components/paywall/PaywallSubscription.js

@@ -1,27 +1,29 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Box, Typography, Button } from '@mui/material';
 import { URL_PORTAL } from '../../shared/constants/index.js';
+import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
+import Typography from '../../node_modules/@mui/material/esm/Typography/Typography.js';
+import Button from '../../node_modules/@mui/material/esm/Button/Button.js';
 
-const PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = 'Ya soy suscriptor', secondaryButtonProps = {}, withCaption = false, title = 'Este artículo es exclusivo para suscriptores', subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.', post, buttonText = 'Suscríbete', }) => {
+const PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = 'Ya soy suscriptor', secondaryButtonProps = {}, title = 'Este artículo es exclusivo para suscriptores', subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.', buttonText = 'Suscríbete', }) => {
     const { sx: sxContainerProps, ...containerPropRest } = containerProps;
     const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;
     const { sx: sxTitleProps, ...titlePropRest } = titleProps;
     const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;
     const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;
-    const url = URL_PORTAL;
     const handleButton = () => {
-        if (!url) {
+        if (!URL_PORTAL) {
             console.error('NEXT_PUBLIC_URL_PORTAL is required!');
             return null;
         }
-        return (window.location.href = `${url}/planes?post_url=${window.location.href}`);
+        return (window.location.href = `${URL_PORTAL}/planes?post_url=${window.location.href}`);
     };
     const handleSecondaryButton = () => {
-        if (!url) {
+        if (!URL_PORTAL) {
             console.error('NEXT_PUBLIC_URL_PORTAL is required!');
             return null;
         }
-        return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
+        return (window.location.href = `${URL_PORTAL}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
     };
     return (jsx(Box, { sx: {
             display: 'flex',

package/dist/esm/components/paywall/PaywallSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaywallSubscription.js","sources":["../../../../src/components/paywall/PaywallSubscription.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\nexport interface PaywallSubscriptionProps {\n  post?: any;\n  containerProps?: BoxProps;\n  titleProps?: TypographyProps;\n  subtitleProps?: TypographyProps;\n  buttonProps?: ButtonProps;\n  buttonText?: string;\n  secondaryButtonProps?: ButtonProps;\n  secondaryButtonText?: string;\n  title?: string;\n  subtitle?: string;\n  withCaption?: boolean;\n}\n\nexport const PaywallSubscription: React.FC<PaywallSubscriptionProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya soy suscriptor',\n  secondaryButtonProps = {},\n  withCaption = false,\n  title = 'Este artículo es exclusivo para suscriptores',\n  subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.',\n  post,\n  buttonText = 'Suscríbete',\n}) => {\n  const { sx: sxContainerProps, ...containerPropRest } = containerProps;\n  const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;\n  const { sx: sxTitleProps, ...titlePropRest } = titleProps;\n  const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;\n  const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;\n  const url = URL_PORTAL;\n  const handleButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/planes?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        background: 'white',\n        paddingTop: '80px',\n        paddingBottom: '80px',\n        borderRadius: '20px',\n        boxShadow: '0px 0px 32px #00000029',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Box\n        sx={{\n          width: {\n            xs: 360,\n            md: 460,\n          },\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'column',\n          display: 'flex',\n        }}>\n        <Typography\n          sx={{\n            fontWeight: 700,\n            lineHeight: '34px',\n            fontSize: '34px',\n            textAlign: 'center',\n            marginBottom: '1.5rem',\n            ...sxTitleProps,\n          }}\n          {...titlePropRest}>\n          {title}\n        </Typography>\n        <Typography\n          sx={{ textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }}\n          {...subtitlePropRest}>\n          {subtitle}\n        </Typography>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            background: '#f75957',\n            '&:hover': {\n              backgroundColor: '#f75957',\n            },\n            fontWeight: 700,\n            textTransform: 'uppercase',\n            marginBottom: '.5rem',\n            color: 'white',\n            fontSize: '18px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            borderRadius: '0.25rem',\n            ...sxButtonProps,\n          }}\n          onClick={() => handleButton()}\n          {...buttonPropsRest}>\n          {buttonText}\n        </Button>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            textDecoration: 'underline',\n            background: 'transparent',\n            textTransform: 'none',\n            fontWeight: 700,\n            textAlign: 'center',\n            fontSize: '16px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            color: 'black',\n            ...sxSecondaryButtonProps,\n          }}\n          onClick={() => handleSecondaryButton()}\n          {...secondaryButtonPropsRest}>\n          {secondaryButtonText}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"PaywallSubscription.js","sources":["../../../../src/components/paywall/PaywallSubscription.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\nexport interface PaywallSubscriptionProps {\n  containerProps?: BoxProps;\n  titleProps?: TypographyProps;\n  subtitleProps?: TypographyProps;\n  buttonProps?: ButtonProps;\n  buttonText?: string;\n  secondaryButtonProps?: ButtonProps;\n  secondaryButtonText?: string;\n  title?: string;\n  subtitle?: string;\n}\n\nexport const PaywallSubscription: React.FC<PaywallSubscriptionProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya soy suscriptor',\n  secondaryButtonProps = {},\n  title = 'Este artículo es exclusivo para suscriptores',\n  subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.',\n  buttonText = 'Suscríbete',\n}) => {\n  const { sx: sxContainerProps, ...containerPropRest } = containerProps;\n  const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;\n  const { sx: sxTitleProps, ...titlePropRest } = titleProps;\n  const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;\n  const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;\n\n  const handleButton = () => {\n    if (!URL_PORTAL) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${URL_PORTAL}/planes?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!URL_PORTAL) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${URL_PORTAL}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        background: 'white',\n        paddingTop: '80px',\n        paddingBottom: '80px',\n        borderRadius: '20px',\n        boxShadow: '0px 0px 32px #00000029',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Box\n        sx={{\n          width: {\n            xs: 360,\n            md: 460,\n          },\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'column',\n          display: 'flex',\n        }}>\n        <Typography\n          sx={{\n            fontWeight: 700,\n            lineHeight: '34px',\n            fontSize: '34px',\n            textAlign: 'center',\n            marginBottom: '1.5rem',\n            ...sxTitleProps,\n          }}\n          {...titlePropRest}>\n          {title}\n        </Typography>\n        <Typography\n          sx={{ textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }}\n          {...subtitlePropRest}>\n          {subtitle}\n        </Typography>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            background: '#f75957',\n            '&:hover': {\n              backgroundColor: '#f75957',\n            },\n            fontWeight: 700,\n            textTransform: 'uppercase',\n            marginBottom: '.5rem',\n            color: 'white',\n            fontSize: '18px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            borderRadius: '0.25rem',\n            ...sxButtonProps,\n          }}\n          onClick={() => handleButton()}\n          {...buttonPropsRest}>\n          {buttonText}\n        </Button>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            textDecoration: 'underline',\n            background: 'transparent',\n            textTransform: 'none',\n            fontWeight: 700,\n            textAlign: 'center',\n            fontSize: '16px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            color: 'black',\n            ...sxSecondaryButtonProps,\n          }}\n          onClick={() => handleSecondaryButton()}\n          {...secondaryButtonPropsRest}>\n          {secondaryButtonText}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAkBO;;;;;;;;AAmBD;AACA;;AAGF;AACF;;;AAII;AACA;;AAGF;AACF;AAEA;AAGM;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAIG;AACE;AACA;AACD;AACD;AACA;AACA;AACA;AACD;AAGG;AACA;AACA;AACA;AACA;AACA;AACD;AAeC;AACA;AACE;AACD;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAQX;;"}

package/dist/esm/components/post/SaveNoteButton.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useSession } from '../session/session.hooks.js';
+import { l as libExports } from '../../_virtual/index.js';
+import { createSavedPostAction, deleteSavedPostAction } from './post.actions.js';
+import Button from '../../node_modules/@mui/material/esm/Button/Button.js';
+
+const SaveNoteButton = ({ postId = 0, onCompleted, onError, withOutAuthorizationAction, SavedNoteComponent, NotSavedNoteComponent, buttonProps = {}, }) => {
+    const { savedPosts, isAuthenticated, loading, user, subscription } = useSession();
+    const savedPost = savedPosts?.find((post_saved) => post_saved?.post_id === postId);
+    const { onClick, ...buttonRestProps } = buttonProps;
+    const [callCreateAction] = libExports.useCallAction(createSavedPostAction, {
+        onCompleted,
+        onError,
+    });
+    const [callDeleteAction] = libExports.useCallAction(deleteSavedPostAction, {
+        onCompleted,
+        onError,
+    });
+    const handleSavePost = () => {
+        if (savedPost) {
+            callDeleteAction({
+                data: {
+                    id: savedPost?.id,
+                },
+            });
+        }
+        else {
+            callCreateAction({
+                data: {
+                    user_id: user?.id,
+                    post_id: postId,
+                },
+            });
+        }
+    };
+    if (isAuthenticated && loading)
+        return null;
+    return (jsx(Button, { onClick: (event) => {
+            if (isAuthenticated && subscription)
+                return handleSavePost();
+            if (withOutAuthorizationAction)
+                return withOutAuthorizationAction();
+            if (onClick)
+                return onClick(event);
+        }, ...buttonRestProps, children: savedPost ? SavedNoteComponent : NotSavedNoteComponent }));
+};
+
+export { SaveNoteButton };
+//# sourceMappingURL=SaveNoteButton.js.map

package/dist/esm/components/post/SaveNoteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveNoteButton.js","sources":["../../../../src/components/post/SaveNoteButton.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { useSession } from '@/components/session/session.hooks';\nimport { useCallAction } from '@cobuildlab/react-simple-state';\nimport { createSavedPostAction, deleteSavedPostAction } from '@/components/post/post.actions';\nimport { CreateSavedPostEvent, DeleteSavedPostEvent } from '@/components/post/post.types';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport type SaveNoteButtonProps = {\n  postId: number;\n  SavedNoteComponent?: React.ReactNode | null | string;\n  NotSavedNoteComponent?: React.ReactNode | null | string;\n  onError?: (error: Error) => void;\n  onCompleted?: (data: CreateSavedPostEvent | DeleteSavedPostEvent | null | undefined) => void;\n  withOutAuthorizationAction?: () => void;\n  buttonProps?: ButtonProps;\n};\n\nexport const SaveNoteButton: React.FC<SaveNoteButtonProps> = ({\n  postId = 0,\n  onCompleted,\n  onError,\n  withOutAuthorizationAction,\n  SavedNoteComponent,\n  NotSavedNoteComponent,\n  buttonProps = {},\n}) => {\n  const { savedPosts, isAuthenticated, loading, user, subscription } = useSession();\n  const savedPost = savedPosts?.find((post_saved) => post_saved?.post_id === postId);\n  const { onClick, ...buttonRestProps } = buttonProps;\n  const [callCreateAction] = useCallAction(createSavedPostAction, {\n    onCompleted,\n    onError,\n  });\n\n  const [callDeleteAction] = useCallAction(deleteSavedPostAction, {\n    onCompleted,\n    onError,\n  });\n\n  const handleSavePost = () => {\n    if (savedPost) {\n      callDeleteAction({\n        data: {\n          id: savedPost?.id,\n        },\n      });\n    } else {\n      callCreateAction({\n        data: {\n          user_id: user?.id,\n          post_id: postId,\n        },\n      });\n    }\n  };\n\n  if (isAuthenticated && loading) return null;\n\n  return (\n    <Button\n      onClick={(event) => {\n        if (isAuthenticated && subscription) return handleSavePost();\n\n        if (withOutAuthorizationAction) return withOutAuthorizationAction();\n\n        if (onClick) return onClick(event);\n      }}\n      {...buttonRestProps}>\n      {savedPost ? SavedNoteComponent : NotSavedNoteComponent}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAmBO;AASL;AACA;;AAEA;;;AAGC;AAED;;;AAGC;;;AAIG;AACE;;AAEC;AACF;;;AAED;AACE;;AAEE;AACD;AACF;;AAEL;;AAEgC;;;;AAO1B;;AAEA;AAAa;AACf;AAKN;;"}

package/dist/esm/components/post/post.actions.js

@@ -0,0 +1,30 @@
+import { createSavedPostEvent, createSavedPostErrorEvent, deleteSavedPostEvent, deleteSavedPostErrorEvent } from './post.stores.js';
+import { l as libExports } from '../../_virtual/index.js';
+import { CurrentUserDocument, CreateUserSavedPostDocument, DeleteUserSavedPostDocument } from '../../shared/types/generated.js';
+import { apolloClient } from '../../shared/apollo/apollo.client.js';
+
+const createSavedPostAction = libExports.createAction(createSavedPostEvent, createSavedPostErrorEvent, async (variables) => {
+    const response = await apolloClient().mutate({
+        mutation: CreateUserSavedPostDocument,
+        variables,
+        awaitRefetchQueries: true,
+        refetchQueries: [{ query: CurrentUserDocument }],
+    });
+    return {
+        createUserSavedPost: response.data?.createUserSavedPost,
+    };
+});
+const deleteSavedPostAction = libExports.createAction(deleteSavedPostEvent, deleteSavedPostErrorEvent, async (variables) => {
+    const response = await apolloClient().mutate({
+        mutation: DeleteUserSavedPostDocument,
+        variables,
+        awaitRefetchQueries: true,
+        refetchQueries: [{ query: CurrentUserDocument }],
+    });
+    return {
+        deleteUserSavedPost: response.data?.deleteUserSavedPost,
+    };
+});
+
+export { createSavedPostAction, deleteSavedPostAction };
+//# sourceMappingURL=post.actions.js.map

package/dist/esm/components/post/post.actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.actions.js","sources":["../../../../src/components/post/post.actions.ts"],"sourcesContent":["import {\n  createSavedPostErrorEvent,\n  createSavedPostEvent,\n  deleteSavedPostErrorEvent,\n  deleteSavedPostEvent,\n} from '@/components/post/post.stores';\nimport { createAction } from '@cobuildlab/react-simple-state';\nimport {\n  CreateUserSavedPostMutationVariables,\n  CreateUserSavedPostMutation,\n  CurrentUserDocument,\n  CreateUserSavedPostDocument,\n  DeleteUserSavedPostMutationVariables,\n  DeleteUserSavedPostMutation,\n  DeleteUserSavedPostDocument,\n} from '@/shared/types/generated';\nimport { apolloClient } from '@/shared/apollo/apollo.client';\n\nexport const createSavedPostAction = createAction(\n  createSavedPostEvent,\n  createSavedPostErrorEvent,\n  async (variables: CreateUserSavedPostMutationVariables) => {\n    const response = await apolloClient().mutate<\n      CreateUserSavedPostMutation,\n      CreateUserSavedPostMutationVariables\n    >({\n      mutation: CreateUserSavedPostDocument,\n      variables,\n      awaitRefetchQueries: true,\n      refetchQueries: [{ query: CurrentUserDocument }],\n    });\n\n    return {\n      createUserSavedPost: response.data?.createUserSavedPost,\n    };\n  },\n);\n\nexport const deleteSavedPostAction = createAction(\n  deleteSavedPostEvent,\n  deleteSavedPostErrorEvent,\n  async (variables: DeleteUserSavedPostMutationVariables) => {\n    const response = await apolloClient().mutate<\n      DeleteUserSavedPostMutation,\n      DeleteUserSavedPostMutationVariables\n    >({\n      mutation: DeleteUserSavedPostDocument,\n      variables,\n      awaitRefetchQueries: true,\n      refetchQueries: [{ query: CurrentUserDocument }],\n    });\n\n    return {\n      deleteUserSavedPost: response.data?.deleteUserSavedPost,\n    };\n  },\n);\n"],"names":["createAction"],"mappings":";;;;;AAkBO,MAAM,qBAAqB,GAAGA,uBAAY,CAC/C,oBAAoB,EACpB,yBAAyB,EACzB,OAAO,SAA+C,KAAI;AACxD,IAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC,MAAM,CAG1C;AACA,QAAA,QAAQ,EAAE,2BAA2B;QACrC,SAAS;AACT,QAAA,mBAAmB,EAAE,IAAI;AACzB,QAAA,cAAc,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;AACjD,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,mBAAmB,EAAE,QAAQ,CAAC,IAAI,EAAE,mBAAmB;KACxD;AACH,CAAC;AAGI,MAAM,qBAAqB,GAAGA,uBAAY,CAC/C,oBAAoB,EACpB,yBAAyB,EACzB,OAAO,SAA+C,KAAI;AACxD,IAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC,MAAM,CAG1C;AACA,QAAA,QAAQ,EAAE,2BAA2B;QACrC,SAAS;AACT,QAAA,mBAAmB,EAAE,IAAI;AACzB,QAAA,cAAc,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;AACjD,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,mBAAmB,EAAE,QAAQ,CAAC,IAAI,EAAE,mBAAmB;KACxD;AACH,CAAC;;;;"}

package/dist/esm/components/post/post.stores.js

@@ -0,0 +1,17 @@
+import { l as libExports } from '../../_virtual/index.js';
+
+const createSavedPostEvent = libExports.createEvent({
+    initialValue: {
+        createUserSavedPost: undefined,
+    },
+});
+const createSavedPostErrorEvent = libExports.createEvent();
+const deleteSavedPostEvent = libExports.createEvent({
+    initialValue: {
+        deleteUserSavedPost: undefined,
+    },
+});
+const deleteSavedPostErrorEvent = libExports.createEvent();
+
+export { createSavedPostErrorEvent, createSavedPostEvent, deleteSavedPostErrorEvent, deleteSavedPostEvent };
+//# sourceMappingURL=post.stores.js.map

package/dist/esm/components/post/post.stores.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.stores.js","sources":["../../../../src/components/post/post.stores.ts"],"sourcesContent":["import { createEvent } from '@cobuildlab/react-simple-state';\nimport { CreateSavedPostEvent, DeleteSavedPostEvent } from '@/components/post/post.types';\n\n\nexport const createSavedPostEvent = createEvent<CreateSavedPostEvent>({\n  initialValue: {\n    createUserSavedPost: undefined,\n  },\n});\nexport const createSavedPostErrorEvent = createEvent<Error>();\n\nexport const deleteSavedPostEvent = createEvent<DeleteSavedPostEvent>({\n  initialValue: {\n    deleteUserSavedPost: undefined,\n  },\n});\nexport const deleteSavedPostErrorEvent = createEvent<Error>();\n"],"names":["createEvent"],"mappings":";;AAIO,MAAM,oBAAoB,GAAGA,sBAAW,CAAuB;AACpE,IAAA,YAAY,EAAE;AACZ,QAAA,mBAAmB,EAAE,SAAS;AAC/B,KAAA;AACF,CAAA;AACM,MAAM,yBAAyB,GAAGA,sBAAW;AAE7C,MAAM,oBAAoB,GAAGA,sBAAW,CAAuB;AACpE,IAAA,YAAY,EAAE;AACZ,QAAA,mBAAmB,EAAE,SAAS;AAC/B,KAAA;AACF,CAAA;AACM,MAAM,yBAAyB,GAAGA,sBAAW;;;;"}

package/dist/esm/components/session/SessionClientProvider.js

@@ -1,14 +1,11 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
-import { GoogleOAuthProvider } from '@react-oauth/google';
-import { useEffect } from 'react';
+import { GoogleOAuthProvider } from '../../node_modules/@react-oauth/google/dist/index.esm.js';
+import { GOOGLE_AUTH_CLIENT } from '../../shared/constants/index.js';
 import { SessionUserClientProvider } from './SessionUserClientProvider.js';
-import { sessionConfigStore } from './session.stores.js';
 
-const SessionClientProvider = ({ children, config, }) => {
-    useEffect(() => {
-        sessionConfigStore.dispatch(config);
-    }, [config]);
-    return (jsx(GoogleOAuthProvider, { clientId: config.googleClient, children: jsx(SessionUserClientProvider, { config: config, children: children }) }));
+const SessionClientProvider = ({ children }) => {
+    return (jsx(GoogleOAuthProvider, { clientId: GOOGLE_AUTH_CLIENT, children: jsx(SessionUserClientProvider, { children: children }) }));
 };
 
 export { SessionClientProvider };

package/dist/esm/components/session/SessionClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionClientProvider.js","sources":["../../../../src/components/session/SessionClientProvider.tsx"],"sourcesContent":["import { GoogleOAuthProvider } from '@react-oauth/google';\nimport React, { ReactNode, useEffect } from 'react';\nimport { GOOGLE_AUTH_CLIENT } from '../../shared/constants';\nimport { SessionUserClientProvider } from './SessionUserClientProvider';\nimport { Config } from '@/config/config.types';\nimport { sessionConfigStore } from '@/components/session/session.stores';\n\ntype SessionClientProviderProps = {\n  children: ReactNode;\n  config: Config;\n};\n\nexport const SessionClientProvider: React.FC<SessionClientProviderProps> = ({\n  children,\n  config,\n}) => {\n  useEffect(() => {\n    sessionConfigStore.dispatch(config);\n  }, [config]);\n\n  return (\n    <GoogleOAuthProvider clientId={config.googleClient}>\n      <SessionUserClientProvider config={config}>{children}</SessionUserClientProvider>\n    </GoogleOAuthProvider>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAYO,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,QAAQ,EACR,MAAM,GACP,KAAI;IACH,SAAS,CAAC,MAAK;AACb,QAAA,kBAAkB,CAAC,QAAQ,CAAC,MAAM,CAAC;AACrC,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,QACEA,IAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAA,QAAA,EAChDA,IAAC,yBAAyB,EAAA,EAAC,MAAM,EAAE,MAAM,YAAG,QAAQ,EAAA,CAA6B,EAAA,CAC7D;AAE1B;;;;"}
+{"version":3,"file":"SessionClientProvider.js","sources":["../../../../src/components/session/SessionClientProvider.tsx"],"sourcesContent":["'use client';\nimport { GoogleOAuthProvider } from '@react-oauth/google';\nimport React, { ReactNode } from 'react';\nimport { GOOGLE_AUTH_CLIENT } from '@/shared/constants';\nimport { SessionUserClientProvider } from './SessionUserClientProvider';\n\ntype SessionClientProviderProps = {\n  children: ReactNode;\n};\n\nexport const SessionClientProvider: React.FC<SessionClientProviderProps> = ({ children }) => {\n  return (\n    <GoogleOAuthProvider clientId={GOOGLE_AUTH_CLIENT}>\n      <SessionUserClientProvider>{children}</SessionUserClientProvider>\n    </GoogleOAuthProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAWE;AAKF;;"}

package/dist/esm/components/session/SessionProviderServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionProviderServer.js","sources":["../../../../src/components/session/SessionProviderServer.tsx"],"sourcesContent":["import React from 'react';\nimport { SessionUserProvider } from './SessionUserProvider';\nimport { AppRouterCacheProvider } from '@mui/material-nextjs/v15-appRouter';\nimport { getUserServer } from './session.server.actions';\nimport {config} from \"./session.constants\";\n\ntype SessionProviderServerProps = {\n  children: React.ReactNode;\n};\n\nexport const SessionProviderServer: React.FC<SessionProviderServerProps> = async ({ children }) => {\n\n  const user = await getUserServer(config);\n\n  return (\n    <AppRouterCacheProvider>\n      <SessionUserProvider initial={user} config={config}>\n        {children}\n      </SessionUserProvider>\n    </AppRouterCacheProvider>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAUO,MAAM,qBAAqB,GAAyC,OAAO,EAAE,QAAQ,EAAE,KAAI;AAEhG,IAAA,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,MAAM,CAAC;AAExC,IAAA,QACEA,GAAA,CAAC,sBAAsB,cACrBA,GAAA,CAAC,mBAAmB,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA,QAAA,EAC/C,QAAQ,EAAA,CACW,EAAA,CACC;AAE7B;;;;"}
+{"version":3,"file":"SessionProviderServer.js","sources":["../../../../src/components/session/SessionProviderServer.tsx"],"sourcesContent":["import React from 'react';\nimport { SessionUserProvider } from './SessionUserProvider';\nimport { AppRouterCacheProvider } from '@mui/material-nextjs/v15-appRouter';\nimport { getUserServer } from './session.server.actions';\nimport { config } from './session.constants';\n\ntype SessionProviderServerProps = {\n  children: React.ReactNode;\n};\n\nexport const SessionProviderServer: React.FC<SessionProviderServerProps> = async ({ children }) => {\n\n  const user = await getUserServer(config);\n\n  return (\n    <AppRouterCacheProvider>\n      <SessionUserProvider initial={user} config={config}>\n        {children}\n      </SessionUserProvider>\n    </AppRouterCacheProvider>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAUO,MAAM,qBAAqB,GAAyC,OAAO,EAAE,QAAQ,EAAE,KAAI;AAEhG,IAAA,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,MAAM,CAAC;AAExC,IAAA,QACEA,GAAA,CAAC,sBAAsB,cACrBA,GAAA,CAAC,mBAAmB,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA,QAAA,EAC/C,QAAQ,EAAA,CACW,EAAA,CACC;AAE7B;;;;"}

package/dist/esm/components/session/SessionUserClientProvider.js

@@ -1,11 +1,12 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { Provider } from './SessionUserContext.js';
-import { useGoogleOneTapLogin } from '@react-oauth/google';
+import { useGoogleOneTapLogin } from '../../node_modules/@react-oauth/google/dist/index.esm.js';
 import { theme } from '../../shared/mui/theme.js';
 import { getSubscriptionActive } from './session.utils.js';
-import { COOKIES_OPTIONS } from './session.constants.js';
-import { useEvent, useCallAction } from '@cobuildlab/react-simple-state';
+import { COOKIES_OPTIONS, config } from './session.constants.js';
+import { l as libExports } from '../../_virtual/index.js';
 import { googleOneTapAction, currentUserAction } from './session.actions.js';
 import { universalCookies } from '../../shared/cookies/index.js';
 import { COOKIE_NAME } from '../../shared/constants/index.js';
@@ -13,11 +14,11 @@ import { tokenEvent } from './session.events.js';
 import ThemeProvider from '../../node_modules/@mui/material/esm/styles/ThemeProvider.js';
 import CssBaseline from '../../node_modules/@mui/material/esm/CssBaseline/CssBaseline.js';
 
-const SessionUserClientProvider = ({ children, config, }) => {
+const SessionUserClientProvider = ({ children, }) => {
     const [user, setUser] = useState(null);
-    const { token } = useEvent(tokenEvent);
+    const { token } = libExports.useEvent(tokenEvent);
     const [savedPosts, setSavedPosts] = useState([]);
-    const [callGoogleOneTap] = useCallAction(googleOneTapAction, {
+    const [callGoogleOneTap] = libExports.useCallAction(googleOneTapAction, {
         onCompleted: (data) => {
             universalCookies.set(COOKIE_NAME, data.token, COOKIES_OPTIONS);
             window.location.reload();
@@ -37,7 +38,7 @@ const SessionUserClientProvider = ({ children, config, }) => {
             // }
         },
     });
-    const [callCurrentUserAction, loading] = useCallAction(currentUserAction, {
+    const [callCurrentUserAction, loading] = libExports.useCallAction(currentUserAction, {
         onCompleted: (data) => {
             setUser(data.currentUser);
             setSavedPosts(data.currentUser?.post_saved);
@@ -49,10 +50,10 @@ const SessionUserClientProvider = ({ children, config, }) => {
         },
     });
     useEffect(() => {
-        if (token && config) {
+        if (token) {
             callCurrentUserAction();
         }
-    }, [callCurrentUserAction, token, config]);
+    }, [callCurrentUserAction, token]);
     const values = {
         user,
         config,

package/dist/esm/components/session/SessionUserClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionUserClientProvider.js","sources":["../../../../src/components/session/SessionUserClientProvider.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { User, UserSavedPost } from '@/shared/types/generated';\nimport { Provider } from './SessionUserContext';\nimport { SessionContextDefaultValues } from './session.types';\nimport { useGoogleOneTapLogin } from '@react-oauth/google';\n\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { theme } from '@/shared/mui/theme';\nimport { getSubscriptionActive } from './session.utils';\nimport { COOKIES_OPTIONS } from './session.constants';\nimport { useCallAction, useEvent } from '@cobuildlab/react-simple-state';\nimport { currentUserAction, googleOneTapAction } from './session.actions';\nimport { universalCookies } from '@/shared/cookies';\nimport { COOKIE_NAME } from '@/shared/constants';\nimport { tokenEvent } from './session.events';\nimport { Config } from '@/config/config.types';\n\ntype SessionUserClientProviderProps = {\n  children: React.ReactNode;\n  config: Config;\n};\n\nexport const SessionUserClientProvider: React.FC<SessionUserClientProviderProps> = ({\n  children,\n  config,\n}) => {\n  const [user, setUser] = useState<User | null | undefined>(null);\n  const { token } = useEvent(tokenEvent);\n  const [savedPosts, setSavedPosts] = useState<UserSavedPost[]>([]);\n\n  const [callGoogleOneTap] = useCallAction(googleOneTapAction, {\n    onCompleted: (data) => {\n      universalCookies.set(COOKIE_NAME, data.token, COOKIES_OPTIONS);\n      window.location.reload();\n    },\n  });\n\n  useGoogleOneTapLogin({\n    onSuccess: (credentialResponse) => {\n      callGoogleOneTap(credentialResponse.credential);\n    },\n    onError: () => {\n      console.log('Login Failed');\n    },\n    disabled: !!token,\n    promptMomentNotification: (data) => {\n      // if (data.isSkippedMoment()) {\n      //   createAction(EasyDataName.skipSwg);\n      // }\n    },\n  });\n\n  const [callCurrentUserAction, loading] = useCallAction(currentUserAction, {\n    onCompleted: (data) => {\n      setUser(data.currentUser);\n      setSavedPosts(data.currentUser?.post_saved as UserSavedPost[]);\n      console.log({ data });\n    },\n    onError: (error) => {\n      universalCookies.remove(COOKIE_NAME, COOKIES_OPTIONS);\n      console.log({ message: error.message });\n    },\n  });\n\n  useEffect(() => {\n    if (token && config) {\n      callCurrentUserAction();\n    }\n  }, [callCurrentUserAction, token, config]);\n\n  const values: SessionContextDefaultValues = {\n    user,\n    config,\n    subscription: getSubscriptionActive(user),\n    loading,\n    savedPosts,\n    isAuthenticated: !!token,\n  };\n\n  return (\n    <Provider value={values}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n        {children}\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAuBO,MAAM,yBAAyB,GAA6C,CAAC,EAClF,QAAQ,EACR,MAAM,GACP,KAAI;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC;AAEjE,IAAA,MAAM,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC,kBAAkB,EAAE;AAC3D,QAAA,WAAW,EAAE,CAAC,IAAI,KAAI;YACpB,gBAAgB,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC;AAC9D,YAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;QAC1B,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,oBAAoB,CAAC;AACnB,QAAA,SAAS,EAAE,CAAC,kBAAkB,KAAI;AAChC,YAAA,gBAAgB,CAAC,kBAAkB,CAAC,UAAU,CAAC;QACjD,CAAC;QACD,OAAO,EAAE,MAAK;AACZ,YAAA,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;QAC7B,CAAC;QACD,QAAQ,EAAE,CAAC,CAAC,KAAK;AACjB,QAAA,wBAAwB,EAAE,CAAC,IAAI,KAAI;;;;QAInC,CAAC;AACF,KAAA,CAAC;IAEF,MAAM,CAAC,qBAAqB,EAAE,OAAO,CAAC,GAAG,aAAa,CAAC,iBAAiB,EAAE;AACxE,QAAA,WAAW,EAAE,CAAC,IAAI,KAAI;AACpB,YAAA,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;AACzB,YAAA,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,UAA6B,CAAC;AAC9D,YAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;QACvB,CAAC;AACD,QAAA,OAAO,EAAE,CAAC,KAAK,KAAI;AACjB,YAAA,gBAAgB,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC;YACrD,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QACzC,CAAC;AACF,KAAA,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,KAAK,IAAI,MAAM,EAAE;AACnB,YAAA,qBAAqB,EAAE;QACzB;IACF,CAAC,EAAE,CAAC,qBAAqB,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAE1C,IAAA,MAAM,MAAM,GAAgC;QAC1C,IAAI;QACJ,MAAM;AACN,QAAA,YAAY,EAAE,qBAAqB,CAAC,IAAI,CAAC;QACzC,OAAO;QACP,UAAU;QACV,eAAe,EAAE,CAAC,CAAC,KAAK;KACzB;IAED,QACEA,IAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,QAAA,EACrBC,IAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CACzBD,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EACd,QAAQ,CAAA,EAAA,CACK,EAAA,CACP;AAEf;;;;"}
+{"version":3,"file":"SessionUserClientProvider.js","sources":["../../../../src/components/session/SessionUserClientProvider.tsx"],"sourcesContent":["'use client';\nimport React, { useState, useEffect } from 'react';\nimport { User, UserSavedPost } from '@/shared/types/generated';\nimport { Provider } from './SessionUserContext';\nimport { SessionContextDefaultValues } from './session.types';\nimport { useGoogleOneTapLogin } from '@react-oauth/google';\n\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { theme } from '@/shared/mui/theme';\nimport { getSubscriptionActive } from './session.utils';\nimport { config, COOKIES_OPTIONS } from './session.constants';\nimport { useCallAction, useEvent } from '@cobuildlab/react-simple-state';\nimport { currentUserAction, googleOneTapAction } from './session.actions';\nimport { universalCookies } from '@/shared/cookies';\nimport { COOKIE_NAME } from '@/shared/constants';\nimport { tokenEvent } from './session.events';\n\ntype SessionUserClientProviderProps = {\n  children: React.ReactNode;\n};\n\nexport const SessionUserClientProvider: React.FC<SessionUserClientProviderProps> = ({\n  children,\n}) => {\n  const [user, setUser] = useState<User | null | undefined>(null);\n  const { token } = useEvent(tokenEvent);\n  const [savedPosts, setSavedPosts] = useState<UserSavedPost[]>([]);\n\n  const [callGoogleOneTap] = useCallAction(googleOneTapAction, {\n    onCompleted: (data) => {\n      universalCookies.set(COOKIE_NAME, data.token, COOKIES_OPTIONS);\n      window.location.reload();\n    },\n  });\n\n  useGoogleOneTapLogin({\n    onSuccess: (credentialResponse) => {\n      callGoogleOneTap(credentialResponse.credential);\n    },\n    onError: () => {\n      console.log('Login Failed');\n    },\n    disabled: !!token,\n    promptMomentNotification: (data) => {\n      // if (data.isSkippedMoment()) {\n      //   createAction(EasyDataName.skipSwg);\n      // }\n    },\n  });\n\n  const [callCurrentUserAction, loading] = useCallAction(currentUserAction, {\n    onCompleted: (data) => {\n      setUser(data.currentUser);\n      setSavedPosts(data.currentUser?.post_saved as UserSavedPost[]);\n      console.log({ data });\n    },\n    onError: (error) => {\n      universalCookies.remove(COOKIE_NAME, COOKIES_OPTIONS);\n      console.log({ message: error.message });\n    },\n  });\n\n  useEffect(() => {\n    if (token) {\n      callCurrentUserAction();\n    }\n  }, [callCurrentUserAction, token]);\n\n  const values: SessionContextDefaultValues = {\n    user,\n    config,\n    subscription: getSubscriptionActive(user),\n    loading,\n    savedPosts,\n    isAuthenticated: !!token,\n  };\n\n  return (\n    <Provider value={values}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n        {children}\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA6BE;AACE;;AAEE;;AAEH;AAED;AACE;AACE;;;AAGA;;;AAGF;;;;;AAKD;;AAGC;AACE;AACA;AACA;;AAEF;AACE;;;AAGH;;;AAIG;;AAEJ;AAEA;;;AAGE;;;;;;AAcJ;;"}

package/dist/esm/components/session/SessionUserContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from 'react';
 import { DEFAULT_USER_CONTEXT } from './session.constants.js';
 

package/dist/esm/components/session/SessionUserContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionUserContext.js","sources":["../../../../src/components/session/SessionUserContext.tsx"],"sourcesContent":["\nimport { createContext } from 'react';\n\nimport { SessionContextDefaultValues } from './session.types';\nimport { DEFAULT_USER_CONTEXT } from './session.constants';\n\nexport const Context = createContext<SessionContextDefaultValues>(DEFAULT_USER_CONTEXT);\n\nexport const { Provider } = Context;\n"],"names":[],"mappings":";;;MAMa,OAAO,GAAG,aAAa,CAA8B,oBAAoB;AAE/E,MAAM,EAAE,QAAQ,EAAE,GAAG;;;;"}
+{"version":3,"file":"SessionUserContext.js","sources":["../../../../src/components/session/SessionUserContext.tsx"],"sourcesContent":["'use client'\nimport { createContext } from 'react';\n\nimport { SessionContextDefaultValues } from './session.types';\nimport { DEFAULT_USER_CONTEXT } from './session.constants';\n\nexport const Context = createContext<SessionContextDefaultValues>(DEFAULT_USER_CONTEXT);\n\nexport const { Provider } = Context;\n"],"names":[],"mappings":";;;;;AAQO;;"}

package/dist/esm/components/session/SessionUserProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionUserProvider.js","sources":["../../../../src/components/session/SessionUserProvider.tsx"],"sourcesContent":["'use client';\nimport React, { useState } from 'react';\nimport { SubscriptionStatuses, User } from '../../shared/types/generated';\nimport { Provider } from './SessionUserContext';\nimport { SessionContextDefaultValues } from './session.types';\nimport { Config } from '../../config/config.types';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { theme } from '../../shared/mui/theme';\nimport { getSubscriptionActive } from './session.utils';\n\ntype SessionUserProviderProps = {\n  children: React.ReactNode;\n  initial: User | null | undefined;\n  config: Config;\n};\n\nexport const SessionUserProvider: React.FC<SessionUserProviderProps> = ({\n  children,\n  initial,\n  config,\n}) => {\n  const [user] = useState<User | null | undefined>(initial);\n\n  const values: SessionContextDefaultValues = {\n    user,\n    config,\n    subscription: getSubscriptionActive(user),\n  };\n  return (\n    <Provider value={values}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n\n        {children}\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiBO;;AAOL;;;AAGE;;;AAWJ;;"}
+{"version":3,"file":"SessionUserProvider.js","sources":["../../../../src/components/session/SessionUserProvider.tsx"],"sourcesContent":["'use client';\nimport React, { useState } from 'react';\nimport {  User } from '@/shared/types/generated';\nimport { Provider } from './SessionUserContext';\nimport { SessionContextDefaultValues } from './session.types';\nimport { Config } from '@/config/config.types';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { theme } from '@/shared/mui/theme';\nimport { getSubscriptionActive } from './session.utils';\n\ntype SessionUserProviderProps = {\n  children: React.ReactNode;\n  initial: User | null | undefined;\n  config: Config;\n};\n\nexport const SessionUserProvider: React.FC<SessionUserProviderProps> = ({\n  children,\n  initial,\n  config,\n}) => {\n  const [user] = useState<User | null | undefined>(initial);\n\n  const values: SessionContextDefaultValues = {\n    user,\n    config,\n    subscription: getSubscriptionActive(user),\n  };\n  return (\n    <Provider value={values}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n\n        {children}\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiBO;;AAOL;;;AAGE;;;AAWJ;;"}