react-easy-wall 1.1.20 → 1.2.2

package/dist/cjs/node_modules/tiny-warning/dist/tiny-warning.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiny-warning.esm.js","sources":["../../../../../node_modules/tiny-warning/dist/tiny-warning.esm.js"],"sourcesContent":["var isProduction = process.env.NODE_ENV === 'production';\nfunction warning(condition, message) {\n  if (!isProduction) {\n    if (condition) {\n      return;\n    }\n\n    var text = \"Warning: \" + message;\n\n    if (typeof console !== 'undefined') {\n      console.warn(text);\n    }\n\n    try {\n      throw Error(text);\n    } catch (x) {}\n  }\n}\n\nexport default warning;\n"],"names":[],"mappings":";;;;AAAA,IAAI,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;AACxD,SAAS,OAAO,CAAC,SAAS,EAAE,OAAO,EAAE;AACrC,EAAE,IAAI,CAAC,YAAY,EAAE;;AAKrB,IAAI,IAAI,IAAI,GAAG,WAAW,GAAG,OAAO;;AAEpC,IAAI,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AACxC,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,IAAI;;AAEJ,IAAI,IAAI;AACR,MAAM,MAAM,KAAK,CAAC,IAAI,CAAC;AACvB,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;AACjB,EAAE;AACF;;;;","x_google_ignoreList":[0]}

package/dist/cjs/shared/apollo/apollo.client.js

@@ -1,17 +1,43 @@
 'use strict';
 
 var clientIntegrationNextjs = require('@apollo/client-integration-nextjs');
+var index = require('../../node_modules/@apollo/client/link/context/index.js');
+var index$1 = require('../cookies/index.js');
+var index$2 = require('../constants/index.js');
 var HttpLink = require('../../node_modules/@apollo/client/link/http/HttpLink.js');
+var ApolloLink = require('../../node_modules/@apollo/client/link/core/ApolloLink.js');
 
