react-easy-wall 1.1.19 → 1.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddReplyCommentContainer.js","sources":["../../../../../src/components/comment/components/AddReplyCommentContainer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent } from '@mui/material';\nimport { makeStyles } from '@mui/styles';\n\nimport { AddReplyComment } from './AddReplyComment';\nimport { useSession } from '../../session/session.hooks';\nimport { theme } from '../../../shared/mui/theme';\n\nconst useStyles = makeStyles({\n  name: {\n    fontSize: 14,\n    fontWeight: 700,\n  },\n  cardHeader: {\n    '& > .MuiCardHeader-action': {\n      marginTop: 0,\n      marginRight: 0,\n      marginBottom: theme.spacing(1),\n    },\n    alignItems: 'center',\n  },\n});\n\nexport const AddReplyCommentContainer: React.FC = () => {\n  const classes = useStyles();\n  const { user } = useSession();\n\n  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n      <CardHeader\n        sx={{ p: 0 }}\n        title={\n          user ? (\n            <Box className={classes.name} mb={1}>\n              {user?.name}\n            </Box>\n          ) : null\n        }\n        className={classes.cardHeader}\n      />\n      <CardContent sx={{ p: 0 }}>\n        <AddReplyComment />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAUA;AACE;AACE;AACA;AACD;AACD;AACE;AACE;AACA;AACA;AACD;AACD;AACD;AACF;AAEM;AACL;AACA;AAEA;AAkBF;;"}

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

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ReplyComments = require('./ReplyComments.js');
+var CommentItem = require('./CommentItem.js');
+var index = require('../../../_virtual/index.js');
+var comment_store = require('../comment.store.js');
+var AddReplyCommentContainer = require('./AddReplyCommentContainer.js');
+var comment_actions = require('../comment.actions.js');
+var theme = require('../../../shared/mui/theme.js');
+var Grid = require('../../../node_modules/@mui/material/esm/Grid/Grid.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+var Divider = require('../../../node_modules/@mui/material/esm/Divider/Divider.js');
+
+const CommentContainer = ({ comment }) => {
+    const { commentId } = index.libExports.useStore(comment_store.replyCommentStore);
+    const onReply = (r) => {
+        console.log({ r });
+        if (comment.id === commentId) {
+            comment_actions.replyCommentStoreAction('', 0);
+        }
+        else {
+            comment_actions.replyCommentStoreAction(`<b style="color:${theme.PRIMARY_COLOR}">@${r.user?.name}</b>&nbsp;`, comment.id);
+        }
+    };
+    const selectedComment = commentId === comment.id;
+    const haveReplyComments = comment.replies?.length;
+    return (jsxRuntime.jsxs(Grid.default, { container: true, children: [jsxRuntime.jsx(Grid.default, { size: 12, mb: 2, children: jsxRuntime.jsx(CommentItem.CommentItem, { comment: comment, onReply: onReply }) }), selectedComment || haveReplyComments ? (jsxRuntime.jsx(Grid.default, { size: 12, mb: 2, children: jsxRuntime.jsxs(Grid.default, { container: true, children: [jsxRuntime.jsx(Grid.default, { size: 1, children: jsxRuntime.jsx(Box.default, { display: "flex", height: "100%", justifyContent: "center", children: jsxRuntime.jsx(Divider.default, { orientation: "vertical", flexItem: true }) }) }), jsxRuntime.jsx(Grid.default, { size: 11, children: jsxRuntime.jsxs(Grid.default, { container: true, spacing: 2, children: [haveReplyComments ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(ReplyComments.ReplyComments, { replyComments: (comment.replies || []), onReply: onReply }) })) : null, selectedComment ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(AddReplyCommentContainer.AddReplyCommentContainer, {}) })) : null] }) })] }) })) : null] }));
+};
+
+exports.CommentContainer = CommentContainer;
+//# sourceMappingURL=CommentContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;;;;;;AAmBE;AACE;AACA;AACE;;;AAEA;;AAKJ;AAEA;AACA;AAEA;AAmCF;;"}

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

