react-easy-wall 1.1.19 → 1.2.1

package/dist/esm/types/shared/apollo/apollo.server.d.ts

@@ -0,0 +1,7 @@
+import { ApolloClient } from '@apollo/client-integration-nextjs';
+import { Config } from '../../config/config.types';
+export declare const apolloServer: (config: Config) => {
+    getClient: () => ApolloClient;
+    query: <TData = unknown, TVariables extends import("@apollo/client").OperationVariables = import("@apollo/client").OperationVariables>(options: import("@apollo/client").ApolloClient.QueryOptions<TData, TVariables>) => Promise<import("@apollo/client").ApolloClient.QueryResult<import("@apollo/client").MaybeMasked<TData>>>;
+    PreloadQuery: import("@apollo/client-integration-nextjs").PreloadQueryComponent;
+};

package/dist/esm/types/shared/components/buttons/ButtonDefault.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+interface ButtonDefaultProps extends ButtonProps {
+    isLoading?: boolean | undefined;
+}
+export declare const ButtonDefault: React.FC<ButtonDefaultProps & {
+    component?: React.ElementType;
+}>;
+export {};

package/dist/esm/types/shared/components/dialog/DialogDefault.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+type DialogDefaultProps = {
+    children: ReactNode;
+    handleSuccess?: () => void;
+    isOpen: boolean;
+    handleClose?: () => void;
+    isLoading?: boolean;
+    showActions?: boolean;
+    showSuccessButton?: boolean;
+    successText?: string;
+};
+export declare const DialogDefault: React.FC<DialogDefaultProps>;
+export {};

package/dist/esm/types/shared/components/react-editor/BtnEmoji.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Emoji = {
+    native: string;
+};
+type BtnEmojiProps = {
+    onClick: (emoji: Emoji) => void;
+};
+export declare const BtnEmoji: React.FC<BtnEmojiProps>;
+export {};

package/dist/esm/types/shared/components/react-editor/BtnGif.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+type GifImage = {
+    url: string;
+};
+type Gif = {
+    embed_url: string;
+    source: string;
+    url: string;
+    title: string;
+    images: {
+        original: GifImage;
+        fixed_width_still: GifImage;
+    };
+};
+type BtnGifProps = {
+    onClick: (gif: Gif) => void;
+};
+export declare const BtnGif: React.FC<BtnGifProps>;
+export {};

package/dist/esm/types/shared/components/react-editor/ReactSimpleWysiwyg.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type ReactSimpleWysiwygProps = {
+    value?: string;
+    onChange: (value: string) => void;
+};
+export declare const ReactSimpleWysiwyg: React.FC<ReactSimpleWysiwygProps>;
+export {};

package/dist/esm/types/shared/mui/theme.d.ts

@@ -1 +1,3 @@
+export declare const PRIMARY_COLOR = "#E8600B";
+export declare const SECONDARY_COLOR = "#c7500a70";
 export declare const theme: import("@mui/material/styles").Theme;

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

@@ -1399,6 +1399,67 @@ export type UserInvitationsInput = {
     sort?: InputMaybe<SortTableInput>;
     where?: InputMaybe<UserInvitationWhereInput>;
 };