-const apolloClient = (config) => {
-    const { uri } = config;
-    return clientIntegrationNextjs.registerApolloClient(() => {
-        return new clientIntegrationNextjs.ApolloClient({
-            cache: new clientIntegrationNextjs.InMemoryCache(),
-            link: new HttpLink.HttpLink({
-                uri,
-            }),
-        });
+const authLink = new index.SetContextLink(() => {
+    const token = index$1.universalCookies.get(index$2.COOKIE_TOKEN_NAME);
+    if (token) {
+        return {
+            headers: {
+                authorization: token ? `Bearer ${token}` : '',
+                'Apollo-Require-Preflight': 'true',
+            },
+        };
+    }
+    return {
+        headers: {
+            'Apollo-Require-Preflight': 'true',
+        },
+    };
+});
+const apolloClient = () => {
+    const httpLink = new HttpLink.HttpLink({
+        uri: index$2.URI,
+        fetchOptions: { cache: 'no-store' },
+    });
+    return new clientIntegrationNextjs.ApolloClient({
+        cache: new clientIntegrationNextjs.InMemoryCache(),
+        link: typeof window === 'undefined'
+            ? ApolloLink.ApolloLink.from([
+                new clientIntegrationNextjs.SSRMultipartLink({
+                    stripDefer: true,
+                }),
+                authLink.concat(httpLink),
+            ])
+            : authLink.concat(httpLink),
     });
 };
 

package/dist/cjs/shared/apollo/apollo.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"apollo.client.js","sources":["../../../../src/shared/apollo/apollo.client.ts"],"sourcesContent":["import { HttpLink } from '@apollo/client';\nimport {\n  registerApolloClient,\n  ApolloClient,\n  InMemoryCache,\n} from '@apollo/client-integration-nextjs';\nimport { Config } from '../../config/config.types';\n\nexport const apolloClient = (config: Config) => {\n  const { uri } = config;\n  return registerApolloClient(() => {\n    return new ApolloClient({\n      cache: new InMemoryCache(),\n      link: new HttpLink({\n        uri,\n      }),\n    });\n  });\n};\n"],"names":["registerApolloClient","ApolloClient","InMemoryCache","HttpLink"],"mappings":";;;;;AAQO,MAAM,YAAY,GAAG,CAAC,MAAc,KAAI;AAC7C,IAAA,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM;IACtB,OAAOA,4CAAoB,CAAC,MAAK;QAC/B,OAAO,IAAIC,oCAAY,CAAC;YACtB,KAAK,EAAE,IAAIC,qCAAa,EAAE;YAC1B,IAAI,EAAE,IAAIC,iBAAQ,CAAC;gBACjB,GAAG;aACJ,CAAC;AACH,SAAA,CAAC;AACJ,IAAA,CAAC,CAAC;AACJ;;;;"}
+{"version":3,"file":"apollo.client.js","sources":["../../../../src/shared/apollo/apollo.client.ts"],"sourcesContent":["import { ApolloLink, from, HttpLink } from '@apollo/client';\nimport { ApolloClient, InMemoryCache, SSRMultipartLink } from '@apollo/client-integration-nextjs';\nimport { SetContextLink } from '@apollo/client/link/context';\nimport { universalCookies } from '../cookies';\nimport { COOKIE_TOKEN_NAME, URI } from '../constants';\n\nconst authLink = new SetContextLink(() => {\n  const token = universalCookies.get(COOKIE_TOKEN_NAME);\n  if (token) {\n    return {\n      headers: {\n        authorization: token ? `Bearer ${token}` : '',\n        'Apollo-Require-Preflight': 'true',\n      },\n    };\n  }\n  return {\n    headers: {\n      'Apollo-Require-Preflight': 'true',\n    },\n  };\n});\n\n\nexport const apolloClient = () => {\n  const httpLink = new HttpLink({\n    uri: URI,\n    fetchOptions: { cache: 'no-store' },\n  });\n\n  return new ApolloClient({\n    cache: new InMemoryCache(),\n    link:\n      typeof window === 'undefined'\n        ? ApolloLink.from([\n            new SSRMultipartLink({\n              stripDefer: true,\n            }),\n            authLink.concat(httpLink),\n          ])\n        : authLink.concat(httpLink),\n  });\n};\n"],"names":["SetContextLink","universalCookies","COOKIE_TOKEN_NAME","HttpLink","URI","ApolloClient","InMemoryCache","ApolloLink","SSRMultipartLink"],"mappings":";;;;;;;;;AAMA,MAAM,QAAQ,GAAG,IAAIA,oBAAc,CAAC,MAAK;IACvC,MAAM,KAAK,GAAGC,wBAAgB,CAAC,GAAG,CAACC,yBAAiB,CAAC;IACrD,IAAI,KAAK,EAAE;QACT,OAAO;AACL,YAAA,OAAO,EAAE;gBACP,aAAa,EAAE,KAAK,GAAG,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE,GAAG,EAAE;AAC7C,gBAAA,0BAA0B,EAAE,MAAM;AACnC,aAAA;SACF;IACH;IACA,OAAO;AACL,QAAA,OAAO,EAAE;AACP,YAAA,0BAA0B,EAAE,MAAM;AACnC,SAAA;KACF;AACH,CAAC,CAAC;AAGK,MAAM,YAAY,GAAG,MAAK;AAC/B,IAAA,MAAM,QAAQ,GAAG,IAAIC,iBAAQ,CAAC;AAC5B,QAAA,GAAG,EAAEC,WAAG;AACR,QAAA,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;AACpC,KAAA,CAAC;IAEF,OAAO,IAAIC,oCAAY,CAAC;QACtB,KAAK,EAAE,IAAIC,qCAAa,EAAE;AAC1B,QAAA,IAAI,EACF,OAAO,MAAM,KAAK;AAChB,cAAEC,qBAAU,CAAC,IAAI,CAAC;AACd,gBAAA,IAAIC,wCAAgB,CAAC;AACnB,oBAAA,UAAU,EAAE,IAAI;iBACjB,CAAC;AACF,gBAAA,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC;aAC1B;AACH,cAAE,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC;AAChC,KAAA,CAAC;AACJ;;;;"}

package/dist/cjs/shared/apollo/apollo.server.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var clientIntegrationNextjs = require('@apollo/client-integration-nextjs');
+var HttpLink = require('../../node_modules/@apollo/client/link/http/HttpLink.js');
+
+const apolloServer = (config) => {
+    const { uri } = config;
+    return clientIntegrationNextjs.registerApolloClient(() => {
+        return new clientIntegrationNextjs.ApolloClient({
+            cache: new clientIntegrationNextjs.InMemoryCache(),
+            link: new HttpLink.HttpLink({
+                uri,
+            }),
+        });
+    });
+};
+
+exports.apolloServer = apolloServer;
+//# sourceMappingURL=apollo.server.js.map

package/dist/cjs/shared/apollo/apollo.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apollo.server.js","sources":["../../../../src/shared/apollo/apollo.server.ts"],"sourcesContent":["import { HttpLink } from '@apollo/client';\nimport {\n  registerApolloClient,\n  ApolloClient,\n  InMemoryCache,\n} from '@apollo/client-integration-nextjs';\nimport { Config } from '../../config/config.types';\n\nexport const apolloServer = (config: Config) => {\n  const { uri } = config;\n  return registerApolloClient(() => {\n    return new ApolloClient({\n      cache: new InMemoryCache(),\n      link: new HttpLink({\n        uri,\n      }),\n    });\n  });\n};\n"],"names":["registerApolloClient","ApolloClient","InMemoryCache","HttpLink"],"mappings":";;;;;AAQO,MAAM,YAAY,GAAG,CAAC,MAAc,KAAI;AAC7C,IAAA,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM;IACtB,OAAOA,4CAAoB,CAAC,MAAK;QAC/B,OAAO,IAAIC,oCAAY,CAAC;YACtB,KAAK,EAAE,IAAIC,qCAAa,EAAE;YAC1B,IAAI,EAAE,IAAIC,iBAAQ,CAAC;gBACjB,GAAG;aACJ,CAAC;AACH,SAAA,CAAC;AACJ,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/cjs/shared/components/buttons/ButtonDefault.js

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Button = require('../../../node_modules/@mui/material/esm/Button/Button.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+var CircularProgress = require('../../../node_modules/@mui/material/esm/CircularProgress/CircularProgress.js');
+
+const Loading = () => (jsxRuntime.jsx(Box.default, { marginRight: 2, display: "flex", alignItems: "center", children: jsxRuntime.jsx(CircularProgress.default, { size: 18 }) }));
+const ButtonDefault = ({ children, component, size = 'large', variant = 'contained', isLoading, disabled, ...rest }) => {
+    return (jsxRuntime.jsx(Button.default, { disabled: isLoading || disabled, disableElevation: true, variant: variant, component: component || 'button', color: "primary", size: size, ...rest, children: isLoading ? jsxRuntime.jsx(Loading, {}) : children }));
+};
+
+exports.ButtonDefault = ButtonDefault;
+//# sourceMappingURL=ButtonDefault.js.map

package/dist/cjs/shared/components/buttons/ButtonDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDefault.js","sources":["../../../../../src/shared/components/buttons/ButtonDefault.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  CircularProgress,\n  Box,\n  ButtonProps,\n  Button as MUIButton,\n} from '@mui/material';\n\ninterface ButtonDefaultProps extends ButtonProps {\n  isLoading?: boolean | undefined;\n}\n\nconst Loading: React.FC = () => (\n  <Box marginRight={2} display=\"flex\" alignItems=\"center\">\n    <CircularProgress size={18} />\n  </Box>\n);\n\nexport const ButtonDefault: React.FC<\n  ButtonDefaultProps & { component?: React.ElementType }\n> = ({\n  children,\n  component,\n  size = 'large',\n  variant = 'contained',\n  isLoading,\n  disabled,\n  ...rest\n}) => {\n  return (\n    <MUIButton\n      disabled={isLoading || disabled}\n      disableElevation\n      variant={variant}\n      component={component || 'button'}\n      color=\"primary\"\n      size={size}\n      {...rest}\n    >\n      {isLoading ? <Loading /> : children}\n    </MUIButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAcA;AAMO;;AAwBP;;"}

package/dist/cjs/shared/components/dialog/DialogDefault.js

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ButtonDefault = require('../buttons/ButtonDefault.js');
+var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
+var createStyles = require('../../../node_modules/@mui/styles/createStyles/createStyles.js');
+var Dialog = require('../../../node_modules/@mui/material/esm/Dialog/Dialog.js');
+var DialogContent = require('../../../node_modules/@mui/material/esm/DialogContent/DialogContent.js');
+var DialogActions = require('../../../node_modules/@mui/material/esm/DialogActions/DialogActions.js');
+var Button = require('../../../node_modules/@mui/material/esm/Button/Button.js');
+
+const useStyles = makeStyles.default(() => createStyles.default({
+    cancelButton: {
+        minWidth: '140px!important',
+        height: '42px!important',
+    },
+    button: {
+        minWidth: '140px!important',
+        height: '42px!important',
+    },
+    dialog: {
+        '& > .MuiBackdrop-root': {
+            backgroundColor: '#ffffff66',
+        },
+    },
+}));
+const DialogDefault = ({ children, handleSuccess, handleClose, isOpen, isLoading = false, showActions = false, showSuccessButton = true, successText = 'Confirmar', }) => {
+    const classes = useStyles();
+    return (jsxRuntime.jsxs(Dialog.default, { open: isOpen, onClose: () => handleClose && handleClose(), "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", maxWidth: "sm", className: classes.dialog, children: [jsxRuntime.jsx(DialogContent.default, { children: children }), showActions && (jsxRuntime.jsxs(DialogActions.default, { children: [jsxRuntime.jsx(Button.default, { variant: "outlined", onClick: () => handleClose && handleClose(), className: classes.cancelButton, children: "Cancelar" }), showSuccessButton && (jsxRuntime.jsx(ButtonDefault.ButtonDefault, { onClick: () => handleSuccess && handleSuccess(), isLoading: isLoading, className: classes.button, children: successText }))] }))] }));
+};
+
+exports.DialogDefault = DialogDefault;
+//# sourceMappingURL=DialogDefault.js.map

package/dist/cjs/shared/components/dialog/DialogDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDefault.js","sources":["../../../../../src/shared/components/dialog/DialogDefault.tsx"],"sourcesContent":["'use client'\n\nimport React, { ReactNode } from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  Theme,\n} from '@mui/material';\n\nimport { ButtonDefault } from '../buttons/ButtonDefault';\nimport { createStyles, makeStyles } from '@mui/styles';\n\nconst useStyles = makeStyles<Theme>(() =>\n  createStyles({\n    cancelButton: {\n      minWidth: '140px!important',\n      height: '42px!important',\n    },\n    button: {\n      minWidth: '140px!important',\n      height: '42px!important',\n    },\n    dialog: {\n      '& > .MuiBackdrop-root': {\n        backgroundColor: '#ffffff66',\n      },\n    },\n  }),\n);\n\ntype DialogDefaultProps = {\n  children: ReactNode;\n  handleSuccess?: () => void;\n  isOpen: boolean;\n  handleClose?: () => void;\n  isLoading?: boolean;\n  showActions?: boolean;\n  showSuccessButton?: boolean;\n  successText?: string;\n};\n\nexport const DialogDefault: React.FC<DialogDefaultProps> = ({\n  children,\n  handleSuccess,\n  handleClose,\n  isOpen,\n  isLoading = false,\n  showActions = false,\n  showSuccessButton = true,\n  successText = 'Confirmar',\n}) => {\n  const classes = useStyles();\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={() => handleClose && handleClose()}\n      aria-labelledby=\"alert-dialog-title\"\n      aria-describedby=\"alert-dialog-description\"\n      maxWidth=\"sm\"\n      className={classes.dialog}\n    >\n      <DialogContent>{children}</DialogContent>\n      {showActions && (\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={() => handleClose && handleClose()}\n            className={classes.cancelButton}\n          >\n            Cancelar\n          </Button>\n          {showSuccessButton && (\n            <ButtonDefault\n              onClick={() => handleSuccess && handleSuccess()}\n              isLoading={isLoading}\n              className={classes.button}\n            >\n              {successText}\n            </ButtonDefault>\n          )}\n        </DialogActions>\n      )}\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA;AAEI;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACE;AACD;AACF;AACF;AAcI;AAUL;;AAiCF;;"}

package/dist/cjs/shared/components/react-editor/BtnEmoji.js

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var data = require('@emoji-mart/data');
+var Picker = require('@emoji-mart/react');
+var SentimentSatisfiedOutlined = require('../../../node_modules/@mui/icons-material/esm/SentimentSatisfiedOutlined.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+var Popover = require('../../../node_modules/@mui/material/esm/Popover/Popover.js');
+
+const BtnEmoji = ({ onClick }) => {
+    const [anchorEl, setAnchorEl] = React.useState(null);
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Box.default, { onClick: handleClick, component: "button", className: "rsw-btn", display: "flex", justifyContent: "center", alignItems: "center", children: jsxRuntime.jsx(SentimentSatisfiedOutlined.default, {}) }), jsxRuntime.jsx(Popover.default, { id: "simple-popover", open: Boolean(anchorEl), anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'center',
+                }, transformOrigin: {
+                    vertical: 'top',
+                    horizontal: 'center',
+                }, children: jsxRuntime.jsx(Picker, { data: data, onEmojiSelect: (emoji) => {
+                        onClick(emoji);
+                        handleClose();
+                    } }) })] }));
+};
+
+exports.BtnEmoji = BtnEmoji;
+//# sourceMappingURL=BtnEmoji.js.map

