react-easy-wall 2.0.0 → 2.0.2

package/package.json

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

package/rollup.config.mjs

@@ -36,7 +36,6 @@ export default [
       commonjs(),
       typescript({
         tsconfig: './tsconfig.json',
-        // SOBREESCRIBIMOS EL TSCONFIG AQUÍ:
         declaration: false,
         declarationMap: false,
         composite: false,
@@ -45,7 +44,6 @@ export default [
     external,
   },
   {
-    // SEGUNDA FASE: Generación de tipos unificada
     input: 'src/index.ts',
     output: [{ file: 'dist/index.d.ts', format: 'esm' }],
     plugins: [dts()],

package/src/components/comment/CommentContext.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import { createContext } from 'react';
 import {CommentContextType} from "./comment.types";

package/src/components/comment/CommentProvider.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React, { ReactNode, useEffect, useState } from 'react';
 import { Provider } from './CommentContext';

package/src/components/comment/Comments.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 
 import React, { useState } from 'react';

package/src/components/comment/comment.actions.ts

@@ -1,6 +1,6 @@
 import { createAction, createStoreAction } from '@cobuildlab/react-simple-state';
 import {
-    postStore,
+  postStore,
   fetchCommentsStore,
   openSubscriptionCommentsStore,
   replyCommentStore,
@@ -97,7 +97,7 @@ export const createReplyComment = createAction(
     });
 
     return {
-      comment: response.data?.createReplyComment as Comment,
+      comment: response.data?.createReplyComment,
     };
   },
 );

package/src/components/comment/comment.events.ts

@@ -1,5 +1,5 @@
 import { createEvent } from '@cobuildlab/react-simple-state';
-import { Comment } from '../../shared/types/generated';
+import { Comment, ReplyComment } from '../../shared/types/generated';
 
 export const fetchCommentsEvent = createEvent<{
   comments: Comment[];
@@ -21,7 +21,7 @@ export const createCommentEvent = createEvent<{ comment: Comment | undefined }>(
 export const createCommentErrorEvent = createEvent();
 
 export const createReplyCommentEvent = createEvent<{
-  comment: Comment | undefined;
+  comment: ReplyComment | undefined;
 }>({
   initialValue: {
     comment: undefined,

package/src/components/comment/components/AddComment.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 import React, { useState } from 'react';
 import { Avatar, Box, Card } from '@mui/material';
 import { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';

package/src/components/comment/components/AddCommentContainer.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React from 'react';
 import { Box, Card, CardHeader, CardContent, Divider } from '@mui/material';

package/src/components/comment/components/AddReplyComment.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React, { useState } from 'react';
 import { Avatar, Box, Card, CardHeader } from '@mui/material';

package/src/components/comment/components/AddReplyCommentContainer.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React from 'react';
 import { Box, Card, CardHeader, CardContent } from '@mui/material';

package/src/components/comment/components/CommentContainer.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React from 'react';
 import { Comment, ReplyComment } from '../../../shared/types/generated';

package/src/components/comment/components/CommentItem.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 
 import React from 'react';

package/src/components/comment/components/CommentSubscriptionDialog.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React from 'react';
 import { DialogDefault } from '../../../shared/components/dialog/DialogDefault';

package/src/components/comment/components/ReplyComments.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 
 import React from 'react';

package/src/components/comment/components/ShowMoreComments.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React from 'react';
 import { Box, Grid, Paper } from '@mui/material';

package/src/components/panel/PanelDivider.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 import { DividerProps, Divider } from '@mui/material';
 import React from 'react';
 

package/src/components/panel/PanelItem.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 import React from 'react';
 import {
   ListItem,

package/src/components/paywall/PaywallRegister.tsx

@@ -2,6 +2,9 @@
 import React from 'react';
 import { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';
 
+
+
+
 export interface PaywallRegisterProps {
   post?: any;
   containerProps?: BoxProps;

package/src/components/session/SessionClientProvider.tsx

@@ -1,16 +1,27 @@
 import { GoogleOAuthProvider } from '@react-oauth/google';
-import React, { ReactNode } from 'react';
+import React, { ReactNode, useEffect } from 'react';
 import { GOOGLE_AUTH_CLIENT } from '../../shared/constants';
 import { SessionUserClientProvider } from './SessionUserClientProvider';
+import { Config } from '@/config/config.types';
+import { sessionConfigStore } from '@/components/session/session.stores';
 
 type SessionClientProviderProps = {
   children: ReactNode;
+  config: Config;
 };
 
-export const SessionClientProvider: React.FC<SessionClientProviderProps> = ({ children }) => {
+export const SessionClientProvider: React.FC<SessionClientProviderProps> = ({
+  children,
+  config,
+}) => {
+
+  useEffect(() => {
+    sessionConfigStore.dispatch(config);
+  }, [config]);
+
   return (
     <GoogleOAuthProvider clientId={GOOGLE_AUTH_CLIENT}>
-      <SessionUserClientProvider>{children}</SessionUserClientProvider>
+      <SessionUserClientProvider config={config}>{children}</SessionUserClientProvider>
     </GoogleOAuthProvider>
   );
 };

package/src/components/session/SessionUserClientProvider.tsx

@@ -1,27 +1,29 @@
-
 import React, { useState, useEffect } from 'react';
-import { User, UserSavedPost } from '../../shared/types/generated';
+import { User, UserSavedPost } from '@/shared/types/generated';
 import { Provider } from './SessionUserContext';
 import { SessionContextDefaultValues } from './session.types';
 import { useGoogleOneTapLogin } from '@react-oauth/google';
 
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
-import { theme } from '../../shared/mui/theme';
+import { theme } from '@/shared/mui/theme';
 import { getSubscriptionActive } from './session.utils';
-import { config, COOKIES_OPTIONS } from './session.constants';
+import { COOKIES_OPTIONS } from './session.constants';
 import { useCallAction, useEvent } from '@cobuildlab/react-simple-state';
 import { currentUserAction, googleOneTapAction } from './session.actions';
-import { universalCookies } from '../../shared/cookies';
-import { COOKIE_NAME } from '../../shared/constants';
+import { universalCookies } from '@/shared/cookies';
+import { COOKIE_NAME } from '@/shared/constants';
 import { tokenEvent } from './session.events';
+import { Config } from '@/config/config.types';
 
 type SessionUserClientProviderProps = {
   children: React.ReactNode;
+  config: Config;
 };
 
 export const SessionUserClientProvider: React.FC<SessionUserClientProviderProps> = ({
   children,
+  config,
 }) => {
   const [user, setUser] = useState<User | null | undefined>(null);
   const { token } = useEvent(tokenEvent);

package/src/components/session/SessionUserContext.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 import { createContext } from 'react';
 
 import { SessionContextDefaultValues } from './session.types';

package/src/components/session/session.actions.ts

@@ -9,9 +9,9 @@ import {
   googleOneTapErrorEvent,
   googleOneTapEvent,
 } from './session.events';
-import { URI } from '../../shared/constants';
+import { URI } from '@/shared/constants';
 import axios from 'axios';
-import { apolloClient } from '../../shared/apollo/apollo.client';
+import { apolloClient } from '@/shared/apollo/apollo.client';
 import {
   CreateUserSavedPostDocument,
   CreateUserSavedPostMutation,
@@ -22,7 +22,7 @@ import {
   DeleteUserSavedPostDocument,
   DeleteUserSavedPostMutation,
   DeleteUserSavedPostMutationVariables,
-} from '../../shared/types/generated';
+} from '@/shared/types/generated';
 
 export const googleOneTapAction = createAction(
   googleOneTapEvent,

package/src/components/session/session.constants.ts

@@ -1,13 +1,5 @@
-import { Config } from '../../config/config.types';
 import moment from 'moment';
-import { COOKIE_DOMAIN, COOKIE_NAME, URI, URL_PORTAL } from '../../shared/constants';
-
-export const config: Config = {
-  uri: URI,
-  urlPortal: URL_PORTAL,
-  cookieTokenName: COOKIE_NAME,
-  cookieDomain: COOKIE_DOMAIN,
-};
+import { COOKIE_DOMAIN } from '../../shared/constants';
 
 export const DEFAULT_USER_CONTEXT = {
   user: undefined,

package/src/components/session/session.stores.ts

@@ -0,0 +1,6 @@
+import { createStore } from '@cobuildlab/react-simple-state';
+import {Config} from "@/config/config.types";
+
+export const sessionConfigStore = createStore<Config | undefined>({
+  initialValue: undefined,
+});

package/src/config/config.types.ts

@@ -5,4 +5,5 @@ export interface Config {
     urlPortal?: string;
     cookieTokenName?: string;
     cookieDomain?: string;
+    googleClient?: string;
 }

package/src/shared/apollo/apollo.client.ts

@@ -1,5 +1,4 @@
-import { ApolloLink, HttpLink } from '@apollo/client';
-import { ApolloClient, InMemoryCache, SSRMultipartLink } from '@apollo/client-integration-nextjs';
+import { HttpLink, ApolloClient, InMemoryCache } from '@apollo/client';
 import { SetContextLink } from '@apollo/client/link/context';
 import { universalCookies } from '../cookies';
 import { COOKIE_NAME, URI } from '../constants';
@@ -29,14 +28,6 @@ export const apolloClient = () => {
 
   return new ApolloClient({
     cache: new InMemoryCache(),
-    link:
-      typeof window === 'undefined'
-        ? ApolloLink.from([
-            new SSRMultipartLink({
-              stripDefer: true,
-            }),
-            authLink.concat(httpLink),
-          ])
-        : authLink.concat(httpLink),
+    link: authLink.concat(httpLink),
   });
 };

package/src/shared/components/buttons/ButtonDefault.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React from 'react';
 import {

package/src/shared/components/dialog/DialogDefault.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React, { ReactNode } from 'react';
 import {

package/src/shared/components/react-editor/BtnEmoji.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React, { useState } from 'react';
 import { Box, Popover } from '@mui/material';

package/src/shared/components/react-editor/ReactSimpleWysiwyg.tsx

@@ -1,4 +1,4 @@
-'use client'
+
 
 import React from 'react';
 import { Box } from '@mui/material';

package/src/shared/constants/index.ts

@@ -1,26 +1,7 @@
-export const URI =
-  process.env.NEXT_PUBLIC_EW_URI ||
-  process.env.REACT_PUBLIC_EW_URI ||
-  process.env.VITE_EW_URI ||
-  '';
-export const URL_PORTAL =
-  process.env.NEXT_PUBLIC_EW_URL_PORTAL ||
-  process.env.REACT_PUBLIC_EW_URL_PORTAL ||
-  process.env.VITE_EW_URL_PORTAL ||
-  '';
-export const COOKIE_NAME =
-  process.env.NEXT_PUBLIC_EW_COOKIE_NAME ||
-  process.env.REACT_PUBLIC_EW_COOKIE_NAME ||
-  process.env.VITE_EW_COOKIE_NAME ||
-  '';
-export const COOKIE_DOMAIN =
-  process.env.NEXT_PUBLIC_EW_COOKIE_DOMAIN ||
-  process.env.REACT_PUBLIC_EW_COOKIE_DOMAIN ||
-  process.env.VITE_EW_COOKIE_DOMAIN ||
-  '';
+import { sessionConfigStore } from '@/components/session/session.stores';
 
-export const GOOGLE_AUTH_CLIENT =
-  process.env.NEXT_PUBLIC_EW_GOOGLE_AUTH_CLIENT ||
-  process.env.REACT_PUBLIC_EW_GOOGLE_AUTH_CLIENT ||
-  process.env.VITE_EW_GOOGLE_AUTH_CLIENT ||
-  '';
+export const URI = sessionConfigStore.get().uri;
+export const URL_PORTAL = sessionConfigStore.get().urlPortal;
+export const COOKIE_NAME = sessionConfigStore.get().cookieTokenName;
+export const COOKIE_DOMAIN = sessionConfigStore.get().cookieDomain;
+export const GOOGLE_AUTH_CLIENT = sessionConfigStore.get().googleClient;