@@ -0,0 +1,42 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var moment = require('../../../_virtual/moment.js');
+var Reply = require('../../../node_modules/@mui/icons-material/esm/Reply.js');
+require('../../../_virtual/es.js');
+var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
+var Card = require('../../../node_modules/@mui/material/esm/Card/Card.js');
+var CardHeader = require('../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+var Typography = require('../../../node_modules/@mui/material/esm/Typography/Typography.js');
+var Avatar = require('../../../node_modules/@mui/material/esm/Avatar/Avatar.js');
+var CardContent = require('../../../node_modules/@mui/material/esm/CardContent/CardContent.js');
+
+moment.default.locale('es');
+const useStyles = makeStyles.default({
+    cardHeader: {
+        '& > .MuiCardHeader-action': {
+            marginTop: 0,
+            marginRight: 0,
+        },
+        '& > .MuiCardHeader-avatar': {
+            outline: '1px solid #eaecf1',
+            borderRadius: '50%',
+        },
+        alignItems: 'center',
+    },
+    reply: {
+        cursor: 'pointer',
+    },
+});
+const CommentItem = ({ comment, onReply, }) => {
+    const classes = useStyles();
+    const { user } = comment;
+    return (jsxRuntime.jsxs(Card.default, { children: [jsxRuntime.jsx(CardHeader.default, { className: classes.cardHeader, title: jsxRuntime.jsxs(Box.default, { display: "flex", children: [jsxRuntime.jsx(Typography.default, { variant: "body1", fontWeight: 700, mr: 1, fontSize: 14, children: user?.name }), jsxRuntime.jsx(Typography.default, { variant: "body1", fontSize: 14, children: moment.default(parseInt(comment.created_at)).fromNow() })] }), avatar: jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40 }, src: user?.avatar }), action: jsxRuntime.jsxs(Box.default, { display: "flex", alignItems: "center", className: classes.reply, onClick: () => {
+                        onReply(comment);
+                    }, children: [jsxRuntime.jsx(Reply.default, { color: "primary" }), jsxRuntime.jsxs(Typography.default, { variant: "body2", fontWeight: 700, color: "primary", children: [' ', "Responder"] })] }) }), jsxRuntime.jsx(CardContent.default, { children: jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: comment.message } }) })] }));
+};
+
+exports.CommentItem = CommentItem;
+//# sourceMappingURL=CommentItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentItem.js","sources":["../../../../../src/components/comment/components/CommentItem.tsx"],"sourcesContent":["'use client'\n\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport {\n  Avatar,\n  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  Typography,\n} from '@mui/material';\nimport { makeStyles } from '@mui/styles';\nimport moment from 'moment/moment';\nimport ReplyIcon from '@mui/icons-material/Reply';\nimport 'moment/locale/es';\n\nmoment.locale('es');\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    alignItems: 'center',\n  },\n  reply: {\n    cursor: 'pointer',\n  },\n});\n\ntype CommentItemProps = {\n  comment: Comment | ReplyComment;\n  onReply: (comment: Comment | ReplyComment) => void;\n};\nexport const CommentItem: React.FC<CommentItemProps> = ({\n  comment,\n  onReply,\n}) => {\n  const classes = useStyles();\n  const { user } = comment;\n\n  return (\n    <Card>\n      <CardHeader\n        className={classes.cardHeader}\n        title={\n          <Box display=\"flex\">\n            <Typography variant=\"body1\" fontWeight={700} mr={1} fontSize={14}>\n              {user?.name}\n            </Typography>\n            <Typography variant=\"body1\" fontSize={14}>\n              {moment(parseInt(comment.created_at as string)).fromNow()}\n            </Typography>\n          </Box>\n        }\n        avatar={\n          <Avatar sx={{ width: 40, height: 40 }} src={user?.avatar as string} />\n        }\n        action={\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            className={classes.reply}\n            onClick={() => {\n              onReply(comment);\n            }}\n          >\n            <ReplyIcon color=\"primary\" />\n            <Typography variant=\"body2\" fontWeight={700} color=\"primary\">\n              {' '}\n              Responder\n            </Typography>\n          </Box>\n        }\n      />\n      <CardContent>\n        <div\n          dangerouslySetInnerHTML={{ __html: comment.message as string }}\n        ></div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["moment"],"mappings":";;;;;;;;;;;;;;;AAkBAA;AAEA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACD;AACD;AACE;AACD;AACF;AAMM;AAIL;AACA;;;;AA2CF;;"}

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

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var DialogDefault = require('../../../shared/components/dialog/DialogDefault.js');
+var index = require('../../../_virtual/index.js');
+var comment_store = require('../comment.store.js');
+var comment_actions = require('../comment.actions.js');
+var index$1 = require('../../../shared/constants/index.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+var Typography = require('../../../node_modules/@mui/material/esm/Typography/Typography.js');
+
+const CommentSubscriptionDialog = () => {
+    const { open } = index.libExports.useStore(comment_store.openSubscriptionCommentsStore);
+    return (jsxRuntime.jsx(DialogDefault.DialogDefault, { isOpen: open, showActions: true, handleClose: () => comment_actions.openSubscriptionCommentsStoreAction(false), successText: "SUSCRIBIRTE", handleSuccess: () => (window.location.href = `${index$1.URL_PORTAL}/planes`), children: jsxRuntime.jsx(Box.default, { px: 2, textAlign: "center", children: jsxRuntime.jsx(Typography.default, { fontSize: 20, fontWeight: 700, children: "Debes tener una suscripci\u00F3n activa para poder realizar un comentario" }) }) }));
+};
+
+exports.CommentSubscriptionDialog = CommentSubscriptionDialog;
+//# sourceMappingURL=CommentSubscriptionDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;AAUO;;AAEL;AAiBF;;"}

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

@@ -0,0 +1,13 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CommentItem = require('./CommentItem.js');
+var Grid = require('../../../node_modules/@mui/material/esm/Grid/Grid.js');
+
+const ReplyComments = ({ replyComments, onReply, }) => {
+    return (jsxRuntime.jsx(Grid.default, { container: true, spacing: 2, children: replyComments?.map((replyComment, key) => (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(CommentItem.CommentItem, { comment: replyComment, onReply: onReply }) }, key))) }));
+};
+
+exports.ReplyComments = ReplyComments;
+//# sourceMappingURL=ReplyComments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReplyComments.js","sources":["../../../../../src/components/comment/components/ReplyComments.tsx"],"sourcesContent":["'use client'\n\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Grid } from '@mui/material';\nimport { CommentItem } from './CommentItem';\n\ntype ReplyCommentsProps = {\n  replyComments: ReplyComment[];\n  onReply: (comment: Comment | ReplyComment) => void;\n};\n\nexport const ReplyComments: React.FC<ReplyCommentsProps> = ({\n  replyComments,\n  onReply,\n}) => {\n  return (\n    <Grid container spacing={2}>\n      {replyComments?.map((replyComment, key) => (\n        <Grid size={12} key={key}>\n          <CommentItem comment={replyComment} onReply={onReply} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAaO;;AAaP;;"}

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