package/dist/cjs/shared/components/react-editor/BtnEmoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BtnEmoji.js","sources":["../../../../../src/shared/components/react-editor/BtnEmoji.tsx"],"sourcesContent":["'use client'\n\nimport React, { useState } from 'react';\nimport { Box, Popover } from '@mui/material';\nimport data from '@emoji-mart/data';\nimport Picker from '@emoji-mart/react';\nimport SentimentSatisfiedOutlinedIcon from '@mui/icons-material/SentimentSatisfiedOutlined';\n\ntype Emoji = { native: string };\n\ntype BtnEmojiProps = {\n  onClick: (emoji: Emoji) => void;\n};\nexport const BtnEmoji: React.FC<BtnEmojiProps> = ({ onClick }) => {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n\n  const handleClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  return (\n    <>\n      <Box\n        onClick={handleClick}\n        component=\"button\"\n        className=\"rsw-btn\"\n        display=\"flex\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n      >\n        <SentimentSatisfiedOutlinedIcon />\n      </Box>\n      <Popover\n        id=\"simple-popover\"\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n      >\n        <Picker\n          data={data}\n          onEmojiSelect={(emoji: Emoji) => {\n            onClick(emoji);\n            handleClose();\n          }}\n        />\n      </Popover>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkBE;AAEA;AACE;AACF;;AAoBQ;AACA;AACD;AAEC;AACA;AACD;;AAMG;AACF;AAKV;;"}

package/dist/cjs/shared/components/react-editor/BtnGif.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var GifOutlined = require('../../../node_modules/@mui/icons-material/esm/GifOutlined.js');
+var ReactGiphySearchBox = require('react-giphy-searchbox');
+var theme = require('../../mui/theme.js');
+var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+var Popover = require('../../../node_modules/@mui/material/esm/Popover/Popover.js');
+var Paper = require('../../../node_modules/@mui/material/esm/Paper/Paper.js');
+
+const useStyles = makeStyles.default({
+    root: {
+        '& > .reactGiphySearchbox-componentWrapper': {
+            width: 'auto!important',
+            padding: theme.theme.spacing(2),
+            '& > .reactGiphySearchbox-searchForm-form': {},
+        },
+    },
+});
+const BtnGif = ({ onClick }) => {
+    const [anchorEl, setAnchorEl] = React.useState(null);
+    const classes = useStyles();
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Box.default, { onClick: handleClick, component: "button", className: "rsw-btn", display: "flex", justifyContent: "center", alignItems: "center", children: jsxRuntime.jsx(GifOutlined.default, {}) }), jsxRuntime.jsx(Popover.default, { id: "simple-popover", open: Boolean(anchorEl), anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'center',
+                }, transformOrigin: {
+                    vertical: 'top',
+                    horizontal: 'center',
+                }, children: jsxRuntime.jsx(Paper.default, { className: classes.root, children: jsxRuntime.jsx(ReactGiphySearchBox, { apiKey: "8QgSXTgUqMUnFkbeiW4Qq1DtZgb0B8cL" // Required: get your on https://developers.giphy.com
+                        , onSelect: (gif) => {
+                            onClick(gif);
+                            handleClose();
+                        }, searchPlaceholder: "Buscar" }) }) })] }));
+};
+
+exports.BtnGif = BtnGif;
+//# sourceMappingURL=BtnGif.js.map

