react-easy-wall 1.1.20 → 1.2.2

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ButtonDefault } from '../buttons/ButtonDefault.js';
+import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
+import createStyles from '../../../node_modules/@mui/styles/createStyles/createStyles.js';
+import Dialog from '../../../node_modules/@mui/material/esm/Dialog/Dialog.js';
+import DialogContent from '../../../node_modules/@mui/material/esm/DialogContent/DialogContent.js';
+import DialogActions from '../../../node_modules/@mui/material/esm/DialogActions/DialogActions.js';
+import Button from '../../../node_modules/@mui/material/esm/Button/Button.js';
+
+const useStyles = makeStyles(() => createStyles({
+    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 (jsxs(Dialog, { open: isOpen, onClose: () => handleClose && handleClose(), "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", maxWidth: "sm", className: classes.dialog, children: [jsx(DialogContent, { children: children }), showActions && (jsxs(DialogActions, { children: [jsx(Button, { variant: "outlined", onClick: () => handleClose && handleClose(), className: classes.cancelButton, children: "Cancelar" }), showSuccessButton && (jsx(ButtonDefault, { onClick: () => handleSuccess && handleSuccess(), isLoading: isLoading, className: classes.button, children: successText }))] }))] }));
+};
+
+export { DialogDefault };
+//# sourceMappingURL=DialogDefault.js.map

package/dist/esm/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/esm/shared/components/react-editor/BtnEmoji.js

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

package/dist/esm/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/esm/shared/components/react-editor/BtnGif.js

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

package/dist/esm/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":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;AASA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,2CAA2C,EAAE;AAC3C,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,OAAO,EAAE,KAAK,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,GAAG,QAAQ,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,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAC,GAAG,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,YAEnBA,GAAA,CAAC,eAAe,EAAA,EAAA,CAAG,EAAA,CACf,EACNA,GAAA,CAAC,OAAO,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,EAEDA,IAAC,KAAK,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA,QAAA,EAC5BA,GAAA,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/esm/shared/components/react-editor/ReactSimpleWysiwyg.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { getCommentPlaceholder } from '../../../components/comment/comment.utils.js';
+import { BtnEmoji } from './BtnEmoji.js';
+import { EditorProvider, ContentEditable, Toolbar, BtnBold, BtnItalic } from '../../../node_modules/react-simple-wysiwyg/lib/index.es.js';
+import { BtnGif } from './BtnGif.js';
+import { useSession } from '../../../components/session/session.hooks.js';
+import { theme } from '../../mui/theme.js';
+import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
+import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
+
+const useStyles = makeStyles({
+    root: {
+        outline: '1px solid #eaecf1',
+        backgroundColor: '#f0f2f5',
+        borderRadius: theme.spacing(1),
+        fontSize: 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 } = useSession();
+    return (jsx(EditorProvider, { children: jsxs(Box, { className: classes.root, p: 1, children: [!value ? (jsx(Box, { className: classes.placeholder, children: getCommentPlaceholder(!!subscription) })) : null, jsx(Box, { className: classes.content, children: jsx(ContentEditable, { disabled: !subscription, onChange: (e) => {
+                            onChange(e.target.value);
+                        }, value: value }) }), subscription ? (jsxs(Toolbar, { children: [jsx(BtnBold, {}), jsx(BtnItalic, {}), jsx(BtnEmoji, { onClick: (emoji) => {
+                                onChange(`${value}${emoji.native}`);
+                            } }), jsx(BtnGif, { onClick: (gif) => {
+                                console.log({ gif });
+                                onChange(`${value}<br/><img src='${gif.images.original.url}' alt='${gif.title}' width='200'/>`);
+                            } })] })) : null] }) }));
+};
+
+export { ReactSimpleWysiwyg };
+//# sourceMappingURL=ReactSimpleWysiwyg.js.map

package/dist/esm/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/esm/shared/mui/theme.js

@@ -1,6 +1,27 @@
 import createTheme from '../../node_modules/@mui/material/esm/styles/createTheme.js';
 
-const theme = createTheme();
+const PRIMARY_COLOR = '#E8600B';
+const SECONDARY_COLOR = '#c7500a70';
+const theme = createTheme({
+    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(','),
+    },
+});
 
-export { theme };
+export { PRIMARY_COLOR, SECONDARY_COLOR, theme };
 //# sourceMappingURL=theme.js.map

package/dist/esm/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":[],"mappings":";;AAEO,MAAM,KAAK,GAAG,WAAW;;;;"}
+{"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":[],"mappings":";;AACO,MAAM,aAAa,GAAG;AACtB,MAAM,eAAe,GAAG;AACxB,MAAM,KAAK,GAAG,WAAW,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/esm/shared/types/generated.js

@@ -163,6 +163,52 @@ var UserStatus;
     UserStatus["Active"] = "ACTIVE";
     UserStatus["Inactive"] = "INACTIVE";
 })(UserStatus || (UserStatus = {}));
+const CreateCommentDocument = gql `
+    mutation CreateComment($data: CreateCommentInput) {
+  createComment(data: $data) {
+    id
+    post_id
+    message
+  }
+}
+    `;
+const CommentsDocument = 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 = gql `
+    mutation CreateReplyComment($data: CreateReplyCommentInput) {
+  createReplyComment(data: $data) {
+    id
+    post_id
+    message
+    comment_id
+  }
+}
+    `;
 const CurrentUserDocument = gql `
     query CurrentUser {
   currentUser {
@@ -209,6 +255,20 @@ const CurrentUserDocument = gql `
   }
 }
     `;
+gql `
+    mutation createUserSavedPost($data: CreateUserSavedPostInput) {
+  createUserSavedPost(data: $data) {
+    id
+  }
+}
+    `;
+gql `
+    mutation deleteUserSavedPost($data: DeleteUserSavedPostInput) {
+  deleteUserSavedPost(data: $data) {
+    id
+  }
+}
+    `;
 
-export { CartDescoutBy, ConvoyCodeStatuses, CouponRequestType, CouponStatuses, CouponTypes, CurrentUserDocument, FilterSocialProviders, Gender, InterestsEnum, InvoiceStatuses, OpenPayStatuses, PaymentMethod, PaypalStatuses, PlanFrequency, PlanStatuses, ReportTypes, Site, SocialProviders, SortOrder, StatusReport, SubscriptionStatuses, SubscriptionType, UserInvitationStatuses, UserRoles, UserStatus };
+export { CartDescoutBy, CommentsDocument, ConvoyCodeStatuses, CouponRequestType, CouponStatuses, CouponTypes, CreateCommentDocument, CreateReplyCommentDocument, CurrentUserDocument, FilterSocialProviders, Gender, InterestsEnum, InvoiceStatuses, OpenPayStatuses, PaymentMethod, PaypalStatuses, PlanFrequency, PlanStatuses, ReportTypes, Site, SocialProviders, SortOrder, StatusReport, SubscriptionStatuses, SubscriptionType, UserInvitationStatuses, UserRoles, UserStatus };
 //# sourceMappingURL=generated.js.map