@@ -0,0 +1,26 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../_virtual/index.js');
+var comment_store = require('../comment.store.js');
+var comment_hooks = require('../comment.hooks.js');
+var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
+var Grid = require('../../../node_modules/@mui/material/esm/Grid/Grid.js');
+var Paper = require('../../../node_modules/@mui/material/esm/Paper/Paper.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+
+const useStyles = makeStyles.default({
+    root: {
+        cursor: 'pointer',
+    },
+});
+const ShowMoreComments = () => {
+    const { comments, count } = index.libExports.useStore(comment_store.fetchCommentsStore);
+    const classes = useStyles();
+    const { loading, loadMoreComments } = comment_hooks.useComment();
+    return count > comments.length ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(Paper.default, { elevation: 1, className: classes.root, onClick: () => loadMoreComments(), children: jsxRuntime.jsx(Box.default, { p: 1, textAlign: "center", children: loading ? 'Cargando...' : 'Ver más comentarios' }) }) })) : null;
+};
+
+exports.ShowMoreComments = ShowMoreComments;
+//# sourceMappingURL=ShowMoreComments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreComments.js","sources":["../../../../../src/components/comment/components/ShowMoreComments.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;AASA;AACE;AACE;AACD;AACF;AAEM;;AAEL;;AAIA;AAaF;;"}

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