package/dist/cjs/shared/components/react-editor/BtnGif.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BtnGif.js","sources":["../../../../../src/shared/components/react-editor/BtnGif.tsx"],"sourcesContent":["\nimport React, { useState } from 'react';\nimport GifOutlinedIcon from '@mui/icons-material/GifOutlined';\nimport { Box, Popover, Paper } from '@mui/material';\n// @ts-ignore\nimport ReactGiphySearchBox from 'react-giphy-searchbox';\nimport { makeStyles } from '@mui/styles';\nimport {theme} from \"../../mui/theme\";\n\nconst useStyles = makeStyles({\n  root: {\n    '& > .reactGiphySearchbox-componentWrapper': {\n      width: 'auto!important',\n      padding: theme.spacing(2),\n      '& > .reactGiphySearchbox-searchForm-form': {},\n    },\n  },\n});\n\ntype GifImage = {\n  url: string;\n};\ntype Gif = {\n  embed_url: string;\n  source: string;\n  url: string;\n  title: string;\n  images: {\n    original: GifImage;\n    fixed_width_still: GifImage;\n  };\n};\n\ntype BtnGifProps = {\n  onClick: (gif: Gif) => void;\n};\nexport const BtnGif: React.FC<BtnGifProps> = ({ onClick }) => {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n  const classes = useStyles();\n\n  const handleClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  return (\n    <>\n      <Box\n        onClick={handleClick}\n        component=\"button\"\n        className=\"rsw-btn\"\n        display=\"flex\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n      >\n        <GifOutlinedIcon />\n      </Box>\n      <Popover\n        id=\"simple-popover\"\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n      >\n        <Paper className={classes.root}>\n          <ReactGiphySearchBox\n            apiKey=\"8QgSXTgUqMUnFkbeiW4Qq1DtZgb0B8cL\" // Required: get your on https://developers.giphy.com\n            onSelect={(gif: Gif) => {\n              onClick(gif);\n              handleClose();\n            }}\n            searchPlaceholder=\"Buscar\"\n          />\n        </Paper>\n      </Popover>\n    </>\n  );\n};\n"],"names":["makeStyles","theme","useState","_jsxs","_Fragment","_jsx","Box","GifOutlinedIcon","Popover","Paper"],"mappings":";;;;;;;;;;;;AASA,MAAM,SAAS,GAAGA,kBAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,2CAA2C,EAAE;AAC3C,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,OAAO,EAAEC,WAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,YAAA,0CAA0C,EAAE,EAAE;AAC/C,SAAA;AACF,KAAA;AACF,CAAA,CAAC;MAmBW,MAAM,GAA0B,CAAC,EAAE,OAAO,EAAE,KAAI;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAA2B,IAAI,CAAC;AACxE,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,MAAM,WAAW,GAAG,MAAW;QAC7B,WAAW,CAAC,IAAI,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,KAA0C,KAAU;AACvE,QAAA,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;AAClC,IAAA,CAAC;IAED,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAA,CAACC,WAAG,EAAA,EACF,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,YAEnBD,cAAA,CAACE,mBAAe,EAAA,EAAA,CAAG,EAAA,CACf,EACNF,cAAA,CAACG,eAAO,EAAA,EACN,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE;AACZ,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,UAAU,EAAE,QAAQ;AACrB,iBAAA,EACD,eAAe,EAAE;AACf,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,UAAU,EAAE,QAAQ;AACrB,iBAAA,EAAA,QAAA,EAEDH,eAACI,aAAK,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA,QAAA,EAC5BJ,cAAA,CAAC,mBAAmB,EAAA,EAClB,MAAM,EAAC,kCAAkC;AACzC,0BAAA,QAAQ,EAAE,CAAC,GAAQ,KAAI;4BACrB,OAAO,CAAC,GAAG,CAAC;AACZ,4BAAA,WAAW,EAAE;wBACf,CAAC,EACD,iBAAiB,EAAC,QAAQ,GAC1B,EAAA,CACI,EAAA,CACA,CAAA,EAAA,CACT;AAEP;;;;"}