+export type CreateCommentMutationVariables = Exact<{
+    data?: InputMaybe<CreateCommentInput>;
+}>;
+export type CreateCommentMutation = {
+    __typename?: 'Mutation';
+    createComment: {
+        __typename?: 'Comment';
+        id: number | null;
+        post_id: number | null;
+        message: string | null;
+    } | null;
+};
+export type CommentsQueryVariables = Exact<{
+    where?: InputMaybe<CommentsWhere>;
+    page?: InputMaybe<Scalars['Int']['input']>;
+    pageSize?: InputMaybe<Scalars['Int']['input']>;
+}>;
+export type CommentsQuery = {
+    __typename?: 'Query';
+    comments: {
+        __typename?: 'CommentsResponse';
+        count: number | null;
+        items: Array<{
+            __typename?: 'Comment';
+            id: number | null;
+            message: string | null;
+            created_at: string | null;
+            updated_at: string | null;
+            user: {
+                __typename?: 'User';
+                avatar: string | null;
+                name: string;
+            } | null;
+            replies: Array<{
+                __typename?: 'ReplyComment';
+                id: number | null;
+                message: string | null;
+                created_at: string | null;
+                updated_at: string | null;
+                user: {
+                    __typename?: 'User';
+                    avatar: string | null;
+                    name: string;
+                } | null;
+            } | null> | null;
+        } | null> | null;
+    } | null;
+};
+export type CreateReplyCommentMutationVariables = Exact<{
+    data?: InputMaybe<CreateReplyCommentInput>;
+}>;
+export type CreateReplyCommentMutation = {
+    __typename?: 'Mutation';
+    createReplyComment: {
+        __typename?: 'ReplyComment';
+        id: number | null;
+        post_id: number | null;
+        message: string | null;
+        comment_id: number | null;
+    } | null;
+};
 export type CurrentUserQueryVariables = Exact<{
     [key: string]: never;
 }>;
@@ -1454,6 +1515,99 @@ export type CurrentUserQuery = {
         } | null> | null;
     } | null;
 };