@@ -0,0 +1,92 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
+var Typography = require('../../node_modules/@mui/material/esm/Typography/Typography.js');
+var Button = require('../../node_modules/@mui/material/esm/Button/Button.js');
+
+const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = 'Ya estoy registrado', secondaryButtonProps = {}, title = 'Este artículo es exclusivo para usuarios registrados', subtitle = 'Regístrate para obtener beneficios exclusivos.', buttonText = '¡Regístrate gratis!', }) => {
+    const { sx: sxContainerProps, ...containerPropRest } = containerProps;
+    const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;
+    const { sx: sxTitleProps, ...titlePropRest } = titleProps;
+    const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;
+    const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;
+    const url = process.env.NEXT_PUBLIC_URL_PORTAL || '';
+    const handleButton = () => {
+        if (!url) {
+            console.error('NEXT_PUBLIC_URL_PORTAL is required!');
+            return null;
+        }
+        return (window.location.href = `${url}/autenticacion?action=AUTH_REGISTER?post_url=${window.location.href}`);
+    };
+    const handleSecondaryButton = () => {
+        if (!url) {
+            console.error('NEXT_PUBLIC_URL_PORTAL is required!');
+            return null;
+        }
+        return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
+    };
+    return (jsxRuntime.jsx(Box.default, { sx: {
+            display: 'flex',
+            width: '100%',
+            border: '1px solid #707070',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            background: 'white',
+            paddingTop: '80px',
+            paddingBottom: '80px',
+            borderRadius: '20px',
+            boxShadow: '0px 0px 32px #00000029',
+            ...sxContainerProps,
+        }, ...containerPropRest, children: jsxRuntime.jsxs(Box.default, { sx: {
+                width: {
+                    xs: 360,
+                    md: 460,
+                },
+                justifyContent: 'center',
+                alignItems: 'center',
+                flexDirection: 'column',
+                display: 'flex',
+            }, children: [jsxRuntime.jsx(Typography.default, { sx: {
+                        fontWeight: 700,
+                        lineHeight: '34px',
+                        fontSize: '34px',
+                        textAlign: 'center',
+                        marginBottom: '1.5rem',
+                        ...sxTitleProps,
+                    }, ...titlePropRest, children: title }), jsxRuntime.jsx(Typography.default, { sx: { textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), jsxRuntime.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                        background: '#f75957',
+                        '&:hover': {
+                            backgroundColor: '#f75957',
+                        },
+                        fontWeight: 700,
+                        textTransform: 'uppercase',
+                        marginBottom: '.5rem',
+                        color: 'white',
+                        fontSize: '18px',
+                        paddingTop: '.5rem',
+                        paddingBottom: '.5rem',
+                        paddingLeft: '.75rem',
+                        paddingRight: '.75rem',
+                        borderRadius: '0.25rem',
+                        ...sxButtonProps,
+                    }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), jsxRuntime.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                        textDecoration: 'underline',
+                        background: 'transparent',
+                        textTransform: 'none',
+                        fontWeight: 700,
+                        textAlign: 'center',
+                        fontSize: '16px',
+                        paddingTop: '.5rem',
+                        paddingBottom: '.5rem',
+                        paddingLeft: '.75rem',
+                        paddingRight: '.75rem',
+                        color: 'black',
+                        ...sxSecondaryButtonProps,
+                    }, onClick: () => handleSecondaryButton(), ...secondaryButtonPropsRest, children: secondaryButtonText })] }) }));
+};
+
+exports.PaywallRegister = PaywallRegister;
+//# sourceMappingURL=PaywallRegister.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaywallRegister.js","sources":["../../../../src/components/paywall/PaywallRegister.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\n\nexport interface PaywallRegisterProps {\n  post?: any;\n  containerProps?: BoxProps;\n  titleProps?: TypographyProps;\n  subtitleProps?: TypographyProps;\n  buttonProps?: ButtonProps;\n  buttonText?: string;\n  secondaryButtonProps?: ButtonProps;\n  secondaryButtonText?: string;\n  title?: string;\n  subtitle?: string;\n  withCaption?: boolean;\n}\n\nexport const PaywallRegister: React.FC<PaywallRegisterProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya estoy registrado',\n  secondaryButtonProps = {},\n  title = 'Este artículo es exclusivo para usuarios registrados',\n  subtitle = 'Regístrate para obtener beneficios exclusivos.',\n  buttonText = '¡Regístrate gratis!',\n}) => {\n  const { sx: sxContainerProps, ...containerPropRest } = containerProps;\n  const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;\n  const { sx: sxTitleProps, ...titlePropRest } = titleProps;\n  const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;\n  const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;\n  const url = process.env.NEXT_PUBLIC_URL_PORTAL || '';\n\n  const handleButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_REGISTER?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        background: 'white',\n        paddingTop: '80px',\n        paddingBottom: '80px',\n        borderRadius: '20px',\n        boxShadow: '0px 0px 32px #00000029',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Box\n        sx={{\n          width: {\n            xs: 360,\n            md: 460,\n          },\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'column',\n          display: 'flex',\n        }}>\n        <Typography\n          sx={{\n            fontWeight: 700,\n            lineHeight: '34px',\n            fontSize: '34px',\n            textAlign: 'center',\n            marginBottom: '1.5rem',\n            ...sxTitleProps,\n          }}\n          {...titlePropRest}>\n          {title}\n        </Typography>\n        <Typography\n          sx={{ textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }}\n          {...subtitlePropRest}>\n          {subtitle}\n        </Typography>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            background: '#f75957',\n            '&:hover': {\n              backgroundColor: '#f75957',\n            },\n            fontWeight: 700,\n            textTransform: 'uppercase',\n            marginBottom: '.5rem',\n            color: 'white',\n            fontSize: '18px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            borderRadius: '0.25rem',\n            ...sxButtonProps,\n          }}\n          onClick={() => handleButton()}\n          {...buttonPropsRest}>\n          {buttonText}\n        </Button>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            textDecoration: 'underline',\n            background: 'transparent',\n            textTransform: 'none',\n            fontWeight: 700,\n            textAlign: 'center',\n            fontSize: '16px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            color: 'black',\n            ...sxSecondaryButtonProps,\n          }}\n          onClick={() => handleSecondaryButton()}\n          {...secondaryButtonPropsRest}>\n          {secondaryButtonText}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBO;;;;;;;;;AAoBD;AACA;;AAGF;AACF;;;AAII;AACA;;AAGF;AACF;AAEA;AAGM;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAIG;AACE;AACA;AACD;AACD;AACA;AACA;AACA;AACD;AAGG;AACA;AACA;AACA;AACA;AACA;AACD;AAeC;AACA;AACE;AACD;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAQX;;"}

