react-easy-wall 1.3.4 → 2.0.1

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

@@ -1 +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;;;;"}
+{"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/dialog/DialogDefault.js

@@ -3,31 +3,27 @@
 
 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 }))] }))] }));
+const DialogDefault = ({ children, handleSuccess, handleClose, isOpen, isLoading = false, showActions = false, showSuccessButton = true, successText = 'Confirmar', dialogContainer = {}, dialogActions = {}, dialogContent = {}, closeButton = {}, confirmButton = {}, }) => {
+    const { sx: xsCloseButtonProps } = closeButton;
+    const { sx: xsConfirmButtonProps } = confirmButton;
+    return (jsxRuntime.jsxs(Dialog.default, { open: isOpen, onClose: () => handleClose && handleClose(), "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", maxWidth: "sm", sx: {
+            '& > .MuiBackdrop-root': {
+                backgroundColor: '#ffffff66',
+            },
+        }, ...dialogContainer, children: [jsxRuntime.jsx(DialogContent.default, { ...dialogContent, children: children }), showActions && (jsxRuntime.jsxs(DialogActions.default, { ...dialogActions, children: [jsxRuntime.jsx(Button.default, { variant: "outlined", onClick: () => handleClose && handleClose(), sx: {
+                            minWidth: '140px!important',
+                            height: '42px!important',
+                            ...xsCloseButtonProps,
+                        }, children: "Cancelar" }), showSuccessButton && (jsxRuntime.jsx(ButtonDefault.ButtonDefault, { onClick: () => handleSuccess && handleSuccess(), isLoading: isLoading, sx: {
+                            minWidth: '140px!important',
+                            height: '42px!important',
+                            ...xsConfirmButtonProps,
+                        }, children: successText }))] }))] }));
 };
 
 exports.DialogDefault = DialogDefault;

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

@@ -1 +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;;"}
+{"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  ButtonProps,\n  Dialog,\n  DialogActions,\n  DialogActionsProps,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n} from '@mui/material';\nimport { ButtonDefault } from '../buttons/ButtonDefault';\n\nexport type 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  dialogContainer?: Omit<DialogProps, 'open' | 'children'>;\n  dialogContent?: DialogContentProps;\n  dialogActions?: DialogActionsProps;\n  closeButton?: ButtonProps;\n  confirmButton?: ButtonProps;\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  dialogContainer = {},\n  dialogActions = {},\n  dialogContent = {},\n  closeButton = {},\n  confirmButton = {},\n}) => {\n  const { sx: xsCloseButtonProps } = closeButton;\n  const { sx: xsConfirmButtonProps } = confirmButton;\n\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      sx={{\n        '& > .MuiBackdrop-root': {\n          backgroundColor: '#ffffff66',\n        },\n      }}\n      {...dialogContainer}>\n      <DialogContent {...dialogContent}>{children}</DialogContent>\n      {showActions && (\n        <DialogActions {...dialogActions}>\n          <Button\n            variant=\"outlined\"\n            onClick={() => handleClose && handleClose()}\n            sx={{\n              minWidth: '140px!important',\n              height: '42px!important',\n              ...xsCloseButtonProps,\n            }}>\n            Cancelar\n          </Button>\n          {showSuccessButton && (\n            <ButtonDefault\n              onClick={() => handleSuccess && handleSuccess()}\n              isLoading={isLoading}\n              sx={{\n                minWidth: '140px!important',\n                height: '42px!important',\n                ...xsConfirmButtonProps,\n              }}>\n              {successText}\n            </ButtonDefault>\n          )}\n        </DialogActions>\n      )}\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA8CE;AACA;;AAUM;AACE;AACD;AACF;AASO;AACA;AACA;;AASE;AACA;AACA;AACD;AAQf;;"}

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