+export type CreateUserSavedPostMutationVariables = Exact<{
+    data?: InputMaybe<CreateUserSavedPostInput>;
+}>;
+export type CreateUserSavedPostMutation = {
+    __typename?: 'Mutation';
+    createUserSavedPost: {
+        __typename?: 'UserSavedPost';
+        id: number | null;
+    } | null;
+};
+export type DeleteUserSavedPostMutationVariables = Exact<{
+    data?: InputMaybe<DeleteUserSavedPostInput>;
+}>;
+export type DeleteUserSavedPostMutation = {
+    __typename?: 'Mutation';
+    deleteUserSavedPost: {
+        __typename?: 'UserSavedPost';
+        id: number | null;
+    } | null;
+};
+export declare const CreateCommentDocument: Apollo.DocumentNode;
+export type CreateCommentMutationFn = Apollo.MutationFunction<CreateCommentMutation, CreateCommentMutationVariables>;
+/**
+ * __useCreateCommentMutation__
+ *
+ * To run a mutation, you first call `useCreateCommentMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useCreateCommentMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [createCommentMutation, { data, loading, error }] = useCreateCommentMutation({
+ *   variables: {
+ *      data: // value for 'data'
+ *   },
+ * });
+ */
+export declare function useCreateCommentMutation(baseOptions?: Apollo.MutationHookOptions<CreateCommentMutation, CreateCommentMutationVariables>): any;
+export type CreateCommentMutationHookResult = ReturnType<typeof useCreateCommentMutation>;
+export type CreateCommentMutationResult = Apollo.MutationResult<CreateCommentMutation>;
+export type CreateCommentMutationOptions = Apollo.BaseMutationOptions<CreateCommentMutation, CreateCommentMutationVariables>;
+export declare const CommentsDocument: Apollo.DocumentNode;
+/**
+ * __useCommentsQuery__
+ *
+ * To run a query within a React component, call `useCommentsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useCommentsQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useCommentsQuery({
+ *   variables: {
+ *      where: // value for 'where'
+ *      page: // value for 'page'
+ *      pageSize: // value for 'pageSize'
+ *   },
+ * });
+ */
+export declare function useCommentsQuery(baseOptions?: Apollo.QueryHookOptions<CommentsQuery, CommentsQueryVariables>): any;
+export declare function useCommentsLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<CommentsQuery, CommentsQueryVariables>): any;
+export declare function useCommentsSuspenseQuery(baseOptions?: Apollo.SuspenseQueryHookOptions<CommentsQuery, CommentsQueryVariables>): Apollo.UseSuspenseQueryResult<CommentsQuery, CommentsQueryVariables>;
+export declare function useCommentsSuspenseQuery(baseOptions?: Apollo.SkipToken | Apollo.SuspenseQueryHookOptions<CommentsQuery, CommentsQueryVariables>): Apollo.UseSuspenseQueryResult<CommentsQuery | undefined, CommentsQueryVariables>;
+export type CommentsQueryHookResult = ReturnType<typeof useCommentsQuery>;
+export type CommentsLazyQueryHookResult = ReturnType<typeof useCommentsLazyQuery>;
+export type CommentsSuspenseQueryHookResult = ReturnType<typeof useCommentsSuspenseQuery>;
+export type CommentsQueryResult = Apollo.QueryResult<CommentsQuery, CommentsQueryVariables>;
+export declare const CreateReplyCommentDocument: Apollo.DocumentNode;
+export type CreateReplyCommentMutationFn = Apollo.MutationFunction<CreateReplyCommentMutation, CreateReplyCommentMutationVariables>;
+/**
+ * __useCreateReplyCommentMutation__
+ *
+ * To run a mutation, you first call `useCreateReplyCommentMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useCreateReplyCommentMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [createReplyCommentMutation, { data, loading, error }] = useCreateReplyCommentMutation({
+ *   variables: {
+ *      data: // value for 'data'
+ *   },
+ * });
+ */
+export declare function useCreateReplyCommentMutation(baseOptions?: Apollo.MutationHookOptions<CreateReplyCommentMutation, CreateReplyCommentMutationVariables>): any;
+export type CreateReplyCommentMutationHookResult = ReturnType<typeof useCreateReplyCommentMutation>;
+export type CreateReplyCommentMutationResult = Apollo.MutationResult<CreateReplyCommentMutation>;
+export type CreateReplyCommentMutationOptions = Apollo.BaseMutationOptions<CreateReplyCommentMutation, CreateReplyCommentMutationVariables>;
 export declare const CurrentUserDocument: Apollo.DocumentNode;
 /**
  * __useCurrentUserQuery__
@@ -1478,3 +1632,49 @@ export type CurrentUserQueryHookResult = ReturnType<typeof useCurrentUserQuery>;
 export type CurrentUserLazyQueryHookResult = ReturnType<typeof useCurrentUserLazyQuery>;
 export type CurrentUserSuspenseQueryHookResult = ReturnType<typeof useCurrentUserSuspenseQuery>;
 export type CurrentUserQueryResult = Apollo.QueryResult<CurrentUserQuery, CurrentUserQueryVariables>;
+export declare const CreateUserSavedPostDocument: Apollo.DocumentNode;
+export type CreateUserSavedPostMutationFn = Apollo.MutationFunction<CreateUserSavedPostMutation, CreateUserSavedPostMutationVariables>;
+/**
+ * __useCreateUserSavedPostMutation__
+ *
+ * To run a mutation, you first call `useCreateUserSavedPostMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useCreateUserSavedPostMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [createUserSavedPostMutation, { data, loading, error }] = useCreateUserSavedPostMutation({
+ *   variables: {
+ *      data: // value for 'data'
+ *   },
+ * });
+ */
+export declare function useCreateUserSavedPostMutation(baseOptions?: Apollo.MutationHookOptions<CreateUserSavedPostMutation, CreateUserSavedPostMutationVariables>): any;
+export type CreateUserSavedPostMutationHookResult = ReturnType<typeof useCreateUserSavedPostMutation>;
+export type CreateUserSavedPostMutationResult = Apollo.MutationResult<CreateUserSavedPostMutation>;
+export type CreateUserSavedPostMutationOptions = Apollo.BaseMutationOptions<CreateUserSavedPostMutation, CreateUserSavedPostMutationVariables>;
+export declare const DeleteUserSavedPostDocument: Apollo.DocumentNode;
+export type DeleteUserSavedPostMutationFn = Apollo.MutationFunction<DeleteUserSavedPostMutation, DeleteUserSavedPostMutationVariables>;
+/**
+ * __useDeleteUserSavedPostMutation__
+ *
+ * To run a mutation, you first call `useDeleteUserSavedPostMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useDeleteUserSavedPostMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [deleteUserSavedPostMutation, { data, loading, error }] = useDeleteUserSavedPostMutation({
+ *   variables: {
+ *      data: // value for 'data'
+ *   },
+ * });
+ */
+export declare function useDeleteUserSavedPostMutation(baseOptions?: Apollo.MutationHookOptions<DeleteUserSavedPostMutation, DeleteUserSavedPostMutationVariables>): any;
+export type DeleteUserSavedPostMutationHookResult = ReturnType<typeof useDeleteUserSavedPostMutation>;
+export type DeleteUserSavedPostMutationResult = Apollo.MutationResult<DeleteUserSavedPostMutation>;
+export type DeleteUserSavedPostMutationOptions = Apollo.BaseMutationOptions<DeleteUserSavedPostMutation, DeleteUserSavedPostMutationVariables>;