package/dist/cjs/components/session/session.server.actions.js

@@ -3,7 +3,7 @@
 
 var headers = require('next/headers');
 var generated = require('../../shared/types/generated.js');
-var apollo_client = require('../../shared/apollo/apollo.client.js');
+var apollo_server = require('../../shared/apollo/apollo.server.js');
 
 const getUserServer = async (config) => {
     let user = null;
@@ -15,7 +15,7 @@ const getUserServer = async (config) => {
         console.error('URI is missing');
         return user;
     }
-    const { getClient } = apollo_client.apolloClient(config);
+    const { getClient } = apollo_server.apolloServer(config);
     const cookieStore = await headers.cookies();
     try {
         const token = cookieStore.get(config.cookieTokenName)?.value;

package/dist/cjs/components/session/session.server.actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"session.server.actions.js","sources":["../../../../src/components/session/session.server.actions.ts"],"sourcesContent":["'use server'\nimport { cookies } from 'next/headers';\nimport { Config } from '../../config/config.types';\nimport { CurrentUserDocument, CurrentUserQuery } from '../../shared/types/generated';\nimport {apolloClient} from \"../../shared/apollo/apollo.client\";\n\nexport const getUserServer = async (config: Config) => {\n\n  let user = null;\n\n  if (!config.cookieTokenName) {\n    console.error('Cookie token name is missing');\n    return user;\n  }\n\n  if (!config.uri) {\n    console.error('URI is missing');\n    return user;\n  }\n\n  const { getClient } = apolloClient(config);\n  const cookieStore = await cookies();\n\n\n\n\n  try {\n    const token = cookieStore.get(config.cookieTokenName as string)?.value;\n    const { data } = await getClient().query<CurrentUserQuery>({\n      query: CurrentUserDocument,\n      context: {\n        fetchOptions: {\n          next: { revalidate: 3600 },\n        },\n        headers: {\n          Authorization: `Bearer ${token}`,\n        }\n      },\n    });\n\n    user = data?.currentUser;\n\n  } catch (error) {\n    console.error(error);\n  }\n\n  return user;\n};\n"],"names":[],"mappings":";;;;;;;;;AAUE;AACE;AACA;;AAGF;AACE;AACA;;;AAIF;AAKA;AACE;;AAEE;AACA;AACE;AACE;AACD;AACD;;AAEC;AACF;AACF;AAED;;;AAGA;;AAGF;AACF;;"}
+{"version":3,"file":"session.server.actions.js","sources":["../../../../src/components/session/session.server.actions.ts"],"sourcesContent":["'use server'\nimport { cookies } from 'next/headers';\nimport { Config } from '../../config/config.types';\nimport { CurrentUserDocument, CurrentUserQuery } from '../../shared/types/generated';\nimport {apolloServer} from \"../../shared/apollo/apollo.server\";\n\nexport const getUserServer = async (config: Config) => {\n\n  let user = null;\n\n  if (!config.cookieTokenName) {\n    console.error('Cookie token name is missing');\n    return user;\n  }\n\n  if (!config.uri) {\n    console.error('URI is missing');\n    return user;\n  }\n\n  const { getClient } = apolloServer(config);\n  const cookieStore = await cookies();\n\n\n\n\n  try {\n    const token = cookieStore.get(config.cookieTokenName as string)?.value;\n    const { data } = await getClient().query<CurrentUserQuery>({\n      query: CurrentUserDocument,\n      context: {\n        fetchOptions: {\n          next: { revalidate: 3600 },\n        },\n        headers: {\n          Authorization: `Bearer ${token}`,\n        }\n      },\n    });\n\n    user = data?.currentUser;\n\n  } catch (error) {\n    console.error(error);\n  }\n\n  return user;\n};\n"],"names":[],"mappings":";;;;;;;;;AAUE;AACE;AACA;;AAGF;AACE;AACA;;;AAIF;AAKA;AACE;;AAEE;AACA;AACE;AACE;AACD;AACD;;AAEC;AACF;AACF;AAED;;;AAGA;;AAGF;AACF;;"}

package/dist/cjs/index.js

@@ -13,7 +13,11 @@ var panel_store = require('./components/panel/panel.store.js');
 var panel_actions = require('./components/panel/panel.actions.js');
 var SessionProvider = require('./components/session/SessionProvider.js');
 var PaywallSubscription = require('./components/paywall/PaywallSubscription.js');
+var PaywallRegister = require('./components/paywall/PaywallRegister.js');
 var Paywall = require('./components/paywall/Paywall.js');
+var Comments = require('./components/comment/Comments.js');
+var CommentContext = require('./components/comment/CommentContext.js');
+var CommentProvider = require('./components/comment/CommentProvider.js');
 var index = require('./shared/constants/index.js');
 
 
@@ -33,7 +37,12 @@ exports.handlePanelClick = panel_actions.handlePanelClick;
 exports.panelStoreAction = panel_actions.panelStoreAction;
 exports.SessionProvider = SessionProvider.SessionProvider;
 exports.PaywallSubscription = PaywallSubscription.PaywallSubscription;
+exports.PaywallRegister = PaywallRegister.PaywallRegister;
 exports.Paywall = Paywall.Paywall;
+exports.Comments = Comments.Comments;
+exports.CommentContext = CommentContext.CommentContext;
+exports.Provider = CommentContext.Provider;
+exports.CommentProvider = CommentProvider.CommentProvider;
 exports.COOKIE_DOMAIN = index.COOKIE_DOMAIN;
 exports.COOKIE_TOKEN_NAME = index.COOKIE_TOKEN_NAME;
 exports.URI = index.URI;

package/dist/cjs/index.js.map

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

package/dist/cjs/node_modules/@apollo/client/link/context/index.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var ApolloLink = require('../core/ApolloLink.js');
+var Observable = require('../../../../rxjs/dist/esm5/internal/Observable.js');
+
+/**
+ * `SetContextLink` is a non-terminating link that allows you to modify the
+ * context of GraphQL operations before they're passed to the next link in the
+ * chain. This is commonly used for authentication, adding headers, and other
+ * request-time configuration.
+ *
+ * @example
+ *
+ * ```ts
+ * import { SetContextLink } from "@apollo/client/link/context";
+ *
+ * const link = new SetContextLink((prevContext, operation) => {
+ *   return {
+ *     credentials: "include",
+ *     // ...
+ *   };
+ * });
+ * ```
+ */
+class SetContextLink extends ApolloLink.ApolloLink {
+    constructor(setter) {
+        super((operation, forward) => {
+            const { ...request } = operation;
+            Object.defineProperty(request, "client", {
+                enumerable: false,
+                value: operation.client,
+            });
+            return new Observable.Observable((observer) => {
+                let closed = false;
+                Promise.resolve(request)
+                    .then((req) => setter(operation.getContext(), req))
+                    .then(operation.setContext)
+                    .then(() => {
+                    if (!closed) {
+                        forward(operation).subscribe(observer);
+                    }
+                })
+                    .catch(observer.error.bind(observer));
+                return () => {
+                    closed = true;
+                };
+            });
+        });
+    }
+}
+
+exports.SetContextLink = SetContextLink;
+//# sourceMappingURL=index.js.map

package/dist/cjs/node_modules/@apollo/client/link/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../node_modules/@apollo/client/link/context/index.js"],"sourcesContent":["import { Observable } from \"rxjs\";\nimport { ApolloLink } from \"@apollo/client/link\";\n/**\n * @deprecated\n * Use `SetContextLink` from `@apollo/client/link/context` instead. Note you\n * will need to flip the arguments when using `SetContextLink` as `prevContext`\n * is the first argument.\n *\n * ```ts\n * new SetContextLink((prevContext, operation) => {\n *   // ...\n * });\n * ```\n */\nexport function setContext(setter) {\n    return new SetContextLink((prevContext, operation) => setter(operation, prevContext));\n}\n/**\n * `SetContextLink` is a non-terminating link that allows you to modify the\n * context of GraphQL operations before they're passed to the next link in the\n * chain. This is commonly used for authentication, adding headers, and other\n * request-time configuration.\n *\n * @example\n *\n * ```ts\n * import { SetContextLink } from \"@apollo/client/link/context\";\n *\n * const link = new SetContextLink((prevContext, operation) => {\n *   return {\n *     credentials: \"include\",\n *     // ...\n *   };\n * });\n * ```\n */\nexport class SetContextLink extends ApolloLink {\n    constructor(setter) {\n        super((operation, forward) => {\n            const { ...request } = operation;\n            Object.defineProperty(request, \"client\", {\n                enumerable: false,\n                value: operation.client,\n            });\n            return new Observable((observer) => {\n                let closed = false;\n                Promise.resolve(request)\n                    .then((req) => setter(operation.getContext(), req))\n                    .then(operation.setContext)\n                    .then(() => {\n                    if (!closed) {\n                        forward(operation).subscribe(observer);\n                    }\n                })\n                    .catch(observer.error.bind(observer));\n                return () => {\n                    closed = true;\n                };\n            });\n        });\n    }\n}\n//# sourceMappingURL=index.js.map"],"names":["ApolloLink","Observable"],"mappings":";;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,cAAc,SAASA,qBAAU,CAAC;AAC/C,IAAI,WAAW,CAAC,MAAM,EAAE;AACxB,QAAQ,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK;AACtC,YAAY,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,SAAS;AAC5C,YAAY,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,QAAQ,EAAE;AACrD,gBAAgB,UAAU,EAAE,KAAK;AACjC,gBAAgB,KAAK,EAAE,SAAS,CAAC,MAAM;AACvC,aAAa,CAAC;AACd,YAAY,OAAO,IAAIC,qBAAU,CAAC,CAAC,QAAQ,KAAK;AAChD,gBAAgB,IAAI,MAAM,GAAG,KAAK;AAClC,gBAAgB,OAAO,CAAC,OAAO,CAAC,OAAO;AACvC,qBAAqB,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,GAAG,CAAC;AACtE,qBAAqB,IAAI,CAAC,SAAS,CAAC,UAAU;AAC9C,qBAAqB,IAAI,CAAC,MAAM;AAChC,oBAAoB,IAAI,CAAC,MAAM,EAAE;AACjC,wBAAwB,OAAO,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;AAC9D,oBAAoB;AACpB,gBAAgB,CAAC;AACjB,qBAAqB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACzD,gBAAgB,OAAO,MAAM;AAC7B,oBAAoB,MAAM,GAAG,IAAI;AACjC,gBAAgB,CAAC;AACjB,YAAY,CAAC,CAAC;AACd,QAAQ,CAAC,CAAC;AACV,IAAI;AACJ;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+
+exports.default = _arrayLikeToArray;
+//# sourceMappingURL=arrayLikeToArray.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrayLikeToArray.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"],"sourcesContent":["function _arrayLikeToArray(r, a) {\n  (null == a || a > r.length) && (a = r.length);\n  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n  return n;\n}\nexport { _arrayLikeToArray as default };"],"names":[],"mappings":";;;;AAAA,SAAS,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE;AACjC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;AAC/C,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACvD,EAAE,OAAO,CAAC;AACV;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var arrayLikeToArray = require('./arrayLikeToArray.js');
+
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return arrayLikeToArray.default(r);
+}
+
+exports.default = _arrayWithoutHoles;
+//# sourceMappingURL=arrayWithoutHoles.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrayWithoutHoles.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"],"sourcesContent":["import arrayLikeToArray from \"./arrayLikeToArray.js\";\nfunction _arrayWithoutHoles(r) {\n  if (Array.isArray(r)) return arrayLikeToArray(r);\n}\nexport { _arrayWithoutHoles as default };"],"names":["arrayLikeToArray"],"mappings":";;;;;;AACA,SAAS,kBAAkB,CAAC,CAAC,EAAE;AAC/B,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAOA,wBAAgB,CAAC,CAAC,CAAC;AAClD;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/createClass.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var toPropertyKey = require('./toPropertyKey.js');
+
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, toPropertyKey.default(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
+    writable: false
+  }), e;
+}
+
+exports.default = _createClass;
+//# sourceMappingURL=createClass.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/createClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createClass.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/createClass.js"],"sourcesContent":["import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperties(e, r) {\n  for (var t = 0; t < r.length; t++) {\n    var o = r[t];\n    o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);\n  }\n}\nfunction _createClass(e, r, t) {\n  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", {\n    writable: !1\n  }), e;\n}\nexport { _createClass as default };"],"names":["toPropertyKey"],"mappings":";;;;;;AACA,SAAS,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE;AACjC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAChB,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,IAAI,KAAE,EAAE,CAAC,CAAC,YAAY,GAAG,IAAE,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,IAAE,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAEA,qBAAa,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAChJ,EAAE;AACF;AACA,SAAS,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC/B,EAAE,OAAO,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,EAAgC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,WAAW,EAAE;AACrH,IAAI,QAAQ,EAAE;AACd,GAAG,CAAC,EAAE,CAAC;AACP;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/iterableToArray.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+
+exports.default = _iterableToArray;
+//# sourceMappingURL=iterableToArray.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/iterableToArray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iterableToArray.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js"],"sourcesContent":["function _iterableToArray(r) {\n  if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r);\n}\nexport { _iterableToArray as default };"],"names":[],"mappings":";;;;AAAA,SAAS,gBAAgB,CAAC,CAAC,EAAE;AAC7B,EAAE,IAAI,WAAW,IAAI,OAAO,MAAM,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AACjH;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+exports.default = _nonIterableSpread;
+//# sourceMappingURL=nonIterableSpread.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nonIterableSpread.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"],"sourcesContent":["function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nexport { _nonIterableSpread as default };"],"names":[],"mappings":";;;;AAAA,SAAS,kBAAkB,GAAG;AAC9B,EAAE,MAAM,IAAI,SAAS,CAAC,sIAAsI,CAAC;AAC7J;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var arrayWithoutHoles = require('./arrayWithoutHoles.js');
+var iterableToArray = require('./iterableToArray.js');
+var unsupportedIterableToArray = require('./unsupportedIterableToArray.js');
+var nonIterableSpread = require('./nonIterableSpread.js');
+
+function _toConsumableArray(r) {
+  return arrayWithoutHoles.default(r) || iterableToArray.default(r) || unsupportedIterableToArray.default(r) || nonIterableSpread.default();
+}
+
+exports.default = _toConsumableArray;
+//# sourceMappingURL=toConsumableArray.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toConsumableArray.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"],"sourcesContent":["import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nfunction _toConsumableArray(r) {\n  return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();\n}\nexport { _toConsumableArray as default };"],"names":["arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread"],"mappings":";;;;;;;;;AAIA,SAAS,kBAAkB,CAAC,CAAC,EAAE;AAC/B,EAAE,OAAOA,yBAAiB,CAAC,CAAC,CAAC,IAAIC,uBAAe,CAAC,CAAC,CAAC,IAAIC,kCAA0B,CAAC,CAAC,CAAC,IAAIC,yBAAiB,EAAE;AAC3G;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/toPrimitive.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _typeof = require('./typeof.js');
+
+function toPrimitive(t, r) {
+  if ("object" != _typeof.default(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != _typeof.default(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (String )(t);
+}
+
+exports.default = toPrimitive;
+//# sourceMappingURL=toPrimitive.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/toPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toPrimitive.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };"],"names":["_typeof"],"mappings":";;;;;;AACA,SAAS,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE;AAC3B,EAAE,IAAI,QAAQ,IAAIA,eAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC;AAC5C,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;AAC/B,EAAE,IAAI,MAAM,KAAK,CAAC,EAAE;AACpB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAc,CAAC;AACrC,IAAI,IAAI,QAAQ,IAAIA,eAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;AACxC,IAAI,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC;AACvE,EAAE;AACF,EAAE,OAAO,CAAkB,MAAM,CAAS,EAAE,CAAC,CAAC;AAC9C;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _typeof = require('./typeof.js');
+var toPrimitive = require('./toPrimitive.js');
+
+function toPropertyKey(t) {
+  var i = toPrimitive.default(t, "string");
+  return "symbol" == _typeof.default(i) ? i : i + "";
+}
+
+exports.default = toPropertyKey;
+//# sourceMappingURL=toPropertyKey.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toPropertyKey.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };"],"names":["toPrimitive","_typeof"],"mappings":";;;;;;;AAEA,SAAS,aAAa,CAAC,CAAC,EAAE;AAC1B,EAAE,IAAI,CAAC,GAAGA,mBAAW,CAAC,CAAC,EAAE,QAAQ,CAAC;AAClC,EAAE,OAAO,QAAQ,IAAIC,eAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE;AAC5C;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/typeof.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+exports.default = _typeof;
+//# sourceMappingURL=typeof.js.map

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/typeof.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeof.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };"],"names":[],"mappings":";;;;AAAA,SAAS,OAAO,CAAC,CAAC,EAAE;AACpB,EAAE,yBAAyB;;AAE3B,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC;AACnB,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvH,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;AACf;;;;","x_google_ignoreList":[0]}