{"version":3,"file":"static/chunks/pages/login-31da45e4cb1ae8ce.js","mappings":"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","sources":["webpack://_N_E/?3104","webpack://_N_E/./node_modules/@mui/icons-material/Subject.js","webpack://_N_E/./node_modules/@mui/system/esm/Container/createContainer.js","webpack://_N_E/./node_modules/@mui/material/Container/Container.js","webpack://_N_E/./src/images/drawkit/grape/drawkit-grape-pack-illustration-2.svg","webpack://_N_E/./src/components/Welcome/Welcome.tsx","webpack://_N_E/./src/components/Welcome/index.tsx","webpack://_N_E/./pages/login.page.tsx","webpack://_N_E/./src/components/Layouts/Basic/TopBar/TopBar.tsx","webpack://_N_E/./src/components/Layouts/Basic/TopBar/index.tsx","webpack://_N_E/./src/components/Layouts/Basic/Basic.tsx","webpack://_N_E/./src/components/Layouts/Basic/index.tsx","webpack://_N_E/./src/hooks/useGetAppSettings.tsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/login\",\n      function () {\n        return require(\"private-next-pages/login.page.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/login\"])\n      });\n    }\n  ","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M14 17H4v2h10zm6-8H4v2h16zM4 15h16v-2H4zM4 5v2h16V5z\"\n}), 'Subject');","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"component\", \"disableGutters\", \"fixed\", \"maxWidth\", \"classes\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from '@mui/utils/capitalize';\nimport useThemePropsSystem from '../useThemeProps';\nimport systemStyled from '../styled';\nimport createTheme from '../createTheme';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultTheme = createTheme();\nconst defaultCreateStyledComponent = systemStyled('div', {\n  name: 'MuiContainer',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[`maxWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];\n  }\n});\nconst useThemePropsDefault = inProps => useThemePropsSystem({\n  props: inProps,\n  name: 'MuiContainer',\n  defaultTheme\n});\nconst useUtilityClasses = (ownerState, componentName) => {\n  const getContainerUtilityClass = slot => {\n    return generateUtilityClass(componentName, slot);\n  };\n  const {\n    classes,\n    fixed,\n    disableGutters,\n    maxWidth\n  } = ownerState;\n  const slots = {\n    root: ['root', maxWidth && `maxWidth${capitalize(String(maxWidth))}`, fixed && 'fixed', disableGutters && 'disableGutters']\n  };\n  return composeClasses(slots, getContainerUtilityClass, classes);\n};\nexport default function createContainer(options = {}) {\n  const {\n    // This will allow adding custom styled fn (for example for custom sx style function)\n    createStyledComponent = defaultCreateStyledComponent,\n    useThemeProps = useThemePropsDefault,\n    componentName = 'MuiContainer'\n  } = options;\n  const ContainerRoot = createStyledComponent(({\n    theme,\n    ownerState\n  }) => _extends({\n    width: '100%',\n    marginLeft: 'auto',\n    boxSizing: 'border-box',\n    marginRight: 'auto',\n    display: 'block'\n  }, !ownerState.disableGutters && {\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n    // @ts-ignore module augmentation fails if custom breakpoints are used\n    [theme.breakpoints.up('sm')]: {\n      paddingLeft: theme.spacing(3),\n      paddingRight: theme.spacing(3)\n    }\n  }), ({\n    theme,\n    ownerState\n  }) => ownerState.fixed && Object.keys(theme.breakpoints.values).reduce((acc, breakpointValueKey) => {\n    const breakpoint = breakpointValueKey;\n    const value = theme.breakpoints.values[breakpoint];\n    if (value !== 0) {\n      // @ts-ignore\n      acc[theme.breakpoints.up(breakpoint)] = {\n        maxWidth: `${value}${theme.breakpoints.unit}`\n      };\n    }\n    return acc;\n  }, {}), ({\n    theme,\n    ownerState\n  }) => _extends({}, ownerState.maxWidth === 'xs' && {\n    // @ts-ignore module augmentation fails if custom breakpoints are used\n    [theme.breakpoints.up('xs')]: {\n      // @ts-ignore module augmentation fails if custom breakpoints are used\n      maxWidth: Math.max(theme.breakpoints.values.xs, 444)\n    }\n  }, ownerState.maxWidth &&\n  // @ts-ignore module augmentation fails if custom breakpoints are used\n  ownerState.maxWidth !== 'xs' && {\n    // @ts-ignore module augmentation fails if custom breakpoints are used\n    [theme.breakpoints.up(ownerState.maxWidth)]: {\n      // @ts-ignore module augmentation fails if custom breakpoints are used\n      maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`\n    }\n  }));\n  const Container = /*#__PURE__*/React.forwardRef(function Container(inProps, ref) {\n    const props = useThemeProps(inProps);\n    const {\n        className,\n        component = 'div',\n        disableGutters = false,\n        fixed = false,\n        maxWidth = 'lg'\n      } = props,\n      other = _objectWithoutPropertiesLoose(props, _excluded);\n    const ownerState = _extends({}, props, {\n      component,\n      disableGutters,\n      fixed,\n      maxWidth\n    });\n\n    // @ts-ignore module augmentation fails if custom breakpoints are used\n    const classes = useUtilityClasses(ownerState, componentName);\n    return (\n      /*#__PURE__*/\n      // @ts-ignore theme is injected by the styled util\n      _jsx(ContainerRoot, _extends({\n        as: component\n        // @ts-ignore module augmentation fails if custom breakpoints are used\n        ,\n        ownerState: ownerState,\n        className: clsx(classes.root, className),\n        ref: ref\n      }, other))\n    );\n  });\n  process.env.NODE_ENV !== \"production\" ? Container.propTypes /* remove-proptypes */ = {\n    children: PropTypes.node,\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    component: PropTypes.elementType,\n    disableGutters: PropTypes.bool,\n    fixed: PropTypes.bool,\n    maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),\n    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n  } : void 0;\n  return Container;\n}","'use client';\n\nimport PropTypes from 'prop-types';\nimport { createContainer } from '@mui/system';\nimport capitalize from '../utils/capitalize';\nimport styled from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nconst Container = createContainer({\n  createStyledComponent: styled('div', {\n    name: 'MuiContainer',\n    slot: 'Root',\n    overridesResolver: (props, styles) => {\n      const {\n        ownerState\n      } = props;\n      return [styles.root, styles[`maxWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];\n    }\n  }),\n  useThemeProps: inProps => useThemeProps({\n    props: inProps,\n    name: 'MuiContainer'\n  })\n});\nprocess.env.NODE_ENV !== \"production\" ? Container.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\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   * If `true`, the left and right padding is removed.\n   * @default false\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * Set the max-width to match the min-width of the current breakpoint.\n   * This is useful if you'd prefer to design for a fixed set of sizes\n   * instead of trying to accommodate a fully fluid viewport.\n   * It's fluid by default.\n   * @default false\n   */\n  fixed: PropTypes.bool,\n  /**\n   * Determine the max-width of the container.\n   * The container width grows with the size of the screen.\n   * Set to `false` to disable `maxWidth`.\n   * @default 'lg'\n   */\n  maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),\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} : void 0;\nexport default Container;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3ODguODkgNzkwLjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZjJmMmYyO30uY2xzLTJ7ZmlsbDojZDdlMGZmO30uY2xzLTN7ZmlsbDojZWFmMGZmO30uY2xzLTR7ZmlsbDojZmI1ZDY0O30uY2xzLTV7ZmlsbDojZmZmO30uY2xzLTEzLC5jbHMtMTUsLmNscy02LC5jbHMtN3tmaWxsOm5vbmU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30uY2xzLTZ7c3Ryb2tlOiNiMmMzZmI7c3Ryb2tlLXdpZHRoOjNweDt9LmNscy0xMywuY2xzLTd7c3Ryb2tlOiMxYjNjODc7fS5jbHMtMTUsLmNscy03e3N0cm9rZS13aWR0aDozLjY5cHg7fS5jbHMtOHtmaWxsOiNlZWNiNTU7fS5jbHMtOXtmaWxsOiM0NmRiYzk7fS5jbHMtMTB7ZmlsbDojM2MzNzQ0O30uY2xzLTExe2ZpbGw6IzgwODhkYzt9LmNscy0xMntmaWxsOiMxYjNjODc7fS5jbHMtMTN7c3Ryb2tlLXdpZHRoOjMuMTRweDt9LmNscy0xNHtmaWxsOiNiMmMzZmI7fS5jbHMtMTV7c3Ryb2tlOiNlYWYwZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Bc3NldCAxPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYxMy43NywxNzcuOUM2OTMsMjQ3LjI0LDc3OS43MSwzMTkuMTEsNzg4LjE2LDM5OS4yMmM4LjY3LDgwLjMyLTYxLjMsMTY4Ljg5LTE0MC41NiwyMTguNTdzLTE2Ny44NCw2MC40NS0yNzQuMzgsNzhDMjY2LjksNzEzLjU0LDE0Mi44Miw3MzguMjcsNzEsNjg4LjZzLTkxLjUzLTE3My43Ni00Ni43Mi0yNTNTMTc4LjU0LDMyMi4wNywyNTAuNDEsMjUyLjUyQzMyMi4yOCwxODMuMTksMzU2LjUyLDc4Ljc3LDQwOS41OCw2MC4xNmM1My4wNi0xOC44MSwxMjQuOTMsNDguNDEsMjA0LjE5LDExNy43NCIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iNDgzLjg4IiB5PSIzMS42MyIgd2lkdGg9IjI0MC43MiIgaGVpZ2h0PSIxODIuMjYiLz48cmVjdCBjbGFzcz0iY2xzLTMiIHg9IjYxMy44NCIgeT0iNjUuOSIgd2lkdGg9IjcwLjQ5IiBoZWlnaHQ9IjEyNi4zOCIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTU5MC42Myw5My43YTI5LjA3LDI5LjA3LDAsMSwxLTI5LjA2LTI5LjA2QTI5LjA2LDI5LjA2LDAsMCwxLDU5MC42Myw5My43Ii8+PHBhdGggY2xhc3M9ImNscy01IiBkPSJNNzI3LjUxLDQwNGE3MS4xMSw3MS4xMSwwLDEsMS03MS4xMS03MS4xMUE3MS4xMSw3MS4xMSwwLDAsMSw3MjcuNTEsNDA0Ii8+PHJlY3QgY2xhc3M9ImNscy02IiB4PSI2MTkuMTkiIHk9IjI3MS45MyIgd2lkdGg9IjE1Mi4zNyIgaGVpZ2h0PSIxNTIuMzciLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik0zNjkuMzYsNzg4LjY2SDc0Ny40NCIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTEuODUsNzg4LjY2SDI4MC40NCIvPjxwYXRoIGNsYXNzPSJjbHMtOCIgZD0iTTQzNi42MiwyNzQuNjZsLTEuNTUsNy40Ni0xMC40LDMuMjRzLTUuMTUtMTYuMDYtNS44Ni0xOS42OWMtNSwzLjczLTMzLjgyLDExLjgxLTM4Ljc5LDEyLjUzLS42OS0zLjg3LS42OS0zNy40MSwyNy4yNy0zNy40MSwyNC42MywwLDM1LjY3LDI0LjY3LDM2LjMyLDI3LjU2LTEuNDQuODQtNywyLjktNyw2LjMxIi8+PHBhdGggY2xhc3M9ImNscy05IiBkPSJNNDQzLjUzLDMzOS4yM2MtNi4yNSwwLTUxLjYxLDQ1Ljc3LTUzLjQ3LDU1LjM1bC0xNC42MSw3NS41OUw0NTEuMTIsNDQ5bDQuNDQtOTYuMjgtMTAuNzgtMTMuNTJaIi8+PHBhdGggY2xhc3M9ImNscy01IiBkPSJNMzUwLjA2LDQ3Mi4xM2MtLjEzLTUuMjcsNDMuMzEtMTQyLjQxLDQ4LjIxLTE0Ny4wN2ExNi4yNywxNi4yNywwLDAsMSwxMi4zNy00LjhjMi4xNi4xLDEyLjU0LDUsMTQuNzMsMTAuMTctMy43NCw4Ljg2LTEyLjc1LDEzLjc4LTEyLjc1LDEzLjc4TDM5NS4wOSw0NTIuNTNaIi8+PHBhdGggY2xhc3M9ImNscy0xMCIgZD0iTTQwMyw1NTQuMzdsNjIuNzgsNzcuNzEtMzAuNDUsMzAuNjEtOTIuMTYtODAuNTcsMjEuOC0zMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEwIiBkPSJNMzg2LjQ2LDY5My40N0MzNzgsNjg1Ljc4LDI3OC43NSw1NjIuMTUsMjc4Ljc1LDU0Ni44NWMwLTM0LjExLDM4LjctNDYuMiw0OS4yNi00OC44NiwxNC41NS0xLjMyLDc5LjA5LTYuNzIsODkuMjQtNi4zLDcuMzIsNy45Myw5Mi4zMiwyNi4yMywxMDQuNjQsMjQuNjUsMCw2LjE3LTkuOCw0OS4zMS03OS4zMiw0OS4zMS03LjI4LDAtNjIuMDktMi4xOS02My4xMS0yLjE5LDAsMTIuODMsMzUuMTMsOTYuMzQsMzguNDgsMTAyIi8+PHBhdGggY2xhc3M9ImNscy05IiBkPSJNNDc2LjQsMzE2Ljg3YzU2LjI3LDAsNjguNDUsMTAxLjUxLDY4LjQ1LDEzMC4zMiwwLDM2LjczLTE0LjksNjYuMDgtMjIsNjguODMtMjAuMTEsNy43My05My45My0xNy41OS05OC42MS0yOS41OC0yMi44Mi01OC40LDE0Ljc0LTE2OS41Nyw1Mi4yLTE2OS41NyIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQyOC4zNiwyNDcuMzhhNTEuMTgsNTEuMTgsMCwwLDEsMTEuMzgsMTQuODFxLjc0LDEuNDQsMS4zOCwyLjg4Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNMzgxLjgyLDI5MmMtMTAuNTEtMjAuNDItNi4wNi00My42NCw5Ljk0LTUxLjg3YTI3LjE3LDI3LjE3LDAsMCwxLDE2Ljg2LTIuNTMiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik00MzcuMzcsMzA4LjE4YTI2LjMyLDI2LjMyLDAsMCwxLTcuNTcsNS44OGMtMTAuOTIsNS42Mi0yNC40LDIuOC0zNS4xOS02LjA1Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNDMzLjA1LDI3MS4wOEE5LjU5LDkuNTksMCwxLDEsNDQyLDI4NC4yMWE5LjQzLDkuNDMsMCwwLDEtNC4xNy0xIi8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNDQxLjE1LDM0MS4xOGMtMS40MS01LjA1LTYuNDgtMjAuNjEtMTIuODEtMjYuNDMiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik00NDYuMiwyODYuNjFjMS45NSw2LjU2LDE5LjU4LDMwLjIxLDIzLjkyLDMzLjQ5LS4yNiwyLjg1LTUuODcsOC4zNi0xMi4xOCwxMyIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQyMy42NywyODFsNy44My0yLjQzLDEuNTUtNy40NyIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQwMi42MSwyNjcuMzJjNS44Mi0xLjk0LDEwLjc5LTMuODcsMTIuNjMtNS4yMy41MSwyLjY0LDMuMzgsMTEuODYsNC45LDE2LjY4Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNMzc2LjQ0LDI3NC42MmMxLjkyLS4yOCw3LjM3LTEuNjUsMTMuNjQtMy40NCIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQzMy43NSw0OTIuMmMtNy45LTMuOTQtMTMuMzktNy43Ny0xNC41Ni0xMC43Ny03LTE4LTguMzMtNDEuMDUtNS42NS02NC4zIi8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNTMyLjA1LDM4NC4yN2M1Ljg2LDIzLjUsNy43OSw0Ni40NSw3Ljc5LDU3LjkxLDAsMzYuNzQtMTQuOSw2Ni4wOS0yMiw2OC44My05LjQzLDMuNjMtMzAuNjUsMC01MS02LjE0Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNDYzLjkyLDMxMy4zYTIxLDIxLDAsMCwxLDcuNDgtMS40NGMxNC44MywwLDI2LjYsNy4wNiwzNS44OSwxOCIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQyNC43NiwzNjguNTlhMTYzLjI0LDE2My4yNCwwLDAsMSwxNS0zMS45Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNMzg5Ljc3LDMyNy40OWMxLjY2LTQuMiwyLjg4LTYuODUsMy40OS03LjQ0YTE2LjI3LDE2LjI3LDAsMCwxLDEyLjM3LTQuOGMyLjE2LjEsMTIuNTQsNSwxNC43MywxMC4xNyIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTM1Ny4zLDQyNC4zYzcuMzctMjMuNTYsMTYuNzMtNTIuMzcsMjQuMTEtNzMuNzUiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik0zNDUuMDUsNDY2LjQxYzAtMSwxLjQ3LTYuNTMsMy45NC0xNC45MiIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQwNy4zMSwzMjQuM2MyLjE0LjM0LDcuMzEsMy40OSwxMCw2LjY0Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNDAxLjMyLDMzMS44OWMyLjEzLjM0LDcuMzEsMy40OSwxMCw2LjY0Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNMzkwLjA5LDQ0Ni45NGMuMTctNC44LDEyLTg3LjU4LDE3LjIzLTEwMy44NSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQxNS41LDM1My4xMmM3LjI4LTcuNzksMTYuMS0xNi4xNiwyMy4xOC0xOS41NSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTE4NS45MSwzOTVsNDYsNzQuNzYiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik01MTYuODgsNTExLjMzYzAsNi4xNy05Ljc5LDQ5LjMxLTc5LjMyLDQ5LjMxLTcuMjgsMC02Mi4wOS0yLjE5LTYzLjExLTIuMTksMCwxMi44MywzNS4xMyw5Ni4zNCwzOC40OCwxMDIiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik0zMjMsNDkzYy0xMC4yMSwzLjgyLTQ5LjI3LDE0Ljc1LTQ5LjI3LDQ4Ljg2LDAsMTUuMyw5OS4yMywxMzguOTMsMTA3LjcxLDE0Ni42MiIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTM3Ni40OSw2OTQsNDIyLDY2NSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTM4MS40NSw3MDJsNDYuOTMtMjguNDMiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik00MDAuMjIsNjMxLjMzbDI5LjE2LDI2LjM1Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNDE3LjMzLDU3My4xN2w0My40LDUzLjkxIi8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNDY1Ljc2LDYyMy4yMWwtMzguMzUsMzcuMjciLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik00NzAuNiw2MzAuNGwtMzguMzUsMzcuMjciLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik0xNjUuMTEsNzU1LjUydjMzLjE0Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNMTY1LjExLDQ5M1Y2OTQiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik0zMTguMTUsNDkzVjc4OC42NiIvPjxwYXRoIGNsYXNzPSJjbHMtOSIgZD0iTTQ5Ni4xMiwzNDEuNDNjMjYuNzksOS4zMiwxMy4xNSw2Ni43LDUuNjEsNjguNjRzLTUzLTE2LjA1LTU0LjQyLTIwLjg5LDE3LjUyLTU4LjY1LDQ4LjgxLTQ3Ljc1Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNDYyLjExLDM0NC44OGM3Ljc1LTcuNzcsMTcuNTUtMTIuNDUsMjktOC40NiwyNi43OSw5LjMyLDEzLjE1LDY2LjcsNS42LDY4LjY0cy01My0xNi4wNS01NC40Mi0yMC44OWMtLjM0LTEuMTQuNDUtNSwyLjI4LTEwLjEyIi8+PHBhdGggY2xhc3M9ImNscy01IiBkPSJNNDUwLjQ0LDM5MmMtMi4xOCwzLjItMTQuMjUsNDIuMjMtMTQuMjUsNDIuMjNTMzUwLjkyLDQ3MSwzNDYuNjcsNDcyLjljLTEuNTUtMi4xMi02LjY1LTYtMTctNi0xOC45NSwwLTIyLjIzLDEyLjU3LTIyLjIzLDE1LjI3czI4LjgxLDguNywzNi41NCw4LjUxLDExNS44Mi0xNi42MywxMTkuNjgtMTguNTYsMjkuNzMtNjMsMjkuNzMtNjNjLTctLjM3LTM5LjI3LTEwLjM2LTQyLjkzLTE3LjExIi8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNMzk2LjY4LDQ3Ny42Yy0yNy4yOCw0LjE3LTU0LDgtNTcuNzMsOC4wOC03LjczLjItMzYuNTQtNS44LTM2LjU0LTguNTFzMy4yOC0xNS4yNywyMi4yMy0xNS4yN2MxMC4zNywwLDE1LjQ3LDMuODcsMTcsNiw0LjI1LTEuOTMsODkuNTItMzguNjcsODkuNTItMzguNjdzMTIuMDctMzksMTQuMjUtNDIuMjMiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik00ODguMzYsNDA0LjFzLTI1Ljg2LDYxLjA5LTI5LjczLDYzYy0xLjEuNTUtMTAuNjMsMi4yOC0yMy44OCw0LjQ2Ii8+PHJlY3QgY2xhc3M9ImNscy0xMSIgeD0iNDEzLjgzIiB5PSI1NjIuODYiIHdpZHRoPSIxNjUuMDMiIGhlaWdodD0iMTUuMzEiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik01MTIuMDksNTczLjE3SDQwOC44MVY1NTcuODZoMTY1djE1LjMxaC0yOSIvPjxyZWN0IGNsYXNzPSJjbHMtMTEiIHg9IjEyMC4zOCIgeT0iNDg0LjY3IiB3aWR0aD0iMjUxLjA5IiBoZWlnaHQ9IjEyLjYiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik0xODUuOTEsNDgwLjM4SDM2Ny4xOFY0OTNIMTE2LjA5di0xMi42aDM4LjY0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMzYuMjIiIHk9IjQ3NC4wNyIgd2lkdGg9Ijg4LjQzIiBoZWlnaHQ9IjEwLjYiLz48cmVjdCBjbGFzcz0iY2xzLTciIHg9IjIzMS45MyIgeT0iNDY5Ljc4IiB3aWR0aD0iODguNDMiIGhlaWdodD0iMTAuNiIvPjxwYXRoIGNsYXNzPSJjbHMtNSIgZD0iTTM5MC4wNyw3MDQuODNsMjksMzEuNzEtMTUuODYsNDQsNDguNjUtMzcuODMtMjguMi01OC4xNyIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQzNS41Miw3MTQuMzIsNDE4LjYzLDY3OS41Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNMzg1LjA3LDY5OS44MmwyOSwzMS43MS0xNS44NSw0NCw0OC42NC0zNy44M0w0NDEuOSw3MjcuNSIvPjxwYXRoIGNsYXNzPSJjbHMtNSIgZD0iTTQ2OS41Myw2NDEuMzFsMTYuMTUsMjcuNDIsMTEuMTUsNS44LTIxLjIyLDQ5LjI4LTQuODQtMzEtMjgtMjUuNTMiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik00NDUsNjY4LjhsLTcuMTUtNi41MyIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTQ2NC41Miw2MzYuMzFsMTYuMTUsMjcuNDEsMTEuMTUsNS44MUw0NzAuNiw3MTguODFsLTQuODQtMzEtNi01LjQ4Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNDUxLjQzLDU3My4xN3YyMTQiLz48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik01MzEuMjQsNjU0Ljg1Vjc4Ny4yIi8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNNTMxLjI0LDU3My4xN3Y0NS4wOCIvPjxwYXRoIGNsYXNzPSJjbHMtMTIiIGQ9Ik00MDMuMjEsMjc4LjUxYy40OSwxLjcsMS42MywyLjg2LDIuNTUsMi41OXMxLjI4LTEuODUuNzktMy41NFM0MDQuOTMsMjc0LjcsNDA0LDI3NXMtMS4yNywxLjg1LS43OSwzLjU0Ii8+PHBhdGggY2xhc3M9ImNscy0xMyIgZD0iTTM5Mi4xMSwyOTcuMmE4LjE1LDguMTUsMCwwLDEtLjU4LDEuODMiLz48cGF0aCBjbGFzcz0iY2xzLTEzIiBkPSJNMzkxLjA1LDI4Ny4yOWEyMi4xNSwyMi4xNSwwLDAsMSwxLjMsNi44NyIvPjxwYXRoIGNsYXNzPSJjbHMtMTMiIGQ9Ik00MTguNDEsMjk2LjI0Yy4yOSwyLjI0LTEuMjgsNS43Mi00LjMxLDcuNzUiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjIwLjk4IiB5PSIyNTQuNDIiIHdpZHRoPSIyNjMuNDMiIGhlaWdodD0iNzkuNDgiLz48cGF0aCBjbGFzcz0iY2xzLTE0IiBkPSJNMjYxLjc1LDI5My43NmEyMy4yLDIzLjIsMCwxLDEtMjMuMi0yMy4xOSwyMy4yLDIzLjIsMCwwLDEsMjMuMiwyMy4xOSIvPjxwYXRoIGNsYXNzPSJjbHMtMTUiIGQ9Ik0xOTQuNzMsMjgwLjMxSDYzLjc5Ii8+PHBhdGggY2xhc3M9ImNscy0xNSIgZD0iTTE5NC43MywzMDcuMjJIMTI1LjM1Ii8+PHJlY3QgY2xhc3M9ImNscy0zIiB4PSIyMTcuOSIgd2lkdGg9IjE1Ni41NiIgaGVpZ2h0PSIxOTguNjYiLz48cGF0aCBjbGFzcz0iY2xzLTYiIGQ9Ik0yNzguNzUsNzEuMjNsNDUuOSwxMDcuODlMNDIxLDExMi4yM1oiLz48cmVjdCBjbGFzcz0iY2xzLTMiIHg9IjUyIiB5PSI5OS44NyIgd2lkdGg9IjkwLjE1IiBoZWlnaHQ9IjM3LjY1Ii8+PHJlY3QgY2xhc3M9ImNscy0zIiB4PSIxMC4wNSIgeT0iMTQ2LjQxIiB3aWR0aD0iOTAuMTUiIGhlaWdodD0iMzcuNjUiLz48L2c+PC9nPjwvc3ZnPg==\"","import React, { ReactElement, ReactNode } from 'react';\nimport { Box, Container, Grid, Theme, Typography } from '@mui/material';\nimport { motion } from 'framer-motion';\nimport { makeStyles } from 'tss-react/mui';\nimport illustration2 from '../../images/drawkit/grape/drawkit-grape-pack-illustration-2.svg';\n\ninterface Props {\n  title: string | ReactNode;\n  subtitle: string | ReactNode;\n  imgSrc?: string;\n  children?: ReactNode;\n}\n\nconst useStyles = makeStyles()((theme: Theme) => ({\n  container: {\n    '& > *': {\n      marginRight: theme.spacing(2),\n      '&:last-child': {\n        marginRight: 0,\n      },\n    },\n  },\n  box: {\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: '100vh',\n    minWidth: '100vw',\n    backgroundColor: theme.palette.mpdxBlue.main,\n    '.MuiTypography-root': {\n      color: theme.palette.common.white,\n    },\n  },\n  subtitle: {\n    maxWidth: '450px',\n  },\n}));\n\nconst variants = {\n  animate: {\n    transition: {\n      staggerChildren: 0.15,\n    },\n  },\n  exit: {\n    transition: {\n      staggerChildren: 0.1,\n    },\n  },\n};\n\nconst divVariants = {\n  initial: { x: -25, opacity: 0 },\n  animate: { x: 0, opacity: 1 },\n};\n\nconst Welcome = ({\n  title,\n  subtitle,\n  imgSrc,\n  children,\n}: Props): ReactElement => {\n  const { classes } = useStyles();\n\n  return (\n    <motion.main\n      initial=\"initial\"\n      animate=\"animate\"\n      exit=\"exit\"\n      variants={variants}\n    >\n      <Box className={classes.box}>\n        <Container>\n          <Grid container spacing={2} alignItems=\"center\">\n            <Grid item sm={8}>\n              <motion.div variants={divVariants}>\n                {typeof title === 'string' ? (\n                  <Typography\n                    data-testid=\"welcomeTitle\"\n                    variant=\"h4\"\n                    component=\"h1\"\n                  >\n                    {title}\n                  </Typography>\n                ) : (\n                  title\n                )}\n              </motion.div>\n              <motion.div variants={divVariants}>\n                {typeof subtitle === 'string' ? (\n                  <Box my={3} className={classes.subtitle}>\n                    <Typography data-testid=\"welcomeSubtitle\">\n                      {subtitle}\n                    </Typography>\n                  </Box>\n                ) : (\n                  subtitle\n                )}\n              </motion.div>\n              <motion.div variants={divVariants}>\n                <Box className={classes.container}>{children}</Box>\n              </motion.div>\n            </Grid>\n            <Grid item sm={4}>\n              <motion.img\n                data-testid=\"welcomeImg\"\n                src={imgSrc || illustration2}\n                variants={{\n                  initial: { x: 25, opacity: 0 },\n                  animate: { x: 0, opacity: 1 },\n                }}\n                alt=\"heading\"\n              />\n            </Grid>\n          </Grid>\n        </Container>\n      </Box>\n    </motion.main>\n  );\n};\n\nexport default Welcome;\n","import Welcome from './Welcome';\n\nexport default Welcome;\n","import { GetServerSideProps } from 'next';\nimport Head from 'next/head';\nimport React, { ReactElement, useEffect } from 'react';\nimport SubjectIcon from '@mui/icons-material/Subject';\nimport { Button, Typography } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { getSession, signIn } from 'next-auth/react';\nimport BaseLayout from 'src/components/Layouts/Basic';\nimport Loading from 'src/components/Loading';\nimport Welcome from 'src/components/Welcome';\nimport useGetAppSettings from 'src/hooks/useGetAppSettings';\nimport { extractCookie } from 'src/lib/extractCookie';\nimport i18n from 'src/lib/i18n';\nimport { getQueryParam } from 'src/utils/queryParam';\n\nconst SignUpBox = styled('div')(({ theme }) => ({\n  marginBlock: theme.spacing(2),\n}));\n\nexport interface LoginProps {\n  signInButtonText: string;\n  signInAuthProviderId: string;\n  immediateSignIn: boolean;\n  isOkta: boolean;\n}\n\nconst Login = ({\n  signInButtonText,\n  signInAuthProviderId,\n  immediateSignIn,\n  isOkta,\n}: LoginProps): ReactElement => {\n  const { appName } = useGetAppSettings();\n\n  useEffect(() => {\n    if (immediateSignIn) {\n      signIn(signInAuthProviderId);\n    }\n  }, []);\n\n  const helpUrl =\n    process.env.HELPJUICE_KNOWLEDGE_BASE_URL || process.env.HELPJUICE_ORIGIN;\n\n  return (\n    <>\n      <Head>\n        <title>{`${appName} | Home`}</title>\n      </Head>\n      {immediateSignIn && <Loading loading={true} />}\n      <Welcome\n        title={\n          // eslint-disable-next-line @next/next/no-img-element\n          <img\n            src={process.env.NEXT_PUBLIC_MEDIA_LOGO}\n            alt=\"logo\"\n            height={50}\n          />\n        }\n        subtitle={`${appName} is fundraising software from Cru that helps you grow and maintain your ministry\n  partners in a quick and easy way.`}\n      >\n        <Button\n          id=\"sign-in-button\"\n          size=\"large\"\n          variant=\"contained\"\n          onClick={() => signIn(signInAuthProviderId)}\n          color=\"inherit\"\n        >\n          {signInButtonText}\n        </Button>\n        {helpUrl && (\n          <Button\n            size=\"large\"\n            startIcon={<SubjectIcon />}\n            href={helpUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style={{ color: '#fff' }}\n          >\n            Find help\n          </Button>\n        )}\n        {isOkta && (\n          <SignUpBox>\n            <Typography>\n              Don&apos;t have an Okta account?\n              <br />\n              Click the <strong>Sign in</strong> button above, then{' '}\n              <strong>Sign up</strong>.\n            </Typography>\n          </SignUpBox>\n        )}\n      </Welcome>\n    </>\n  );\n};\n\nLogin.layout = BaseLayout;\n\nexport const getServerSideProps: GetServerSideProps = async (context) => {\n  const session = await getSession(context);\n  const authProvider = process.env.AUTH_PROVIDER;\n\n  const signInButtonText =\n    authProvider === 'OKTA'\n      ? i18n.t('Sign In')\n      : i18n.t(`Sign In with {{authProviderName}}`, {\n          authProviderName: process.env.API_OAUTH_VISIBLE_NAME,\n        });\n  const signInAuthProviderId = authProvider?.toLowerCase()?.replace(/_/g, '');\n\n  const redirectCookie = extractCookie(\n    context.req.headers?.cookie,\n    'mpdx-handoff.redirect-url',\n  );\n  const impersonateCookie = !!extractCookie(\n    context.req.headers?.cookie,\n    'mpdx-handoff.impersonate',\n  );\n  const immediateSignIn = !!redirectCookie;\n\n  if (immediateSignIn && !impersonateCookie) {\n    context.res.setHeader(\n      'Set-Cookie',\n      `mpdx-handoff.redirect-url=; HttpOnly; path=/; Max-Age=0`,\n    );\n  }\n  if (session && !impersonateCookie) {\n    const queryRedirectUrl = getQueryParam(context.query, 'redirect');\n    return {\n      redirect: {\n        destination: redirectCookie ?? queryRedirectUrl ?? '/accountLists',\n        permanent: false,\n      },\n    };\n  }\n\n  return {\n    props: {\n      signInButtonText,\n      signInAuthProviderId,\n      immediateSignIn,\n      isOkta: authProvider === 'OKTA',\n    },\n  };\n};\n\nexport default Login;\n","import React, { ReactElement, ReactNode } from 'react';\nimport { AppBar, Grid, Theme, Toolbar, useScrollTrigger } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { makeStyles } from 'tss-react/mui';\n\nconst useStyles = makeStyles()((theme: Theme) => ({\n  appBar: {\n    paddingTop: `env(safe-area-inset-top)`,\n    paddingLeft: `env(safe-area-inset-left)`,\n    paddingRight: `env(safe-area-inset-right)`,\n    backgroundColor: theme.palette.mpdxBlue.main,\n  },\n  toolbar: {\n    backgroundColor: theme.palette.mpdxBlue.main,\n  },\n  container: {\n    minHeight: '48px',\n  },\n}));\n\nconst Offset = styled('div')(({ theme }) => theme.mixins.toolbar);\n\ninterface Props {\n  children?: ReactNode;\n}\n\nconst TopBar = ({ children }: Props): ReactElement => {\n  const { classes } = useStyles();\n\n  const trigger = useScrollTrigger({\n    disableHysteresis: true,\n    threshold: 0,\n  });\n\n  return (\n    <>\n      <AppBar className={classes.appBar} elevation={trigger ? 3 : 0}>\n        <Toolbar className={classes.toolbar}>\n          <Grid container className={classes.container} alignItems=\"center\">\n            {children}\n          </Grid>\n        </Toolbar>\n      </AppBar>\n      <Offset />\n    </>\n  );\n};\n\nexport default TopBar;\n","import TopBar from './TopBar';\n\nexport default TopBar;\n","import React, { ReactElement, ReactNode } from 'react';\nimport TopBar from './TopBar';\n\ninterface Props {\n  children: ReactNode;\n}\n\nconst Basic = ({ children }: Props): ReactElement => {\n  return (\n    <>\n      <TopBar>\n        <img src={process.env.NEXT_PUBLIC_MEDIA_LOGO} alt=\"logo\" />\n      </TopBar>\n      {children}\n    </>\n  );\n};\n\nexport default Basic;\n","import Basic from './Basic';\n\nexport default Basic;\n","import { useContext } from 'react';\nimport {\n  AppSettingsContext,\n  AppSettingsType,\n} from '../components/common/AppSettings/AppSettingsProvider';\n\nconst useGetAppSettings = (): AppSettingsType => useContext(AppSettingsContext);\n\nexport default useGetAppSettings;\n"],"names":["_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","default","jsx","d","Container","createStyledComponent","styled","name","slot","overridesResolver","props","styles","ownerState","root","capitalize","String","maxWidth","fixed","disableGutters","useThemeProps","inProps","useStyles","makeStyles","container","marginRight","theme","spacing","box","display","alignItems","minHeight","minWidth","backgroundColor","palette","mpdxBlue","main","color","common","white","subtitle","variants","animate","transition","staggerChildren","exit","divVariants","initial","x","opacity","title","Welcome","imgSrc","children","classes","motion","Box","className","Grid","item","sm","div","Typography","data-testid","variant","component","my","img","src","illustration2","alt","SignUpBox","marginBlock","Login","signInButtonText","signInAuthProviderId","immediateSignIn","isOkta","appName","useGetAppSettings","useEffect","signIn","helpUrl","process","Head","Loading","loading","height","Button","id","size","onClick","startIcon","SubjectIcon","href","target","rel","style","br","strong","layout","BaseLayout","appBar","paddingTop","paddingLeft","paddingRight","toolbar","Offset","mixins","TopBar","trigger","useScrollTrigger","disableHysteresis","threshold","AppBar","elevation","Toolbar","Basic","useContext","AppSettingsContext"],"sourceRoot":"","ignoreList":[1,2,3]}