package/dist/index.d.ts

@@ -1,34 +1,35 @@
 import { DrawerProps, AvatarProps, TypographyProps, BoxProps, DividerProps, ButtonProps, ListProps, ListItemProps, ListItemTextProps } from '@mui/material';
-import React, { FC } from 'react';
+import * as React from 'react';
+import React__default, { FC, ReactNode } from 'react';
 import * as _cobuildlab_react_simple_state from '@cobuildlab/react-simple-state';
 
 interface PanelProps extends DrawerProps {
-    children?: React.ReactNode;
-    footer?: React.ReactNode;
+    children?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
     size?: number;
 }
-declare const Panel: React.FC<PanelProps>;
+declare const Panel: React__default.FC<PanelProps>;
 
 interface PanelAvatarProps {
     avatarProps?: AvatarProps;
     textProps?: TypographyProps;
     textLink?: string;
-    SubscriptionImageComponent?: React.ReactNode | null;
+    SubscriptionImageComponent?: React__default.ReactNode | null;
 }
-declare const PanelAvatar: React.FC<PanelAvatarProps>;
+declare const PanelAvatar: React__default.FC<PanelAvatarProps>;
 
 interface PanelHeaderProps {
     containerProps?: BoxProps;
-    imageProps?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    imageProps?: React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
 }
-declare const PanelHeader: React.FC<PanelHeaderProps>;
+declare const PanelHeader: React__default.FC<PanelHeaderProps>;
 
 interface PanelDividerProps extends DividerProps {
 }
-declare const PanelDivider: React.FC<PanelDividerProps>;
+declare const PanelDivider: React__default.FC<PanelDividerProps>;
 
 interface PanelButtonProps extends ButtonProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 declare const PanelButton: FC<PanelButtonProps>;
 
@@ -40,13 +41,13 @@ interface PanelFooterProps {
     };
     listItemTextProps?: ListItemTextProps;
 }
-declare const PanelFooter: React.FC<PanelFooterProps>;
+declare const PanelFooter: React__default.FC<PanelFooterProps>;
 
 interface PanelSubscriptionIconProps {
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     subscriptionImageContainerProps?: BoxProps;
 }