package/dist/cjs/shared/components/react-editor/ReactSimpleWysiwyg.js

@@ -0,0 +1,52 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var comment_utils = require('../../../components/comment/comment.utils.js');
+var BtnEmoji = require('./BtnEmoji.js');
+var index_es = require('../../../node_modules/react-simple-wysiwyg/lib/index.es.js');
+var BtnGif = require('./BtnGif.js');
+var session_hooks = require('../../../components/session/session.hooks.js');
+var theme = require('../../mui/theme.js');
+var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+
+const useStyles = makeStyles.default({
+    root: {
+        outline: '1px solid #eaecf1',
+        backgroundColor: '#f0f2f5',
+        borderRadius: theme.theme.spacing(1),
+        fontSize: theme.theme.spacing(2),
+        '& > .rsw-toolbar': {
+            backgroundColor: 'transparent',
+            border: 'none',
+        },
+    },
+    content: {
+        position: 'relative',
+        '& > div': {
+            outline: 'none',
+            overflow: 'auto',
+            minHeight: 75,
+        },
+    },
+    placeholder: {
+        //position: 'absolute',
+        fontSize: '20px',
+    },
+});
+const ReactSimpleWysiwyg = ({ value, onChange, }) => {
+    const classes = useStyles();
+    const { subscription } = session_hooks.useSession();
+    return (jsxRuntime.jsx(index_es.EditorProvider, { children: jsxRuntime.jsxs(Box.default, { className: classes.root, p: 1, children: [!value ? (jsxRuntime.jsx(Box.default, { className: classes.placeholder, children: comment_utils.getCommentPlaceholder(!!subscription) })) : null, jsxRuntime.jsx(Box.default, { className: classes.content, children: jsxRuntime.jsx(index_es.ContentEditable, { disabled: !subscription, onChange: (e) => {
+                            onChange(e.target.value);
+                        }, value: value }) }), subscription ? (jsxRuntime.jsxs(index_es.Toolbar, { children: [jsxRuntime.jsx(index_es.BtnBold, {}), jsxRuntime.jsx(index_es.BtnItalic, {}), jsxRuntime.jsx(BtnEmoji.BtnEmoji, { onClick: (emoji) => {
+                                onChange(`${value}${emoji.native}`);
+                            } }), jsxRuntime.jsx(BtnGif.BtnGif, { onClick: (gif) => {
+                                console.log({ gif });
+                                onChange(`${value}<br/><img src='${gif.images.original.url}' alt='${gif.title}' width='200'/>`);
+                            } })] })) : null] }) }));
+};
+
+exports.ReactSimpleWysiwyg = ReactSimpleWysiwyg;
+//# sourceMappingURL=ReactSimpleWysiwyg.js.map

