{"version":3,"file":"static/js/4627.466c6f39.chunk.js","mappings":"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","sources":["MagicPopupContext.js","components/magic-popup/MagicPopup.js","contexts/useSubscribeDialog.js","../node_modules/@mui/material/esm/Fab/fabClasses.js","../node_modules/@mui/material/esm/Fab/Fab.js"],"sourcesContent":["import { createContext } from 'react'\n\nexport const MagicPopupContext = createContext(null);","import MuiAlert from '@mui/material/Alert';\nimport PropTypes from 'prop-types';\nimport { forwardRef, useContext, useEffect, useRef, useState } from 'react';\nimport { Box, Button, Chip, Divider, Fab, Popover, Stack, Typography, css, useTheme } from '@mui/material';\nimport { AutoFixHighRounded, Close, SupervisedUserCircle, Verified } from '@mui/icons-material';\nimport { API } from 'aws-amplify';\nimport { LoadingButton } from '@mui/lab';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { UserContext } from '../../UserContext';\nimport { MagicPopupContext } from '../../MagicPopupContext';\nimport { SnackbarContext } from '../../SnackbarContext';\nimport { useSubscribeDialog } from '../../contexts/useSubscribeDialog';\n\nconst Alert = forwardRef((props, ref) =>\n    <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />\n);\n\nMagicPopup.propTypes = {\n    children: PropTypes.element\n}\n\nexport default function MagicPopup({ children }) {\n    const location = useLocation();\n    const navigate = useNavigate();\n    const [magicToolsPopoverAnchorEl, setMagicToolsPopoverAnchorEl] = useState(null);\n    const { user } = useContext(UserContext);\n    const [loadingSubscriptionUrl, setLoadingSubscriptionUrl] = useState(false);\n    const theme = useTheme();\n    const { openSubscriptionDialog } = useSubscribeDialog();\n\n    const handleSubscribe = () => {\n        openSubscriptionDialog();\n        setMagicToolsPopoverAnchorEl();\n    }\n\n    return (\n        <MagicPopupContext.Provider value={{ magicToolsPopoverAnchorEl, setMagicToolsPopoverAnchorEl }}>\n            {children}\n            <Popover\n                open={Boolean(magicToolsPopoverAnchorEl)}\n                anchorEl={magicToolsPopoverAnchorEl}\n                onClose={() => {\n                    setMagicToolsPopoverAnchorEl(null);\n                }}\n                anchorOrigin={{\n                    vertical: 'bottom',\n                    horizontal: 'center', // Change 'left' to 'center'\n                }}\n                transformOrigin={{\n                    vertical: 'top', // Add this line to position the top corner at the bottom center\n                    horizontal: 'center', // Add this line to position the top corner at the bottom center\n                }}\n                // This is how you can change the background of the popover\n                PaperProps={{\n                    sx: {\n                        backgroundColor: 'black',\n                        borderRadius: '15px',\n                        padding: '7px',\n                    },\n                }}\n            >\n                <Fab\n                    color=\"secondary\"\n                    aria-label=\"close\"\n                    onClick={() => setMagicToolsPopoverAnchorEl(null)}\n                    disabled={!!loadingSubscriptionUrl}\n                    sx={{\n                        position: 'absolute',\n                        top: theme.spacing(1),\n                        right: theme.spacing(1),\n                        backgroundColor: '#222',\n                        '&:hover': {\n                            backgroundColor: '#333',\n                        },\n                    }}\n                >\n                    <Close />\n                </Fab>\n                <Box\n                    m={3}\n                    mx={5}\n                    sx={{\n                        maxWidth: '400px',\n                    }}\n                >\n                    {/* --------------------- User is invited to early access -------------------- */}\n                    {user?.userDetails?.magicSubscription !== 'true' && (\n                        <>\n                            <Stack justifyContent=\"center\" spacing={3}>\n                                <Stack direction=\"row\" color=\"#54d62c\" alignItems=\"center\" justifyContent=\"left\" spacing={1}>\n                                    <AutoFixHighRounded fontSize=\"large\" />\n                                    <Typography variant=\"h3\">Magic Tools</Typography>\n                                </Stack>\n\n                                <Typography variant=\"h3\">\n                                   memeSRC Pro unlocks Early&nbsp;Access to new generative editing tools.\n                                </Typography>\n\n                                <Typography variant=\"subtitle1\" fontWeight=\"bold\" lineHeight={2} textAlign=\"left\" px={2}>\n                                    <ul>\n                                        <li key=\"magic-eraser\">\n                                            Magic Eraser{' '}\n                                            <Chip\n                                                color=\"success\"\n                                                size=\"small\"\n                                                label=\"Early Access\"\n                                                sx={{ marginLeft: '5px', opacity: 0.7 }}\n                                                variant=\"outlined\"\n                                            />\n                                        </li>\n                                        <li key=\"magic-fill\">\n                                            Magic Fill{' '}\n                                            <Chip\n                                                color=\"success\"\n                                                size=\"small\"\n                                                label=\"Early Access\"\n                                                sx={{ marginLeft: '5px', opacity: 0.7 }}\n                                                variant=\"outlined\"\n                                            />\n                                        </li>\n                                        <li key=\"magic-expander\">\n                                            Magic Expander{' '}\n                                            <Chip size=\"small\" label=\"Planned\" sx={{ marginLeft: '5px', opacity: 0.5 }} variant=\"outlined\" />\n                                        </li>\n                                        <li key=\"magic-isolator\">\n                                            Magic Isolator{' '}\n                                            <Chip size=\"small\" label=\"Planned\" sx={{ marginLeft: '5px', opacity: 0.5 }} variant=\"outlined\" />\n                                        </li>\n                                    </ul>\n                                </Typography>\n\n                                {/* <Stack direction=\"row\" alignItems=\"center\">\n                                    <Verified sx={{ mr: 1 }} color=\"success\" />\n                                    <Typography variant=\"h5\" sx={{ color: (theme) => theme.palette.success.main }}>\n                                        You're Invited!\n                                    </Typography>\n                                </Stack> */}\n                            </Stack>\n                            {/* <Typography variant=\"body1\" textAlign=\"left\" fontWeight={700} pt={1}>\n                                You've been invited to the Early Access program to help us test new features as they're developed.\n                            </Typography> */}\n                        </>\n                    )}\n\n                    {/* --------------------- User has accepted early access -------------------- */}\n                    {user?.userDetails?.magicSubscription === 'true' && (\n                        <Stack justifyContent=\"center\" spacing={3}>\n                            <Stack direction=\"row\" color=\"#54d62c\" alignItems=\"center\" justifyContent=\"left\" spacing={1}>\n                                <AutoFixHighRounded fontSize=\"large\" />\n                                <Typography variant=\"h3\">Magic Tools</Typography>\n                            </Stack>\n\n                            <Typography variant=\"h4\">\n                                memeSRC Pro has unlocked Early&nbsp;Access to new generative editing tools!\n                            </Typography>\n\n                            <Typography variant=\"subtitle1\" fontWeight=\"bold\" lineHeight={2} textAlign=\"left\" px={2}>\n                                <ul>\n                                    <li key=\"magic-eraser\">\n                                        Magic Eraser{' '}\n                                        <Chip\n                                            color=\"success\"\n                                            size=\"small\"\n                                            label=\"Early Access\"\n                                            sx={{ marginLeft: '5px', opacity: 0.7 }}\n                                            variant=\"outlined\"\n                                        />\n                                    </li>\n                                    <li key=\"magic-fill\">\n                                        Magic Fill{' '}\n                                        <Chip\n                                            color=\"success\"\n                                            size=\"small\"\n                                            label=\"Early Access\"\n                                            sx={{ marginLeft: '5px', opacity: 0.7 }}\n                                            variant=\"outlined\"\n                                        />\n                                    </li>\n                                    <li key=\"magic-expander\">\n                                        Magic Expander{' '}\n                                        <Chip size=\"small\" label=\"Planned\" sx={{ marginLeft: '5px', opacity: 0.5 }} variant=\"outlined\" />\n                                    </li>\n                                    <li key=\"magic-isolator\">\n                                        Magic Isolator{' '}\n                                        <Chip size=\"small\" label=\"Planned\" sx={{ marginLeft: '5px', opacity: 0.5 }} variant=\"outlined\" />\n                                    </li>\n                                </ul>\n                            </Typography>\n                            <Divider />\n                            {user?.userDetails?.magicSubscription === 'true' ? (\n                                <Typography variant=\"body1\" component=\"span\" fontWeight={800} fontSize={20} textAlign=\"center\">\n                                    You have{' '}\n                                    <Typography\n                                        variant=\"body1\"\n                                        component=\"span\"\n                                        fontWeight={800}\n                                        fontSize={26}\n                                        sx={{ color: (theme) => theme.palette.success.main }}\n                                        textAlign=\"center\"\n                                    >\n                                        {user?.userDetails?.credits}\n                                    </Typography>{' '}\n                                    credits\n                                </Typography>\n                            ) : (\n                                <Typography variant=\"body1\" component=\"span\" fontWeight={800} fontSize={20} textAlign=\"center\">\n                                    You have{' '}\n                                    <Typography\n                                        variant=\"body1\"\n                                        component=\"span\"\n                                        fontWeight={800}\n                                        fontSize={26}\n                                        sx={{ color: (theme) => theme.palette.success.main }}\n                                        textAlign=\"center\"\n                                    >\n                                        {user?.userDetails?.credits}\n                                    </Typography>{' '}\n                                    free credits\n                                </Typography>\n                            )}\n                        </Stack>\n                    )}\n\n                    {/* --------------------- User has done nothing about early access -------------------- */}\n                    {/* {(!user?.userDetails?.earlyAccessStatus || user?.userDetails?.earlyAccessStatus === 'requested') && (\n                        <Stack justifyContent=\"center\" spacing={3}>\n                            <Stack direction=\"row\" color=\"#54d62c\" alignItems=\"center\" justifyContent=\"left\" spacing={1}>\n                                <AutoFixHighRounded fontSize=\"large\" />\n                                <Typography variant=\"h3\">Magic Tools</Typography>\n                            </Stack>\n\n                            <Typography variant=\"h3\">\n                                A new suite of generative editing tools and features are coming soon!\n                            </Typography>\n\n                            <Typography variant=\"subtitle1\" fontWeight=\"bold\" lineHeight={2} textAlign=\"left\" px={2}>\n                                <ul>\n                                    <li key=\"magic-eraser\">\n                                        Magic Eraser{' '}\n                                        <Chip\n                                            color=\"success\"\n                                            size=\"small\"\n                                            label=\"Early Access\"\n                                            sx={{ marginLeft: '5px', opacity: 0.7 }}\n                                            variant=\"outlined\"\n                                        />\n                                    </li>\n                                    <li key=\"magic-fill\">\n                                        Magic Fill{' '}\n                                        <Chip\n                                            color=\"success\"\n                                            size=\"small\"\n                                            label=\"Early Access\"\n                                            sx={{ marginLeft: '5px', opacity: 0.7 }}\n                                            variant=\"outlined\"\n                                        />\n                                    </li>\n                                    <li key=\"magic-expander\">\n                                        Magic Expander{' '}\n                                        <Chip size=\"small\" label=\"Planned\" sx={{ marginLeft: '5px', opacity: 0.5 }} variant=\"outlined\" />\n                                    </li>\n                                    <li key=\"magic-isolator\">\n                                        Magic Isolator{' '}\n                                        <Chip size=\"small\" label=\"Planned\" sx={{ marginLeft: '5px', opacity: 0.5 }} variant=\"outlined\" />\n                                    </li>\n                                </ul>\n                            </Typography>\n                            <Typography variant=\"body1\">\n                                {' '}\n                                We're opening an Early Access program for users who would like to help us test these features as they're\n                                developed.\n                            </Typography>\n                        </Stack>\n                    )} */}\n                </Box>\n                <Box width=\"100%\" px={2} pb={2} pt={1}>\n                    <>\n                        {user?.userDetails?.magicSubscription === 'true' ? (\n                            // <Button\n                            //     loading={loadingSubscriptionUrl}\n                            //     onClick={() => { navigate('/manageSubscription'); setMagicToolsPopoverAnchorEl(); }}\n                            //     variant=\"contained\"\n                            //     size=\"large\"\n                            //     fullWidth\n                            // >\n                            //     Manage Subscription\n                            // </Button>\n                            <LoadingButton\n                                loading={loadingSubscriptionUrl}\n                                onClick={() => { \n                                    navigate('/account');\n                                    setMagicToolsPopoverAnchorEl(null);\n                                }}\n                                variant=\"contained\"\n                                size=\"large\"\n                                fullWidth\n                            >\n                                Manage Account\n                            </LoadingButton>\n                        ) : (\n                            <>\n                                <LoadingButton\n                                    onClick={handleSubscribe}\n                                    variant=\"contained\"\n                                    size=\"large\"\n                                    fullWidth\n                                    sx={{\n                                        backgroundColor: (theme) => theme.palette.success.main,\n                                        color: (theme) => theme.palette.common.black,\n                                        '&:hover': {\n                                            ...(!loadingSubscriptionUrl && {\n                                                backgroundColor: (theme) => theme.palette.success.dark,\n                                                color: (theme) => theme.palette.common.black,\n                                            }),\n                                        },\n                                    }}\n                                >\n                                    Get memeSRC Pro \n                                    {/* <Chip size='small' sx={{ ml: 1, backgroundColor: 'white', color: 'green' }} label=\"30% off\" /> */}\n                                </LoadingButton>\n                                {/* <Typography\n                                    variant=\"caption\"\n                                    display=\"block\"\n                                    gutterBottom\n                                    align=\"center\"\n                                    sx={{ pt: 1, marginTop: 1, opacity: 0.8 }}\n                                >\n                                    69 credits/mo for <del>$6.00</del> $4.20. Cancel any time.\n                                </Typography> */}\n                            </>\n                        )}\n                    </>\n\n                    {/* <Typography\n              variant=\"caption\"\n              align=\"center\"\n              sx={{ display: 'block', marginTop: theme.spacing(1), cursor: 'pointer', color: '#999' }}\n              onClick={() => setAnchorEl(null)}\n            >\n              Dismiss\n            </Typography> */}\n                </Box>\n            </Popover>\n        </MagicPopupContext.Provider>\n    );\n}\n","// useDialog.js\nimport { useContext } from 'react';\nimport { SubscribeDialogContext } from './SubscribeDialog';\n\nexport const useSubscribeDialog = () => {\n  return useContext(SubscribeDialogContext);\n};","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getFabUtilityClass(slot) {\n  return generateUtilityClass('MuiFab', slot);\n}\nconst fabClasses = generateUtilityClasses('MuiFab', ['root', 'primary', 'secondary', 'extended', 'circular', 'focusVisible', 'disabled', 'colorInherit', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'info', 'error', 'warning', 'success']);\nexport default fabClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"color\", \"component\", \"disabled\", \"disableFocusRipple\", \"focusVisibleClassName\", \"size\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nimport useThemeProps from '../styles/useThemeProps';\nimport fabClasses, { getFabUtilityClass } from './fabClasses';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n  const {\n    color,\n    variant,\n    classes,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, `size${capitalize(size)}`, color === 'inherit' ? 'colorInherit' : color]\n  };\n  const composedClasses = composeClasses(slots, getFabUtilityClass, classes);\n  return _extends({}, classes, composedClasses);\n};\n\nconst FabRoot = styled(ButtonBase, {\n  name: 'MuiFab',\n  slot: 'Root',\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], styles[`size${capitalize(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, styles[capitalize(ownerState.size)], styles[ownerState.color]];\n  }\n})(({\n  theme,\n  ownerState\n}) => {\n  var _theme$palette$getCon, _theme$palette;\n\n  return _extends({}, theme.typography.button, {\n    minHeight: 36,\n    transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {\n      duration: theme.transitions.duration.short\n    }),\n    borderRadius: '50%',\n    padding: 0,\n    minWidth: 0,\n    width: 56,\n    height: 56,\n    zIndex: (theme.vars || theme).zIndex.fab,\n    boxShadow: (theme.vars || theme).shadows[6],\n    '&:active': {\n      boxShadow: (theme.vars || theme).shadows[12]\n    },\n    color: theme.vars ? theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),\n    backgroundColor: (theme.vars || theme).palette.grey[300],\n    '&:hover': {\n      backgroundColor: (theme.vars || theme).palette.grey.A100,\n      // Reset on touch devices, it doesn't add specificity\n      '@media (hover: none)': {\n        backgroundColor: (theme.vars || theme).palette.grey[300]\n      },\n      textDecoration: 'none'\n    },\n    [`&.${fabClasses.focusVisible}`]: {\n      boxShadow: (theme.vars || theme).shadows[6]\n    },\n    [`&.${fabClasses.disabled}`]: {\n      color: (theme.vars || theme).palette.action.disabled,\n      boxShadow: (theme.vars || theme).shadows[0],\n      backgroundColor: (theme.vars || theme).palette.action.disabledBackground\n    }\n  }, ownerState.size === 'small' && {\n    width: 40,\n    height: 40\n  }, ownerState.size === 'medium' && {\n    width: 48,\n    height: 48\n  }, ownerState.variant === 'extended' && {\n    borderRadius: 48 / 2,\n    padding: '0 16px',\n    width: 'auto',\n    minHeight: 'auto',\n    minWidth: 48,\n    height: 48\n  }, ownerState.variant === 'extended' && ownerState.size === 'small' && {\n    width: 'auto',\n    padding: '0 8px',\n    borderRadius: 34 / 2,\n    minWidth: 34,\n    height: 34\n  }, ownerState.variant === 'extended' && ownerState.size === 'medium' && {\n    width: 'auto',\n    padding: '0 16px',\n    borderRadius: 40 / 2,\n    minWidth: 40,\n    height: 40\n  }, ownerState.color === 'inherit' && {\n    color: 'inherit'\n  });\n}, ({\n  theme,\n  ownerState\n}) => _extends({}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && (theme.vars || theme).palette[ownerState.color] != null && {\n  color: (theme.vars || theme).palette[ownerState.color].contrastText,\n  backgroundColor: (theme.vars || theme).palette[ownerState.color].main,\n  '&:hover': {\n    backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: (theme.vars || theme).palette[ownerState.color].main\n    }\n  }\n}));\nconst Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {\n  const props = useThemeProps({\n    props: inProps,\n    name: 'MuiFab'\n  });\n\n  const {\n    children,\n    className,\n    color = 'default',\n    component = 'button',\n    disabled = false,\n    disableFocusRipple = false,\n    focusVisibleClassName,\n    size = 'large',\n    variant = 'circular'\n  } = props,\n        other = _objectWithoutPropertiesLoose(props, _excluded);\n\n  const ownerState = _extends({}, props, {\n    color,\n    component,\n    disabled,\n    disableFocusRipple,\n    size,\n    variant\n  });\n\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(FabRoot, _extends({\n    className: clsx(classes.root, className),\n    component: component,\n    disabled: disabled,\n    focusRipple: !disableFocusRipple,\n    focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),\n    ownerState: ownerState,\n    ref: ref\n  }, other, {\n    classes: classes,\n    children: children\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Fab.propTypes\n/* remove-proptypes */\n= {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // |     To update them edit the d.ts file and run \"yarn proptypes\"     |\n  // ----------------------------------------------------------------------\n\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).\n   * @default 'default'\n   */\n  color: PropTypes\n  /* @typescript-to-proptypes-ignore */\n  .oneOfType([PropTypes.oneOf(['default', 'error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),\n\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true`, the  keyboard focus ripple is disabled.\n   * @default false\n   */\n  disableFocusRipple: PropTypes.bool,\n\n  /**\n   * If `true`, the ripple effect is disabled.\n   */\n  disableRipple: PropTypes.bool,\n\n  /**\n   * @ignore\n   */\n  focusVisibleClassName: PropTypes.string,\n\n  /**\n   * The URL to link to when the button is clicked.\n   * If defined, an `a` element will be used as the root node.\n   */\n  href: PropTypes.string,\n\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense button styling.\n   * @default 'large'\n   */\n  size: PropTypes\n  /* @typescript-to-proptypes-ignore */\n  .oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),\n\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n  /**\n   * The variant to use.\n   * @default 'circular'\n   */\n  variant: PropTypes\n  /* @typescript-to-proptypes-ignore */\n  .oneOfType([PropTypes.oneOf(['circular', 'extended']), PropTypes.string])\n} : void 0;\nexport default Fab;"],"names":["MagicPopupContext","createContext","MagicPopup","_ref","_user$userDetails","_user$userDetails2","_user$userDetails3","_user$userDetails4","_user$userDetails5","_user$userDetails6","children","useLocation","navigate","useNavigate","magicToolsPopoverAnchorEl","setMagicToolsPopoverAnchorEl","useState","user","useContext","UserContext","loadingSubscriptionUrl","setLoadingSubscriptionUrl","theme","useTheme","openSubscriptionDialog","useSubscribeDialog","_jsxs","Provider","value","Popover","open","Boolean","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","sx","backgroundColor","borderRadius","padding","_jsx","Fab","color","onClick","disabled","position","top","spacing","right","Close","Box","m","mx","maxWidth","userDetails","magicSubscription","_Fragment","Stack","justifyContent","direction","alignItems","AutoFixHighRounded","fontSize","Typography","variant","fontWeight","lineHeight","textAlign","px","Chip","size","label","marginLeft","opacity","Divider","component","palette","success","main","credits","width","pb","pt","LoadingButton","loading","fullWidth","handleSubscribe","common","black","dark","SubscribeDialogContext","getFabUtilityClass","slot","generateUtilityClass","generateUtilityClasses","_excluded","FabRoot","styled","ButtonBase","name","shouldForwardProp","prop","rootShouldForwardProp","overridesResolver","props","styles","ownerState","root","concat","capitalize","colorInherit","_theme$palette$getCon","_theme$palette","_extends","typography","button","minHeight","transition","transitions","create","duration","short","minWidth","height","zIndex","vars","fab","boxShadow","shadows","text","primary","getContrastText","call","grey","A100","textDecoration","fabClasses","focusVisible","action","disabledBackground","_ref2","contrastText","React","inProps","ref","useThemeProps","className","disableFocusRipple","focusVisibleClassName","other","_objectWithoutPropertiesLoose","classes","slots","composedClasses","composeClasses","useUtilityClasses","clsx","focusRipple"],"sourceRoot":""}