(item.Type === FooterType.Clock || item.Type === FooterType.Phone || item.Type === FooterType.Info) ? null : window.open(item.Url)}>\n {(() => {\n switch (item.Type) {\n case FooterType.Instagram:\n return <>\n
\n
{item.Title} \n ;\n case FooterType.Twitter:\n return <>\n
\n
{item.Title} \n ;\n case FooterType.Facebook:\n return <>\n
\n
{item.Title} \n ;\n case FooterType.Snapchat:\n return <>\n
\n
{item.Title} \n \n case FooterType.Whatsapp:\n return <>\n
\n
{item.Title} \n \n case FooterType.Map:\n return <>\n
\n
{item.Title} \n \n case FooterType.Clock:\n return <>\n
\n
{item.Title} \n \n case FooterType.Phone:\n return (\n <>\n
\n
{item.Title}\n \n );\n case FooterType.Info:\n return (\n <>\n
\n
{item.Title} \n \n );\n\n default:\n return
;\n }\n })()}\n
\n {(() => {\n switch (item.Type) {\n case FooterType.Instagram:\n return window.open(item.Url)} />;\n case FooterType.Twitter:\n return window.open(item.Url)} />;\n case FooterType.Facebook:\n return window.open(item.Url)} />;\n case FooterType.Snapchat:\n return window.open(item.Url)} />;\n default:\n return window.open(item.Url)} />;\n }\n })()}\n
\n )\n}\n\nconst Footer = (props) => {\n const classes = useStyles();\n const { Footer } = props;\n const { Config } = useContext(DataContext);\n\n if (Footer.Direction === 'v' || Footer.Direction === undefined)\n return (\n \n
{Footer.FooterText}
\n {\n Footer.Items &&\n Footer.Items.filter(item => item.Type > 4).map((item, index) =>
)\n }\n
\n {\n Footer.Items &&\n Footer.Items.filter(item => item.Type <= 4).map((item, index) => {Footer.SharedUrlText} \n
\n {Config.GetOrder &&
}\n
\n {props.children}\n \n );\n}\n\nexport { CartContext, CartProvider };","import React, { useContext } from 'react'\n\n// Material Ui\nimport { makeStyles } from '@material-ui/core/styles';\nimport AddIcon from '@material-ui/icons/Add';\nimport ArrowRightIcon from '@material-ui/icons/ArrowRight';\nimport RemoveIcon from '@material-ui/icons/Remove';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\n\n// Components\nimport Price from '../../price.component';\n\n// Contexts\nimport { DataContext } from '../../../_contexts/data.context';\nimport { CartContext } from '../../../_contexts/cart.context';\n\nconst useStyles = makeStyles(theme => ({\n itemwithcart: {\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '440px',\n minHeight: '68px',\n padding: '8px 8px 8px 0px',\n boxSizing: 'border-box',\n },\n content: {\n display: 'flex',\n flexGrow: 1,\n flexDirection: 'column',\n boxSizing: 'border-box',\n padding: '4px 8px 4px 4px',\n },\n title: {\n width: '100%',\n },\n subtitle: {\n width: '100%',\n },\n avatar: {\n width: theme.spacing(7),\n height: theme.spacing(7),\n },\n spacer: {\n width: '16px',\n height: '100%'\n },\n progress: {\n paddingLeft: '12px',\n paddingRight: '12px',\n height: '24px',\n },\n}));\n\nconst ActionButtons = (props) => {\n const classes = useStyles();\n const { Item } = props;\n const { Config, Credentials } = useContext(DataContext); // Get Config of this menu from the Data Context\n const { getItem, addItemToCart, incrementQuantity, decrementQuantity, cartStatus } = useContext(CartContext); // Functions that we will use in Cart operations\n\n if (Config.GetOrder) {\n if (Item.NoDetails) {\n const cartItem = getItem(Item.ProductId);\n\n if (cartItem) {\n return (\n <>\n {\n (cartStatus.action === 'increment item') && (cartStatus.id === cartItem.Id)\n ?\n
\n :\n incrementQuantity(cartItem.Id)}>\n \n }\n {cartItem.Quantity} \n {\n (cartStatus.action === 'decrement item') && (cartStatus.id === cartItem.Id)\n ?\n
\n :\n decrementQuantity(cartItem.Id)}>\n \n }\n \n );\n }\n else {\n const itemToAdd = {\n 'Title': Item.Title,\n 'ProductId': Item.ProductId,\n 'Quantity': 1,\n 'CurrencyId': Credentials.SelectedCurrencyId,\n 'Price': Item.Price\n };\n\n return (\n <>\n {\n (cartStatus.action === 'adding item') && (cartStatus.id === Item.ProductId)\n ?\n
\n :\n addItemToCart(itemToAdd)}>\n \n }\n \n );\n }\n }\n else {\n // This item has options and extras. We will show \"Add\" button, but when clicked it will open product details page\n // Additionaly, we must get the list of the prices from the Options with Type=2 of the item\n return (\n \n \n );\n }\n }\n else {\n // Cart and Order operations are not allowed. So we will just display item data\n if (Item.NoDetails) {\n // This item does not have extras and options. We just display the item with price\n return
;\n }\n else {\n // This item has extras and options. We will add arrow icon to open product details\n return (\n \n \n );\n }\n }\n}\n\nconst MenuItemWithCart = (props) => {\n const classes = useStyles();\n const { Item, openProductDetails } = props; // Get the Menu Item and the function to open product details from the props\n\n return (\n { if (!Item.NoDetails) openProductDetails(Item) }}>\n
\n
\n {Item.Title} \n {\n Item.SubTitle &&\n {Item.SubTitle} \n }\n
\n
\n
\n
openProductDetails(item)}>\n \n
{item.Title}
\n {\n item.SubTitle &&
{item.SubTitle}
\n }\n
{item.Price ? '₺' + item.Price : ''}
\n }\n \n
\n {item.Title} \n
\n );\n}\n\nexport default SubCategory","import React from 'react'\nimport { ItemType } from '../../globals';\n\n// Components\nimport MenuItemRaised from './items/raised.item';\nimport MenuItemRaisedRTL from './items/raised.rtl.item';\nimport MenuItemFlat from './items/flat.item';\nimport MenuItemFlatRTL from './items/flat.rtl.item';\nimport MenuItemWithCart from './items/withcart.item';\nimport MenuItemDetailed from './items/detailed.item';\nimport MainCategory from './items/maincategory.item';\nimport SubCategory from './items/subcategory.item';\n\nconst MenuItem = (props) => {\n const { Item, openProductDetails } = props;\n\n if (Item.Type === ItemType.MainCategory) return (\n <>\n \n
\n \n {\n Product.ImageUrl\n ?\n
\n :\n
\n }\n
{Product.Title}
\n {\n Product.SubTitle &&\n
{Product.SubTitle}
\n }\n
\n {\n (Config.GetOrder) &&\n
\n
\n
\n Adet \n
\n
\n
incrementQuantity()}>\n \n
{itemToAdd.Quantity} \n
decrementQuantity()}>\n \n
\n
\n
\n }\n {\n Product.Description &&\n
{Product.Description}
\n }\n {\n (Product.Options.length > 0) &&\n
\n
\n {\n Product.Options.map((option, index) => (\n < Fragment key={index}>\n
\n {option.Title} \n
\n {\n option.Items.map(optionitem => (\n
\n {\n (Config.Pickup || Config.Delivery) &&\n
handleOptionChange(option, optionitem)}\n value={optionitem.Id}\n name={optionitem.Title}\n inputProps={{ 'aria-label': optionitem.Title }}\n />\n }\n { Config.GetOrder && handleOptionChange(option, optionitem) }} style={{ textAlign: 'left', flexGrow: 1 }}>\n {optionitem.Title} \n
\n \n ))\n }\n \n ))\n }\n
\n
\n }\n {\n (Product.Extras.length > 0) &&\n
\n
\n {\n Product.Extras.map((extra, index) => (\n
\n \n {extra.Title} \n
\n {\n extra.Items.map(item => (\n \n ))\n }\n \n ))\n }\n
\n
\n }\n {\n (Config.GetOrder) &&\n ((cartStatus.action === 'item added' && cartStatus.id === itemToAdd.ProductId)\n ?\n
\n SEPETE EKLENDİ \n
\n :\n
\n addItemToCart(itemToAdd)} variant=\"extended\" style={{ width: '100%', }}>SEPETE EKLE \n {(cartStatus.action === 'adding item') &&
\n )\n }\n {\n (Product.Extras.length > 0 || Product.Options.length > 0) &&\n
\n }\n
{SelectedMenuSet.Title}
\n }\n {\n SelectedMenuSet.Description &&\n {SelectedMenuSet.Description}
\n }\n {\n items.length > 0 &&\n \n {\n items[selectedTab].Items.map(i =>
\n {\n SelectedMenuSet.Footer &&\n \n }\n \n
\n Powered by\n \n
\n
\n \n \n );\n}\n\nexport default CarouselMenu;","import React, { Fragment, useState } from 'react'\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Typography from '@material-ui/core/Typography';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nconst useStyles = makeStyles(theme => ({\n consentText: {\n margin: \"auto 0\",\n color: theme.palette.primary.main,\n maxWidth: \"85%\",\n textDecoration: \"underline\",\n cursor: 'pointer',\n }\n}));\n\nfunction Consent(props) {\n const classes = useStyles();\n const { Name, Title, TermsOfUse, useInput, isSubmitting, helperText } = props;\n const [open, setOpen] = useState(false);\n\n const { value, onChange, onFocus, onBlur, error, required } = useInput(Name, true, 'consent');\n\n return (\n \n \n { setOpen(true) }}>{Title} \n \n {\n error && {helperText} \n }\n { setOpen(false) }} aria-labelledby=\"form-dialog-title\">\n {Title} \n \n {TermsOfUse} \n \n \n { setOpen(false) }} color=\"primary\">TAMAM \n \n \n \n )\n}\n\nexport default Consent;","import { useState, useCallback, useEffect } from 'react'\n\nexport function useFormInput({\n name,\n isrequired,\n type,\n helpertext,\n values: formData,\n setValues: setFormData,\n handleError,\n formSubmitting,\n setSubmitting\n}) {\n const formValue = formData[name] || '';\n\n const [value, setValue] = useState(formValue);\n const [isValid, setIsValid] = useState(true);\n const [isTouched, setIsTouched] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n\n const handleValidation = useCallback(() => {\n const checkvalid = validate(value, isrequired, type);\n setIsValid(checkvalid);\n handleError(name, checkvalid);\n }, [setIsValid, name, value, isrequired, type, handleError]);\n\n // watch for external parent data changes\n useEffect(() => {\n if (value !== formValue) {\n setValue(formValue);\n setIsTouched(false);\n setIsFocused(false);\n }\n }, [formValue, value, setValue, setIsFocused, setIsTouched]);\n\n // validate on value change\n useEffect(() => {\n handleValidation();\n }, [handleValidation, name]);\n\n // rewrite self and parent's value\n const handleChange = useCallback((event, value) => {\n let newValue;\n\n if (typeof event === 'object') {\n newValue = event.target.type === 'checkbox' ? event.target.checked : event.target.value;\n }\n else {\n newValue = event;\n }\n\n let data = { ...formData, [name]: newValue };\n\n setSubmitting(false);\n setValue(newValue);\n setFormData(data);\n }, [setValue, formData, setFormData, setSubmitting, name]);\n\n const handleFocus = useCallback(() => {\n setIsTouched(true);\n setIsFocused(true);\n handleValidation();\n }, [setIsTouched, setIsFocused, handleValidation]);\n\n const handleBlur = useCallback(() => {\n setIsFocused(false);\n }, [setIsFocused]);\n\n const error = formSubmitting ? !isValid : !isValid && isTouched && !isFocused;\n\n return {\n name,\n value,\n onChange: handleChange,\n onFocus: handleFocus,\n onBlur: handleBlur,\n error,\n required: isrequired,\n helperText: error ? helpertext : ' ',\n };\n}\n\nexport function validate(value, isRequired, type) {\n if (isRequired && !value) return false;\n\n if (type === 'email') {\n var re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(String(value).toLowerCase());\n }\n if (type === 'phone') {\n return value.trim().length < 10 ? false : true;\n }\n\n return true;\n}","import React, { useContext } from 'react'\n\n// Material Ui\nimport { makeStyles } from '@material-ui/core/styles';\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport IconButton from '@material-ui/core/IconButton';\nimport Fab from '@material-ui/core/Fab';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\n\n// Components\nimport Consent from '../_components/consent.component';\n\n// Contexts\nimport { DataContext } from '../_contexts/data.context';\nimport { CartContext } from '../_contexts/cart.context';\n\n// Helpers\nimport { useForm } from '../_forms/useForm';\n\nconst useStyles = makeStyles(theme => ({\n customer: {\n width: '100%',\n height: '100%',\n maxWidth: '440px',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n overflowY: 'auto',\n },\n caption: {\n width: '100%',\n padding: '60px 8px 8px 8px',\n textAlign: 'center',\n boxSizing: 'border-box',\n },\n formitem: {\n width: '100%',\n padding: '0 8px 0px 8px',\n textAlign: 'center',\n boxSizing: 'border-box',\n },\n consentText: {\n margin: \"auto 0\",\n color: theme.palette.primary.main,\n maxWidth: \"85%\",\n textDecoration: \"underline\",\n cursor: 'pointer',\n },\n backbutton: {\n position: 'absolute',\n left: '12px',\n top: '12px',\n backgroundColor: '#fafafa',\n opacity: '0.75',\n zIndex: '1500',\n },\n addtobasket: {\n position: 'fixed',\n width: '80%',\n maxWidth: '400px',\n right: '10%',\n bottom: '24px',\n },\n topspacer: {\n width: '100%',\n height: '60px',\n },\n spacer: {\n width: '100%',\n maxWidth: '440px',\n height: '90px',\n minHeight: '90px',\n },\n buttonProgress: {\n color: theme.palette.background.paper,\n position: 'absolute',\n top: '50%',\n left: '30%',\n marginTop: -12,\n marginLeft: -46,\n zIndex: 2000,\n },\n}));\n\nfunction Customer(props) {\n const classes = useStyles();\n const { GDPRContract, SalesContract } = useContext(DataContext);\n const { checkingOut, checkoutCart, Customer } = useContext(CartContext);\n const { closeCustomer } = props;\n const { values, setSubmitting, useInput, canSubmit } = useForm(Customer);\n\n const submitForm = () => {\n if (canSubmit) {\n checkoutCart(values);\n }\n else\n setSubmitting(true);\n }\n\n return (\n \n
\n \n
Lütfen siparişiniz ile ilgili olarak size ulaşabileceğimiz iletişim bilgilerinizi doldurun
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {\n checkingOut &&\n SİPARİŞİ TAMAMLA \n
\n
\n
\n
{Item.Title} \n {\n options &&\n
{options[0].Items[0].Title} \n }\n {\n (cartStatus.action === 'removing item') && (cartStatus.id === Item.Id)\n ?\n
\n :\n
removeItemFromCart(Item.Id)}>\n \n }\n
\n
\n <>\n {\n (cartStatus.action === 'increment item') && (cartStatus.id === Item.Id)\n ?\n
\n :\n
incrementQuantity(Item.Id)}>\n \n }\n
{Item.Quantity} \n {\n (cartStatus.action === 'decrement item') && (cartStatus.id === Item.Id)\n ?\n
\n :\n
decrementQuantity(Item.Id)}>\n \n }\n {\n Item.Price &&\n
{`(${Item.Price} ₺)`} \n }\n \n
{`${Item.Amount} ₺`} \n
\n
\n
\n
\n \n
\n
{`Toplam: ${TotalPrice} ₺`}
\n
\n {\n Cart.Items.map(item =>
)\n }\n
\n
\n
\n {`${TotalPrice} ₺ - SİPARİŞ VER`} \n
\n
\n \n
0) ? classes.fabroot : classes.hidden} onClick={openCart} color=\"primary\" aria-label=\"shop\" variant=\"extended\" >\n \n \n SEPETE GİT\n \n \n \n \n );\n}\n\nexport default CartFab;","import React, { useContext } from 'react'\nimport { Language } from './../../globals';\n\n// Material Ui\nimport { makeStyles } from '@material-ui/core/styles';\nimport ArrowRightIcon from '@material-ui/icons/ArrowRight';\nimport Divider from '@material-ui/core/Divider';\nimport Typography from '@material-ui/core/Typography';\n\n// Contexts\nimport { DataContext } from '../../_contexts/data.context';\n\nconst useStyles = makeStyles(() => ({\n switchmerchant: {\n width: '100%',\n height: '50px',\n minHeight: '50px',\n display: 'flex',\n flexDirection: 'column',\n },\n content: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: '8px',\n boxSizing: 'border-box',\n },\n merchant: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n switch: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n }\n}));\n\nconst SwitchMerchant = () => {\n const classes = useStyles();\n const { Config, Merchants, selectMerchant, SelectedMenuSet, SelectedMerchant } = useContext(DataContext);\n const showswitchbox = (Merchants[1] && (Config.ShowMerchantList && SelectedMerchant));\n\n if (showswitchbox)\n return (\n \n
\n
\n {(SelectedMenuSet.Language === Language.Turkish) ? \"Seçili Restoran:\" : \"Selected Restaurant:\"} \n {SelectedMerchant.Name} \n
\n
selectMerchant(null)}>\n
{(Language === 1) ? \"Değiştir\" : \"Go Back\"} \n
\n
\n
\n
\n
\n
\n \n {\n Item.ImageUrl &&\n
\n }\n
{Item.Title}
\n {\n subcategoryitems.length > 0 &&\n
\n }\n {\n ItemList.map(i =>
)\n }\n
\n
\n
\n \n
openPage(Item)}>\n {Item.Title} \n \n );\n}\n\nconst TileMenu = () => {\n const classes = useStyles();\n const { SelectedMenuSet } = useContext(DataContext);\n const [pageOpen, setPageOpen] = useState(false);\n const [selectedItem, setSelectedItem] = useState({});\n\n const items = SelectedMenuSet.Menu.filter(item => item.Type === ItemType.MainCategory);\n\n const openPage = (item) => { setSelectedItem(item); setPageOpen(true); }\n const closePage = () => setPageOpen(false);\n\n return (\n <>\n {\n SelectedMenuSet.LogoUrl &&\n \n }\n {\n SelectedMenuSet.Title &&\n {SelectedMenuSet.Title}
\n }\n {\n SelectedMenuSet.Description &&\n {SelectedMenuSet.Description}
\n }\n \n {\n items.map(tileitem =>
\n {\n SelectedMenuSet.Footer &&\n \n }\n \n \n \n );\n}\n\nexport default TileMenu;","import React, { useContext } from 'react'\n\n// Material Ui\nimport { makeStyles } from '@material-ui/core/styles';\nimport CommentIcon from '@material-ui/icons/ChatBubbleOutline';\nimport IconButton from '@material-ui/core/IconButton';\nimport Breadcrumbs from '@material-ui/core/Breadcrumbs';\nimport Link from '@material-ui/core/Link';\nimport Typography from '@material-ui/core/Typography';\n\n// Contexts\nimport { DataContext } from '../_contexts/data.context';\n\nconst useStyles = makeStyles(theme => ({\n topmenu: {\n width: '100%',\n maxWidth: '440px',\n height: '50px',\n minHeight: '50px',\n padding: '0px 24px 0px 8px',\n boxSizing: 'border-box',\n backgroundColor: theme.palette.background.default,\n },\n selected: {\n fontWeight: 'bold',\n color: theme.palette.primary.main,\n },\n feedback: {\n float: 'left',\n },\n breadcrumb: {\n float: 'right',\n paddingTop: '10px',\n },\n link: {\n cursor: 'pointer',\n color: theme.palette.text.secondary,\n },\n}));\n\nconst ToolBar = () => {\n const classes = useStyles();\n const { Config, Languages, setSelectedLanguage } = useContext(DataContext);\n const showtoolbar = (Config.Feedback || Languages.Count > 1);\n\n if (showtoolbar)\n return (\n \n {\n Config.Feedback &&\n \n \n }\n {\n (Languages.Count > 1) &&\n \n {\n Languages.Codes.map((lang, i) =>\n (i === Languages.Index)\n ?\n {lang} \n :\n \n }\n
\n );\n else\n return '';\n}\n\nexport default ToolBar;","import React, { useContext } from 'react'\nimport { MenuLayout } from '../globals';\n\n// Material Ui\nimport { makeStyles } from '@material-ui/core/styles';\n\n// Components\nimport CarouselMenu from '../_components/menu/carousel.menu';\nimport CartFab from '../_components/cart/cartfab.component';\nimport SwitchMerchant from '../_components/merchant/switchmerchant.component';\nimport TileMenu from '../_components/menu/tile.menu';\nimport ToolBar from '../_components/toolbar.component';\n\n// Contexts\nimport { DataContext } from '../_contexts/data.context';\n\nconst useStyles = makeStyles(() => ({\n menuset: {\n width: '100%',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n overflowY: 'auto',\n },\n}));\n\nconst Menu = () => {\n const classes = useStyles();\n const { SelectedMenuSet } = useContext(DataContext);\n\n return (\n \n
\n );\n}\n\nexport default Menu;","import React, { useState, useEffect } from 'react'\nimport moment from 'moment';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport ShoppingCartIcon from '@material-ui/icons/ShoppingCart';\nimport MotorcycleIcon from '@material-ui/icons/Motorcycle';\nimport BlockIcon from '@material-ui/icons/Block';\nimport IconButton from '@material-ui/core/IconButton';\nimport DoneAllIcon from '@material-ui/icons/DoneAll';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Paper from '@material-ui/core/Paper';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Button from '@material-ui/core/Button';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Typography from '@material-ui/core/Typography';\n\nimport { get, auth } from '../_api/api';\n\nconst useStyles = makeStyles(theme => ({\n orders: {\n height: '100%',\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n overflow: 'hidden',\n padding: '24px',\n boxSizing: 'border-box',\n },\n logo: {\n width: '20%',\n [theme.breakpoints.down('xs')]: {\n width: '80%',\n },\n },\n actions: {\n display: 'flex',\n },\n ordercomplete: {\n backgroundColor: theme.palette.action.hover,\n },\n wrapper: {\n position: 'relative',\n },\n fabProgress: {\n position: 'absolute',\n top: 4,\n left: 3,\n zIndex: 1,\n },\n header: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n minHeight: '48px',\n marginBottom: '24px',\n padding: '8px',\n boxSizing: 'border-box',\n }\n}));\n\nconst getStatusText = (status) => {\n if (status === 1)\n return 'Yeni';\n else if (status === 2)\n return 'Yolda';\n else if (status === 3)\n return 'Tamamlandı';\n else if (status === 0)\n return 'İptal Edildi';\n}\n\nconst OrderDetails = (props) => {\n const { selectedOrder, closeOrderDetails } = props;\n const [fetching, setFetching] = useState(false);\n const [items, setItems] = useState(null);\n\n useEffect(() => {\n const fetchOrderItems = async () => {\n setFetching(true); // Set the flag so that SingIn button is disabled\n\n get(`/Shop/items/${selectedOrder.Id}`)\n .then(response => {\n setItems(response.data.Data);\n })\n .catch((error) => console.log(error))\n .finally(() => setFetching(false));\n };\n\n if (selectedOrder) fetchOrderItems();\n\n }, [selectedOrder]);\n\n if (!selectedOrder) return '';\n\n return (\n \n {`Müşteri: ${selectedOrder.FullName}`} \n \n {`Adres: ${(selectedOrder.Address || '')}`} \n {`Telefon: ${(selectedOrder.Phone || '')}`} \n {`Ürün Adedi: ${selectedOrder.Quantity}`} \n {`Toplam Tutar: ${selectedOrder.Amount} TL`} \n {`Sipraiş No: ${selectedOrder.Id}`} \n {\n fetching && \n \n \n \n Ürün \n Fiyat \n Seçenekler \n Adet \n Tutar \n \n \n \n {items.map((item) => {\n const options = (item.Options && item.Options !== 'null')\n ? JSON.parse(item.Options)[0].Items[0].Title\n : '';\n return (\n \n {item.Title} \n {item.Price} \n {options} \n {item.Quantity} \n {item.Amount} \n \n )\n })}\n \n
\n \n }\n \n \n \n Kapat\n \n \n \n );\n}\n\nconst OrderOnTheWayButton = (props) => {\n const classes = useStyles();\n const [fetching, setFetching] = useState(false);\n const { orderid, fetchData } = props;\n\n const onClick = () => {\n setFetching(true); // Set the flag so that SingIn button is disabled\n\n get(`/Shop/ship-order/${orderid}`)\n .then(() => { setFetching(false); fetchData(); })\n .catch(() => setFetching(false)); // An error occured while fetching shop Config. Return 500\n\n }\n\n return (\n \n \n \n \n \n {\n fetching &&
\n );\n}\n\nconst OrderCompleteButton = (props) => {\n const classes = useStyles();\n const [fetching, setFetching] = useState(false);\n const { orderid, fetchData } = props;\n\n const onClick = () => {\n setFetching(true); // Set the flag so that SingIn button is disabled\n\n get(`/Shop/deliver-order/${orderid}`)\n .then(() => { setFetching(false); fetchData(); })\n .catch(() => setFetching(false)); // An error occured while fetching shop Config. Return 500\n\n fetchData();\n }\n\n return (\n \n \n \n \n \n {\n fetching &&
\n );\n}\n\nconst OrderCancelButton = (props) => {\n const classes = useStyles();\n const [fetching, setFetching] = useState(false);\n const { orderid, fetchData } = props;\n\n const onClick = () => {\n setFetching(true); // Set the flag so that SingIn button is disabled\n\n get(`/Shop/cancel-order/${orderid}`)\n .then(() => { setFetching(false); fetchData(); })\n .catch(() => setFetching(false)); // An error occured while fetching shop Config. Return 500\n\n fetchData();\n }\n\n return (\n \n \n \n \n \n {\n fetching &&
\n );\n}\n\nconst Header = (props) => {\n const classes = useStyles();\n const { orders, fetching, fetchData } = props;\n\n return (\n \n {\n orders &&\n {`Toplam Sipariş: ${orders.length}`} \n }\n {\n fetching && Tazele \n \n );\n}\n\nconst Orders = () => {\n const classes = useStyles();\n const [fetching, setFetching] = useState(false);\n const [selectedOrder, setSelectedOrder] = useState(null);\n const [orders, setOrders] = useState(false);\n\n const openOrderDetails = (order) => {\n setSelectedOrder(order);\n }\n\n const closeOrderDetails = () => {\n setSelectedOrder(null);\n }\n\n const fetchData = () => {\n setFetching(true); // Set the flag so that SingIn button is disabled\n\n auth() // Authorize client\n .then(() => {\n get('/Shop/list-orders-by-brand/185')\n .then(response => {\n setOrders(response.data.Data);\n })\n .finally(() => setFetching(false));\n })\n .catch(() => { setFetching(false); })\n }\n\n useEffect(() => {\n fetchData(setOrders, setFetching);\n }, []);\n\n if (!orders) return '';\n\n return (\n \n
\n
\n \n \n \n Sipraiş No \n Müşteri \n E-Posta \n Telefon \n Ürün adedi \n Toplam Tutar (TL) \n Sipariş Zamanı \n Durum \n İşlemler \n \n \n \n {orders.map((order) => (\n \n {order.Id} \n {order.FullName} \n {order.Email} \n {order.Phone} \n {order.Quantity} \n {order.Amount} \n {moment.utc(order.CreatedAt).add(3, 'h').format(\"DD MMMM YYYY, hh:mm:ss\")} \n {getStatusText(order.Status)} \n \n \n \n openOrderDetails(order)}>\n \n \n
\n \n \n ))}\n \n
\n \n
\n
\n
\n );\n}\n\nexport default Spinner;\n\n/**\n * \n
\n
{'Siparişiniz bize ulaştı.'} \n
{'En kısa zamanda siparişinizi hazırlayıp yola çıkıyoruz'} \n
{'Teşekkür ederiz'} \n
\n
\n selectMerchant(Merchant)}>\n
\n
{Merchant.Name}
\n
{Merchant.Address}
\n
\n
{(Merchant.EstimatedServiceMinute == null) ? \"\" : '~' + Merchant.EstimatedServiceMinute + ' dk'}
\n
\n
\n
\n
\n {\n WellcomePage &&\n WellcomePage.LogoUrl &&\n
\n }\n {\n WellcomePage &&\n WellcomePage.Title &&\n
{WellcomePage.Title}
\n }\n {\n WellcomePage &&\n WellcomePage.Subtitle &&\n
{WellcomePage.Subtitle}
\n }\n {\n WellcomePage &&\n WellcomePage.WellcomeText &&\n
{WellcomePage.WellcomeText}
\n }\n {\n WellcomePage &&\n WellcomePage.Description &&\n
{WellcomePage.Description}
\n }\n {\n Merchants &&\n Merchants.map(merchant =>
)\n }\n {\n WellcomePage &&\n WellcomePage.Footer &&\n
{WellcomePage.Footer}
\n }\n
\n \n \n ,\n document.getElementById('root')\n);"],"sourceRoot":""} 
\n 
\n ![\"BrandWallet](\"assets/img/brandwallet.jpg\")
\n 
\n