package/dist/cjs/shared/components/react-editor/ReactSimpleWysiwyg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactSimpleWysiwyg.js","sources":["../../../../../src/shared/components/react-editor/ReactSimpleWysiwyg.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box } from '@mui/material';\nimport { getCommentPlaceholder } from '../../../components/comment/comment.utils';\nimport { BtnEmoji } from './BtnEmoji';\nimport { makeStyles } from '@mui/styles';\nimport {\n  BtnBold,\n  BtnItalic,\n  ContentEditable,\n  EditorProvider,\n  Toolbar,\n} from 'react-simple-wysiwyg';\n\nimport { BtnGif } from './BtnGif';\nimport { useSession } from '../../../components/session/session.hooks';\nimport {theme} from \"../../mui/theme\";\n\nconst useStyles = makeStyles({\n  root: {\n    outline: '1px solid #eaecf1',\n    backgroundColor: '#f0f2f5',\n    borderRadius: theme.spacing(1),\n    fontSize: theme.spacing(2),\n    '& > .rsw-toolbar': {\n      backgroundColor: 'transparent',\n      border: 'none',\n    },\n  },\n  content: {\n    position: 'relative',\n    '& > div': {\n      outline: 'none',\n      overflow: 'auto',\n      minHeight: 75,\n    },\n  },\n  placeholder: {\n    //position: 'absolute',\n    fontSize: '20px',\n  },\n});\n\ntype ReactSimpleWysiwygProps = {\n  value?: string;\n  onChange: (value: string) => void;\n};\n\nexport const ReactSimpleWysiwyg: React.FC<ReactSimpleWysiwygProps> = ({\n  value,\n  onChange,\n}) => {\n  const classes = useStyles();\n  const { subscription } = useSession();\n\n  return (\n    <EditorProvider>\n      <Box className={classes.root} p={1}>\n        {!value ? (\n          <Box className={classes.placeholder}>\n            {getCommentPlaceholder(!!subscription)}\n          </Box>\n        ) : null}\n        <Box className={classes.content}>\n          <ContentEditable\n            disabled={!subscription}\n            onChange={(e) => {\n              onChange(e.target.value);\n            }}\n            value={value}\n          />\n        </Box>\n        {subscription ? (\n          <Toolbar>\n            <BtnBold />\n            <BtnItalic />\n            <BtnEmoji\n              onClick={(emoji) => {\n                onChange(`${value}${emoji.native}`);\n              }}\n            />\n            <BtnGif\n              onClick={(gif) => {\n                console.log({ gif });\n                onChange(\n                  `${value}<br/><img src='${gif.images.original.url}' alt='${gif.title}' width='200'/>`,\n                );\n              }}\n            />\n          </Toolbar>\n        ) : null}\n      </Box>\n    </EditorProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAmBA;AACE;AACE;AACA;AACA;AACA;AACA;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACE;AACA;AACA;AACD;AACF;AACD;;AAEE;AACD;AACF;AAOM;AAIL;AACA;AAEA;AAYY;AACF;;;AAeI;AACA;;AAUhB;;"}

