\n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n } // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n ;\n\n var _proto = Transition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n if (nextStatus === ENTERING) {\n this.performEnter(mounting);\n } else {\n this.performExit();\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : PropTypes.instanceOf(Element)\n }),\n\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * ` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `\r\n {props.children}\r\n \r\n );\r\n};\r\nexport default LoadingState;\r\n","import React, { useEffect, useContext } from \"react\";\r\nimport ExitToAppIcon from \"@material-ui/icons/ExitToApp\";\r\nimport \"../styles.css\";\r\nimport {\r\n NavLink,\r\n BrowserRouter as Router,\r\n useHistory,\r\n Link\r\n} from \"react-router-dom\";\r\nimport { Navbar, Nav, Button } from \"react-bootstrap\";\r\nimport AuthContext from \"../context/auth/authContext\";\r\n\r\nexport default function Navbar1(props) {\r\n const { logout, isAuthenticated, userLoaded, verified } = useContext(AuthContext);\r\n useEffect(() => {\r\n // userLoaded();\r\n // eslint-disable-next-line\r\n }, []);\r\n // console.log(isAuthenticated);\r\n\r\n const handleLogout = (e) => {\r\n logout();\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n Food Eazy \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import React, { useState, useContext, useEffect, Fragment } from \"react\";\r\nimport ProductContext from \"../context/products/productsContext\";\r\nimport CartContext from \"../context/cart/cartContext\";\r\nimport LoadingContext from \"../context/loading/loadingContext\";\r\nimport \"../styles.css\";\r\nimport \"animate.css\";\r\nimport {\r\n Form,\r\n FormControl,\r\n Button,\r\n Card,\r\n Container,\r\n Row,\r\n Col\r\n} from \"react-bootstrap\";\r\n\r\nconst MenuList = (item) => {\r\n const { addProduct, items, total_q, removeProduct } = useContext(CartContext);\r\n const [count, setCount] = useState(0);\r\n\r\n useEffect(() => {\r\n if (items)\r\n items.forEach((item) => {\r\n if (item.name === name) {\r\n setCount(item.q);\r\n }\r\n });\r\n }, [total_q]);\r\n const clickHandle = (e) => {\r\n setCount(count + 1);\r\n addProduct({ name, price, q: count + 1, url, type });\r\n };\r\n const minusHandle = (e) => {\r\n setCount(count - 1);\r\n removeProduct({ name, price, q: count - 1, url, type });\r\n };\r\n const { name, price, q, url, type } = item;\r\n\r\n return (\r\n \r\n \r\n \r\n {name}\r\n \r\n {type === \"Veg\" || type === \"veg\" ? (\r\n \r\n \r\n \r\n );\r\n};\r\nexport default MenuList;\r\n","import React, { useState, useContext, useEffect } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport MenuList from \"./MenuList\";\r\nimport SortIcon from \"@material-ui/icons/Sort\";\r\nimport ProductContext from \"../context/products/productsContext\";\r\nimport LoadingContext from \"../context/loading/loadingContext\";\r\nimport SortByAlphaIcon from \"@material-ui/icons/SortByAlpha\";\r\nimport \"../styles.css\";\r\nimport \"../mobile.css\";\r\nimport \"animate.css\";\r\nimport {\r\n Toast,\r\n FormControl,\r\n InputGroup,\r\n Container,\r\n Row,\r\n DropdownButton,\r\n Dropdown,\r\n Item,\r\n Button,\r\n} from \"react-bootstrap\";\r\nimport CartContext from \"../context/cart/cartContext\";\r\nimport AuthContext from \"../context/auth/authContext\";\r\n\r\nconst Menu = (props) => {\r\n const { Loader, loading, setLoading } = useContext(LoadingContext);\r\n\r\n const {\r\n items,\r\n search,\r\n clearFilter,\r\n filtered,\r\n sortByName,\r\n sortByPrice,\r\n loadItems,\r\n loading1,\r\n } = useContext(ProductContext);\r\n const [filter, setFilter] = useState([]);\r\n const [text1, setText] = useState(\"\");\r\n const { total_q, loading2 } = useContext(CartContext);\r\n const { isAuthenticated, current, displayVerified } = useContext(AuthContext);\r\n const [email, setEmail] = useState(false);\r\n\r\n const handleChange = (e) => {\r\n setText(e.target.value);\r\n if (e.target.value !== \"\") {\r\n search(e.target.value);\r\n setText(e.target.value);\r\n setFilter(filtered);\r\n } else {\r\n clearFilter();\r\n setText(\"\");\r\n setFilter(items);\r\n }\r\n };\r\n \r\n\r\n useEffect(() => {\r\n if (isAuthenticated) {\r\n setLoading(loadItems());\r\n }\r\n }, [isAuthenticated]);\r\n\r\n useEffect(() => {\r\n if (text1 === \"\") {\r\n setFilter(items);\r\n } else {\r\n setFilter(filtered);\r\n }\r\n }, [filtered, items, isAuthenticated, handleClick]);\r\n\r\n useEffect(() => {\r\n if (displayVerified) {\r\n setEmail(true);\r\n setTimeout(() => {\r\n setEmail(false);\r\n }, [4000]);\r\n }\r\n }, []);\r\n\r\n const handleClick = (e) => {\r\n setText(\"\");\r\n };\r\n\r\n const crossIcon = () => {\r\n if (text1) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n } else {\r\n return;\r\n }\r\n };\r\n return (\r\n <>\r\n {current === 1 ? (\r\n // \r\n \r\n Success\r\n {/* 2 seconds ago */}\r\n \r\n You Are Successfully Logged In \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {email === true ? \r\n \r\n \r\n Not Verified\r\n {/* 2 seconds ago */}\r\n \r\n Your Email Is Not Verified \r\n \r\n\r\n : \"\"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {loading1 || loading2 ? (\r\n ` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: PropTypes.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: PropTypes.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport useEventCallback from '../utils/useEventCallback';\nvar useEnhancedEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;\n/**\n * @ignore - internal component.\n */\n\nfunction Ripple(props) {\n var classes = props.classes,\n _props$pulsate = props.pulsate,\n pulsate = _props$pulsate === void 0 ? false : _props$pulsate,\n rippleX = props.rippleX,\n rippleY = props.rippleY,\n rippleSize = props.rippleSize,\n inProp = props.in,\n _props$onExited = props.onExited,\n onExited = _props$onExited === void 0 ? function () {} : _props$onExited,\n timeout = props.timeout;\n\n var _React$useState = React.useState(false),\n leaving = _React$useState[0],\n setLeaving = _React$useState[1];\n\n var rippleClassName = clsx(classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);\n var rippleStyles = {\n width: rippleSize,\n height: rippleSize,\n top: -(rippleSize / 2) + rippleY,\n left: -(rippleSize / 2) + rippleX\n };\n var childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);\n var handleExited = useEventCallback(onExited); // Ripple is used for user feedback (e.g. click or press) so we want to apply styles with the highest priority\n\n useEnhancedEffect(function () {\n if (!inProp) {\n // react-transition-group#onExit\n setLeaving(true); // react-transition-group#onExited\n\n var timeoutId = setTimeout(handleExited, timeout);\n return function () {\n clearTimeout(timeoutId);\n };\n }\n\n return undefined;\n }, [handleExited, inProp, timeout]);\n return /*#__PURE__*/React.createElement(\"span\", {\n className: rippleClassName,\n style: rippleStyles\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: childClassName\n }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? Ripple.propTypes = {\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object.isRequired,\n\n /**\n * @ignore - injected from TransitionGroup\n */\n in: PropTypes.bool,\n\n /**\n * @ignore - injected from TransitionGroup\n */\n onExited: PropTypes.func,\n\n /**\n * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.\n */\n pulsate: PropTypes.bool,\n\n /**\n * Diameter of the ripple.\n */\n rippleSize: PropTypes.number,\n\n /**\n * Horizontal position of the ripple center.\n */\n rippleX: PropTypes.number,\n\n /**\n * Vertical position of the ripple center.\n */\n rippleY: PropTypes.number,\n\n /**\n * exit delay\n */\n timeout: PropTypes.number.isRequired\n} : void 0;\nexport default Ripple;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Ripple from './Ripple';\nvar DURATION = 550;\nexport var DELAY_RIPPLE = 80;\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n overflow: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n zIndex: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit'\n },\n\n /* Styles applied to the internal `Ripple` components `ripple` class. */\n ripple: {\n opacity: 0,\n position: 'absolute'\n },\n\n /* Styles applied to the internal `Ripple` components `rippleVisible` class. */\n rippleVisible: {\n opacity: 0.3,\n transform: 'scale(1)',\n animation: \"$enter \".concat(DURATION, \"ms \").concat(theme.transitions.easing.easeInOut)\n },\n\n /* Styles applied to the internal `Ripple` components `ripplePulsate` class. */\n ripplePulsate: {\n animationDuration: \"\".concat(theme.transitions.duration.shorter, \"ms\")\n },\n\n /* Styles applied to the internal `Ripple` components `child` class. */\n child: {\n opacity: 1,\n display: 'block',\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n backgroundColor: 'currentColor'\n },\n\n /* Styles applied to the internal `Ripple` components `childLeaving` class. */\n childLeaving: {\n opacity: 0,\n animation: \"$exit \".concat(DURATION, \"ms \").concat(theme.transitions.easing.easeInOut)\n },\n\n /* Styles applied to the internal `Ripple` components `childPulsate` class. */\n childPulsate: {\n position: 'absolute',\n left: 0,\n top: 0,\n animation: \"$pulsate 2500ms \".concat(theme.transitions.easing.easeInOut, \" 200ms infinite\")\n },\n '@keyframes enter': {\n '0%': {\n transform: 'scale(0)',\n opacity: 0.1\n },\n '100%': {\n transform: 'scale(1)',\n opacity: 0.3\n }\n },\n '@keyframes exit': {\n '0%': {\n opacity: 1\n },\n '100%': {\n opacity: 0\n }\n },\n '@keyframes pulsate': {\n '0%': {\n transform: 'scale(1)'\n },\n '50%': {\n transform: 'scale(0.92)'\n },\n '100%': {\n transform: 'scale(1)'\n }\n }\n };\n};\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\n\nvar TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(props, ref) {\n var _props$center = props.center,\n centerProp = _props$center === void 0 ? false : _props$center,\n classes = props.classes,\n className = props.className,\n other = _objectWithoutProperties(props, [\"center\", \"classes\", \"className\"]);\n\n var _React$useState = React.useState([]),\n ripples = _React$useState[0],\n setRipples = _React$useState[1];\n\n var nextKey = React.useRef(0);\n var rippleCallback = React.useRef(null);\n React.useEffect(function () {\n if (rippleCallback.current) {\n rippleCallback.current();\n rippleCallback.current = null;\n }\n }, [ripples]); // Used to filter out mouse emulated events on mobile.\n\n var ignoringMouseDown = React.useRef(false); // We use a timer in order to only show the ripples for touch \"click\" like events.\n // We don't want to display the ripple for touch scroll events.\n\n var startTimer = React.useRef(null); // This is the hook called once the previous timeout is ready.\n\n var startTimerCommit = React.useRef(null);\n var container = React.useRef(null);\n React.useEffect(function () {\n return function () {\n clearTimeout(startTimer.current);\n };\n }, []);\n var startCommit = React.useCallback(function (params) {\n var pulsate = params.pulsate,\n rippleX = params.rippleX,\n rippleY = params.rippleY,\n rippleSize = params.rippleSize,\n cb = params.cb;\n setRipples(function (oldRipples) {\n return [].concat(_toConsumableArray(oldRipples), [/*#__PURE__*/React.createElement(Ripple, {\n key: nextKey.current,\n classes: classes,\n timeout: DURATION,\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize\n })]);\n });\n nextKey.current += 1;\n rippleCallback.current = cb;\n }, [classes]);\n var start = React.useCallback(function () {\n var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var cb = arguments.length > 2 ? arguments[2] : undefined;\n var _options$pulsate = options.pulsate,\n pulsate = _options$pulsate === void 0 ? false : _options$pulsate,\n _options$center = options.center,\n center = _options$center === void 0 ? centerProp || options.pulsate : _options$center,\n _options$fakeElement = options.fakeElement,\n fakeElement = _options$fakeElement === void 0 ? false : _options$fakeElement;\n\n if (event.type === 'mousedown' && ignoringMouseDown.current) {\n ignoringMouseDown.current = false;\n return;\n }\n\n if (event.type === 'touchstart') {\n ignoringMouseDown.current = true;\n }\n\n var element = fakeElement ? null : container.current;\n var rect = element ? element.getBoundingClientRect() : {\n width: 0,\n height: 0,\n left: 0,\n top: 0\n }; // Get the size of the ripple\n\n var rippleX;\n var rippleY;\n var rippleSize;\n\n if (center || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n rippleX = Math.round(rect.width / 2);\n rippleY = Math.round(rect.height / 2);\n } else {\n var _ref = event.touches ? event.touches[0] : event,\n clientX = _ref.clientX,\n clientY = _ref.clientY;\n\n rippleX = Math.round(clientX - rect.left);\n rippleY = Math.round(clientY - rect.top);\n }\n\n if (center) {\n rippleSize = Math.sqrt((2 * Math.pow(rect.width, 2) + Math.pow(rect.height, 2)) / 3); // For some reason the animation is broken on Mobile Chrome if the size if even.\n\n if (rippleSize % 2 === 0) {\n rippleSize += 1;\n }\n } else {\n var sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n var sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n rippleSize = Math.sqrt(Math.pow(sizeX, 2) + Math.pow(sizeY, 2));\n } // Touche devices\n\n\n if (event.touches) {\n // check that this isn't another touchstart due to multitouch\n // otherwise we will only clear a single timer when unmounting while two\n // are running\n if (startTimerCommit.current === null) {\n // Prepare the ripple effect.\n startTimerCommit.current = function () {\n startCommit({\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize,\n cb: cb\n });\n }; // Delay the execution of the ripple effect.\n\n\n startTimer.current = setTimeout(function () {\n if (startTimerCommit.current) {\n startTimerCommit.current();\n startTimerCommit.current = null;\n }\n }, DELAY_RIPPLE); // We have to make a tradeoff with this value.\n }\n } else {\n startCommit({\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize,\n cb: cb\n });\n }\n }, [centerProp, startCommit]);\n var pulsate = React.useCallback(function () {\n start({}, {\n pulsate: true\n });\n }, [start]);\n var stop = React.useCallback(function (event, cb) {\n clearTimeout(startTimer.current); // The touch interaction occurs too quickly.\n // We still want to show ripple effect.\n\n if (event.type === 'touchend' && startTimerCommit.current) {\n event.persist();\n startTimerCommit.current();\n startTimerCommit.current = null;\n startTimer.current = setTimeout(function () {\n stop(event, cb);\n });\n return;\n }\n\n startTimerCommit.current = null;\n setRipples(function (oldRipples) {\n if (oldRipples.length > 0) {\n return oldRipples.slice(1);\n }\n\n return oldRipples;\n });\n rippleCallback.current = cb;\n }, []);\n React.useImperativeHandle(ref, function () {\n return {\n pulsate: pulsate,\n start: start,\n stop: stop\n };\n }, [pulsate, start, stop]);\n return /*#__PURE__*/React.createElement(\"span\", _extends({\n className: clsx(classes.root, className),\n ref: container\n }, other), /*#__PURE__*/React.createElement(TransitionGroup, {\n component: null,\n exit: true\n }, ripples));\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes = {\n /**\n * If `true`, the ripple starts at the center of the component\n * rather than at the point of interaction.\n */\n center: PropTypes.bool,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string\n} : void 0;\nexport default withStyles(styles, {\n flip: false,\n name: 'MuiTouchRipple'\n})( /*#__PURE__*/React.memo(TouchRipple));","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport * as ReactDOM from 'react-dom';\nimport clsx from 'clsx';\nimport { elementTypeAcceptingRef, refType } from '@material-ui/utils';\nimport useForkRef from '../utils/useForkRef';\nimport useEventCallback from '../utils/useEventCallback';\nimport withStyles from '../styles/withStyles';\nimport useIsFocusVisible from '../utils/useIsFocusVisible';\nimport TouchRipple from './TouchRipple';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n WebkitTapHighlightColor: 'transparent',\n backgroundColor: 'transparent',\n // Reset default value\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0,\n border: 0,\n margin: 0,\n // Remove the margin in Safari\n borderRadius: 0,\n padding: 0,\n // Remove the padding in Firefox\n cursor: 'pointer',\n userSelect: 'none',\n verticalAlign: 'middle',\n '-moz-appearance': 'none',\n // Reset\n '-webkit-appearance': 'none',\n // Reset\n textDecoration: 'none',\n // So we take precedent over the style of a native element.\n color: 'inherit',\n '&::-moz-focus-inner': {\n borderStyle: 'none' // Remove Firefox dotted outline.\n\n },\n '&$disabled': {\n pointerEvents: 'none',\n // Disable link interactions\n cursor: 'default'\n },\n '@media print': {\n colorAdjust: 'exact'\n }\n },\n\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Pseudo-class applied to the root element if keyboard focused. */\n focusVisible: {}\n};\n/**\n * `ButtonBase` contains as few styles as possible.\n * It aims to be a simple building block for creating a button.\n * It contains a load of style reset and some focus/ripple logic.\n */\n\nvar ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {\n var action = props.action,\n buttonRefProp = props.buttonRef,\n _props$centerRipple = props.centerRipple,\n centerRipple = _props$centerRipple === void 0 ? false : _props$centerRipple,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n component = _props$component === void 0 ? 'button' : _props$component,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n _props$disableRipple = props.disableRipple,\n disableRipple = _props$disableRipple === void 0 ? false : _props$disableRipple,\n _props$disableTouchRi = props.disableTouchRipple,\n disableTouchRipple = _props$disableTouchRi === void 0 ? false : _props$disableTouchRi,\n _props$focusRipple = props.focusRipple,\n focusRipple = _props$focusRipple === void 0 ? false : _props$focusRipple,\n focusVisibleClassName = props.focusVisibleClassName,\n onBlur = props.onBlur,\n onClick = props.onClick,\n onFocus = props.onFocus,\n onFocusVisible = props.onFocusVisible,\n onKeyDown = props.onKeyDown,\n onKeyUp = props.onKeyUp,\n onMouseDown = props.onMouseDown,\n onMouseLeave = props.onMouseLeave,\n onMouseUp = props.onMouseUp,\n onTouchEnd = props.onTouchEnd,\n onTouchMove = props.onTouchMove,\n onTouchStart = props.onTouchStart,\n onDragLeave = props.onDragLeave,\n _props$tabIndex = props.tabIndex,\n tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n TouchRippleProps = props.TouchRippleProps,\n _props$type = props.type,\n type = _props$type === void 0 ? 'button' : _props$type,\n other = _objectWithoutProperties(props, [\"action\", \"buttonRef\", \"centerRipple\", \"children\", \"classes\", \"className\", \"component\", \"disabled\", \"disableRipple\", \"disableTouchRipple\", \"focusRipple\", \"focusVisibleClassName\", \"onBlur\", \"onClick\", \"onFocus\", \"onFocusVisible\", \"onKeyDown\", \"onKeyUp\", \"onMouseDown\", \"onMouseLeave\", \"onMouseUp\", \"onTouchEnd\", \"onTouchMove\", \"onTouchStart\", \"onDragLeave\", \"tabIndex\", \"TouchRippleProps\", \"type\"]);\n\n var buttonRef = React.useRef(null);\n\n function getButtonNode() {\n // #StrictMode ready\n return ReactDOM.findDOMNode(buttonRef.current);\n }\n\n var rippleRef = React.useRef(null);\n\n var _React$useState = React.useState(false),\n focusVisible = _React$useState[0],\n setFocusVisible = _React$useState[1];\n\n if (disabled && focusVisible) {\n setFocusVisible(false);\n }\n\n var _useIsFocusVisible = useIsFocusVisible(),\n isFocusVisible = _useIsFocusVisible.isFocusVisible,\n onBlurVisible = _useIsFocusVisible.onBlurVisible,\n focusVisibleRef = _useIsFocusVisible.ref;\n\n React.useImperativeHandle(action, function () {\n return {\n focusVisible: function focusVisible() {\n setFocusVisible(true);\n buttonRef.current.focus();\n }\n };\n }, []);\n React.useEffect(function () {\n if (focusVisible && focusRipple && !disableRipple) {\n rippleRef.current.pulsate();\n }\n }, [disableRipple, focusRipple, focusVisible]);\n\n function useRippleHandler(rippleAction, eventCallback) {\n var skipRippleAction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : disableTouchRipple;\n return useEventCallback(function (event) {\n if (eventCallback) {\n eventCallback(event);\n }\n\n var ignore = skipRippleAction;\n\n if (!ignore && rippleRef.current) {\n rippleRef.current[rippleAction](event);\n }\n\n return true;\n });\n }\n\n var handleMouseDown = useRippleHandler('start', onMouseDown);\n var handleDragLeave = useRippleHandler('stop', onDragLeave);\n var handleMouseUp = useRippleHandler('stop', onMouseUp);\n var handleMouseLeave = useRippleHandler('stop', function (event) {\n if (focusVisible) {\n event.preventDefault();\n }\n\n if (onMouseLeave) {\n onMouseLeave(event);\n }\n });\n var handleTouchStart = useRippleHandler('start', onTouchStart);\n var handleTouchEnd = useRippleHandler('stop', onTouchEnd);\n var handleTouchMove = useRippleHandler('stop', onTouchMove);\n var handleBlur = useRippleHandler('stop', function (event) {\n if (focusVisible) {\n onBlurVisible(event);\n setFocusVisible(false);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n }, false);\n var handleFocus = useEventCallback(function (event) {\n // Fix for https://github.com/facebook/react/issues/7769\n if (!buttonRef.current) {\n buttonRef.current = event.currentTarget;\n }\n\n if (isFocusVisible(event)) {\n setFocusVisible(true);\n\n if (onFocusVisible) {\n onFocusVisible(event);\n }\n }\n\n if (onFocus) {\n onFocus(event);\n }\n });\n\n var isNonNativeButton = function isNonNativeButton() {\n var button = getButtonNode();\n return component && component !== 'button' && !(button.tagName === 'A' && button.href);\n };\n /**\n * IE 11 shim for https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat\n */\n\n\n var keydownRef = React.useRef(false);\n var handleKeyDown = useEventCallback(function (event) {\n // Check if key is already down to avoid repeats being counted as multiple activations\n if (focusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {\n keydownRef.current = true;\n event.persist();\n rippleRef.current.stop(event, function () {\n rippleRef.current.start(event);\n });\n }\n\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') {\n event.preventDefault();\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n } // Keyboard accessibility for non interactive elements\n\n\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === 'Enter' && !disabled) {\n event.preventDefault();\n\n if (onClick) {\n onClick(event);\n }\n }\n });\n var handleKeyUp = useEventCallback(function (event) {\n // calling preventDefault in keyUp on a
\r\n );\r\n };\r\n return (\r\n ![\"loader\"]({require(\"../images/Spinner.gif\")})
\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n Sort \r\n \r\n By Name \r\n By Price\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {err.map((item, idx) => (\r\n \r\n \r\n Auth Error\r\n {/* 2 seconds ago */}\r\n \r\n {item} \r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default ErrorList;\r\n// {\r\n// /* <>\r\n// \r\n <\r\n div className = \"img_show\" >\r\n <\r\n img src = {\r\n url\r\n }\r\n alt = \"food\" / >\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n\r\n};\r\nexport default CartList;","import React, { useState, useContext, useEffect } from \"react\";\r\nimport MenuList from \"./MenuList\";\r\nimport ProductContext from \"../context/products/productsContext\";\r\nimport CartContext from \"../context/cart/cartContext\";\r\nimport AuthContext from \"../context/auth/authContext\";\r\nimport CartList from \"./cartList\";\r\nimport SaveAltIcon from \"@material-ui/icons/SaveAlt\";\r\nimport { makeStyles } from \"@material-ui/core/\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ClearAllIcon from \"@material-ui/icons/ClearAll\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport { Container, Toast } from \"react-bootstrap\";\r\nimport ShoppingCartIcon from \"@material-ui/icons/ShoppingCart\";\r\nimport zIndex from \"@material-ui/core/styles/zIndex\";\r\nimport '../styles.css'\r\nimport '../mobile.css'\r\nconst useStyles = makeStyles((theme) => ({\r\n button: {\r\n margin: theme.spacing(1)\r\n }\r\n}));\r\n\r\nconst SaveCart = (msg) => {\r\n return (\r\n {\r\n name\r\n }
\r\n\r\n {\r\n count > 0 ? ( <\r\n button className = \"btn1\"\r\n onClick = {\r\n minusHandle\r\n }>\r\n \r\n \r\n ) : ( <\r\n button className = \"btn1 disabled\" >\r\n <\r\n i className = \"fa fa-minus-circle fa-lg\" /\r\n >\r\n \r\n )\r\n } \r\n \r\n {\r\n count\r\n } \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Cart;\r\n","import React, { useState, useContext, useEffect } from \"react\";\r\nimport Axios from \"axios\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AuthContext from \"../context/auth/authContext\";\r\nimport CartContext from \"../context/cart/cartContext\";\r\nimport VisibilityOffIcon from \"@material-ui/icons/VisibilityOff\";\r\nimport Alert from \"./Alert\";\r\nimport removeAuthToken from \"../context/auth/removeAuthToken\"\r\nimport LoadingContext from \"../context/loading/loadingContext\";\r\nimport \"../auth.css\";\r\n// import { USER_LOADED } from \"../context/types\";\r\n// import productContext from \"../context/products/productsContext\";\r\nconst Auth = (props) => {\r\n const { register, login, userLoaded, isAuthenticated } = useContext(\r\n AuthContext\r\n );\r\n const loadingContext = useContext(AuthContext).loading;\r\n useEffect(() => {\r\n console.log(loadingContext);\r\n if (loadingContext) {\r\n return setLoading(1);\r\n }\r\n else{\r\n removeAuthToken();\r\n // localStorage.removeItem(\"token\");\r\n return setLoading(0);}\r\n }, [loadingContext]);\r\n useEffect(() => {\r\n console.log(loadingContext);\r\n }, [loadingContext]);\r\n useEffect(() => {\r\n if (!isAuthenticated && localStorage.getItem(\"token\")) {\r\n setLoading(userLoaded());\r\n setLoading(0);\r\n }\r\n \r\n if (!isAuthenticated) return setLoading(0);\r\n\r\n if (isAuthenticated === true) {\r\n setLoading(1);\r\n console.log(props);\r\n props.history.push(\"/\");\r\n // loadItems();\r\n loadCart();\r\n setLoading(0);\r\n return setLoading(0);\r\n }\r\n }, [isAuthenticated, props.history]);\r\n const [loading, setLoading] = useState(1);\r\n const { Loader } = useContext(LoadingContext);\r\n const [flag, setFlag] = useState(0);\r\n const [data, setData] = useState({\r\n name: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n email: \"\",\r\n number: null,\r\n });\r\n const [data1, setData1] = useState({\r\n email: \"\",\r\n password: \"\",\r\n });\r\n useEffect(() => {\r\n setLoading(1);\r\n document.addEventListener(\"load\", () => {\r\n setLoading(0);\r\n });\r\n }, []);\r\n\r\n const handleSignIn = async (e) => {\r\n e.preventDefault();\r\n setLoading(1);\r\n setLoading(login(data1));\r\n };\r\n useEffect(() => {\r\n if (!localStorage.getItem(\"token\")) return setLoading(0);\r\n });\r\n\r\n const { loadCart } = useContext(CartContext);\r\n const handleSignUpData = (e) => {\r\n setData({ ...data, [e.target.name]: e.target.value });\r\n };\r\n const handleSignInData = (e) => {\r\n setData1({ ...data1, [e.target.name]: e.target.value });\r\n };\r\n const [inputType, setInputType] = useState(\"password\");\r\n const clickHandle = (e) => {\r\n setFlag((prev) => prev ^ 1);\r\n };\r\n const handleSignUpSubmit = async (e) => {\r\n e.preventDefault();\r\n if (\r\n !data.name ||\r\n !data.password ||\r\n !data.confirmPassword ||\r\n !data.email ||\r\n !data.number\r\n ) {\r\n }\r\n // console.log(data);\r\n register(data);\r\n };\r\n\r\n const eyeClick = (e) => {\r\n if (inputType === \"password\") setInputType(\"text\");\r\n else setInputType(\"password\");\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n Items{\" \"}\r\n
\r\n {items.map((item) => (\r\n
\r\n\r\n \r\n Items{\" \"}\r\n
\r\n {items.map((item) => (\r\n \r\n
\r\n
\r\n \r\n \r\n Amount Payable : ₹\r\n {total_price}\r\n \r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Forgot Password?\r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Auth;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport AuthContext from \"../context/auth/authContext\";\r\nimport { Link, Redirect } from \"react-router-dom\";\r\nimport \"animate.css\";\r\nconst Sidebar = (props) => {\r\n const { logout, isAuthenticated, user, verified } = useContext(AuthContext);\r\n const [display,setDisplay]= useState(1);\r\n \r\n useEffect(()=>{\r\n function noScroll() {\r\n window.scrollTo(0, 0);\r\n }\r\n \r\n // add listener to disable scroll\r\n if(display==1){\r\n console.log(\"yes\")\r\n \r\n window.addEventListener('scroll', noScroll);}\r\n \r\n // Remove listener to re-enable scroll\r\n return window.removeEventListener('scroll', noScroll);\r\n },[display])\r\n\r\n\r\n const handleLogout = (e) => {\r\n logout();\r\n props.changeDisplay();\r\n };\r\n return (\r\n \r\n
\r\n \r\n \r\n Sign up\r\n \r\n
\r\n New here ?
\r\n\r\n Then Sign Up and Start Ordering!\r\n
\r\n\r\n
\r\n \r\n \r\n Sign in\r\n \r\n
\r\n One of us ?
\r\n\r\n Then Sign In and get Started!\r\n
\r\n\r\n {isAuthenticated ? (\r\n
\r\n \r\n Hey, {user.name}\r\n
\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
- \r\n
- \r\n {\" \"}\r\n \r\n Home\r\n \r\n \r\n {!isAuthenticated ? (\r\n
- \r\n Logout\r\n \r\n )}\r\n {/* {!isAuthenticated ?
- SignUp : \"\"} */}\r\n\r\n {isAuthenticated && verified && (\r\n
- \r\n
- \r\n {\" \"}\r\n
- \r\n {\" \"}\r\n
- \r\n {\" \"}\r\n
- \r\n {\" \"}\r\n
\r\n
\r\n \r\n );\r\n};\r\nexport default Sidebar;\r\n","import React, { useContext } from \"react\";\r\nimport AuthContext from \"../context/auth/authContext\";\r\nimport { Route, Redirect } from \"react-router-dom\";\r\n\r\nconst PrivateRoutes = ({ component: Component, ...rest }) => {\r\n const NotVerified = () => {\r\n return (\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n );\r\n };\r\n const authContext = useContext(AuthContext);\r\n const { isAuthenticated, loading, verified } = authContext;\r\n console.log(verified)\r\n return (\r\n \r\n Your Email Id Isn't Verified.Verification Link Will Expire Within an\r\n hour\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default DeleteItem;\r\n","import React, { useState, useEffect, useContext } from \"react\";\r\nimport axios from \"axios\";\r\nimport DeleteItem from \"./DeleteItem\";\r\nimport { Toast } from \"react-bootstrap\";\r\nimport LoadingContext from \"../context/loading/loadingContext\";\r\nimport 'animate.css'\r\n\r\nconst DeleteItems = () => {\r\n const [loading, setLoading] = useState(1);\r\n const { Loader } = useContext(LoadingContext);\r\n useEffect(()=>{\r\n console.log(display)\r\n })\r\n \r\n const [display, setDisplay] = useState({\r\n val: 0,\r\n msg: \"\",\r\n type:\"\",\r\n color:\"\"\r\n });\r\n const [items, setItems] = useState(null);\r\n const getItems = async () => {\r\n const config = {\r\n headers: {\r\n \"Content-Type\": \"multipart/formdata\"\r\n }\r\n };\r\n setLoading(1);\r\n const res = await axios.get(\"/api/admin/items\", config);\r\n let y = res.data;\r\n y.sort((a, b) => (a.name > b.name ? 1 : -1));\r\n console.log(y);\r\n setItems(y);\r\n setLoading(0);\r\n };\r\n const increaseCount = () => {\r\n setCount(buttoncount + 1);\r\n };\r\n const [buttoncount, setCount] = useState(0);\r\n useEffect(() => {\r\n setLoading(1);\r\n getItems();\r\n setLoading(0);\r\n }, [buttoncount]);\r\n const NoItem = () => {\r\n return (\r\n \r\n {item.name}\r\n
\r\n \r\nDelete Items
\r\n\r\n
Add a Dish{\" \"}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ₹ \r\n \r\n \r\n \r\n */}\r\n \r\n Upload Image {\r\n const file = e.target.files[0];\r\n setFile(file);\r\n }}\r\n />\r\n {/* */}\r\n \r\n Save Item\r\n \r\n \r\n
\r\n }\r\n \r\n );\r\n};\r\n\r\nexport default AddProduct;\r\n","import React from \"react\";\r\nimport { Container } from \"@material-ui/core/\";\r\n\r\nconst Fail = () => {\r\n return (\r\n \r\n Type\r\n
\r\n
\r\n
\r\n
\r\n {/* \r\n
\r\n
\r\n
\r\n There was a problem in processing your order. Please try again after\r\n some time. If the problem still persists contact us through the Contact\r\n Us tab in the navigation bar.\r\n
\r\n\r\n Forgot your Password? 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Forget;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Form, Button, Toast } from \"react-bootstrap\";\r\nimport \"animate.css\";\r\nimport axios from \"axios\";\r\nconst ResetPassword = (props) => {\r\n const code = props.match.params.code;\r\n const [status, setStatus] = useState({ val: 0, msg: \"\", type: \"\" });\r\n const Alert = (msg, type) => {\r\n return (\r\n \r\n
\r\n \r\n
Reset Password
\r\n\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default ResetPassword;\r\n","import React, { useState, useContext, useEffect } from \"react\";\r\nimport CartContext from \"../context/cart/cartContext\";\r\nimport { Toast } from \"react-bootstrap\";\r\nimport { Link, useRouteMatch, Redirect } from \"react-router-dom\";\r\nimport { RadioGroup } from \"@material-ui/core\";\r\nimport { Radio } from \"@material-ui/core\";\r\nimport { Container } from \"@material-ui/core/\";\r\nimport { FormControlLabel } from \"@material-ui/core/\";\r\nimport { FormControl } from \"@material-ui/core/\";\r\nimport { TextField } from \"@material-ui/core/\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport PropTypes from \"prop-types\";\r\nimport AuthContext from \"../context/auth/authContext\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Axios from \"axios\";\r\nimport \"animate.css\";\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n background: (props) =>\r\n props.color === \"red\"\r\n ? \"linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)\"\r\n : \"linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)\",\r\n border: 0,\r\n borderRadius: 3,\r\n boxShadow: (props) =>\r\n props.color === \"red\"\r\n ? \"0 3px 5px 2px rgba(255, 105, 135, .3)\"\r\n : \"0 3px 5px 2px rgba(33, 203, 243, .3)\",\r\n color: \"white\",\r\n height: 48,\r\n padding: \"0 30px\",\r\n margin: 8\r\n }\r\n});\r\n\r\nfunction MyButton(props) {\r\n const { color, ...other } = props;\r\n const classes = useStyles(props);\r\n return ;\r\n}\r\n\r\nMyButton.propTypes = {\r\n color: PropTypes.oneOf([\"blue\", \"red\"]).isRequired\r\n};\r\n\r\nconst Checkout = (props) => {\r\n const { state } = useContext(CartContext);\r\n const [alert, setAlert] = useState({\r\n val: 0,\r\n type: \"\",\r\n msg: \"\"\r\n });\r\n const [value, setValue] = React.useState(\"Delivery\");\r\n const [payment, setPayment] = React.useState(\"Online\");\r\n const [deliveryCharges, setCharges] = React.useState(1);\r\n const [address, setAddress] = React.useState({\r\n Address: \"\",\r\n Landmark: \"\",\r\n City: \"\",\r\n Phone: \"\",\r\n Zip: \"\"\r\n });\r\n const Alerts = () => {\r\n return (\r\n \r\n \r\n Address\r\n }\r\n variant=\"outlined\"\r\n margin=\"normal\"\r\n name=\"Address\"\r\n onChange={handleChange1}\r\n fullWidth\r\n multiline\r\n />\r\n \r\n Landmark (Optional)\r\n \r\n }\r\n variant=\"outlined\"\r\n size=\"small\"\r\n name=\"Landmark\"\r\n margin=\"normal\"\r\n onChange={handleChange1}\r\n fullWidth\r\n />\r\n\r\n City}\r\n variant=\"outlined\"\r\n size=\"small\"\r\n name=\"City\"\r\n margin=\"normal\"\r\n onChange={handleChange1}\r\n // fullWidth\r\n />\r\n Zip Code\r\n }\r\n variant=\"outlined\"\r\n name=\"Zip\"\r\n type=\"Number\"\r\n size=\"small\"\r\n margin=\"normal\"\r\n onChange={handleChange1}\r\n // fullWidth\r\n />\r\n \r\n Contact Number\r\n \r\n }\r\n variant=\"outlined\"\r\n name=\"Phone\"\r\n size=\"small\"\r\n type=\"Number\"\r\n margin=\"normal\"\r\n onChange={handleChange1}\r\n // fullWidth\r\n />\r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n {value === \"Delivery\" && (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n Mode of Order\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setPayment(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n Mode of Payment\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Address Details\r\n
\r\n\r\n
\r\n Order Summary
\r\n\r\n Edit Cart\r\n
\r\n\r\n
\r\n
\r\n {deliveryCharges === 0 ? (\r\n \r\n ) : (\r\n Total Items :
\r\n{state.total_quantity}
\r\n\r\n
\r\n )}\r\n Delivery Charges :
\r\n₹ {deliveryCharges}
\r\n\r\n
\r\n Total Amount :
\r\n\r\n {\" \"}\r\n ₹ {state.total_price + deliveryCharges}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n ) : (\r\n <>\r\n {\" \"}\r\n \r\n
\r\n THANK YOU!
\r\n\r\n \r\n Your order was successfully placed. We have sent the order\r\n confirmation to {data.user.email}\r\n {\" .\"}\r\n \r\n\r\n \r\n
\r\n {\" \"}\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Success;\r\n","import React from \"react\";\r\nconst NotFound = () => {\r\n return (\r\n \r\n ORDER DETAILS -{\" \"}\r\n
\r\n Order ID-{\" \"}\r\n {data.order_id}\r\n\r\n
\r\n \r\n Email
\r\n {data.user.email}\r\n
\r\n \r\n
\r\n Order Type
\r\n {data.mode}\r\n\r\n
\r\n Payment Method
\r\n {data.payment}\r\n\r\n
\r\n Order Date
\r\n {new Date(data.time).toDateString()}\r\n\r\n
\r\n Order Summary
\r\n {data.order.items.map((item) => (\r\n\r\n {item.q} X {item.name}\r\n
\r\n ))}\r\n\r\n
\r\n Total Amount
\r\n\r\n {\" \"}\r\n ₹ {data.order.total_price + data.deliveryCharges}\r\n
\r\n\r\n
\r\n );\r\n};\r\nexport default NotFound;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Card } from \"@material-ui/core\";\r\nimport { CardActionArea } from \"@material-ui/core/\";\r\nimport { CardActions } from \"@material-ui/core\";\r\nimport { CardContent } from \"@material-ui/core/\";\r\nimport { CardMedia } from \"@material-ui/core/\";\r\nimport { Button } from \"@material-ui/core/\";\r\nimport { Typography } from \"@material-ui/core\";\r\nimport FavoriteIcon from \"@material-ui/icons/Favorite\";\r\nimport \"animate.css\";\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n maxWidth: 345\r\n }\r\n});\r\n\r\nconst Contact = () => {\r\n const classes = useStyles();\r\n return (\r\n <>\r\n 
{\" \"}By\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Contact;\r\n","import React, { useEffect, useState, useContext } from \"react\";\r\nimport Axios from \"axios\";\r\nimport AuthContext from \"../context/auth/authContext\";\r\nimport LoadingContext from \"../context/loading/loadingContext\";\r\n\r\nconst Order = () => {\r\n const userInfo = useContext(AuthContext);\r\n const { Loader } = useContext(LoadingContext);\r\n const { user } = userInfo;\r\n const { name, email } = user;\r\n const [active, setActive] = useState([]);\r\n const [component, setComponent] = useState({ val: 0, details: {} });\r\n const [loading, setLoading] = useState(true);\r\n const [past, setPast] = useState([]);\r\n useEffect(() => {\r\n const getData = async () => {\r\n try {\r\n const res = await Axios.get(\"/api/get_orders\");\r\n console.log(res.data);\r\n let a1 = [];\r\n let a2 = [];\r\n res.data.forEach((order) => {\r\n return order.status === \"false\" ? a1.push(order) : a2.push(order);\r\n });\r\n setActive(a1);\r\n setPast(a2);\r\n setLoading(false);\r\n } catch (e) {\r\n console.log(e.response);\r\n setLoading(0);\r\n return Internal Server Error
;\r\n }\r\n };\r\n\r\n getData();\r\n }, []);\r\n useEffect(() => {\r\n console.log(component);\r\n // console.log(name);\r\n }, [component]);\r\n const Component = () => {\r\n return (\r\n\r\n
\r\n );\r\n };\r\n // const Loader = () => (\r\n // \r\n
\r\n \r\n \r\n setComponent({ val: 0, details: {} })}\r\n class=\"fa fa-times\"\r\n aria-hidden=\"true\"\r\n style={{ fontSize: \"2rem\" }}\r\n >\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Order Id:
\r\n \r\n {\" \"}\r\n {component.details.order_id}{\" \"}\r\n \r\nAmount: ₹ {component.details.order.total_price}
\r\n\r\n
Ordered By: {name}
\r\nEmail: {email}
\r\nPayment Mode: {component.details.payment}
\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n Items:
\r\n\r\n {component.details.order.items.map((data) => (\r\n
\r\n \r\n {data.q} X {data.name}\r\n
\r\n ))}\r\n\r\n
\r\n
\r\n \r\n Mode Of Delivery :{\" \"}\r\n {component.details.mode === \"Delivery\"\r\n ? \"Home Delivery\"\r\n : component.details.mode}\r\n
\r\n\r\n Delivered On {new Date(component.details.time).toDateString()}\r\n
\r\n {component.details.address && (\r\n <>\r\nDelivered To
\r\nAddress:{component.details.address.Address}
{\" \"}\r\nCity: {component.details.address.Address.City}
\r\n \r\n )}\r\n\r\n // \r\n //
\r\n //);\r\n const CurrentOrders = () => {\r\n return (\r\n <>\r\n \r\n // \r\n \r\n Current Orders{\" \"}\r\n
\r\n {!active.length? (
\r\n \r\n );\r\n };\r\n\r\n const No_order = ()=>{\r\n return(\r\n \r\n Current Orders{\" \"}\r\n
\r\n {!active.length? ( setComponent({ val: 1, details: item })}>\r\n
\r\n)))}\r\n \r\n \r\n \r\n
\r\n OrderId: {item.order_id}
\r\nAmount: ₹{item.order.total_price}
\r\n\r\n Total Items: {item.order.total_quantity}\r\n
\r\n Delievered On {new Date(item.time).toDateString()}
\r\n
\r\n )\r\n }\r\n const PastOrders = () => {\r\n return (\r\n <>\r\n \r\n \r\n Past Orders{\" \"}\r\n
\r\n {!active.length? (
\r\n \r\n );\r\n };\r\n // useEffect(() => {\r\n // console.log(active.length);\r\n // console.log(past.length);\r\n // }, [active, past]);\r\n\r\n return (\r\n <>\r\n {loading === true ? (\r\n \r\n Past Orders{\" \"}\r\n
\r\n {!active.length? ( setComponent({ val: 1, details: item })}>\r\n
\r\n )))}\r\n \r\n
\r\n OrderId: {item.order_id}
\r\nAmount: {item.order.total_price}
\r\n\r\n Total Items: {item.order.total_quantity}\r\n
\r\n Delievered On {new Date(item.time).toDateString()}
\r\n\r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Order;\r\n","import React, {useState, useEffect, useContext} from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport {Toast} from \"react-bootstrap\"\r\nimport MailOutlineIcon from '@material-ui/icons/MailOutline';\r\nimport axios from 'axios';\r\nimport { Redirect } from 'react-router-dom';\r\nimport AuthContext from '../context/auth/authContext';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n '& > *': {\r\n margin: theme.spacing(1),\r\n width: '25ch',\r\n },\r\n },\r\n}));\r\n\r\n\r\nconst Verify = (props) => {\r\n const[status,setStatus]= useState({val:0,msg:\"\",type:\"\"});\r\n const {user} = useContext(AuthContext);\r\n const Alert = (msg, type) => {\r\n return (\r\n Verified Successfully.You Are getting redirected to HomePage
\")\r\n setTimeout(()=>{\r\n window.location.href=\"/\"\r\n },3000)\r\n }\r\n catch(e){\r\n console.log(e.response.data)\r\n setStatus({val:1,\r\n type:\"red\",\r\n msg:e.response.data})\r\n let id = setTimeout(()=>{\r\n setStatus({val:0,\r\n type:\"\",\r\n msg:\"\"})\r\n clearTimeout(id)\r\n },[3000])\r\n setLoading(false)\r\n }}\r\n }\r\n\r\n const classes = useStyles();\r\n const handleChange = (e)=>{\r\n setCode(e.target.value);\r\n }\r\n const resend = async()=>{\r\n let id = user._id;\r\n let email = user.email;\r\n let name= user.name;\r\n const config = {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n }\r\n }\r\n try{\r\n setLoading(true)\r\n const res = await axios.post(\"/api/resend\",{id, email , name}, config);\r\n setStatus({val:1,msg:res.data,type:\"darkGreen\"}) \r\n let id = setTimeout(()=>{\r\n setStatus({val:0,msg:\"\",type:\"\"})\r\n },3000)\r\n setLoading(false);\r\n \r\n }\r\n catch(e){\r\n setStatus({val:1,msg:e.response.data,type:\"red\"}) \r\n let id = setTimeout(()=>{\r\n setStatus({val:0,msg:\"\",type:\"\"})\r\n },3000)\r\n }\r\n setLoading(false)\r\n \r\n }\r\n return (\r\n <>{loading==true?![]({require(\"../images/Spinner.gif\")}/)
\r\n Email Verification 
\r\n
\r\n \r\n
\r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nexport default Verify","import React, { useState, useEffect, useContext } from \"react\";\r\nimport \"./styles.css\";\r\nimport \"./mobile.css\";\r\nimport Navbar from \"./components/Navbar\";\r\nimport Menu from \"./components/Menu\";\r\nimport CartState from \"./context/cart/cartState\";\r\nimport Alert from \"./components/Alert\";\r\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\r\nimport Cart from \"./components/Cart\";\r\nimport { Toast } from \"react-bootstrap\";\r\nimport Auth from \"./components/auth\";\r\nimport AuthState from \"./context/auth/authState\";\r\nimport Sidebar from \"./components/sideBar\";\r\nimport AuthContext from \"./context/auth/authContext\";\r\nimport PrivateRoutes from \"./components/privateRoutes\";\r\nimport LoadingContext from \"./context/loading/loadingContext\";\r\nimport DeleteItems from \"./components/deleteItems\";\r\nimport setAuthToken from \"./context/auth/setAuthToken\";\r\nimport CartContext from \"./context/cart/cartContext\";\r\nimport AddProduct from \"./components/addProduct\";\r\nimport Fail from \"./components/fail\";\r\nimport Forget from \"./components/Forget\";\r\nimport ResetPassword from \"./components/resetPassword\";\r\nimport Checkout from \"./components/checkout\";\r\nimport Success from \"./components/success\";\r\nimport NotFound from \"./components/404\";\r\nimport Contact from \"./components/contact\";\r\nimport Order from \"./components/order\";\r\nimport Verify from \"./components/verify\";\r\nexport default function App() {\r\n const { userLoaded, isAuthenticated } = useContext(AuthContext);\r\n const [display, setDisplay] = useState(0);\r\n const { loadCart, state } = useContext(CartContext);\r\n const { Loader, loading, setLoading } = useContext(LoadingContext);\r\n const changeDisplay = () => {\r\n setDisplay(display ^ 1);\r\n };\r\n useEffect(() => {\r\n if (!navigator.onLine) alert(\"You Are Offline\");\r\n });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n
\r\n 
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {display === 1 ? (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport AuthState from \"./context/auth/authState\";\nimport CartState from \"./context/cart/cartState\";\nimport ProductState from \"./context/products/productState\";\nimport LoadingState from \"./context/loading/loadingState\";\n\nimport App from \"./App\";\n\nconst rootElement = document.getElementById(\"root\");\nReactDOM.render(\n