react-easy-wall 2.0.12 → 2.0.13

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

@@ -1,25 +1,25 @@
-import { l as libExports } from '../../_virtual/index.js';
+import { createStoreAction, createAction } from '@cobuildlab/react-simple-state';
 import { fetchCommentsStore, postStore, replyCommentStore, openSubscriptionCommentsStore } from './comment.store.js';
 import { CommentsDocument, CreateCommentDocument, CreateReplyCommentDocument } from '../../shared/types/generated.js';
 import { fetchCommentsEvent, fetchCommentErrorEvent, createCommentEvent, createCommentErrorEvent, createReplyCommentEvent, createReplyCommentErrorEvent } from './comment.events.js';
 import { apolloClient } from '../../shared/apollo/apollo.client.js';
 
 const client = apolloClient();
-const fetchCommentsStoreAction = libExports.createStoreAction(fetchCommentsStore, (prev, comments, count) => ({
+const fetchCommentsStoreAction = createStoreAction(fetchCommentsStore, (prev, comments, count) => ({
     ...prev,
     comments,
     count,
 }));
-libExports.createStoreAction(postStore, (prev, id) => ({
+createStoreAction(postStore, (prev, id) => ({
     ...prev,
     id,
 }));
-const replyCommentStoreAction = libExports.createStoreAction(replyCommentStore, (prev, message, commentId) => ({
+const replyCommentStoreAction = createStoreAction(replyCommentStore, (prev, message, commentId) => ({
     ...prev,
     message,
     commentId,
 }));
-const fetchComments = libExports.createAction(fetchCommentsEvent, fetchCommentErrorEvent, async (variables) => {
+const fetchComments = createAction(fetchCommentsEvent, fetchCommentErrorEvent, async (variables) => {
     const response = await client.query({
         query: CommentsDocument,
         variables,
@@ -30,7 +30,7 @@ const fetchComments = libExports.createAction(fetchCommentsEvent, fetchCommentEr
         count: response.data?.comments?.count,
     };
 });
-const createComment = libExports.createAction(createCommentEvent, createCommentErrorEvent, async (variables) => {
+const createComment = createAction(createCommentEvent, createCommentErrorEvent, async (variables) => {
     const response = await client.mutate({
         mutation: CreateCommentDocument,
         variables,
@@ -39,7 +39,7 @@ const createComment = libExports.createAction(createCommentEvent, createCommentE
         comment: response.data?.createComment,
     };
 });
-const createReplyComment = libExports.createAction(createReplyCommentEvent, createReplyCommentErrorEvent, async (variables) => {
+const createReplyComment = createAction(createReplyCommentEvent, createReplyCommentErrorEvent, async (variables) => {
     const response = await client.mutate({
         mutation: CreateReplyCommentDocument,
         variables,
@@ -48,7 +48,7 @@ const createReplyComment = libExports.createAction(createReplyCommentEvent, crea
         comment: response.data?.createReplyComment,
     };
 });
-const openSubscriptionCommentsStoreAction = libExports.createStoreAction(openSubscriptionCommentsStore, (prev, open) => ({
+const openSubscriptionCommentsStoreAction = createStoreAction(openSubscriptionCommentsStore, (prev, open) => ({
     ...prev,
     open,
 }));

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

@@ -1 +1 @@
-{"version":3,"file":"comment.actions.js","sources":["../../../../src/components/comment/comment.actions.ts"],"sourcesContent":["import { createAction, createStoreAction } from '@cobuildlab/react-simple-state';\nimport {\n  postStore,\n  fetchCommentsStore,\n  openSubscriptionCommentsStore,\n  replyCommentStore,\n} from './comment.store';\nimport {\n  Comment,\n  CommentsDocument,\n  CommentsQuery,\n  CommentsQueryVariables,\n  CreateCommentDocument,\n  CreateCommentMutation,\n  CreateCommentMutationVariables,\n  CreateReplyCommentDocument,\n  CreateReplyCommentMutation,\n  CreateReplyCommentMutationVariables,\n} from '../../shared/types/generated';\nimport {\n  createCommentErrorEvent,\n  createCommentEvent,\n  createReplyCommentErrorEvent,\n  createReplyCommentEvent,\n  fetchCommentErrorEvent,\n  fetchCommentsEvent,\n} from './comment.events';\nimport { apolloClient } from '../../shared/apollo/apollo.client';\n\nconst client = apolloClient();\n\nexport const fetchCommentsStoreAction = createStoreAction(\n  fetchCommentsStore,\n  (prev, comments: Comment[], count: number) => ({\n    ...prev,\n    comments,\n    count,\n  }),\n);\n\nexport const postStoreAction = createStoreAction(postStore, (prev, id: number) => ({\n  ...prev,\n  id,\n}));\n\nexport const replyCommentStoreAction = createStoreAction(\n  replyCommentStore,\n  (prev, message: string, commentId: number) => ({\n    ...prev,\n    message,\n    commentId,\n  }),\n);\n\nexport const fetchComments = createAction(\n  fetchCommentsEvent,\n  fetchCommentErrorEvent,\n  async (variables: CommentsQueryVariables) => {\n    const response = await client.query<CommentsQuery, CommentsQueryVariables>({\n      query: CommentsDocument,\n      variables,\n      fetchPolicy: 'network-only',\n    });\n\n    return {\n      comments: response.data?.comments?.items as Comment[],\n      count: response.data?.comments?.count as number,\n    };\n  },\n);\n\nexport const createComment = createAction(\n  createCommentEvent,\n  createCommentErrorEvent,\n  async (variables: CreateCommentMutationVariables) => {\n    const response = await client.mutate<CreateCommentMutation, CreateCommentMutationVariables>({\n      mutation: CreateCommentDocument,\n      variables,\n    });\n\n    return {\n      comment: response.data?.createComment as Comment,\n    };\n  },\n);\n\nexport const createReplyComment = createAction(\n  createReplyCommentEvent,\n  createReplyCommentErrorEvent,\n  async (variables: CreateReplyCommentMutationVariables) => {\n    const response = await client.mutate<\n      CreateReplyCommentMutation,\n      CreateReplyCommentMutationVariables\n    >({\n      mutation: CreateReplyCommentDocument,\n      variables,\n    });\n\n    return {\n      comment: response.data?.createReplyComment,\n    };\n  },\n);\n\nexport const openSubscriptionCommentsStoreAction = createStoreAction(\n  openSubscriptionCommentsStore,\n  (prev, open: boolean) => ({\n    ...prev,\n    open,\n  }),\n);\n"],"names":["createStoreAction","createAction"],"mappings":";;;;;;AA6BA,MAAM,MAAM,GAAG,YAAY,EAAE;AAEtB,MAAM,wBAAwB,GAAGA,4BAAiB,CACvD,kBAAkB,EAClB,CAAC,IAAI,EAAE,QAAmB,EAAE,KAAa,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,QAAQ;IACR,KAAK;AACN,CAAA,CAAC;AAG2BA,4BAAiB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,EAAU,MAAM;AACjF,IAAA,GAAG,IAAI;IACP,EAAE;AACH,CAAA,CAAC;AAEK,MAAM,uBAAuB,GAAGA,4BAAiB,CACtD,iBAAiB,EACjB,CAAC,IAAI,EAAE,OAAe,EAAE,SAAiB,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,OAAO;IACP,SAAS;AACV,CAAA,CAAC;AAGG,MAAM,aAAa,GAAGC,uBAAY,CACvC,kBAAkB,EAClB,sBAAsB,EACtB,OAAO,SAAiC,KAAI;AAC1C,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAwC;AACzE,QAAA,KAAK,EAAE,gBAAgB;QACvB,SAAS;AACT,QAAA,WAAW,EAAE,cAAc;AAC5B,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAkB;AACrD,QAAA,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAe;KAChD;AACH,CAAC;AAGI,MAAM,aAAa,GAAGA,uBAAY,CACvC,kBAAkB,EAClB,uBAAuB,EACvB,OAAO,SAAyC,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAwD;AAC1F,QAAA,QAAQ,EAAE,qBAAqB;QAC/B,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAwB;KACjD;AACH,CAAC;AAGI,MAAM,kBAAkB,GAAGA,uBAAY,CAC5C,uBAAuB,EACvB,4BAA4B,EAC5B,OAAO,SAA8C,KAAI;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAGlC;AACA,QAAA,QAAQ,EAAE,0BAA0B;QACpC,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB;KAC3C;AACH,CAAC;AAGI,MAAM,mCAAmC,GAAGD,4BAAiB,CAClE,6BAA6B,EAC7B,CAAC,IAAI,EAAE,IAAa,MAAM;AACxB,IAAA,GAAG,IAAI;IACP,IAAI;AACL,CAAA,CAAC;;;;"}
+{"version":3,"file":"comment.actions.js","sources":["../../../../src/components/comment/comment.actions.ts"],"sourcesContent":["import { createAction, createStoreAction } from '@cobuildlab/react-simple-state';\nimport {\n  postStore,\n  fetchCommentsStore,\n  openSubscriptionCommentsStore,\n  replyCommentStore,\n} from './comment.store';\nimport {\n  Comment,\n  CommentsDocument,\n  CommentsQuery,\n  CommentsQueryVariables,\n  CreateCommentDocument,\n  CreateCommentMutation,\n  CreateCommentMutationVariables,\n  CreateReplyCommentDocument,\n  CreateReplyCommentMutation,\n  CreateReplyCommentMutationVariables,\n} from '../../shared/types/generated';\nimport {\n  createCommentErrorEvent,\n  createCommentEvent,\n  createReplyCommentErrorEvent,\n  createReplyCommentEvent,\n  fetchCommentErrorEvent,\n  fetchCommentsEvent,\n} from './comment.events';\nimport { apolloClient } from '../../shared/apollo/apollo.client';\n\nconst client = apolloClient();\n\nexport const fetchCommentsStoreAction = createStoreAction(\n  fetchCommentsStore,\n  (prev, comments: Comment[], count: number) => ({\n    ...prev,\n    comments,\n    count,\n  }),\n);\n\nexport const postStoreAction = createStoreAction(postStore, (prev, id: number) => ({\n  ...prev,\n  id,\n}));\n\nexport const replyCommentStoreAction = createStoreAction(\n  replyCommentStore,\n  (prev, message: string, commentId: number) => ({\n    ...prev,\n    message,\n    commentId,\n  }),\n);\n\nexport const fetchComments = createAction(\n  fetchCommentsEvent,\n  fetchCommentErrorEvent,\n  async (variables: CommentsQueryVariables) => {\n    const response = await client.query<CommentsQuery, CommentsQueryVariables>({\n      query: CommentsDocument,\n      variables,\n      fetchPolicy: 'network-only',\n    });\n\n    return {\n      comments: response.data?.comments?.items as Comment[],\n      count: response.data?.comments?.count as number,\n    };\n  },\n);\n\nexport const createComment = createAction(\n  createCommentEvent,\n  createCommentErrorEvent,\n  async (variables: CreateCommentMutationVariables) => {\n    const response = await client.mutate<CreateCommentMutation, CreateCommentMutationVariables>({\n      mutation: CreateCommentDocument,\n      variables,\n    });\n\n    return {\n      comment: response.data?.createComment as Comment,\n    };\n  },\n);\n\nexport const createReplyComment = createAction(\n  createReplyCommentEvent,\n  createReplyCommentErrorEvent,\n  async (variables: CreateReplyCommentMutationVariables) => {\n    const response = await client.mutate<\n      CreateReplyCommentMutation,\n      CreateReplyCommentMutationVariables\n    >({\n      mutation: CreateReplyCommentDocument,\n      variables,\n    });\n\n    return {\n      comment: response.data?.createReplyComment,\n    };\n  },\n);\n\nexport const openSubscriptionCommentsStoreAction = createStoreAction(\n  openSubscriptionCommentsStore,\n  (prev, open: boolean) => ({\n    ...prev,\n    open,\n  }),\n);\n"],"names":[],"mappings":";;;;;;AA6BA,MAAM,MAAM,GAAG,YAAY,EAAE;AAEtB,MAAM,wBAAwB,GAAG,iBAAiB,CACvD,kBAAkB,EAClB,CAAC,IAAI,EAAE,QAAmB,EAAE,KAAa,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,QAAQ;IACR,KAAK;AACN,CAAA,CAAC;AAG2B,iBAAiB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,EAAU,MAAM;AACjF,IAAA,GAAG,IAAI;IACP,EAAE;AACH,CAAA,CAAC;AAEK,MAAM,uBAAuB,GAAG,iBAAiB,CACtD,iBAAiB,EACjB,CAAC,IAAI,EAAE,OAAe,EAAE,SAAiB,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,OAAO;IACP,SAAS;AACV,CAAA,CAAC;AAGG,MAAM,aAAa,GAAG,YAAY,CACvC,kBAAkB,EAClB,sBAAsB,EACtB,OAAO,SAAiC,KAAI;AAC1C,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAwC;AACzE,QAAA,KAAK,EAAE,gBAAgB;QACvB,SAAS;AACT,QAAA,WAAW,EAAE,cAAc;AAC5B,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAkB;AACrD,QAAA,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAe;KAChD;AACH,CAAC;AAGI,MAAM,aAAa,GAAG,YAAY,CACvC,kBAAkB,EAClB,uBAAuB,EACvB,OAAO,SAAyC,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAwD;AAC1F,QAAA,QAAQ,EAAE,qBAAqB;QAC/B,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAwB;KACjD;AACH,CAAC;AAGI,MAAM,kBAAkB,GAAG,YAAY,CAC5C,uBAAuB,EACvB,4BAA4B,EAC5B,OAAO,SAA8C,KAAI;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAGlC;AACA,QAAA,QAAQ,EAAE,0BAA0B;QACpC,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB;KAC3C;AACH,CAAC;AAGI,MAAM,mCAAmC,GAAG,iBAAiB,CAClE,6BAA6B,EAC7B,CAAC,IAAI,EAAE,IAAa,MAAM;AACxB,IAAA,GAAG,IAAI;IACP,IAAI;AACL,CAAA,CAAC;;;;"}

package/dist/esm/components/comment/comment.events.js

@@ -1,24 +1,24 @@
-import { l as libExports } from '../../_virtual/index.js';
+import { createEvent } from '@cobuildlab/react-simple-state';
 
-const fetchCommentsEvent = libExports.createEvent({
+const fetchCommentsEvent = createEvent({
     initialValue: {
         comments: [],
         count: 0,
     },
 });
-const fetchCommentErrorEvent = libExports.createEvent();
-const createCommentEvent = libExports.createEvent({
+const fetchCommentErrorEvent = createEvent();
+const createCommentEvent = createEvent({
     initialValue: {
         comment: undefined,
     },
 });
-const createCommentErrorEvent = libExports.createEvent();
-const createReplyCommentEvent = libExports.createEvent({
+const createCommentErrorEvent = createEvent();
+const createReplyCommentEvent = createEvent({
     initialValue: {
         comment: undefined,
     },
 });
-const createReplyCommentErrorEvent = libExports.createEvent();
+const createReplyCommentErrorEvent = createEvent();
 
 export { createCommentErrorEvent, createCommentEvent, createReplyCommentErrorEvent, createReplyCommentEvent, fetchCommentErrorEvent, fetchCommentsEvent };
 //# sourceMappingURL=comment.events.js.map

package/dist/esm/components/comment/comment.events.js.map

@@ -1 +1 @@
-{"version":3,"file":"comment.events.js","sources":["../../../../src/components/comment/comment.events.ts"],"sourcesContent":["import { createEvent } from '@cobuildlab/react-simple-state';\nimport { Comment, ReplyComment } from '../../shared/types/generated';\n\nexport const fetchCommentsEvent = createEvent<{\n  comments: Comment[];\n  count: number;\n}>({\n  initialValue: {\n    comments: [],\n    count: 0,\n  },\n});\n\nexport const fetchCommentErrorEvent = createEvent();\n\nexport const createCommentEvent = createEvent<{ comment: Comment | undefined }>({\n  initialValue: {\n    comment: undefined,\n  },\n});\nexport const createCommentErrorEvent = createEvent();\n\nexport const createReplyCommentEvent = createEvent<{\n  comment: ReplyComment | undefined;\n}>({\n  initialValue: {\n    comment: undefined,\n  },\n});\nexport const createReplyCommentErrorEvent = createEvent();\n"],"names":["createEvent"],"mappings":";;AAGO,MAAM,kBAAkB,GAAGA,sBAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,sBAAsB,GAAGA,sBAAW;AAE1C,MAAM,kBAAkB,GAAGA,sBAAW,CAAmC;AAC9E,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,uBAAuB,GAAGA,sBAAW;AAE3C,MAAM,uBAAuB,GAAGA,sBAAW,CAE/C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,4BAA4B,GAAGA,sBAAW;;;;"}
+{"version":3,"file":"comment.events.js","sources":["../../../../src/components/comment/comment.events.ts"],"sourcesContent":["import { createEvent } from '@cobuildlab/react-simple-state';\nimport { Comment, ReplyComment } from '../../shared/types/generated';\n\nexport const fetchCommentsEvent = createEvent<{\n  comments: Comment[];\n  count: number;\n}>({\n  initialValue: {\n    comments: [],\n    count: 0,\n  },\n});\n\nexport const fetchCommentErrorEvent = createEvent();\n\nexport const createCommentEvent = createEvent<{ comment: Comment | undefined }>({\n  initialValue: {\n    comment: undefined,\n  },\n});\nexport const createCommentErrorEvent = createEvent();\n\nexport const createReplyCommentEvent = createEvent<{\n  comment: ReplyComment | undefined;\n}>({\n  initialValue: {\n    comment: undefined,\n  },\n});\nexport const createReplyCommentErrorEvent = createEvent();\n"],"names":[],"mappings":";;AAGO,MAAM,kBAAkB,GAAG,WAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,sBAAsB,GAAG,WAAW;AAE1C,MAAM,kBAAkB,GAAG,WAAW,CAAmC;AAC9E,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,uBAAuB,GAAG,WAAW;AAE3C,MAAM,uBAAuB,GAAG,WAAW,CAE/C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,4BAA4B,GAAG,WAAW;;;;"}

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

@@ -1,23 +1,23 @@
-import { l as libExports } from '../../_virtual/index.js';
+import { createStore } from '@cobuildlab/react-simple-state';
 
-const fetchCommentsStore = libExports.createStore({
+const fetchCommentsStore = createStore({
     initialValue: {
         comments: [],
         count: 0,
     },
 });
-const postStore = libExports.createStore({
+const postStore = createStore({
     initialValue: {
         id: 0,
     },
 });
-const replyCommentStore = libExports.createStore({
+const replyCommentStore = createStore({
     initialValue: {
         message: '',
         commentId: 0,
     },
 });
-const openSubscriptionCommentsStore = libExports.createStore({
+const openSubscriptionCommentsStore = createStore({
     initialValue: {
         open: false,
     },

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

@@ -1 +1 @@
-{"version":3,"file":"comment.store.js","sources":["../../../../src/components/comment/comment.store.ts"],"sourcesContent":["import { createStore } from '@cobuildlab/react-simple-state';\nimport { Comment } from '../../shared/types/generated';\nimport { ReplyCommentStore } from './comment.types';\n\nexport const fetchCommentsStore = createStore<{\n  comments: Comment[];\n  count: number;\n}>({\n  initialValue: {\n    comments: [],\n    count: 0,\n  },\n});\n\nexport const postStore = createStore<{ id: number }>({\n  initialValue: {\n    id: 0,\n  },\n});\n\nexport const replyCommentStore = createStore<ReplyCommentStore>({\n  initialValue: {\n    message: '',\n    commentId: 0,\n  },\n});\n\nexport const openSubscriptionCommentsStore = createStore<{ open: boolean }>({\n  initialValue: {\n    open: false,\n  },\n});\n"],"names":["createStore"],"mappings":";;AAIO,MAAM,kBAAkB,GAAGA,sBAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,SAAS,GAAGA,sBAAW,CAAiB;AACnD,IAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,CAAC;AACN,KAAA;AACF,CAAA;AAEM,MAAM,iBAAiB,GAAGA,sBAAW,CAAoB;AAC9D,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,SAAS,EAAE,CAAC;AACb,KAAA;AACF,CAAA;AAEM,MAAM,6BAA6B,GAAGA,sBAAW,CAAoB;AAC1E,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"comment.store.js","sources":["../../../../src/components/comment/comment.store.ts"],"sourcesContent":["import { createStore } from '@cobuildlab/react-simple-state';\nimport { Comment } from '../../shared/types/generated';\nimport { ReplyCommentStore } from './comment.types';\n\nexport const fetchCommentsStore = createStore<{\n  comments: Comment[];\n  count: number;\n}>({\n  initialValue: {\n    comments: [],\n    count: 0,\n  },\n});\n\nexport const postStore = createStore<{ id: number }>({\n  initialValue: {\n    id: 0,\n  },\n});\n\nexport const replyCommentStore = createStore<ReplyCommentStore>({\n  initialValue: {\n    message: '',\n    commentId: 0,\n  },\n});\n\nexport const openSubscriptionCommentsStore = createStore<{ open: boolean }>({\n  initialValue: {\n    open: false,\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,kBAAkB,GAAG,WAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,SAAS,GAAG,WAAW,CAAiB;AACnD,IAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,CAAC;AACN,KAAA;AACF,CAAA;AAEM,MAAM,iBAAiB,GAAG,WAAW,CAAoB;AAC9D,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,SAAS,EAAE,CAAC;AACb,KAAA;AACF,CAAA;AAEM,MAAM,6BAA6B,GAAG,WAAW,CAAoB;AAC1E,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA;;;;"}

package/dist/esm/components/comment/comment.utils.js

@@ -1,7 +1,8 @@
 import 'react/jsx-runtime';
 import 'react';
 import '@mui/material';
-import '../../node_modules/emoji-mart/dist/module.js';
+import '@emoji-mart/data';
+import '@emoji-mart/react';
 
 const getCommentPlaceholder = (isAllowed) => {
     if (isAllowed)

package/dist/esm/components/comment/comment.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"comment.utils.js","sources":["../../../../src/components/comment/comment.utils.ts"],"sourcesContent":["import { BtnEmoji } from '../../shared/components/react-editor/BtnEmoji';\n\nexport const getCommentPlaceholder = (isAllowed: boolean) => {\n  if (isAllowed) return '';\n\n  return 'Suscribete para comentar...';\n};\n\nexport const editorToolbar = {\n  options: ['inline', 'emoji'],\n  inline: {\n    inDropdown: false,\n    options: ['bold', 'italic'],\n  },\n  emoji: {\n    className: undefined,\n    component: BtnEmoji,\n    popupClassName: undefined,\n  },\n};\n"],"names":[],"mappings":";;;;;AAEO,MAAM,qBAAqB,GAAG,CAAC,SAAkB,KAAI;AAC1D,IAAA,IAAI,SAAS;AAAE,QAAA,OAAO,EAAE;AAExB,IAAA,OAAO,6BAA6B;AACtC;;;;"}
+{"version":3,"file":"comment.utils.js","sources":["../../../../src/components/comment/comment.utils.ts"],"sourcesContent":["import { BtnEmoji } from '../../shared/components/react-editor/BtnEmoji';\n\nexport const getCommentPlaceholder = (isAllowed: boolean) => {\n  if (isAllowed) return '';\n\n  return 'Suscribete para comentar...';\n};\n\nexport const editorToolbar = {\n  options: ['inline', 'emoji'],\n  inline: {\n    inDropdown: false,\n    options: ['bold', 'italic'],\n  },\n  emoji: {\n    className: undefined,\n    component: BtnEmoji,\n    popupClassName: undefined,\n  },\n};\n"],"names":[],"mappings":";;;;;;AAEO,MAAM,qBAAqB,GAAG,CAAC,SAAkB,KAAI;AAC1D,IAAA,IAAI,SAAS;AAAE,QAAA,OAAO,EAAE;AAExB,IAAA,OAAO,6BAA6B;AACtC;;;;"}

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

@@ -2,13 +2,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Card, Box, Avatar } from '@mui/material';
 import { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault.js';
+import { makeStyles, createStyles } from '@mui/styles';
 import { useComment } from '../comment.hooks.js';
 import { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
 import { useSession } from '../../session/session.hooks.js';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useCallAction } from '@cobuildlab/react-simple-state';
 import { createComment, openSubscriptionCommentsStoreAction } from '../comment.actions.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
-import createStyles from '../../../node_modules/@mui/styles/createStyles/createStyles.js';
 
 const useStyles = makeStyles((theme) => createStyles({
     cardHeader: {
@@ -60,7 +59,7 @@ const AddComment = () => {
     const { user, subscription } = useSession();
     const [html, setHtml] = useState('');
     const { callAction, postId } = useComment();
-    const [callCreateComment, loading] = libExports.useCallAction(createComment, {
+    const [callCreateComment, loading] = useCallAction(createComment, {
         onCompleted: () => {
             setHtml('');
             callAction();

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

@@ -1 +1 @@
-{"version":3,"file":"AddComment.js","sources":["../../../../../src/components/comment/components/AddComment.tsx"],"sourcesContent":["\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":["useCallAction","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"AddComment.js","sources":["../../../../../src/components/comment/components/AddComment.tsx"],"sourcesContent":["\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":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Card, CardHeader, Box, Divider, CardContent } from '@mui/material';
 import { AddComment } from './AddComment.js';
+import { makeStyles } from '@mui/styles';
 import { r as routerExports } from '../../../_virtual/router.js';
 import { theme } from '../../../shared/mui/theme.js';
 import { URL_PORTAL } from '../../../shared/constants/index.js';
 import { useSession } from '../../session/session.hooks.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
 
 const useStyles = makeStyles({
     text: {

package/dist/esm/components/comment/components/AddReplyComment.js

@@ -1,15 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Card, CardHeader, Box, Avatar } from '@mui/material';
-import { EditorProvider } from '../../../node_modules/react-simple-wysiwyg/lib/index.es.js';
+import { EditorProvider } from 'react-simple-wysiwyg';
 import { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault.js';
+import { makeStyles } from '@mui/styles';
 import { useComment } from '../comment.hooks.js';
 import { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useStore, useCallAction } from '@cobuildlab/react-simple-state';
 import { replyCommentStore } from '../comment.store.js';
 import { createReplyComment, replyCommentStoreAction, openSubscriptionCommentsStoreAction } from '../comment.actions.js';
 import { useSession } from '../../session/session.hooks.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
 
 const useStyles = makeStyles({
     cardHeader: {
@@ -29,10 +29,10 @@ const useStyles = makeStyles({
 const AddReplyComment = () => {
     const classes = useStyles();
     const { user, subscription } = useSession();
-    const { message, commentId } = libExports.useStore(replyCommentStore);
+    const { message, commentId } = useStore(replyCommentStore);
     const [html, setHtml] = useState(message);
     const { callAction, postId } = useComment();
-    const [callCreateComment, loading] = libExports.useCallAction(createReplyComment, {
+    const [callCreateComment, loading] = useCallAction(createReplyComment, {
         onCompleted: () => {
             callAction();
             replyCommentStoreAction('', 0);

package/dist/esm/components/comment/components/AddReplyComment.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddReplyComment.js","sources":["../../../../../src/components/comment/components/AddReplyComment.tsx"],"sourcesContent":["\n\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card, CardHeader } from '@mui/material';\nimport { EditorProvider } from 'react-simple-wysiwyg';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\nimport { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useCallAction, useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport {\n  createReplyComment,\n  openSubscriptionCommentsStoreAction,\n  replyCommentStoreAction,\n} from '../comment.actions';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\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  },\n});\n\nexport const AddReplyComment: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const { message, commentId } = useStore(replyCommentStore);\n  const [html, setHtml] = useState<string>(message);\n  const { callAction, postId } = useComment();\n\n  const [callCreateComment, loading] = useCallAction(createReplyComment, {\n    onCompleted: () => {\n      callAction();\n      replyCommentStoreAction('', 0);\n    },\n  });\n\n  console.log({ html });\n\n  return (\n    <EditorProvider>\n      <Card elevation={0}>\n        <CardHeader\n          sx={{ p: 0 }}\n          className={classes.cardHeader}\n          avatar={\n            user ? (\n              <Avatar\n                sx={{ width: 40, height: 40 }}\n                src={user?.avatar as string}\n              />\n            ) : null\n          }\n          title={\n            <ReactSimpleWysiwyg\n              value={html}\n              onChange={(value) => setHtml(value)}\n            />\n          }\n          action={\n            <Box ml={2}>\n              <ButtonDefault\n                disabled={!(html && user)}\n                onClick={() => {\n                  if (!subscription)\n                    return openSubscriptionCommentsStoreAction(true);\n\n                  callCreateComment({\n                    data: {\n                      message: html,\n                      post_id: postId,\n                      comment_id: commentId,\n                    },\n                  });\n                }}\n                color=\"primary\"\n                isLoading={loading}\n                className={classes.button}\n              >\n                Comentar\n              </ButtonDefault>\n            </Box>\n          }\n        />\n      </Card>\n    </EditorProvider>\n  );\n};\n"],"names":["useStore","useCallAction","_jsx"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,eAAe,GAAa,MAAK;AAC5C,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAGA,mBAAQ,CAAC,iBAAiB,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAGC,wBAAa,CAAC,kBAAkB,EAAE;QACrE,WAAW,EAAE,MAAK;AAChB,YAAA,UAAU,EAAE;AACZ,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IAErB,QACEC,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACbA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,IAAI,IACFA,GAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAC7B,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAC3B,IACA,IAAI,EAEV,KAAK,EACHA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,GACnC,EAEJ,MAAM,EACJA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACRA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AACf,gCAAA,OAAO,mCAAmC,CAAC,IAAI,CAAC;AAElD,4BAAA,iBAAiB,CAAC;AAChB,gCAAA,IAAI,EAAE;AACJ,oCAAA,OAAO,EAAE,IAAI;AACb,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,SAAS;AACtB,iCAAA;AACF,6BAAA,CAAC;wBACJ,CAAC,EACD,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,CAGX,EAAA,CACZ,GAER,EAAA,CACG,EAAA,CACQ;AAErB;;;;"}
+{"version":3,"file":"AddReplyComment.js","sources":["../../../../../src/components/comment/components/AddReplyComment.tsx"],"sourcesContent":["\n\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card, CardHeader } from '@mui/material';\nimport { EditorProvider } from 'react-simple-wysiwyg';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\nimport { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useCallAction, useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport {\n  createReplyComment,\n  openSubscriptionCommentsStoreAction,\n  replyCommentStoreAction,\n} from '../comment.actions';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\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  },\n});\n\nexport const AddReplyComment: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const { message, commentId } = useStore(replyCommentStore);\n  const [html, setHtml] = useState<string>(message);\n  const { callAction, postId } = useComment();\n\n  const [callCreateComment, loading] = useCallAction(createReplyComment, {\n    onCompleted: () => {\n      callAction();\n      replyCommentStoreAction('', 0);\n    },\n  });\n\n  console.log({ html });\n\n  return (\n    <EditorProvider>\n      <Card elevation={0}>\n        <CardHeader\n          sx={{ p: 0 }}\n          className={classes.cardHeader}\n          avatar={\n            user ? (\n              <Avatar\n                sx={{ width: 40, height: 40 }}\n                src={user?.avatar as string}\n              />\n            ) : null\n          }\n          title={\n            <ReactSimpleWysiwyg\n              value={html}\n              onChange={(value) => setHtml(value)}\n            />\n          }\n          action={\n            <Box ml={2}>\n              <ButtonDefault\n                disabled={!(html && user)}\n                onClick={() => {\n                  if (!subscription)\n                    return openSubscriptionCommentsStoreAction(true);\n\n                  callCreateComment({\n                    data: {\n                      message: html,\n                      post_id: postId,\n                      comment_id: commentId,\n                    },\n                  });\n                }}\n                color=\"primary\"\n                isLoading={loading}\n                className={classes.button}\n              >\n                Comentar\n              </ButtonDefault>\n            </Box>\n          }\n        />\n      </Card>\n    </EditorProvider>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,eAAe,GAAa,MAAK;AAC5C,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,aAAa,CAAC,kBAAkB,EAAE;QACrE,WAAW,EAAE,MAAK;AAChB,YAAA,UAAU,EAAE;AACZ,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IAErB,QACEA,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACbA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,IAAI,IACFA,GAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAC7B,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAC3B,IACA,IAAI,EAEV,KAAK,EACHA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,GACnC,EAEJ,MAAM,EACJA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACRA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AACf,gCAAA,OAAO,mCAAmC,CAAC,IAAI,CAAC;AAElD,4BAAA,iBAAiB,CAAC;AAChB,gCAAA,IAAI,EAAE;AACJ,oCAAA,OAAO,EAAE,IAAI;AACb,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,SAAS;AACtB,iCAAA;AACF,6BAAA,CAAC;wBACJ,CAAC,EACD,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,CAGX,EAAA,CACZ,GAER,EAAA,CACG,EAAA,CACQ;AAErB;;;;"}

package/dist/esm/components/comment/components/AddReplyCommentContainer.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Card, CardHeader, Box, CardContent } from '@mui/material';
+import { makeStyles } from '@mui/styles';
 import { AddReplyComment } from './AddReplyComment.js';
 import { useSession } from '../../session/session.hooks.js';
 import { theme } from '../../../shared/mui/theme.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
 
 const useStyles = makeStyles({
     name: {

package/dist/esm/components/comment/components/CommentContainer.js

@@ -2,14 +2,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Grid, Box, Divider } from '@mui/material';
 import { ReplyComments } from './ReplyComments.js';
 import { CommentItem } from './CommentItem.js';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useStore } from '@cobuildlab/react-simple-state';
 import { replyCommentStore } from '../comment.store.js';
 import { AddReplyCommentContainer } from './AddReplyCommentContainer.js';
 import { replyCommentStoreAction } from '../comment.actions.js';
 import { PRIMARY_COLOR } from '../../../shared/mui/theme.js';
 
 const CommentContainer = ({ comment }) => {
-    const { commentId } = libExports.useStore(replyCommentStore);
+    const { commentId } = useStore(replyCommentStore);
     const onReply = (r) => {
         console.log({ r });
         if (comment.id === commentId) {

package/dist/esm/components/comment/components/CommentContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Box, Divider, Grid } from '@mui/material';\nimport { ReplyComments } from './ReplyComments';\nimport { CommentItem } from './CommentItem';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport { AddReplyCommentContainer } from './AddReplyCommentContainer';\nimport { replyCommentStoreAction } from '../comment.actions';\nimport { PRIMARY_COLOR } from '../../../shared/mui/theme';\n\ntype CommentContainerProps = {\n  comment: Comment;\n};\nexport const CommentContainer: React.FC<CommentContainerProps> = ({ comment }) => {\n  const { commentId } = useStore(replyCommentStore);\n\n  const onReply = (r: Comment | ReplyComment) => {\n    console.log({ r });\n    if (comment.id === commentId) {\n      replyCommentStoreAction('', 0);\n    } else {\n      replyCommentStoreAction(\n        `<b style=\"color:${PRIMARY_COLOR}\">@${r.user?.name}</b>&nbsp;`,\n        comment.id as number,\n      );\n    }\n  };\n\n  const selectedComment = commentId === comment.id;\n  const haveReplyComments = comment.replies?.length;\n\n  return (\n    <Grid container>\n      <Grid size={12} mb={2}>\n        <CommentItem comment={comment} onReply={onReply} />\n      </Grid>\n      {selectedComment || haveReplyComments ? (\n        <Grid size={12} mb={2}>\n          <Grid container>\n            <Grid size={1}>\n              <Box display=\"flex\" height=\"100%\" justifyContent=\"center\">\n                <Divider orientation=\"vertical\" flexItem />\n              </Box>\n            </Grid>\n            <Grid size={11}>\n              <Grid container spacing={2}>\n                {haveReplyComments ? (\n                  <Grid size={12}>\n                    <ReplyComments\n                      replyComments={(comment.replies || []) as ReplyComment[]}\n                      onReply={onReply}\n                    />\n                  </Grid>\n                ) : null}\n                {selectedComment ? (\n                  <Grid size={12}>\n                    <AddReplyCommentContainer />\n                  </Grid>\n                ) : null}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      ) : null}\n    </Grid>\n  );\n};\n"],"names":["useStore","_jsxs","_jsx"],"mappings":";;;;;;;;;;MAgBa,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,KAAI;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAGA,mBAAQ,CAAC,iBAAiB,CAAC;AAEjD,IAAA,MAAM,OAAO,GAAG,CAAC,CAAyB,KAAI;AAC5C,QAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,QAAA,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE;AAC5B,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC;aAAO;AACL,YAAA,uBAAuB,CACrB,CAAA,gBAAA,EAAmB,aAAa,CAAA,GAAA,EAAM,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,EAC9D,OAAO,CAAC,EAAY,CACrB;QACH;AACF,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,SAAS,KAAK,OAAO,CAAC,EAAE;AAChD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM;AAEjD,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,mBACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,CAC9C,EACN,eAAe,IAAI,iBAAiB,IACnCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACnBD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACXA,IAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACvDA,GAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,CACvC,EAAA,CACD,EACPA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,YACZD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,CACvB,iBAAiB,IAChBC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,IAAC,aAAa,EAAA,EACZ,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAmB,EACxD,OAAO,EAAE,OAAO,GAChB,EAAA,CACG,IACL,IAAI,EACP,eAAe,IACdA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,wBAAwB,KAAG,EAAA,CACvB,IACL,IAAI,CAAA,EAAA,CACH,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}
+{"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Box, Divider, Grid } from '@mui/material';\nimport { ReplyComments } from './ReplyComments';\nimport { CommentItem } from './CommentItem';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport { AddReplyCommentContainer } from './AddReplyCommentContainer';\nimport { replyCommentStoreAction } from '../comment.actions';\nimport { PRIMARY_COLOR } from '../../../shared/mui/theme';\n\ntype CommentContainerProps = {\n  comment: Comment;\n};\nexport const CommentContainer: React.FC<CommentContainerProps> = ({ comment }) => {\n  const { commentId } = useStore(replyCommentStore);\n\n  const onReply = (r: Comment | ReplyComment) => {\n    console.log({ r });\n    if (comment.id === commentId) {\n      replyCommentStoreAction('', 0);\n    } else {\n      replyCommentStoreAction(\n        `<b style=\"color:${PRIMARY_COLOR}\">@${r.user?.name}</b>&nbsp;`,\n        comment.id as number,\n      );\n    }\n  };\n\n  const selectedComment = commentId === comment.id;\n  const haveReplyComments = comment.replies?.length;\n\n  return (\n    <Grid container>\n      <Grid size={12} mb={2}>\n        <CommentItem comment={comment} onReply={onReply} />\n      </Grid>\n      {selectedComment || haveReplyComments ? (\n        <Grid size={12} mb={2}>\n          <Grid container>\n            <Grid size={1}>\n              <Box display=\"flex\" height=\"100%\" justifyContent=\"center\">\n                <Divider orientation=\"vertical\" flexItem />\n              </Box>\n            </Grid>\n            <Grid size={11}>\n              <Grid container spacing={2}>\n                {haveReplyComments ? (\n                  <Grid size={12}>\n                    <ReplyComments\n                      replyComments={(comment.replies || []) as ReplyComment[]}\n                      onReply={onReply}\n                    />\n                  </Grid>\n                ) : null}\n                {selectedComment ? (\n                  <Grid size={12}>\n                    <AddReplyCommentContainer />\n                  </Grid>\n                ) : null}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      ) : null}\n    </Grid>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;MAgBa,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,KAAI;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,iBAAiB,CAAC;AAEjD,IAAA,MAAM,OAAO,GAAG,CAAC,CAAyB,KAAI;AAC5C,QAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,QAAA,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE;AAC5B,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC;aAAO;AACL,YAAA,uBAAuB,CACrB,CAAA,gBAAA,EAAmB,aAAa,CAAA,GAAA,EAAM,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,EAC9D,OAAO,CAAC,EAAY,CACrB;QACH;AACF,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,SAAS,KAAK,OAAO,CAAC,EAAE;AAChD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM;AAEjD,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,mBACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,CAC9C,EACN,eAAe,IAAI,iBAAiB,IACnCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACnBD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACXA,IAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACvDA,GAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,CACvC,EAAA,CACD,EACPA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,YACZD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,CACvB,iBAAiB,IAChBC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,IAAC,aAAa,EAAA,EACZ,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAmB,EACxD,OAAO,EAAE,OAAO,GAChB,EAAA,CACG,IACL,IAAI,EACP,eAAe,IACdA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,wBAAwB,KAAG,EAAA,CACvB,IACL,IAAI,CAAA,EAAA,CACH,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}

package/dist/esm/components/comment/components/CommentItem.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Card, CardHeader, Box, Typography, Avatar, CardContent } from '@mui/material';
+import { makeStyles } from '@mui/styles';
 import moment from '../../../_virtual/moment.js';
 import ReplyIcon from '../../../node_modules/@mui/icons-material/esm/Reply.js';
 import '../../../_virtual/es.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
 
 moment.locale('es');
 const useStyles = makeStyles({

package/dist/esm/components/comment/components/CommentSubscriptionDialog.js

@@ -1,13 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
 import { DialogDefault } from '../../../shared/components/dialog/DialogDefault.js';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useStore } from '@cobuildlab/react-simple-state';
 import { openSubscriptionCommentsStore } from '../comment.store.js';
 import { openSubscriptionCommentsStoreAction } from '../comment.actions.js';
 import { Box, Typography } from '@mui/material';
 import { URL_PORTAL } from '../../../shared/constants/index.js';
 
 const CommentSubscriptionDialog = () => {
-    const { open } = libExports.useStore(openSubscriptionCommentsStore);
+    const { open } = useStore(openSubscriptionCommentsStore);
     return (jsx(DialogDefault, { isOpen: open, showActions: true, handleClose: () => openSubscriptionCommentsStoreAction(false), successText: "SUSCRIBIRTE", handleSuccess: () => (window.location.href = `${URL_PORTAL}/planes`), children: jsx(Box, { px: 2, textAlign: "center", children: jsx(Typography, { fontSize: 20, fontWeight: 700, children: "Debes tener una suscripci\u00F3n activa para poder realizar un comentario" }) }) }));
 };
 

package/dist/esm/components/comment/components/CommentSubscriptionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { DialogDefault } from '../../../shared/components/dialog/DialogDefault';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { openSubscriptionCommentsStore } from '../comment.store';\nimport { openSubscriptionCommentsStoreAction } from '../comment.actions';\nimport { Typography, Box } from '@mui/material';\nimport {URL_PORTAL} from \"../../../shared/constants\";\n\nexport const CommentSubscriptionDialog: React.FC = () => {\n  const { open } = useStore(openSubscriptionCommentsStore);\n  return (\n    <DialogDefault\n      isOpen={open}\n      showActions\n      handleClose={() => openSubscriptionCommentsStoreAction(false)}\n      successText=\"SUSCRIBIRTE\"\n      handleSuccess={() =>\n        (window.location.href = `${URL_PORTAL}/planes`)\n      }\n    >\n      <Box px={2} textAlign=\"center\">\n        <Typography fontSize={20} fontWeight={700}>\n          Debes tener una suscripción activa para poder realizar un comentario\n        </Typography>\n      </Box>\n    </DialogDefault>\n  );\n};\n"],"names":["useStore","_jsx"],"mappings":";;;;;;;;AAUO,MAAM,yBAAyB,GAAa,MAAK;IACtD,MAAM,EAAE,IAAI,EAAE,GAAGA,mBAAQ,CAAC,6BAA6B,CAAC;AACxD,IAAA,QACEC,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAA,IAAA,EACX,WAAW,EAAE,MAAM,mCAAmC,CAAC,KAAK,CAAC,EAC7D,WAAW,EAAC,aAAa,EACzB,aAAa,EAAE,OACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS,CAAC,EAAA,QAAA,EAGjDA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5BA,GAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,2EAAA,EAAA,CAE5B,EAAA,CACT,EAAA,CACQ;AAEpB;;;;"}
+{"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { DialogDefault } from '../../../shared/components/dialog/DialogDefault';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { openSubscriptionCommentsStore } from '../comment.store';\nimport { openSubscriptionCommentsStoreAction } from '../comment.actions';\nimport { Typography, Box } from '@mui/material';\nimport {URL_PORTAL} from \"../../../shared/constants\";\n\nexport const CommentSubscriptionDialog: React.FC = () => {\n  const { open } = useStore(openSubscriptionCommentsStore);\n  return (\n    <DialogDefault\n      isOpen={open}\n      showActions\n      handleClose={() => openSubscriptionCommentsStoreAction(false)}\n      successText=\"SUSCRIBIRTE\"\n      handleSuccess={() =>\n        (window.location.href = `${URL_PORTAL}/planes`)\n      }\n    >\n      <Box px={2} textAlign=\"center\">\n        <Typography fontSize={20} fontWeight={700}>\n          Debes tener una suscripción activa para poder realizar un comentario\n        </Typography>\n      </Box>\n    </DialogDefault>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AAUO,MAAM,yBAAyB,GAAa,MAAK;IACtD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,6BAA6B,CAAC;AACxD,IAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAA,IAAA,EACX,WAAW,EAAE,MAAM,mCAAmC,CAAC,KAAK,CAAC,EAC7D,WAAW,EAAC,aAAa,EACzB,aAAa,EAAE,OACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS,CAAC,EAAA,QAAA,EAGjDA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5BA,GAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,2EAAA,EAAA,CAE5B,EAAA,CACT,EAAA,CACQ;AAEpB;;;;"}

package/dist/esm/components/comment/components/ShowMoreComments.js

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Grid, Paper, Box } from '@mui/material';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useStore } from '@cobuildlab/react-simple-state';
 import { fetchCommentsStore } from '../comment.store.js';
+import { makeStyles } from '@mui/styles';
 import { useComment } from '../comment.hooks.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
 
 const useStyles = makeStyles({
     root: {
@@ -11,7 +11,7 @@ const useStyles = makeStyles({
     },
 });
 const ShowMoreComments = () => {
-    const { comments, count } = libExports.useStore(fetchCommentsStore);
+    const { comments, count } = useStore(fetchCommentsStore);
     const classes = useStyles();
     const { loading, loadMoreComments } = useComment();
     return count > comments.length ? (jsx(Grid, { size: 12, children: jsx(Paper, { elevation: 1, className: classes.root, onClick: () => loadMoreComments(), children: jsx(Box, { p: 1, textAlign: "center", children: loading ? 'Cargando...' : 'Ver más comentarios' }) }) })) : null;

package/dist/esm/components/comment/components/ShowMoreComments.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreComments.js","sources":["../../../../../src/components/comment/components/ShowMoreComments.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Grid, Paper } from '@mui/material';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { fetchCommentsStore } from '../comment.store';\nimport { makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\n\nconst useStyles = makeStyles({\n  root: {\n    cursor: 'pointer',\n  },\n});\n\nexport const ShowMoreComments: React.FC = () => {\n  const { comments, count } = useStore(fetchCommentsStore);\n  const classes = useStyles();\n\n  const { loading, loadMoreComments } = useComment();\n\n  return count > comments.length ? (\n    <Grid size={12}>\n      <Paper\n        elevation={1}\n        className={classes.root}\n        onClick={() => loadMoreComments()}\n      >\n        <Box p={1} textAlign=\"center\">\n          {loading ? 'Cargando...' : 'Ver más comentarios'}\n        </Box>\n      </Paper>\n    </Grid>\n  ) : null;\n};\n"],"names":["useStore","_jsx"],"mappings":";;;;;;;AASA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAa,MAAK;IAC7C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAGA,mBAAQ,CAAC,kBAAkB,CAAC;AACxD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE;AAElD,IAAA,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,IAC5BC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,MAAM,gBAAgB,EAAE,EAAA,QAAA,EAEjCA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC1B,OAAO,GAAG,aAAa,GAAG,qBAAqB,EAAA,CAC5C,EAAA,CACA,EAAA,CACH,IACL,IAAI;AACV;;;;"}
+{"version":3,"file":"ShowMoreComments.js","sources":["../../../../../src/components/comment/components/ShowMoreComments.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Grid, Paper } from '@mui/material';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { fetchCommentsStore } from '../comment.store';\nimport { makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\n\nconst useStyles = makeStyles({\n  root: {\n    cursor: 'pointer',\n  },\n});\n\nexport const ShowMoreComments: React.FC = () => {\n  const { comments, count } = useStore(fetchCommentsStore);\n  const classes = useStyles();\n\n  const { loading, loadMoreComments } = useComment();\n\n  return count > comments.length ? (\n    <Grid size={12}>\n      <Paper\n        elevation={1}\n        className={classes.root}\n        onClick={() => loadMoreComments()}\n      >\n        <Box p={1} textAlign=\"center\">\n          {loading ? 'Cargando...' : 'Ver más comentarios'}\n        </Box>\n      </Paper>\n    </Grid>\n  ) : null;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;AASA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAa,MAAK;IAC7C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,kBAAkB,CAAC;AACxD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE;AAElD,IAAA,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,IAC5BA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,MAAM,gBAAgB,EAAE,EAAA,QAAA,EAEjCA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC1B,OAAO,GAAG,aAAa,GAAG,qBAAqB,EAAA,CAC5C,EAAA,CACA,EAAA,CACH,IACL,IAAI;AACV;;;;"}

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

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Drawer, Box } from '@mui/material';
-import { l as libExports } from '../../_virtual/index.js';
+import { useStore } from '@cobuildlab/react-simple-state';
 import { panelStore } from './panel.store.js';
 import { handlePanelClick } from './panel.actions.js';
 
 const Panel = ({ children, footer, size = 300, ...rest }) => {
-    const { isOpen } = libExports.useStore(panelStore);
+    const { isOpen } = useStore(panelStore);
     return (jsx(Drawer, { open: isOpen, onClose: () => handlePanelClick(false), ...rest, children: jsxs(Box, { sx: { width: size }, display: "flex", flexDirection: "column", justifyContent: "space-between", height: "100%", children: [jsx(Box, { children: children }), jsx(Box, { children: footer })] }) }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../../src/components/panel/Panel.tsx"],"sourcesContent":["\nimport { Box, Drawer, DrawerProps } from '@mui/material';\nimport React from 'react';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { handlePanelClick } from './panel.actions';\n\nexport interface PanelProps extends DrawerProps {\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: number;\n}\n\nexport const Panel: React.FC<PanelProps> = ({ children, footer, size = 300, ...rest }) => {\n  const { isOpen } = useStore(panelStore);\n\n  return (\n    <Drawer open={isOpen} onClose={() => handlePanelClick(false)} {...rest}>\n      <Box\n        sx={{ width: size }}\n        display=\"flex\"\n        flexDirection=\"column\"\n        justifyContent=\"space-between\"\n        height=\"100%\">\n        <Box>{children}</Box>\n        <Box>{footer}</Box>\n      </Box>\n    </Drawer>\n  );\n};\n"],"names":["useStore","_jsx","_jsxs"],"mappings":";;;;;;AAaO,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,KAAI;IACvF,MAAM,EAAE,MAAM,EAAE,GAAGA,mBAAQ,CAAC,UAAU,CAAC;AAEvC,IAAA,QACEC,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EACpEC,IAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EACnB,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAC,MAAM,EAAA,QAAA,EAAA,CACbD,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACrBA,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,MAAM,EAAA,CAAO,CAAA,EAAA,CACf,EAAA,CACC;AAEb;;;;"}
+{"version":3,"file":"Panel.js","sources":["../../../../src/components/panel/Panel.tsx"],"sourcesContent":["\nimport { Box, Drawer, DrawerProps } from '@mui/material';\nimport React from 'react';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { handlePanelClick } from './panel.actions';\n\nexport interface PanelProps extends DrawerProps {\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: number;\n}\n\nexport const Panel: React.FC<PanelProps> = ({ children, footer, size = 300, ...rest }) => {\n  const { isOpen } = useStore(panelStore);\n\n  return (\n    <Drawer open={isOpen} onClose={() => handlePanelClick(false)} {...rest}>\n      <Box\n        sx={{ width: size }}\n        display=\"flex\"\n        flexDirection=\"column\"\n        justifyContent=\"space-between\"\n        height=\"100%\">\n        <Box>{children}</Box>\n        <Box>{footer}</Box>\n      </Box>\n    </Drawer>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAaO,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,KAAI;IACvF,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EACpEC,IAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EACnB,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAC,MAAM,EAAA,QAAA,EAAA,CACbD,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACrBA,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,MAAM,EAAA,CAAO,CAAA,EAAA,CACf,EAAA,CACC;AAEb;;;;"}

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

@@ -1,13 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
 import { Button } from '@mui/material';
 import { handlePanelClick } from './panel.actions.js';
-import { l as libExports } from '../../_virtual/index.js';
+import { useStore } from '@cobuildlab/react-simple-state';
 import { panelStore } from './panel.store.js';
 import { useSession } from '../session/session.hooks.js';
 import { URL_PORTAL } from '../../shared/constants/index.js';
 
 const PanelButton = ({ loginButtonText = 'CUENTA', registerButtonText = 'INGRESAR', registerButtonProps, loginButtonProps, params = {}, }) => {
-    const { isOpen } = libExports.useStore(panelStore);
+    const { isOpen } = useStore(panelStore);
     const { user } = useSession();
     const handleClick = () => {
         if (user)

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

@@ -1 +1 @@
-{"version":3,"file":"PanelButton.js","sources":["../../../../src/components/panel/PanelButton.tsx"],"sourcesContent":["\nimport React, { FC } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\nimport { handlePanelClick } from './panel.actions';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { useSession } from '../session/session.hooks';\nimport { URL_PORTAL } from '../../shared/constants';\n\nexport interface PanelButtonProps {\n  params?: { [key: string]: string };\n  loginButtonText?: string | React.ReactNode;\n  registerButtonText?: string | React.ReactNode;\n  registerButtonProps?: ButtonProps;\n  loginButtonProps?: ButtonProps;\n}\n\nexport const PanelButton: FC<PanelButtonProps> = ({\n  loginButtonText = 'CUENTA',\n  registerButtonText = 'INGRESAR',\n  registerButtonProps,\n  loginButtonProps,\n  params = {},\n}) => {\n  const { isOpen } = useStore(panelStore);\n  const { user } = useSession();\n\n  const handleClick = () => {\n    if (user) return handlePanelClick(!isOpen);\n\n    let url = `${URL_PORTAL}/autenticacion`;\n\n    const queryParams = {\n      redirect_url: window.location.href,\n      ...params,\n    };\n\n    const queryString = new URLSearchParams(queryParams).toString();\n\n    return (window.location.href = `${url}?${queryString}`);\n  };\n\n  if (user) {\n    return (\n      <Button onClick={handleClick} {...loginButtonProps}>\n        {loginButtonText}\n      </Button>\n    );\n  }\n\n  return (\n    <Button onClick={handleClick} {...registerButtonProps}>\n      {registerButtonText}\n    </Button>\n  );\n};\n"],"names":["useStore","_jsx"],"mappings":";;;;;;;;MAiBa,WAAW,GAAyB,CAAC,EAChD,eAAe,GAAG,QAAQ,EAC1B,kBAAkB,GAAG,UAAU,EAC/B,mBAAmB,EACnB,gBAAgB,EAChB,MAAM,GAAG,EAAE,GACZ,KAAI;IACH,MAAM,EAAE,MAAM,EAAE,GAAGA,mBAAQ,CAAC,UAAU,CAAC;AACvC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE;IAE7B,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,IAAI;AAAE,YAAA,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC;AAE1C,QAAA,IAAI,GAAG,GAAG,CAAA,EAAG,UAAU,gBAAgB;AAEvC,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,YAAY,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;AAClC,YAAA,GAAG,MAAM;SACV;QAED,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE;AAE/D,QAAA,QAAQ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE;AACxD,IAAA,CAAC;IAED,IAAI,IAAI,EAAE;AACR,QAAA,QACEC,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,GAAM,gBAAgB,EAAA,QAAA,EAC/C,eAAe,EAAA,CACT;IAEb;AAEA,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,GAAM,mBAAmB,EAAA,QAAA,EAClD,kBAAkB,EAAA,CACZ;AAEb;;;;"}
+{"version":3,"file":"PanelButton.js","sources":["../../../../src/components/panel/PanelButton.tsx"],"sourcesContent":["\nimport React, { FC } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\nimport { handlePanelClick } from './panel.actions';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { useSession } from '../session/session.hooks';\nimport { URL_PORTAL } from '../../shared/constants';\n\nexport interface PanelButtonProps {\n  params?: { [key: string]: string };\n  loginButtonText?: string | React.ReactNode;\n  registerButtonText?: string | React.ReactNode;\n  registerButtonProps?: ButtonProps;\n  loginButtonProps?: ButtonProps;\n}\n\nexport const PanelButton: FC<PanelButtonProps> = ({\n  loginButtonText = 'CUENTA',\n  registerButtonText = 'INGRESAR',\n  registerButtonProps,\n  loginButtonProps,\n  params = {},\n}) => {\n  const { isOpen } = useStore(panelStore);\n  const { user } = useSession();\n\n  const handleClick = () => {\n    if (user) return handlePanelClick(!isOpen);\n\n    let url = `${URL_PORTAL}/autenticacion`;\n\n    const queryParams = {\n      redirect_url: window.location.href,\n      ...params,\n    };\n\n    const queryString = new URLSearchParams(queryParams).toString();\n\n    return (window.location.href = `${url}?${queryString}`);\n  };\n\n  if (user) {\n    return (\n      <Button onClick={handleClick} {...loginButtonProps}>\n        {loginButtonText}\n      </Button>\n    );\n  }\n\n  return (\n    <Button onClick={handleClick} {...registerButtonProps}>\n      {registerButtonText}\n    </Button>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;MAiBa,WAAW,GAAyB,CAAC,EAChD,eAAe,GAAG,QAAQ,EAC1B,kBAAkB,GAAG,UAAU,EAC/B,mBAAmB,EACnB,gBAAgB,EAChB,MAAM,GAAG,EAAE,GACZ,KAAI;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC;AACvC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE;IAE7B,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,IAAI;AAAE,YAAA,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC;AAE1C,QAAA,IAAI,GAAG,GAAG,CAAA,EAAG,UAAU,gBAAgB;AAEvC,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,YAAY,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;AAClC,YAAA,GAAG,MAAM;SACV;QAED,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE;AAE/D,QAAA,QAAQ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE;AACxD,IAAA,CAAC;IAED,IAAI,IAAI,EAAE;AACR,QAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,GAAM,gBAAgB,EAAA,QAAA,EAC/C,eAAe,EAAA,CACT;IAEb;AAEA,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,GAAM,mBAAmB,EAAA,QAAA,EAClD,kBAAkB,EAAA,CACZ;AAEb;;;;"}

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

@@ -1,9 +1,9 @@
-import { l as libExports } from '../../_virtual/index.js';
+import { createStoreAction } from '@cobuildlab/react-simple-state';
 import { panelStore } from './panel.store.js';
 import { universalCookies } from '../../shared/cookies/index.js';
 import { getCookieOptions } from '../../shared/cookies/cookies.utils.js';
 
-const panelStoreAction = libExports.createStoreAction(panelStore, (prev, data) => ({
+const panelStoreAction = createStoreAction(panelStore, (prev, data) => ({
     ...prev,
     ...data,
 }));

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":["createStoreAction"],"mappings":";;;;;AAOO,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;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';\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;;;;"}

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

@@ -1,6 +1,6 @@
-import { l as libExports } from '../../_virtual/index.js';
+import { createStore } from '@cobuildlab/react-simple-state';
 
-const panelStore = libExports.createStore({
+const panelStore = 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":["createStore"],"mappings":";;AAEO,MAAM,UAAU,GAAGA,sBAAW,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":[],"mappings":";;AAEO,MAAM,UAAU,GAAG,WAAW,CAAC;AAClC,IAAA,YAAY,EAAE;AACV,QAAA,MAAM,EAAE,KAAK;AAChB,KAAA;AACJ,CAAA;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { GoogleOAuthProvider } from '../../node_modules/@react-oauth/google/dist/index.esm.js';
+import { GoogleOAuthProvider } from '@react-oauth/google';
 import { useEffect } from 'react';
 import { SessionUserClientProvider } from './SessionUserClientProvider.js';
 import { sessionConfigStore } from './session.stores.js';

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

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