package/dist/cjs/shared/mui/theme.js

@@ -2,7 +2,30 @@
 
 var createTheme = require('../../node_modules/@mui/material/esm/styles/createTheme.js');
 
-const theme = createTheme.default();
+const PRIMARY_COLOR = '#E8600B';
+const SECONDARY_COLOR = '#c7500a70';
+const theme = createTheme.default({
+    palette: {
+        primary: {
+            main: PRIMARY_COLOR,
+        },
+        secondary: {
+            main: SECONDARY_COLOR,
+        },
+    },
+    //"PT Sans",helvetica,arial,sans-serif
+    typography: {
+        fontFamily: [
+            'Barlow',
+            '"PT Sans"',
+            'helvetica',
+            'arial',
+            'sans-serif',
+        ].join(','),
+    },
+});
 
+exports.PRIMARY_COLOR = PRIMARY_COLOR;
+exports.SECONDARY_COLOR = SECONDARY_COLOR;
 exports.theme = theme;
 //# sourceMappingURL=theme.js.map

package/dist/cjs/shared/mui/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../../src/shared/mui/theme.ts"],"sourcesContent":["import { createTheme } from '@mui/material/styles';\n\nexport const theme = createTheme();\n"],"names":["createTheme"],"mappings":";;;;AAEO,MAAM,KAAK,GAAGA,mBAAW;;;;"}
+{"version":3,"file":"theme.js","sources":["../../../../src/shared/mui/theme.ts"],"sourcesContent":["import { createTheme } from '@mui/material/styles';\nexport const PRIMARY_COLOR = '#E8600B';\nexport const SECONDARY_COLOR = '#c7500a70';\nexport const theme = createTheme({\n    palette: {\n        primary: {\n            main: PRIMARY_COLOR,\n        },\n        secondary: {\n            main: SECONDARY_COLOR,\n        },\n    },\n    //\"PT Sans\",helvetica,arial,sans-serif\n    typography: {\n        fontFamily: [\n            'Barlow',\n            '\"PT Sans\"',\n            'helvetica',\n            'arial',\n            'sans-serif',\n        ].join(','),\n    },\n\n});\n"],"names":["createTheme"],"mappings":";;;;AACO,MAAM,aAAa,GAAG;AACtB,MAAM,eAAe,GAAG;AACxB,MAAM,KAAK,GAAGA,mBAAW,CAAC;AAC7B,IAAA,OAAO,EAAE;AACL,QAAA,OAAO,EAAE;AACL,YAAA,IAAI,EAAE,aAAa;AACtB,SAAA;AACD,QAAA,SAAS,EAAE;AACP,YAAA,IAAI,EAAE,eAAe;AACxB,SAAA;AACJ,KAAA;;AAED,IAAA,UAAU,EAAE;AACR,QAAA,UAAU,EAAE;YACR,QAAQ;YACR,WAAW;YACX,WAAW;YACX,OAAO;YACP,YAAY;SACf,CAAC,IAAI,CAAC,GAAG,CAAC;AACd,KAAA;AAEJ,CAAA;;;;;;"}

