react-easy-wall 1.3.4 → 2.0.1

package/dist/esm/types/shared/types/generated.d.ts

@@ -1404,11 +1404,11 @@ export type CreateCommentMutationVariables = Exact<{
 }>;
 export type CreateCommentMutation = {
     __typename?: 'Mutation';
-    createComment: {
+    createComment?: {
         __typename?: 'Comment';
-        id: number | null;
-        post_id: number | null;
-        message: string | null;
+        id?: number | null;
+        post_id?: number | null;
+        message?: string | null;
     } | null;
 };
 export type CommentsQueryVariables = Exact<{
@@ -1418,29 +1418,29 @@ export type CommentsQueryVariables = Exact<{
 }>;
 export type CommentsQuery = {
     __typename?: 'Query';
-    comments: {
+    comments?: {
         __typename?: 'CommentsResponse';
-        count: number | null;
-        items: Array<{
+        count?: number | null;
+        items?: Array<{
             __typename?: 'Comment';
-            id: number | null;
-            message: string | null;
-            created_at: string | null;
-            updated_at: string | null;
-            user: {
+            id?: number | null;
+            message?: string | null;
+            created_at?: string | null;
+            updated_at?: string | null;
+            user?: {
                 __typename?: 'User';
-                avatar: string | null;
+                avatar?: string | null;
                 name: string;
             } | null;
-            replies: Array<{
+            replies?: Array<{
                 __typename?: 'ReplyComment';
-                id: number | null;
-                message: string | null;
-                created_at: string | null;
-                updated_at: string | null;
-                user: {
+                id?: number | null;
+                message?: string | null;
+                created_at?: string | null;
+                updated_at?: string | null;
+                user?: {
                     __typename?: 'User';
-                    avatar: string | null;
+                    avatar?: string | null;
                     name: string;
                 } | null;
             } | null> | null;
@@ -1452,12 +1452,12 @@ export type CreateReplyCommentMutationVariables = Exact<{
 }>;
 export type CreateReplyCommentMutation = {
     __typename?: 'Mutation';
-    createReplyComment: {
+    createReplyComment?: {
         __typename?: 'ReplyComment';
-        id: number | null;
-        post_id: number | null;
-        message: string | null;
-        comment_id: number | null;
+        id?: number | null;
+        post_id?: number | null;
+        message?: string | null;
+        comment_id?: number | null;
     } | null;
 };
 export type CurrentUserQueryVariables = Exact<{
@@ -1465,53 +1465,53 @@ export type CurrentUserQueryVariables = Exact<{
 }>;
 export type CurrentUserQuery = {
     __typename?: 'Query';
-    currentUser: {
+    currentUser?: {
         __typename?: 'User';
         id: number;
         name: string;
         email: string;
-        avatar: string | null;
-        gender: Gender | null;
-        birthday: string | null;
-        site: Site | null;
-        social_providers: Array<{
+        avatar?: string | null;
+        gender?: Gender | null;
+        birthday?: string | null;
+        site?: Site | null;
+        social_providers?: Array<{
             __typename?: 'UserSocialProviders';
             id: number;
-            provider: SocialProviders | null;
-            provider_id: string | null;
-            primary: boolean | null;
+            provider?: SocialProviders | null;
+            provider_id?: string | null;
+            primary?: boolean | null;
         } | null> | null;
-        roles_on_users: Array<{
+        roles_on_users?: Array<{
             __typename?: 'RolesOnUsers';
-            role_id: number | null;
-            role: {
+            role_id?: number | null;
+            role?: {
                 __typename?: 'UserRole';
-                id: number | null;
-                name: UserRoles | null;
+                id?: number | null;
+                name?: UserRoles | null;
             } | null;
         } | null> | null;
-        subscriptions: Array<{
+        subscriptions?: Array<{
             __typename?: 'Subscription';
-            cancel_date: string | null;
-            status: SubscriptionStatuses | null;
-            payment_method: PaymentMethod | null;
-            period_end_date: string | null;
-            period_start_date: string | null;
-            is_cancel: boolean | null;
-            id: number | null;
-            plan: {
+            cancel_date?: string | null;
+            status?: SubscriptionStatuses | null;
+            payment_method?: PaymentMethod | null;
+            period_end_date?: string | null;
+            period_start_date?: string | null;
+            is_cancel?: boolean | null;
+            id?: number | null;
+            plan?: {
                 __typename?: 'Plan';
-                title: string | null;
-                description: string | null;
-                sub_title: string | null;
-                price: string | null;
-                title_front: string | null;
+                title?: string | null;
+                description?: string | null;
+                sub_title?: string | null;
+                price?: string | null;
+                title_front?: string | null;
             } | null;
         } | null> | null;
-        post_saved: Array<{
+        post_saved?: Array<{
             __typename?: 'UserSavedPost';
-            id: number | null;
-            post_id: number | null;
+            id?: number | null;
+            post_id?: number | null;
         } | null> | null;
     } | null;
 };
@@ -1520,9 +1520,9 @@ export type CreateUserSavedPostMutationVariables = Exact<{
 }>;
 export type CreateUserSavedPostMutation = {
     __typename?: 'Mutation';
-    createUserSavedPost: {
+    createUserSavedPost?: {
         __typename?: 'UserSavedPost';
-        id: number | null;
+        id?: number | null;
     } | null;
 };
 export type DeleteUserSavedPostMutationVariables = Exact<{
@@ -1530,9 +1530,9 @@ export type DeleteUserSavedPostMutationVariables = Exact<{
 }>;
 export type DeleteUserSavedPostMutation = {
     __typename?: 'Mutation';
-    deleteUserSavedPost: {
+    deleteUserSavedPost?: {
         __typename?: 'UserSavedPost';
-        id: number | null;
+        id?: number | null;
     } | null;
 };
 export declare const CreateCommentDocument: Apollo.DocumentNode;

package/dist/index.d.ts

@@ -1,7 +1,13 @@
-import { DrawerProps, AvatarProps, TypographyProps, BoxProps, DividerProps, ButtonProps, ListProps, ListItemProps, ListItemTextProps } from '@mui/material';
+import { DrawerProps, AvatarProps, TypographyProps, BoxProps, DividerProps, ButtonProps, ListProps, ListItemProps, ListItemTextProps, CardHeaderProps, CardProps, CardContentProps } from '@mui/material';
 import * as React from 'react';
 import React__default, { FC, ReactNode } from 'react';
 import * as _cobuildlab_react_simple_state from '@cobuildlab/react-simple-state';
+import { ReactSimpleWysiwygProps } from '@/shared/components/react-editor/ReactSimpleWysiwyg';
+import { CreateCommentTitleItemProps } from '@/components/comment/components/create-comment/CreateCommentAction';
+import { Comment } from '@/shared/types/generated';
+import { CommentItemExtraProps } from '@/components/comment/comment.types';
+import { DialogDefaultProps } from '@/shared/components/dialog/DialogDefault';
+import { ShowCommentButtonProps } from '@/components/comment/components/ShowCommentButton';
 
 interface PanelProps extends DrawerProps {
     children?: React__default.ReactNode;
@@ -87,16 +93,13 @@ declare const panelStore: _cobuildlab_react_simple_state.Store<{
     isOpen: boolean;
 }>;
 
-interface Config {
-    uri?: string;
-    urlPortal?: string;
-    cookieTokenName?: string;
-    cookieDomain?: string;
-}
-
 declare const panelStoreAction: (data: PanelStoreAction) => void;
 declare const handlePanelClick: (isOpen: boolean) => void;
-declare const handleLogout: (config: Config | undefined) => void;
+
+type SessionProviderServerProps = {
+    children: React__default.ReactNode;
+};
+declare const SessionProviderServer: React__default.FC<SessionProviderServerProps>;
 
 type SessionClientProviderProps = {
     children: ReactNode;
@@ -104,7 +107,6 @@ type SessionClientProviderProps = {
 declare const SessionClientProvider: React__default.FC<SessionClientProviderProps>;
 
 interface PaywallSubscriptionProps {
-    post?: any;
     containerProps?: BoxProps;
     titleProps?: TypographyProps;
     subtitleProps?: TypographyProps;
@@ -114,12 +116,10 @@ interface PaywallSubscriptionProps {
     secondaryButtonText?: string;
     title?: string;
     subtitle?: string;
-    withCaption?: boolean;
 }
 declare const PaywallSubscription: React__default.FC<PaywallSubscriptionProps>;
 
 interface PaywallRegisterProps {
-    post?: any;
     containerProps?: BoxProps;
     titleProps?: TypographyProps;
     subtitleProps?: TypographyProps;
@@ -129,7 +129,6 @@ interface PaywallRegisterProps {
     secondaryButtonText?: string;
     title?: string;
     subtitle?: string;
-    withCaption?: boolean;
 }
 declare const PaywallRegister: React__default.FC<PaywallRegisterProps>;
 
@@ -137,18 +136,67 @@ interface PaywallProps {
     children?: React__default.ReactNode;
     PaywallSubscriptionComponent?: React__default.ReactNode;
     PaywallRegisterComponent?: React__default.ReactNode;
+    LoadingComponent?: React__default.ReactNode;
     postPremium?: boolean;
     postRegister?: boolean;
 }
 declare const Paywall: React__default.FC<PaywallProps>;
 
-declare const Comments: React__default.FC;
+type CreateCommentProps = {
+    createCommentAvatarProps?: AvatarProps;
+    createCommentNameTextProps?: TypographyProps;
+    createCommentButtonProps?: ButtonProps;
+    createCommentContentProps?: Omit<ReactSimpleWysiwygProps, 'value' | 'onChange'>;
+};
+
+type CreateCommentContainerProps = {
+    createCommentTitleProps?: TypographyProps;
+    cardHeaderProps?: CardHeaderProps;
+    cardProps?: CardProps;
+    cardContentProps?: CardContentProps;
+    createCommentActionProps?: CreateCommentTitleItemProps;
+    createCommentProps?: CreateCommentProps;
+};
+
+type CreateReplyCommentProps = {
+    createReplyCommentAvatarProps?: AvatarProps;
+    createReplyCommentButtonProps?: ButtonProps;
+};
+
+type CreateReplyCommentContainerProps = {
+    cardHeaderProps?: CardHeaderProps;
+    creatReplyCommentTitleProps?: TypographyProps;
+    createReplyCommentProps?: CreateReplyCommentProps;
+};
+
+type CommentContainerProps = {
+    comment: Comment;
+    commentItemProps?: CommentItemExtraProps;
+    replyCommentItemProps?: CommentItemExtraProps;
+    replyCommentContainerProps?: CreateReplyCommentContainerProps;
+};
+
+type CommentSubscriptionDialogProps = {
+    dialogProps?: Omit<DialogDefaultProps, 'isOpen' | 'children'>;
+    dialogTextProps?: TypographyProps;
+};
+
+type CommentsProps = {
+    LoadingComponent?: React__default.ReactNode;
+    showCommentButtonProps?: ShowCommentButtonProps;
+    createCommentContainerProps?: CreateCommentContainerProps;
+    commentContainerProps?: Omit<CommentContainerProps, 'comment'>;
+    commentSubscriptionProps?: CommentSubscriptionDialogProps;
+};
+declare const Comments: React__default.FC<CommentsProps>;
 
 type CommentContextType = {
     callAction: () => void;
     loadMoreComments: () => void;
     postId?: number;
     loading?: boolean;
+    onlyForSubscribers?: boolean;
+    onlyForRegistered?: boolean;
 };
 
 declare const CommentContext: React.Context<CommentContextType>;
@@ -156,6 +204,9 @@ declare const Provider: React.Provider<CommentContextType>;
 
 type CommentProviderProps = {
     children: ReactNode;
+    onlyForSubscribers?: boolean;
+    onlyForRegistered?: boolean;
+    id: number;
 };
 declare const CommentProvider: React__default.FC<CommentProviderProps>;
 
@@ -165,5 +216,5 @@ declare const COOKIE_NAME: string;
 declare const COOKIE_DOMAIN: string;
 declare const GOOGLE_AUTH_CLIENT: string;
 
-export { COOKIE_DOMAIN, COOKIE_NAME, CommentContext, CommentProvider, Comments, GOOGLE_AUTH_CLIENT, Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallRegister, PaywallSubscription, Provider, SessionClientProvider, URI, URL_PORTAL, handleLogout, handlePanelClick, panelStore, panelStoreAction };
-export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps, PaywallProps, PaywallRegisterProps, PaywallSubscriptionProps };
+export { COOKIE_DOMAIN, COOKIE_NAME, CommentContext, CommentProvider, Comments, GOOGLE_AUTH_CLIENT, Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallRegister, PaywallSubscription, Provider, SessionClientProvider, SessionProviderServer, URI, URL_PORTAL, handlePanelClick, panelStore, panelStoreAction };
+export type { CommentsProps, PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps, PaywallProps, PaywallRegisterProps, PaywallSubscriptionProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-easy-wall",
-  "version": "1.3.4",
+  "version": "2.0.1",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",
@@ -22,11 +22,6 @@
       "import": "./dist/esm/*.js",
       "require": "./dist/cjs/*.js",
       "types": "./dist/esm/types/*.d.ts"
-    },
-    "./server": {
-      "types": "./dist/server.d.ts",
-      "import": "./dist/esm/server.js",
-      "require": "./dist/cjs/server.cjs"
     }
   },
   "files": [
@@ -38,8 +33,8 @@
   "author": "Luis Eulacio",
   "license": "ISC",
   "peerDependencies": {
-    "react": ">=16",
-    "react-dom": ">=16"
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -56,7 +51,15 @@
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "@graphql-codegen/add": "^5.0.3",
+    "@graphql-codegen/cli": "^5.0.7",
+    "@graphql-codegen/typed-document-node": "^5.1.2",
+    "@graphql-codegen/typescript": "^4.1.6",
+    "@graphql-codegen/typescript-graphql-request": "^6.3.0",
+    "@graphql-codegen/typescript-operations": "^4.6.1",
+    "@graphql-codegen/typescript-react-apollo": "^4.3.3",
+    "@graphql-typed-document-node/core": "^3.2.0"
   },
   "dependencies": {
     "@apollo/client": "^4.1.6",
@@ -68,14 +71,6 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@graphql-codegen/add": "^5.0.3",
-    "@graphql-codegen/cli": "^5.0.7",
-    "@graphql-codegen/typed-document-node": "^5.1.2",
-    "@graphql-codegen/typescript": "^4.1.6",
-    "@graphql-codegen/typescript-graphql-request": "^6.3.0",
-    "@graphql-codegen/typescript-operations": "^4.6.1",
-    "@graphql-codegen/typescript-react-apollo": "^4.3.3",
-    "@graphql-typed-document-node/core": "^3.2.0",
     "@mui/icons-material": "^7.3.8",
     "@mui/material": "^7.3.8",
     "@mui/material-nextjs": "^7.3.8",
@@ -84,7 +79,6 @@
     "axios": "^1.13.6",
     "graphql": "^16.13.0",
     "moment": "^2.30.1",
-    "react-giphy-searchbox": "^1.5.4",
     "react-simple-wysiwyg": "^3.4.1",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "universal-cookie": "^8.0.1"

package/dist/cjs/_virtual/InfiniteScroll.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var InfiniteScroll = {exports: {}};
-
-exports.__module = InfiniteScroll;
-//# sourceMappingURL=InfiniteScroll.js.map

package/dist/cjs/_virtual/InfiniteScroll.js.map

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

package/dist/cjs/_virtual/extends.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var _extends = require('../node_modules/@babel/runtime/helpers/extends.js');
-
-_extends.__require();
-//# sourceMappingURL=extends.js.map

package/dist/cjs/_virtual/extends.js.map

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

package/dist/cjs/_virtual/extends2.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var _extends = {exports: {}};
-
-exports.__module = _extends;
-//# sourceMappingURL=extends2.js.map

package/dist/cjs/_virtual/extends2.js.map

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

package/dist/cjs/_virtual/index15.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var src = {exports: {}};
-
-exports.__module = src;
-//# sourceMappingURL=index15.js.map

package/dist/cjs/_virtual/index15.js.map

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

package/dist/cjs/assets/corona.svg.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-
-var Corona = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2015%22%3E%20%20%20%20%3Cg%20id%3D%22corona%22%20transform%3D%22translate%280.332%200.074%29%22%3E%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22Elipse_16%22%20data-name%3D%22Elipse%2016%22%20cx%3D%228%22%20cy%3D%227.5%22%20rx%3D%228%22%20ry%3D%227.5%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22translate%28-0.332%20-0.074%29%22%20fill%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Trazado_458%22%20data-name%3D%22Trazado%20458%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M1.554%2C9.428%2C1%2C5.851a.3.3%2C0%2C0%2C1%2C.474-.284L3.192%2C6.852a.41.41%2C0%2C0%2C0%2C.587-.1L5.206%2C4.611a.381.381%2C0%2C0%2C1%2C.634%2C0L7.268%2C6.752a.41.41%2C0%2C0%2C0%2C.587.1L9.569%2C5.567a.3.3%2C0%2C0%2C1%2C.474.284l-.55%2C3.577Z%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22translate%282.145%20-0.459%29%22%20fill%3D%22%23ffb743%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Trazado_459%22%20data-name%3D%22Trazado%20459%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M10.362%2C24.494H3.251a.414.414%2C0%2C0%2C1-.414-.414v-.909h7.938v.909A.414.414%2C0%2C0%2C1%2C10.362%2C24.494Z%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22translate%280.861%20-13.541%29%22%20fill%3D%22%23ffb743%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
-
-exports.default = Corona;
-//# sourceMappingURL=corona.svg.js.map

package/dist/cjs/assets/corona.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"corona.svg.js","sources":["../../../src/assets/corona.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2015%22%3E%20%20%20%20%3Cg%20id%3D%22corona%22%20transform%3D%22translate%280.332%200.074%29%22%3E%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22Elipse_16%22%20data-name%3D%22Elipse%2016%22%20cx%3D%228%22%20cy%3D%227.5%22%20rx%3D%228%22%20ry%3D%227.5%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22translate%28-0.332%20-0.074%29%22%20fill%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Trazado_458%22%20data-name%3D%22Trazado%20458%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M1.554%2C9.428%2C1%2C5.851a.3.3%2C0%2C0%2C1%2C.474-.284L3.192%2C6.852a.41.41%2C0%2C0%2C0%2C.587-.1L5.206%2C4.611a.381.381%2C0%2C0%2C1%2C.634%2C0L7.268%2C6.752a.41.41%2C0%2C0%2C0%2C.587.1L9.569%2C5.567a.3.3%2C0%2C0%2C1%2C.474.284l-.55%2C3.577Z%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22translate%282.145%20-0.459%29%22%20fill%3D%22%23ffb743%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Trazado_459%22%20data-name%3D%22Trazado%20459%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M10.362%2C24.494H3.251a.414.414%2C0%2C0%2C1-.414-.414v-.909h7.938v.909A.414.414%2C0%2C0%2C1%2C10.362%2C24.494Z%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22translate%280.861%20-13.541%29%22%20fill%3D%22%23ffb743%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;;;;;AA8BA,aAAe,m6CAAm6C;;;;"}

package/dist/cjs/components/comment/components/AddComment.js

@@ -1,87 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var ButtonDefault = require('../../../shared/components/buttons/ButtonDefault.js');
-var comment_hooks = require('../comment.hooks.js');
-var ReactSimpleWysiwyg = require('../../../shared/components/react-editor/ReactSimpleWysiwyg.js');
-var session_hooks = require('../../session/session.hooks.js');
-var index = require('../../../_virtual/index.js');
-var comment_actions = require('../comment.actions.js');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
-var createStyles = require('../../../node_modules/@mui/styles/createStyles/createStyles.js');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.js');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
-var Avatar = require('../../../node_modules/@mui/material/esm/Avatar/Avatar.js');
-
-const useStyles = makeStyles.default((theme) => createStyles.default({
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-        },
-        '& > .MuiCardHeader-avatar': {
-            outline: '1px solid #eaecf1',
-            borderRadius: '50%',
-        },
-    },
-    button: {
-        minWidth: 130,
-        '&:disabled': {
-            backgroundColor: '#8B8B8B !important',
-        },
-    },
-    addcommentStyles: {
-        display: 'flex',
-        [theme.breakpoints.down('md')]: {
-            display: 'block',
-        },
-    },
-    buttoncommentStyles: {
-        marginLeft: 10,
-        [theme.breakpoints.down('md')]: {
-            marginLeft: 0,
-            marginTop: 10,
-        },
-    },
-    avatarStyles: {
-        marginRight: 10,
-        [theme.breakpoints.down('md')]: {
-            marginRight: 0,
-            marginBottom: 10,
-            display: 'flex',
-            alignItems: 'center',
-            alignContent: 'center',
-        },
-    },
-    name: {
-        fontSize: 14,
-        fontWeight: 700,
-    },
-}));
-const AddComment = () => {
-    const classes = useStyles();
-    const { user, subscription } = session_hooks.useSession();
-    const [html, setHtml] = React.useState('');
-    const { callAction, postId } = comment_hooks.useComment();
-    const [callCreateComment, loading] = index.libExports.useCallAction(comment_actions.createComment, {
-        onCompleted: () => {
-            setHtml('');
-            callAction();
-        },
-    });
-    return (jsxRuntime.jsx(Card.default, { elevation: 0, children: jsxRuntime.jsxs(Box.default, { className: classes.addcommentStyles, children: [user ? (jsxRuntime.jsxs(Box.default, { className: classes.avatarStyles, children: [jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40, marginRight: 1 }, src: user?.avatar }), jsxRuntime.jsx(Box.default, { sx: { display: { xs: 'block', md: 'none' } }, children: jsxRuntime.jsx(Box.default, { className: classes.name, mb: 1, children: user?.name }) })] })) : null, jsxRuntime.jsx(Box.default, { component: 'div', style: { width: '100%' }, children: jsxRuntime.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }) }), jsxRuntime.jsx(Box.default, { className: classes.buttoncommentStyles, children: jsxRuntime.jsx(ButtonDefault.ButtonDefault, { disabled: !(html && user), onClick: () => {
-                            if (!subscription)
-                                return comment_actions.openSubscriptionCommentsStoreAction(true);
-                            callCreateComment({
-                                data: {
-                                    message: html,
-                                    post_id: postId,
-                                },
-                            });
-                        }, color: !subscription ? 'primary' : 'inherit', isLoading: loading, className: classes.button, children: "Comentar" }) })] }) }));
-};
-
-exports.AddComment = AddComment;
-//# sourceMappingURL=AddComment.js.map

package/dist/cjs/components/comment/components/AddComment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddComment.js","sources":["../../../../../src/components/comment/components/AddComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card } from '@mui/material';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { createStyles, makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\n\nimport { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useSession } from '../../session/session.hooks';\nimport { useCallAction } from '@cobuildlab/react-simple-state';\nimport { createComment, openSubscriptionCommentsStoreAction } from '../comment.actions';\nimport { Theme } from '@mui/material';\n\nconst useStyles = makeStyles<Theme>((theme: Theme) =>\n  createStyles({\n    cardHeader: {\n      '& > .MuiCardHeader-action': {\n        marginTop: 0,\n        marginRight: 0,\n      },\n      '& > .MuiCardHeader-avatar': {\n        outline: '1px solid #eaecf1',\n        borderRadius: '50%',\n      },\n    },\n    button: {\n      minWidth: 130,\n      '&:disabled': {\n        backgroundColor: '#8B8B8B !important',\n      },\n    },\n    addcommentStyles: {\n      display: 'flex',\n      [theme.breakpoints.down('md')]: {\n        display: 'block',\n      },\n    },\n    buttoncommentStyles: {\n      marginLeft: 10,\n      [theme.breakpoints.down('md')]: {\n        marginLeft: 0,\n        marginTop: 10,\n      },\n    },\n    avatarStyles: {\n      marginRight: 10,\n\n      [theme.breakpoints.down('md')]: {\n        marginRight: 0,\n        marginBottom: 10,\n        display: 'flex',\n        alignItems: 'center',\n        alignContent: 'center',\n      },\n    },\n    name: {\n      fontSize: 14,\n      fontWeight: 700,\n    },\n  }),\n);\n\nexport const AddComment: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const [html, setHtml] = useState<string>('');\n  const { callAction, postId } = useComment();\n\n  const [callCreateComment, loading] = useCallAction(createComment, {\n    onCompleted: () => {\n      setHtml('');\n      callAction();\n    },\n  });\n\n  return (\n    <Card elevation={0}>\n      <Box className={classes.addcommentStyles}>\n        {user ? (\n          <Box className={classes.avatarStyles}>\n            <Avatar sx={{ width: 40, height: 40, marginRight: 1 }} src={user?.avatar as string} />\n            <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n              <Box className={classes.name} mb={1}>\n                {user?.name}\n              </Box>\n            </Box>\n          </Box>\n        ) : null}\n        {\n          <Box component={'div'} style={{ width: '100%' }}>\n            <ReactSimpleWysiwyg value={html} onChange={(value) => setHtml(value)} />\n          </Box>\n        }\n        {\n          <Box className={classes.buttoncommentStyles}>\n            <ButtonDefault\n              disabled={!(html && user)}\n              onClick={() => {\n                if (!subscription) return openSubscriptionCommentsStoreAction(true);\n\n                callCreateComment({\n                  data: {\n                    message: html,\n                    post_id: postId,\n                  },\n                });\n              }}\n              color={!subscription ? 'primary' : 'inherit'}\n              isLoading={loading}\n              className={classes.button}>\n              Comentar\n            </ButtonDefault>\n          </Box>\n        }\n      </Box>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaA;AAEI;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACE;AACD;AACF;AACD;AACE;;AAEE;AACD;AACF;AACD;AACE;;AAEE;AACA;AACD;AACF;AACD;AACE;;AAGE;AACA;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAGI;AACL;;;;;;;AAQI;;AAEH;AAED;AAuBc;AAAmB;AAEnB;AACE;AACE;AACA;AACD;AACF;AACH;AAWd;;"}

package/dist/cjs/components/comment/components/AddCommentContainer.js

@@ -1,51 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var AddComment = require('./AddComment.js');
-var router = require('next/router');
-var theme = require('../../../shared/mui/theme.js');
-var index = require('../../../shared/constants/index.js');
-var session_hooks = require('../../session/session.hooks.js');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.js');
-var CardHeader = require('../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
-var Divider = require('../../../node_modules/@mui/material/esm/Divider/Divider.js');
-var CardContent = require('../../../node_modules/@mui/material/esm/CardContent/CardContent.js');
-
-const useStyles = makeStyles.default({
-    text: {
-        cursor: 'pointer',
-        textDecoration: 'underline',
-        paddingLeft: theme.theme.spacing(0.5),
-        paddingRight: theme.theme.spacing(0.5),
-        fontWeight: 700,
-    },
-    name: {
-        fontSize: 14,
-        fontWeight: 700,
-    },
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-            marginBottom: theme.theme.spacing(1),
-        },
-        alignItems: 'center',
-    },
-});
-const AddCommentContainer = () => {
-    const classes = useStyles();
-    const { user, subscription } = session_hooks.useSession();
-    const router$1 = router.useRouter();
-    const redirectTo = (url) => {
-        const redirectUrl = new URL(url);
-        redirectUrl.searchParams.append('redirect_url', window.location.href);
-        window.location.href = redirectUrl.href;
-    };
-    return (jsxRuntime.jsxs(Card.default, { elevation: 1, sx: { px: 2, pt: 2 }, children: [jsxRuntime.jsx(CardHeader.default, { sx: { p: 0 }, title: user ? (jsxRuntime.jsx(Box.default, { sx: { display: { xs: 'none', lg: 'block' } }, children: jsxRuntime.jsx(Box.default, { className: classes.name, mb: 1, children: user?.name }) })) : null, className: classes.cardHeader, action: !user ? (jsxRuntime.jsxs(Box.default, { display: "flex", children: [jsxRuntime.jsx(Box.default, { className: classes.text, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_LOGIN`), children: "Iniciar sesi\u00F3n" }), jsxRuntime.jsx(Divider.default, { orientation: "vertical", flexItem: true, sx: { mr: 1, ml: 1 } }), jsxRuntime.jsx(Box.default, { className: classes.text, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_REGISTER`), children: "Registrate" })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !subscription ? (jsxRuntime.jsx(Box.default, { display: "flex", children: jsxRuntime.jsx(Box.default, { className: classes.text, component: 'a', href: `${index.URL_PORTAL}/planes?post_url=${index.URL_PORTAL}${router$1.asPath}`, children: "Suscr\u00EDbete" }) })) : null })) }), jsxRuntime.jsx(CardContent.default, { sx: { p: 0 }, children: jsxRuntime.jsx(AddComment.AddComment, {}) })] }));
-};
-
-exports.AddCommentContainer = AddCommentContainer;
-//# sourceMappingURL=AddCommentContainer.js.map

package/dist/cjs/components/comment/components/AddCommentContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddCommentContainer.js","sources":["../../../../../src/components/comment/components/AddCommentContainer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent, Divider } from '@mui/material';\nimport { AddComment } from './AddComment';\nimport { makeStyles } from '@mui/styles';\nimport { useRouter } from 'next/router';\nimport { theme } from '../../../shared/mui/theme';\nimport { URL_PORTAL } from '../../../shared/constants';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\n  text: {\n    cursor: 'pointer',\n    textDecoration: 'underline',\n    paddingLeft: theme.spacing(0.5),\n    paddingRight: theme.spacing(0.5),\n    fontWeight: 700,\n  },\n  name: {\n    fontSize: 14,\n    fontWeight: 700,\n  },\n  cardHeader: {\n    '& > .MuiCardHeader-action': {\n      marginTop: 0,\n      marginRight: 0,\n      marginBottom: theme.spacing(1),\n    },\n    alignItems: 'center',\n  },\n});\n\nexport const AddCommentContainer: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const router = useRouter();\n  const redirectTo = (url: string) => {\n    const redirectUrl = new URL(url);\n    redirectUrl.searchParams.append('redirect_url', window.location.href);\n    window.location.href = redirectUrl.href;\n  };\n\n  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n      <CardHeader\n        sx={{ p: 0 }}\n        title={\n          user ? (\n            <Box sx={{ display: { xs: 'none', lg: 'block' } }}>\n              <Box className={classes.name} mb={1}>\n                {user?.name}\n              </Box>\n            </Box>\n          ) : null\n        }\n        className={classes.cardHeader}\n        action={\n          !user ? (\n            <Box display=\"flex\">\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_LOGIN`)}>\n                Iniciar sesión\n              </Box>\n              <Divider orientation=\"vertical\" flexItem sx={{ mr: 1, ml: 1 }} />\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`)}>\n                Registrate\n              </Box>\n            </Box>\n          ) : (\n            <>\n              {!subscription ? (\n                <Box display=\"flex\">\n                  <Box\n                    className={classes.text}\n                    component={'a'}\n                    href={`${URL_PORTAL}/planes?post_url=${URL_PORTAL}${router.asPath}`}>\n                    Suscríbete\n                  </Box>\n                </Box>\n              ) : null}\n            </>\n          )\n        }\n      />\n      <CardContent sx={{ p: 0 }}>\n        <AddComment />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA;AACE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACE;AACA;AACA;AACD;AACD;AACD;AACF;AAEM;AACL;;AAEA;AACA;AACE;AACA;;AAEF;;AAoDF;;"}