@@ -1 +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;;"}
+{"version":3,"file":"BtnEmoji.js","sources":["../../../../../src/shared/components/react-editor/BtnEmoji.tsx"],"sourcesContent":["'use client'\n\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":";;;;;;;;;;;;;;;AAmBE;AAEA;AACE;AACF;;AAoBQ;AACA;AACD;AAEC;AACA;AACD;;AAMG;AACF;AAKV;;"}

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

@@ -1,27 +1,17 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var GifOutlined = require('../../../node_modules/@mui/icons-material/esm/GifOutlined.js');
-var index = require('../../../node_modules/react-giphy-searchbox/es/index.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);
     };
@@ -34,7 +24,13 @@ const BtnGif = ({ onClick }) => {
                 }, transformOrigin: {
                     vertical: 'top',
                     horizontal: 'center',
-                }, children: jsxRuntime.jsx(Paper.default, { className: classes.root, children: jsxRuntime.jsx(index.default, { apiKey: "8QgSXTgUqMUnFkbeiW4Qq1DtZgb0B8cL" // Required: get your on https://developers.giphy.com
+                }, children: jsxRuntime.jsx(Paper.default, { sx: {
+                        '& > .reactGiphySearchbox-componentWrapper': {
+                            width: 'auto!important',
+                            padding: theme.theme.spacing(2),
+                            '& > .reactGiphySearchbox-searchForm-form': {},
+                        },
+                    }, children: jsxRuntime.jsx(ReactGiphySearchBox, { apiKey: "8QgSXTgUqMUnFkbeiW4Qq1DtZgb0B8cL" // Required: get your on https://developers.giphy.com
                         , onSelect: (gif) => {
                             onClick(gif);
                             handleClose();

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

@@ -1 +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","ReactGiphySearchBox"],"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,CAACK,aAAmB,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;;;;"}
+{"version":3,"file":"BtnGif.js","sources":["../../../../../src/shared/components/react-editor/BtnGif.tsx"],"sourcesContent":["'use client'\n\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 { theme } from '@/shared/mui/theme';\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\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        <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        <Paper\n          sx={{\n            '& > .reactGiphySearchbox-componentWrapper': {\n              width: 'auto!important',\n              padding: theme.spacing(2),\n              '& > .reactGiphySearchbox-searchForm-form': {},\n            },\n          }}>\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":[],"mappings":";;;;;;;;;;;;;;;;AA+BE;AAEA;AACE;AACF;;AAmBQ;AACA;AACD;AAEC;AACA;AACD;AAGG;AACE;AACA;AACA;AACD;AACF;AAGC;;AAEE;;AAQd;;"}

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

@@ -8,42 +8,41 @@ var index_es = require('../../../node_modules/react-simple-wysiwyg/lib/index.es.
 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 comment_hooks = require('../../../components/comment/comment.hooks.js');
 var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+var Typography = require('../../../node_modules/@mui/material/esm/Typography/Typography.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) => {
+const ReactSimpleWysiwyg = ({ value, onChange, containerProps = {}, textProps = {}, }) => {
+    const { subscription, user } = session_hooks.useSession();
+    const { onlyForSubscribers, onlyForRegistered } = comment_hooks.useComment();
+    const { sx: sxContainerProps, ...sxContainerRestProps } = containerProps;
+    const canRegistered = onlyForRegistered && user;
+    const canSubscriber = onlyForSubscribers && subscription;
+    const canComment = canRegistered || canSubscriber;
+    return (jsxRuntime.jsx(index_es.EditorProvider, { children: jsxRuntime.jsxs(Box.default, { sx: {
+                outline: '1px solid #eaecf1',
+                backgroundColor: '#f0f2f5',
+                borderRadius: theme.theme.spacing(1),
+                fontSize: theme.theme.spacing(2),
+                '& > .rsw-toolbar': {
+                    backgroundColor: 'transparent',
+                    border: 'none',
+                },
+                ...sxContainerProps,
+            }, p: 1, ...sxContainerRestProps, children: [!value ? (jsxRuntime.jsx(Typography.default, { sx: {
+                        fontSize: '20px',
+                    }, ...textProps, children: comment_utils.getCommentPlaceholder(!!canComment, onlyForRegistered, onlyForSubscribers) })) : null, jsxRuntime.jsx(Box.default, { sx: {
+                        position: 'relative',
+                        '& > div': {
+                            outline: 'none',
+                            overflow: 'auto',
+                            minHeight: 75,
+                        },
+                    }, 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] }) }));
 };

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

@@ -1 +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;;"}
+{"version":3,"file":"ReactSimpleWysiwyg.js","sources":["../../../../../src/shared/components/react-editor/ReactSimpleWysiwyg.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport { getCommentPlaceholder } from '@/components/comment/comment.utils';\nimport { BtnEmoji } from './BtnEmoji';\nimport { BtnBold, BtnItalic, ContentEditable, EditorProvider, Toolbar } from 'react-simple-wysiwyg';\n\nimport { BtnGif } from './BtnGif';\nimport { useSession } from '@/components/session/session.hooks';\nimport { theme } from '../../mui/theme';\nimport { useComment } from '@/components/comment/comment.hooks';\n\nexport type ReactSimpleWysiwygProps = {\n  value?: string;\n  onChange: (value: string) => void;\n  containerProps?: BoxProps;\n  textProps?: TypographyProps;\n};\n\nexport const ReactSimpleWysiwyg: React.FC<ReactSimpleWysiwygProps> = ({\n  value,\n  onChange,\n  containerProps = {},\n  textProps = {},\n}) => {\n  const { subscription, user } = useSession();\n  const { onlyForSubscribers, onlyForRegistered } = useComment();\n  const { sx: sxContainerProps, ...sxContainerRestProps } = containerProps;\n\n  const canRegistered = onlyForRegistered && user;\n  const canSubscriber = onlyForSubscribers && subscription;\n\n  const canComment = canRegistered || canSubscriber;\n\n  return (\n    <EditorProvider>\n      <Box\n        sx={{\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          ...sxContainerProps,\n        }}\n        p={1}\n        {...sxContainerRestProps}>\n        {!value ? (\n          <Typography\n            sx={{\n              fontSize: '20px',\n            }}\n            {...textProps}>\n            {getCommentPlaceholder(!!canComment, onlyForRegistered, onlyForSubscribers)}\n          </Typography>\n        ) : null}\n        <Box\n          sx={{\n            position: 'relative',\n            '& > div': {\n              outline: 'none',\n              overflow: 'auto',\n              minHeight: 75,\n            },\n          }}>\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                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":";;;;;;;;;;;;;;AAoBO;;;;AAUL;AACA;AAEA;;AAMQ;AACA;AACA;AACA;AACA;AACE;AACA;AACD;AACD;AACD;AAMK;;AAQF;AACA;AACE;AACA;AACA;AACD;AACF;AAIG;AACF;;;AAeI;;AAUhB;;"}

package/dist/cjs/shared/constants/index.js

@@ -1,25 +1,10 @@
 'use strict';
 
-const URI = process.env.NEXT_PUBLIC_EW_URI ||
-    process.env.REACT_PUBLIC_EW_URI ||
-    process.env.VITE_EW_URI ||
-    '';
-const URL_PORTAL = process.env.NEXT_PUBLIC_EW_URL_PORTAL ||
-    process.env.REACT_PUBLIC_EW_URL_PORTAL ||
-    process.env.VITE_EW_URL_PORTAL ||
-    '';
-const COOKIE_NAME = process.env.NEXT_PUBLIC_EW_COOKIE_NAME ||
-    process.env.REACT_PUBLIC_EW_COOKIE_NAME ||
-    process.env.VITE_EW_COOKIE_NAME ||
-    '';
-const COOKIE_DOMAIN = process.env.NEXT_PUBLIC_EW_COOKIE_DOMAIN ||
-    process.env.REACT_PUBLIC_EW_COOKIE_DOMAIN ||
-    process.env.VITE_EW_COOKIE_DOMAIN ||
-    '';
-const GOOGLE_AUTH_CLIENT = process.env.NEXT_PUBLIC_EW_GOOGLE_AUTH_CLIENT ||
-    process.env.REACT_PUBLIC_EW_GOOGLE_AUTH_CLIENT ||
-    process.env.VITE_EW_GOOGLE_AUTH_CLIENT ||
-    '';
+const URI = process.env.NEXT_PUBLIC_EW_URI || process.env.REACT_PUBLIC_EW_URI || '';
+const URL_PORTAL = process.env.NEXT_PUBLIC_EW_URL_PORTAL || process.env.REACT_PUBLIC_EW_URL_PORTAL || '';
+const COOKIE_NAME = process.env.NEXT_PUBLIC_EW_COOKIE_NAME || process.env.REACT_PUBLIC_EW_COOKIE_NAME || '';
+const COOKIE_DOMAIN = process.env.NEXT_PUBLIC_EW_COOKIE_DOMAIN || process.env.REACT_PUBLIC_EW_COOKIE_DOMAIN || '';
+const GOOGLE_AUTH_CLIENT = process.env.NEXT_PUBLIC_EW_GOOGLE_AUTH_CLIENT || process.env.REACT_PUBLIC_GOOGLE_AUTH_CLIENT || '';
 
 exports.COOKIE_DOMAIN = COOKIE_DOMAIN;
 exports.COOKIE_NAME = COOKIE_NAME;

package/dist/cjs/shared/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/shared/constants/index.ts"],"sourcesContent":["export const URI =\n  process.env.NEXT_PUBLIC_EW_URI ||\n  process.env.REACT_PUBLIC_EW_URI ||\n  process.env.VITE_EW_URI ||\n  '';\nexport const URL_PORTAL =\n  process.env.NEXT_PUBLIC_EW_URL_PORTAL ||\n  process.env.REACT_PUBLIC_EW_URL_PORTAL ||\n  process.env.VITE_EW_URL_PORTAL ||\n  '';\nexport const COOKIE_NAME =\n  process.env.NEXT_PUBLIC_EW_COOKIE_NAME ||\n  process.env.REACT_PUBLIC_EW_COOKIE_NAME ||\n  process.env.VITE_EW_COOKIE_NAME ||\n  '';\nexport const COOKIE_DOMAIN =\n  process.env.NEXT_PUBLIC_EW_COOKIE_DOMAIN ||\n  process.env.REACT_PUBLIC_EW_COOKIE_DOMAIN ||\n  process.env.VITE_EW_COOKIE_DOMAIN ||\n  '';\n\nexport const GOOGLE_AUTH_CLIENT =\n  process.env.NEXT_PUBLIC_EW_GOOGLE_AUTH_CLIENT ||\n  process.env.REACT_PUBLIC_EW_GOOGLE_AUTH_CLIENT ||\n  process.env.VITE_EW_GOOGLE_AUTH_CLIENT ||\n  '';\n"],"names":[],"mappings":";;MAAa,GAAG,GACd,OAAO,CAAC,GAAG,CAAC,kBAAkB;IAC9B,OAAO,CAAC,GAAG,CAAC,mBAAmB;IAC/B,OAAO,CAAC,GAAG,CAAC,WAAW;AACvB,IAAA;MACW,UAAU,GACrB,OAAO,CAAC,GAAG,CAAC,yBAAyB;IACrC,OAAO,CAAC,GAAG,CAAC,0BAA0B;IACtC,OAAO,CAAC,GAAG,CAAC,kBAAkB;AAC9B,IAAA;MACW,WAAW,GACtB,OAAO,CAAC,GAAG,CAAC,0BAA0B;IACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B;IACvC,OAAO,CAAC,GAAG,CAAC,mBAAmB;AAC/B,IAAA;MACW,aAAa,GACxB,OAAO,CAAC,GAAG,CAAC,4BAA4B;IACxC,OAAO,CAAC,GAAG,CAAC,6BAA6B;IACzC,OAAO,CAAC,GAAG,CAAC,qBAAqB;AACjC,IAAA;MAEW,kBAAkB,GAC7B,OAAO,CAAC,GAAG,CAAC,iCAAiC;IAC7C,OAAO,CAAC,GAAG,CAAC,kCAAkC;IAC9C,OAAO,CAAC,GAAG,CAAC,0BAA0B;AACtC,IAAA;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/shared/constants/index.ts"],"sourcesContent":["export const URI = process.env.NEXT_PUBLIC_EW_URI || process.env.REACT_PUBLIC_EW_URI || '';\nexport const URL_PORTAL =\n  process.env.NEXT_PUBLIC_EW_URL_PORTAL || process.env.REACT_PUBLIC_EW_URL_PORTAL || '';\nexport const COOKIE_NAME =\n  process.env.NEXT_PUBLIC_EW_COOKIE_NAME || process.env.REACT_PUBLIC_EW_COOKIE_NAME || '';\nexport const COOKIE_DOMAIN =\n  process.env.NEXT_PUBLIC_EW_COOKIE_DOMAIN || process.env.REACT_PUBLIC_EW_COOKIE_DOMAIN|| '';\n\n\nexport const GOOGLE_AUTH_CLIENT =\n    process.env.NEXT_PUBLIC_EW_GOOGLE_AUTH_CLIENT || process.env.REACT_PUBLIC_GOOGLE_AUTH_CLIENT|| '';"],"names":[],"mappings":";;AAAO,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,IAAI;AACjF,MAAM,UAAU,GACrB,OAAO,CAAC,GAAG,CAAC,yBAAyB,IAAI,OAAO,CAAC,GAAG,CAAC,0BAA0B,IAAI;AAC9E,MAAM,WAAW,GACtB,OAAO,CAAC,GAAG,CAAC,0BAA0B,IAAI,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI;AAChF,MAAM,aAAa,GACxB,OAAO,CAAC,GAAG,CAAC,4BAA4B,IAAI,OAAO,CAAC,GAAG,CAAC,6BAA6B,IAAG;AAGnF,MAAM,kBAAkB,GAC3B,OAAO,CAAC,GAAG,CAAC,iCAAiC,IAAI,OAAO,CAAC,GAAG,CAAC,+BAA+B,IAAG;;;;;;;;"}