-declare const PanelSubscriptionIcon: React.FC<PanelSubscriptionIconProps>;
+declare const PanelSubscriptionIcon: React__default.FC<PanelSubscriptionIconProps>;
 
 interface PanelItemProps {
     listItemProps?: ListItemProps & {
@@ -54,7 +55,7 @@ interface PanelItemProps {
     };
     listItemTextProps?: ListItemTextProps;
 }
-declare const PanelItem: React.FC<PanelItemProps>;
+declare const PanelItem: React__default.FC<PanelItemProps>;
 
 type PanelListRoute = {
     path: string;
@@ -72,7 +73,7 @@ interface PanelListItems {
     titleProps?: TypographyProps;
     title?: string;
 }
-declare const PanelListItems: React.FC<PanelListItems>;
+declare const PanelListItems: React__default.FC<PanelListItems>;
 
 declare const panelStore: _cobuildlab_react_simple_state.Store<{
     isOpen: boolean;
@@ -92,9 +93,9 @@ declare const handlePanelClick: (isOpen: boolean) => void;
 declare const handleLogout: (config: Config | undefined) => void;
 
 type SessionProviderProps = {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
-declare const SessionProvider: React.FC<SessionProviderProps>;
+declare const SessionProvider: React__default.FC<SessionProviderProps>;
 
 interface PaywallSubscriptionProps {
     post?: any;
@@ -109,21 +110,53 @@ interface PaywallSubscriptionProps {
     subtitle?: string;
     withCaption?: boolean;
 }
-declare const PaywallSubscription: React.FC<PaywallSubscriptionProps>;
+declare const PaywallSubscription: React__default.FC<PaywallSubscriptionProps>;
+
+interface PaywallRegisterProps {
+    post?: any;
+    containerProps?: BoxProps;
+    titleProps?: TypographyProps;
+    subtitleProps?: TypographyProps;
+    buttonProps?: ButtonProps;
+    buttonText?: string;
+    secondaryButtonProps?: ButtonProps;
+    secondaryButtonText?: string;
+    title?: string;
+    subtitle?: string;
+    withCaption?: boolean;
+}
+declare const PaywallRegister: React__default.FC<PaywallRegisterProps>;
 
 interface PaywallProps {
-    children?: React.ReactNode;
-    PaywallSubscriptionComponent?: React.ReactNode;
-    PaywallRegisterComponent?: React.ReactNode;
+    children?: React__default.ReactNode;
+    PaywallSubscriptionComponent?: React__default.ReactNode;
+    PaywallRegisterComponent?: React__default.ReactNode;
     postPremium?: boolean;
     postRegister?: boolean;
 }
-declare const Paywall: React.FC<PaywallProps>;
+declare const Paywall: React__default.FC<PaywallProps>;
+
+declare const Comments: React__default.FC;
+
+type CommentContextType = {
+    callAction: () => void;
+    loadMoreComments: () => void;
+    postId?: number;
+    loading?: boolean;
+};
+
+declare const CommentContext: React.Context<CommentContextType>;
+declare const Provider: React.Provider<CommentContextType>;
+
+type CommentProviderProps = {
+    children: ReactNode;
+};
+declare const CommentProvider: React__default.FC<CommentProviderProps>;
 
 declare const URI: string;
 declare const URL_PORTAL: string;
 declare const COOKIE_TOKEN_NAME: string;
 declare const COOKIE_DOMAIN: string;
 
-export { COOKIE_DOMAIN, COOKIE_TOKEN_NAME, Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallSubscription, SessionProvider, URI, URL_PORTAL, handleLogout, handlePanelClick, panelStore, panelStoreAction };
-export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps, PaywallProps, PaywallSubscriptionProps };
+export { COOKIE_DOMAIN, COOKIE_TOKEN_NAME, CommentContext, CommentProvider, Comments, Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallRegister, PaywallSubscription, Provider, SessionProvider, URI, URL_PORTAL, handleLogout, handlePanelClick, panelStore, panelStoreAction };
+export type { 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.1.19",
+  "version": "1.2.1",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",
@@ -38,6 +38,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
     "@rollup/plugin-url": "^8.0.2",
@@ -57,6 +58,8 @@
     "@apollo/client-integration-nextjs": "^0.14.4",
     "@apollo/experimental-nextjs-app-support": "^0.14.4",
     "@cobuildlab/react-simple-state": "^2.0.0",
+    "@emoji-mart/data": "^1.2.1",
+    "@emoji-mart/react": "^1.1.1",
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
@@ -71,8 +74,10 @@
     "@mui/icons-material": "^7.3.8",
     "@mui/material": "^7.3.8",
     "@mui/material-nextjs": "^7.3.8",
+    "@mui/styles": "^6.4.8",
     "graphql": "^16.13.0",
     "moment": "^2.30.1",
+    "react-simple-wysiwyg": "^3.4.1",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "universal-cookie": "^8.0.1"
   }