package/dist/cjs/shared/types/generated.js

@@ -165,6 +165,52 @@ exports.UserStatus = void 0;
     UserStatus["Active"] = "ACTIVE";
     UserStatus["Inactive"] = "INACTIVE";
 })(exports.UserStatus || (exports.UserStatus = {}));
+const CreateCommentDocument = index.gql `
+    mutation CreateComment($data: CreateCommentInput) {
+  createComment(data: $data) {
+    id
+    post_id
+    message
+  }
+}
+    `;
+const CommentsDocument = index.gql `
+    query Comments($where: CommentsWhere, $page: Int, $pageSize: Int) {
+  comments(where: $where, page: $page, pageSize: $pageSize) {
+    items {
+      id
+      message
+      created_at
+      updated_at
+      user {
+        avatar
+        name
+      }
+      replies {
+        id
+        message
+        created_at
+        updated_at
+        user {
+          avatar
+          name
+        }
+      }
+    }
+    count
+  }
+}
+    `;
+const CreateReplyCommentDocument = index.gql `
+    mutation CreateReplyComment($data: CreateReplyCommentInput) {
+  createReplyComment(data: $data) {
+    id
+    post_id
+    message
+    comment_id
+  }
+}
+    `;
 const CurrentUserDocument = index.gql `
     query CurrentUser {
   currentUser {
@@ -211,6 +257,23 @@ const CurrentUserDocument = index.gql `
   }
 }
     `;
+index.gql `
+    mutation createUserSavedPost($data: CreateUserSavedPostInput) {
+  createUserSavedPost(data: $data) {
+    id
+  }
+}
+    `;
+index.gql `
+    mutation deleteUserSavedPost($data: DeleteUserSavedPostInput) {
+  deleteUserSavedPost(data: $data) {
+    id
+  }
+}
+    `;
 
+exports.CommentsDocument = CommentsDocument;
+exports.CreateCommentDocument = CreateCommentDocument;
+exports.CreateReplyCommentDocument = CreateReplyCommentDocument;
 exports.CurrentUserDocument = CurrentUserDocument;
 //# sourceMappingURL=generated.js.map