{"version":3,"sources":["Landing.js","ProductListCard.js","Listing.js","components/Form/NestedConfig.js","components/Form/NestedForm.js","components/Form/String.js","components/Form/NumberInput.js","Portal.js","CurrencyPortal.js","Price.js","localePortal.js","Locale.js","components/Form/index.js","Detail.js","Header.js","contextProvider.js","styles/theme.js","App.js","reportWebVitals.js","index.js"],"names":["Landing","history","useHistory","useState","orgs","setOrgs","height","setHeight","useEffect","a","c","document","getElementById","clientHeight","Math","round","length","fetch","then","response","json","result","console","log","catch","error","classes","makeStyles","root","display","flexWrap","margin","padding","useStyles","className","Typography","variant","id","style","width","textAlign","Paper","elevation","minHeight","Grid","container","direction","alignContent","justifyContent","maxHeight","map","org","key","item","align","marginTop","onClick","push","name","_id","publicToken","noWrap","textDecoration","Array","elementInArray","i","Skeleton","theme","maxWidth","minWidth","details","flexDirection","content","flex","cover","controls","alignItems","paddingLeft","spacing","paddingBottom","playIcon","media","MediaControlCard","props","thumb","setThumb","product","orgId","Card","userId","CardActionArea","CardMedia","image","title","CardContent","gutterBottom","component","color","description","Listing","products","setProducts","useParams","method","redirect","assets","match","params","Breadcrumbs","aria-label","Link","window","location","pathname","split","replaceAll","trim","formControl","selectEmpty","formBtn","matches","useMediaQuery","current","setCurrent","currentAttr","currentAttrIndex","setCurrentAttrIndex","configurator","getDisplayAttributes","attributes","data","setLength","selectSelect","setSelectSelect","setColor","num","setNum","text","setText","isNested","nestedAttr","checkNested","attr","pl","player","enableApi","config","getNestedConfigurator","setStep","dir","handleString","val","setConfiguration","handlePartRef","assetId","e","event","type","values","FormControl","InputLabel","value","f","MenuItem","label","TextField","onChange","target","placeholder","ButtonGroup","orientation","Button","Slider","defaultValue","aria-labelledby","valueLabelDisplay","step","marks","newValue","handleSlide","min","max","data-name","rgb","r","g","b","handleColor","assetType","filesLimit","startIcon","list","fullList","TemporaryDrawer","anchor","React","left","state","setState","toggleDrawer","open","Fragment","Drawer","onClose","clsx","role","onKeyDown","StringComponent","Select","handleTextInput","xs","sm","md","NumberInput","Portal","ReactDOM","createPortal","this","children","Component","CurrencyPortal","Price","price","setPrice","currencies","setCurrencies","activeCurrency","setCurrency","pricebook","setPricebook","getPrice","myHeaders","Headers","append","requestOptions","headers","currentPrice","setPriceLoaded","ApiPricebook","pricebooks","filter","book","toLowerCase","Box","fontWeight","getSymbolFromCurrency","position","bottom","right","labelId","renderValue","currency","LocalePortal","Locale","languages","setLanguages","setKey","setactiveLanguage","getLanguages","translations","translate","getTranslations","handleChange","setLocale","playerLoaded","language","setAttributes","partRefSelect","setPartRefSelect","showForm","checked","setChecked","active","Object","keys","newAttributes","attribute","forEach","translationKey","justifyItems","justify","flexGrow","Switch","handleToggle","sort","generatePartRefOptions","loaded","styles","setProduct","setPlayerLoaded","err","setErr","wrap","setWrap","priceLoaded","user","setUser","productId","authToken","el","showConfigurator","showAR","locale","threekitPlayer","api","getConfigurator","when","on","unload","goBack","visibility","screen","menuButton","marginRight","toolbar","mixins","drawerPaper","drawerOpen","setDrawerOpen","users","setUsers","undefined","body","drawer","List","ListItem","button","ListItemText","primary","Divider","AppBar","Toolbar","IconButton","edge","src","Hidden","smUp","implementation","paper","ModalProps","keepMounted","Context","createContext","UpdateContext","ContextProvider","context","setContext","Provider","string","rawTheme","createTheme","palette","light","main","dark","secondary","warning","xLight","red","success","green","typography","fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontFamilySecondary","fontHeader","textTransform","background","default","common","white","grey","h1","letterSpacing","h2","h3","h4","h5","h6","subtitle1","body1","body2","App","ThemeProvider","path","render","pageid","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","StrictMode"],"mappings":"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","file":"static/js/main.5ae06695.chunk.js","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport Paper from '@material-ui/core/Paper'\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Grid, Typography } from '@material-ui/core';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport { useHistory } from 'react-router-dom'\n\n\n\nexport default function Landing() {\n  let history = useHistory()\n\n  const [orgs, setOrgs] = useState([]);\n  const [height, setHeight] = useState(0);\n\n  useEffect(async () => {\n    const c = document.getElementById('container').clientHeight\n    setHeight(2 * Math.round((c / 12.8) / 2))\n    if (orgs.length < 1) {\n      // let users = await getUsers()\n      fetch(\"https://admin.demo.threekit.com/all\")\n        .then(response => response.json())\n        .then(result => {\n          console.log(result)\n          setOrgs(result)\n        }\n        )\n        .catch(error => console.log('error', error));\n    }\n  }, [orgs])\n\n  // function getUsers() {\n  //   return fetch('https://admin.demo.threekit.com/all')\n  //     .then(response => response.json())\n  //     .then(result => {\n  //       return result\n  //     })\n  //     .catch(error => console.log('error', error))\n  // }\n\n  const useStyles = makeStyles(() => ({\n    root: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      '& > *': {\n        margin: 'auto',\n        padding: 10,\n        // width: theme.spacing(16),\n        // height: theme.spacing(16),\n      },\n    },\n  }));\n  const classes = useStyles();\n\n  return (\n    <>\n      <div className={`${classes.root}`} >\n        <Typography\n          variant=\"h6\"\n          id=\"no-hover\"\n          style={{\n            display: \"block\",\n            width: \"100%\",\n            textAlign: \"center\"\n          }}\n        >categories</Typography>\n        <Paper elevation={2} id=\"container\" className=\"landing-paper\" style={{ display: 'flex', minHeight: \"60vh\" }}>\n          <div>\n          </div>\n          <Grid\n            container\n            direction='row'\n            alignContent='flex-start'\n            justifyContent={orgs.length > 0 ? null : 'center'}\n\n            style={{\n              maxHeight: '70vh'\n            }}\n          >\n            {orgs.length > 0 ? orgs.map((org) => {\n              console.log(org)\n              return (<Grid\n                key={org.id}\n                item\n                align='center'\n                style={{\n                  width: '50%',\n                  marginTop: '3px'\n                }}\n                onClick={() => {\n                  history.push(`/listing/${org.name}/${org._id}/${org.publicToken}`)\n                }}\n              >\n                <Typography\n                  noWrap\n                  variant=\"body2\"\n                  style={{\n                    textDecoration: \"underline\",\n                  }}\n                  id=\"clickable_typography\"\n                >{org.name}</Typography>\n                {/* <Typography variant=\"caption\">{org.userName}</Typography> */}\n              </Grid>)\n            }) :\n              <>\n                {[...Array(height)].map((elementInArray, i) => (\n                  < Grid\n                    item\n                    key={i}\n                    align='center'\n                    justifyContent='center'\n                    style={{\n                      width: '45%',\n                      margin: '3px'\n                    }}\n                  >\n                    <Skeleton variant=\"text\" style={{ width: '100%' }} />\n                  </Grid>\n                )\n                )}\n              </>\n            }\n          </Grid>\n        </Paper>\n\n      </div>\n    </>\n  )\n}\n","/* eslint-disable react/prop-types */\nimport React, { useState, useEffect } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Card from '@material-ui/core/Card'\nimport CardContent from '@material-ui/core/CardContent'\nimport CardMedia from '@material-ui/core/CardMedia'\nimport CardActionArea from '@material-ui/core/CardActionArea'\n\nimport Typography from '@material-ui/core/Typography'\nimport { useHistory } from 'react-router-dom'\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    maxWidth: 345,\n    minWidth: 345,\n    margin: '0 auto 10px',\n    height: 395\n  },\n  details: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  content: {\n    flex: '1 0 auto'\n  },\n  cover: {\n    width: 151\n  },\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    paddingLeft: theme.spacing(1),\n    paddingBottom: theme.spacing(1)\n  },\n  playIcon: {\n    height: 38,\n    width: 38\n  },\n  media: {\n    height: 300\n  }\n}))\n\nexport default function MediaControlCard(props) {\n  const [thumb, setThumb] = useState(null)\n\n  useEffect(() => {\n    setThumb(\n      `https://preview.threekit.com/api/assets/thumbnail/${props.product.id}?orgId=${props.product.orgId}&failOnEmpty=true`\n    )\n    return () => {\n      setThumb(null)\n    }\n  }, [thumb])\n  const classes = useStyles()\n  let history = useHistory()\n\n  return (\n    <Card\n      className={classes.root}\n      onClick={() => {\n        history.push(`/details/${props.userId}/${props.product.id}`)\n      }}\n\n    >\n      <CardActionArea>\n        <CardMedia\n          className={classes.media}\n          image={thumb}\n          title={props.product.name}\n        />\n        <CardContent>\n          <Typography gutterBottom variant='h5' component='h2'>\n            {props.product.name}\n          </Typography>\n          <Typography variant='body2' color='textSecondary' component='p' noWrap={true}>\n            {props.product.description}\n          </Typography>\n        </CardContent>\n      </CardActionArea>\n      <div className={classes.details}>\n        {/* <CardContent className={classes.content}>\n          <Typography component='h5' variant='h5'>\n            {props.product.name}\n          </Typography>\n          <Typography variant='subtitle1' color='textSecondary'>\n            {props.product.description}\n          </Typography>\n          <Typography\n            variant='subtitle1'\n            color='textSecondary'\n            onClick={() => {\n              history.push(`/details/${props.userId}/${props.product.id}`)\n            }}\n          >\n            details\n          </Typography>\n        </CardContent> */}\n      </div>\n      {/* <CardMedia\n        className={classes.cover}\n        image={thumb}\n        title='Live from space album cover'\n      /> */}\n    </Card>\n  )\n}\n","/* eslint-disable react/prop-types */\nimport React, { useState, useEffect } from 'react'\nimport ProductListCard from './ProductListCard'\nimport { useParams } from 'react-router-dom'\nimport Breadcrumbs from '@material-ui/core/Breadcrumbs'\nimport Link from '@material-ui/core/Link'\nimport Typography from '@material-ui/core/Typography'\nimport { useHistory } from 'react-router-dom'\nimport Grid from '@material-ui/core/Grid'\n\nexport default function Listing(props) {\n  let history = useHistory()\n\n  const [products, setProducts] = useState([])\n\n  // eslint-disable-next-line no-unused-vars\n  let { id, name, publicToken } = useParams()\n  useEffect(() => {\n    var requestOptions = {\n      method: 'GET',\n      redirect: 'follow'\n    }\n    fetch(`https://admin.demo.threekit.com/products/${id}`, requestOptions)\n      .then(response => response.json())\n      .then(result => {\n        setProducts(result.assets)\n      })\n      .catch(error => console.log('error', error))\n  }, [props.match.params.id])\n\n  return (\n    <>\n      <Typography variant=\"h4\">Products</Typography>\n      <Breadcrumbs aria-label='breadcrumb'>\n        <Link\n          color='inherit'\n          onClick={() => {\n            history.push(`/`)\n          }}\n        >\n          Home\n        </Link>\n        <Typography color='textPrimary'>\n          {window.location.pathname\n            .split('/')[2]\n            .replaceAll('%20', ' ')\n            .trim()}\n        </Typography>\n      </Breadcrumbs>\n      <Grid container justifyContent='center' spacing={3}>\n        {products ? (\n          products.map(product => {\n            return (\n              <Grid item\n                key={product.id}\n\n              >\n                <ProductListCard\n                  product={product}\n                  userId={id}\n                  key={product.id}\n                />\n              </Grid>\n            )\n          })\n        ) : (\n          <h4>\n            {/* eslint-disable-next-line react/no-unescaped-entities */}\n            No products found, you may need to add the \"website\" tag to your\n            products\n          </h4>\n        )}\n      </Grid>\n    </>\n  )\n}\n","/* eslint-disable no-unreachable */\n/* eslint-disable react/prop-types */\n/* eslint-disable default-case */\nimport React, { useState, useEffect } from 'react'\nimport NestedForm from './NestedForm'\nimport \"./style.css\"\n// UI Elements\nimport { makeStyles } from '@material-ui/core/styles'\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\nimport Typography from '@material-ui/core/Typography'\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack'\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward'\nimport Button from '@material-ui/core/Button'\nimport ButtonGroup from '@material-ui/core/ButtonGroup'\nimport InputLabel from '@material-ui/core/InputLabel'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport TuneIcon from '@material-ui/icons/Tune'\n\n// import FormHelperText from '@material-ui/core/FormHelperText'\nimport FormControl from '@material-ui/core/FormControl'\nimport Select from '@material-ui/core/NativeSelect'\n\n// Type = Number for numerical input\nimport TextField from '@material-ui/core/TextField'\nimport Slider from '@material-ui/core/Slider'\nimport { ColorPicker } from 'material-ui-color'\nimport { DropzoneArea } from 'material-ui-dropzone'\n\nconst useStyles = makeStyles(theme => ({\n    formControl: {\n        margin: theme.spacing(1),\n        minWidth: 120\n    },\n    selectEmpty: {\n        marginTop: theme.spacing(2)\n    },\n    root: {\n        width: 300\n    },\n    formBtn: {\n        margin: 5\n    }\n}))\n\nexport default function Landing(props) {\n    // Style\n    const classes = useStyles()\n    const matches = useMediaQuery('(min-width:600px)')\n\n    // Gets the current step\n    const [current, setCurrent] = useState(1)\n    const [currentAttr] = useState()\n    const [currentAttrIndex, setCurrentAttrIndex] = useState(0)\n\n    // Saving the length of the array in state, probably not needed.\n    const [attributes] = useState(window.configurator.getDisplayAttributes())\n    const [length, setLength] = useState(props.data.length.length)\n\n\n    // Configs\n    const [selectSelect, setSelectSelect] = useState('')\n    const [color, setColor] = useState('#000')\n    const [num, setNum] = useState(0)\n    const [text, setText] = useState('')\n    const [isNested] = useState(false)\n    const [nestedAttr] = useState([])\n\n    function checkNested(attr) {\n        window.pl = window.player.enableApi('player')\n        window.config = window.pl.configurator\n        // console.log(\"########\", attr)\n        if (!window.config) {\n            return\n        }\n\n        if (window.config.getNestedConfigurator(attr)) {\n            // console.log('nested getDisplayAttributes')\n            // console.log(\n            //   window.config.getNestedConfigurator(attr).getDisplayAttributes()\n            // )\n            return window.config.getNestedConfigurator(attr).getDisplayAttributes()\n        } else {\n            return false\n        }\n        // console.log(window.config.getNestedConfigurator(attr))\n    }\n\n    useEffect(() => {\n        // setCurrentAttr(attributes[currentAttrIndex].name)\n\n        // enable private API for nested config\n        // attributes.forEach((element, index) => {\n        //   console.log()\n        //   if (checkNested(element)) {\n        //     setNestedAttr(nestedAttr => [...nestedAttr, index])\n        //   }\n        //   console.log(nestedAttr)\n        // })\n    }, [attributes, current, currentAttr, currentAttrIndex, isNested, nestedAttr])\n\n    // Check to make sure we can't go too far in the steps\n    function setStep(dir) {\n        setSelectSelect()\n        setNum()\n\n        if (dir === 'forward') {\n            if (current === length) {\n                return\n            } else {\n                setCurrent(current => current + 1)\n                setCurrentAttrIndex(currentAttrIndex => currentAttrIndex + 1)\n            }\n        } else {\n            if (current === 1) {\n                return\n            } else {\n                setCurrent(current => current - 1)\n                setCurrentAttrIndex(currentAttrIndex => currentAttrIndex - 1)\n            }\n        }\n    }\n\n    function handleColor(event, e) {\n        setColor(e)\n        let color = e.rgb\n        props.configurator.setConfiguration({\n            [event]: { r: color[0] / 255, g: color[1] / 255, b: color[2] / 255 }\n        })\n\n    }\n    // function handleUpload(e) {\n    //     setFile(e)\n    //     props.configurator.setConfiguration(e)\n\n    // }\n    function handleString(attr, val) {\n        // This will be set config obj\n        props.configurator.setConfiguration({ [attr]: val })\n\n    }\n    function handlePartRef(attr, val) {\n        // This will be set config obj\n        props.configurator.setConfiguration({ [attr]: { assetId: val } }).then(() => {\n            setLength(window.configurator.getDisplayAttributes().length)\n        })\n    }\n    function handleSlide(attr, e, newValue) {\n        // This will be set config obj\n        props.configurator.setConfiguration({ [attr]: newValue })\n        setNum(newValue)\n    }\n\n    function handleTextInput(attr, value) {\n        setText(value)\n        props.configurator.setConfiguration({ [attr]: value })\n    }\n    return (\n        <div>\n            {props.data.length === 1 ? (\n                <h4>{props.data[currentAttrIndex].name}</h4>\n            ) : (\n                <div style={{ margin: '10px' }}>\n                    <center>\n                        <ArrowBackIcon\n                            onClick={() => setStep('back')}\n                            style={{ display: 'inline' }}\n                        />\n                        <h3 style={{ display: 'inline' }}>\n                            {props.data[currentAttrIndex].name}\n                        </h3>\n\n                        <ArrowForwardIcon\n                            onClick={() => setStep('forward')}\n                            style={{ display: 'inline' }}\n                        />\n                    </center>\n                    {/* <ArrowBackIcon onClick={() => setStep('back')} style={{float: 'left'}} />\n          <h4 style={{float: 'left'}}>{attributes[currentAttrIndex].name}</h4>\n\n          <ArrowForwardIcon onClick={() => setStep('forward')} style={{float: 'left'}} /> */}\n                </div>\n            )}\n\n            <div\n                className='form-container'\n                style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', margin: 'auto' }}\n            >\n                <p>{props.data.map((e) => {\n                    return e.name\n                })}</p>\n                {[props.data[current - 1]].map((event) => {\n                    // console.log('attr index ' + currentAttrIndex)\n                    switch (event.type) {\n                        case 'String':\n                            if (event.values.length > 10) {\n                                return (\n                                    <div>\n                                        <FormControl className={classes.formControl}>\n                                            <InputLabel id={event.id}>{event.name}</InputLabel>\n                                            <Select id={event.id} value={selectSelect}>\n                                                {event.values.map(f => {\n                                                    return (\n                                                        <MenuItem\n                                                            value={f.value}\n                                                            key={f.value}\n                                                            onClick={() => handleString(event.name, f.value)}\n                                                        >\n                                                            {f.label}\n                                                        </MenuItem>\n                                                    )\n                                                })}\n                                            </Select>\n                                        </FormControl>\n                                    </div>\n                                )\n                            } else if (event.values.length === 0) {\n                                return (\n                                    <TextField\n                                        value={text}\n                                        onChange={e => handleTextInput(event.name, e.target.value)}\n                                        placeholder={'Personalize your item'}\n                                    />\n                                )\n                            } else {\n                                return (\n                                    <div>\n                                        <ButtonGroup\n                                            color='primary'\n                                            orientation={`${matches ? `horizontal` : `vertical`}`}\n                                        >\n                                            {event.values.map(f => {\n                                                return (\n                                                    <Button\n                                                        onClick={() =>\n                                                            handleString(event.name, f.value, event)\n                                                        }\n                                                        className={classes.formBtn}\n                                                        key={f.value}\n                                                    >\n                                                        {f.label}\n                                                    </Button>\n                                                )\n                                            })}\n                                        </ButtonGroup>\n                                    </div>\n                                )\n                            }\n                            // eslint-disable-next-line no-unreachable\n                            break\n                        case 'Number':\n                            return (\n                                <div className={classes.root}>\n                                    <Typography id={event.id} gutterBottom>\n                                        {event.name}\n                                    </Typography>\n                                    <Slider\n                                        defaultValue={event.defaultValue}\n                                        value={num}\n                                        // getAriaValueText={valuetext}\n                                        aria-labelledby={event.id}\n                                        valueLabelDisplay='auto'\n                                        step={event.step}\n                                        marks\n                                        onChange={(e, newValue) =>\n                                            handleSlide(event.name, e, newValue)\n                                        }\n                                        min={event.min}\n                                        max={event.max}\n                                    />\n                                </div>\n\n                                // <li>\n                                //   Number {e.name} - min: {e.min} max: {e.max}\n                                // </li>\n                            )\n                            break\n                        case 'Color':\n                            return (\n                                <div>\n                                    <ColorPicker\n                                        defaultValue={color}\n                                        value={color}\n                                        data-name={'hello'}\n                                        onChange={e => handleColor(event.name, e)}\n                                    />\n                                </div>\n                            )\n                            break\n                        case 'Asset':\n                            if (event.assetType === 'upload') {\n                                return <DropzoneArea\n                                    filesLimit={1}\n                                //   onChange={handleUpload}\n                                />\n                            } else if (event.values.length > 10) {\n                                return (\n                                    <div>\n                                        {/* <p>Part-Ref Long {event.name}</p> */}\n                                        <FormControl className={classes.formControl}>\n                                            <InputLabel id={event.id}>{event.name}</InputLabel>\n                                            <Select id={event.id} value={selectSelect}>\n                                                {event.values.map(f => {\n                                                    return (\n                                                        <div\n                                                            key={f.assetId}\n                                                        >\n                                                            {checkNested(props.data[currentAttrIndex]) ? (\n                                                                <NestedForm data={checkNested(props.data[currentAttrIndex])} />\n                                                            ) : (\n                                                                <p>no nest</p>\n                                                            )}\n\n                                                            <MenuItem\n                                                                value={f.assetId}\n                                                                onClick={() =>\n                                                                    handlePartRef(event.name, f.assetId, event)\n                                                                }\n                                                            >\n                                                                {f.label}\n                                                            </MenuItem>\n                                                        </div>\n                                                    )\n                                                })}\n                                            </Select>\n                                        </FormControl>\n                                    </div>\n                                )\n                            } else if (event.values.length < 10) {\n                                return (\n                                    <div>\n                                        <ButtonGroup\n                                            color='primary'\n                                            orientation={`${matches ? `horizontal` : `vertical`}`}\n                                            className={classes.formBtn}\n\n                                        >\n                                            {event.values.map((f) => {\n                                                return (\n                                                    <div\n                                                        key={f.assetId}\n                                                    >\n                                                        {checkNested(props.data[currentAttrIndex]) ? (\n                                                            <NestedForm data={checkNested(props.data[currentAttrIndex])} />\n                                                        ) : null}\n                                                        <Button\n                                                            variant='contained'\n                                                            startIcon={checkNested(props.data[currentAttrIndex]) ? <TuneIcon /> : null}\n                                                            onClick={() =>\n                                                                handlePartRef(event.name, f.assetId, event)\n                                                            }\n                                                            className={classes.formBtn}\n                                                        >\n                                                            {f.label}\n                                                        </Button>\n                                                    </div>\n                                                )\n                                            })}\n                                        </ButtonGroup>\n                                    </div>\n                                )\n                            }\n                            break\n                    }\n                })}\n            </div>\n        </div>\n    )\n}\n","/* eslint-disable react/prop-types */\nimport React, { useEffect } from 'react'\nimport clsx from 'clsx'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Drawer from '@material-ui/core/Drawer'\nimport NestedConfig from './NestedConfig'\nimport TuneIcon from '@material-ui/icons/Tune'\n\nconst useStyles = makeStyles({\n  list: {\n    width: 250\n  },\n  fullList: {\n    width: 'auto'\n  }\n})\n\nexport default function TemporaryDrawer(props) {\n  useEffect(() => {\n    // console.log(props)\n  }, [])\n  const classes = useStyles()\n  const [state, setState] = React.useState({\n    left: false\n  })\n\n  const toggleDrawer = (anchor, open) => event => {\n    if (\n      event.type === 'keydown' &&\n      (event.key === 'Tab' || event.key === 'Shift')\n    ) {\n      return\n    }\n\n    setState({ ...state, [anchor]: open })\n  }\n\n  const list = anchor => (\n    <div\n      className={clsx(classes.list, {\n        [classes.fullList]: anchor === 'top' || anchor === 'bottom'\n      })}\n      role='presentation'\n      // onClick={toggleDrawer(anchor, false)}\n      onKeyDown={toggleDrawer(anchor, false)}\n    >\n      <NestedConfig data={props.data} configurator={props.configurator} />\n    </div>\n  )\n\n  return (\n    <div>\n      <React.Fragment key={'bottom'}>\n        <TuneIcon variant=\"contained\" onClick={toggleDrawer('bottom', true)} color=\"primary\">Configure</TuneIcon>\n        <Drawer\n          anchor={'bottom'}\n          open={state['bottom']}\n          onClose={toggleDrawer('bottom', false)}\n        >\n          {list('bottom')}\n        </Drawer>\n      </React.Fragment>\n    </div>\n  )\n}\n","import React from 'react';\nimport FormControl from '@material-ui/core/FormControl'\nimport InputLabel from '@material-ui/core/InputLabel'\nimport Select from '@material-ui/core/Select'\nimport TextField from '@material-ui/core/TextField'\nimport Button from '@material-ui/core/Button'\nimport Grid from '@material-ui/core/Grid'\nimport Paper from '@material-ui/core/Paper'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport { makeStyles } from '@material-ui/core/styles'\n\n\nconst useStyles = makeStyles(theme => ({\n    formControl: {\n        margin: theme.spacing(1),\n        minWidth: 250\n    },\n    selectEmpty: {\n        marginTop: theme.spacing(2)\n    },\n    root: {\n        width: 300\n    },\n    formBtn: {\n        // margin: 5\n    }\n}))\n\nexport default function StringComponent(props) {\n    const classes = useStyles()\n\n    if (props.e.values.length > 0) {\n        return (\n            <div>\n                <FormControl className={classes.formControl}>\n                    <InputLabel id={props.e.id}>{props.e.name}</InputLabel>\n                    <Select id={props.e.id} value={props.selectSelect}\n\n                    >\n                        {props.e.values.map(f => {\n                            return (\n                                <MenuItem\n                                    key={f.value}\n                                    value={f.value}\n                                    onClick={() => props.handleString(props.e.name, f.value)}\n                                >\n                                    {f.label}\n                                </MenuItem>\n                            )\n                        })}\n                    </Select>\n                </FormControl>\n            </div>\n        )\n    } else if (props.e.values.length === 0) {\n        return (\n            <TextField\n                value={props.text}\n                onChange={e => props.handleTextInput(props.e.name, e.target.value)}\n                placeholder={'Personalize your item'}\n            />\n        )\n    } else {\n        return (\n            props.e.values.map(f => {\n                return (\n                    <Grid item xs={12} sm={6} md={4} align=\"center\"\n                        key={f.value}\n                    >\n                        <Button\n                            onClick={() =>\n                                props.handleString(props.e.name, f.value, props.e)\n                            }\n                            style={{\n                                width: \"70%\",\n                                minHeight: \"100%\",\n                            }}\n                        >\n                            <Paper\n                                elevation={1}\n                                style={{\n                                    textAlign: 'center',\n                                    width: \"100%\",\n                                    minHeight: \"100%\",\n                                    color: '#044849',\n\n                                }}>{f.label}</Paper>\n                        </Button>\n                    </Grid>\n                )\n            })\n\n        )\n    }\n}","/* eslint-disable react/prop-types */\nimport React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Slider from '@material-ui/core/Slider'\nimport Typography from '@material-ui/core/Typography'\n\nconst useStyles = makeStyles(theme => ({\n  formControl: {\n    margin: theme.spacing(1),\n    minWidth: 120\n  },\n  selectEmpty: {\n    marginTop: theme.spacing(2)\n  },\n  root: {\n    width: 300\n  },\n  formBtn: {\n    // margin: 5\n  }\n}))\n\nexport default function NumberInput(props) {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <Typography id={props.event.id} gutterBottom>\n        {props.event.name}\n      </Typography>\n      <Slider\n        defaultValue={props.event.defaultValue}\n        value={props.num}\n        // getAriaValueText={valuetext}\n        aria-labelledby={props.event.id}\n        valueLabelDisplay='auto'\n        step={props.event.step}\n        marks={[{ value: props.event.min, label: props.event.min }, { value: props.event.max, label: props.event.max }]}\n        onChange={(e, newValue) =>\n          props.handleSlide(props.event.name, e, newValue)\n        }\n        min={props.event.min}\n        max={props.event.max}\n      />\n    </div>\n\n    // <li>\n    //   Number {e.name} - min: {e.min} max: {e.max}\n    // </li>\n  )\n}\n","/* eslint-disable react/prop-types */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport default class Portal extends React.Component {\n    render() {\n        return ReactDOM.createPortal(this.props.children, document.getElementById('portal'));\n    }\n}","/* eslint-disable react/prop-types */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport default class CurrencyPortal extends React.Component {\n    render() {\n        return ReactDOM.createPortal(this.props.children, document.getElementById('currencyPortal'));\n    }\n}","/* eslint-disable react/prop-types */\nimport React, { useState, useEffect } from 'react'\nimport Box from '@material-ui/core/Box'\nimport { MenuItem, Select, Typography } from '@material-ui/core'\nimport getSymbolFromCurrency from 'currency-symbol-map'\nimport Portal from './Portal'\nimport CurrencyPortal from './CurrencyPortal'\n\nexport default function Price(props) {\n  const [price, setPrice] = useState(0)\n  const [currencies, setCurrencies] = useState(0)\n  const [activeCurrency, setCurrency] = useState(0)\n  const [pricebook, setPricebook] = useState(null)\n\n\n  useEffect(() => {\n    getPrice()\n  }, [price, props])\n\n  function renderValue() {\n    return activeCurrency\n  }\n\n  function getPrice() {\n\n    // setAttributes(props.attributes)\n    let userId = props.userId\n\n    var myHeaders = new Headers()\n    myHeaders.append(\n      'Authorization',\n      'Bearer 34613bc7-dd6d-41f3-b1e0-6098b29b5d1a'\n    )\n\n    var requestOptions = {\n      method: 'GET',\n      headers: myHeaders,\n      redirect: 'follow'\n    }\n\n    if (!pricebook) {\n      fetch(\n        'https://admin.demo.threekit.com/pricebook/' + userId,\n        requestOptions\n      )\n        .then(response => response.json())\n        .then(result => {\n          let ApiPricebook = result.pricebooks.filter(book => {\n            return book.name.toLowerCase() === 'website'\n          })\n          if (window.configurator) {\n            if (ApiPricebook) {\n              setPricebook(ApiPricebook)\n              ApiPricebook = ApiPricebook[0]\n              setCurrencies(ApiPricebook.currencies)\n              console.log('api')\n              if (!activeCurrency) {\n                setCurrency(ApiPricebook.currencies[0])\n                props.setPriceLoaded(true)\n              }\n              let currentPrice = window.configurator.getPrice(\n                ApiPricebook.id,\n                activeCurrency\n              )\n              if (currentPrice !== price) {\n                setPrice(currentPrice)\n                props.setPriceLoaded(true)\n              } else {\n                props.setPriceLoaded(true)\n              }\n            } else {\n              console.log('origional')\n              props.setPriceLoaded(true)\n            }\n          } props.setPriceLoaded(true)\n        })\n        .catch(error => console.log('error', error))\n    } else {\n      if (window.configurator && pricebook.length > 0) {\n        let currentPrice = window.configurator.getPrice(\n          pricebook[0].id,\n          activeCurrency\n        )\n        if (currentPrice !== price) {\n          setPrice(currentPrice)\n          props.setPriceLoaded(true)\n        }\n      } else {\n        props.setPriceLoaded(true)\n      }\n    }\n    props.setPriceLoaded(true)\n  }\n  useEffect(() => {\n    getPrice()\n  }, [activeCurrency]);\n\n  return (\n    <div key={props.key}>\n      <Portal>\n        {price > 0 ? (\n          <Box>\n            <Typography\n              variant={'h5'}\n              style={{\n                textAlign: 'center',\n                fontWeight: 600\n\n              }}\n\n            >\n              {getSymbolFromCurrency(activeCurrency) ? getSymbolFromCurrency(activeCurrency) : 'errorororor'}{price}\n            </Typography>\n          </Box>\n        ) : null}\n      </Portal>\n      {currencies ?\n        <CurrencyPortal>\n          <div style={{\n            position: 'absolute',\n            bottom: '3px',\n            right: \"3px\"\n          }}>\n            <Typography variant=\"caption\">currency</Typography>\n\n            <Select\n              labelId=\"demo-simple-select-label\"\n              id=\"currency-select\"\n              value={activeCurrency}\n              key={currencies}\n              renderValue={renderValue}\n              onChange={(e) => {\n                setCurrency(e.target.value)\n              }}\n            >{currencies.map(currency => {\n              return (\n                <MenuItem\n                  key={currency}\n                  value={currency}\n                  className='currency'\n                >{currency}</MenuItem>\n              )\n            })}\n            </Select>\n          </div>\n        </CurrencyPortal>\n        : null}\n    </div>\n  )\n}\n","/* eslint-disable react/prop-types */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport default class LocalePortal extends React.Component {\n    render() {\n        return ReactDOM.createPortal(this.props.children, document.getElementById('localePortal'));\n    }\n}","/* eslint-disable react/prop-types */\nimport Select from '@material-ui/core/Select'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport React, { useState, useEffect } from 'react';\nimport LocalePortal from './localePortal';\nimport { Typography } from '@material-ui/core';\n\nexport default function Locale(props) {\n    const [languages, setLanguages] = useState([]);\n    const [key, setKey] = useState(0)\n    const [activeLanguage, setactiveLanguage] = useState();\n\n    useEffect(async () => {\n        if (key >= 0) {\n            let languages = await getLanguages()\n            setLanguages(languages)\n            props.translate(window.player.getTranslations())\n            setKey(key - 1)\n        }\n    }, [props, key]);\n\n    useEffect(() => {\n        setactiveLanguage(languages[0])\n    }, [languages]);\n\n    async function getLanguages() {\n        var myHeaders = new Headers();\n        myHeaders.append(\"authorization\", \"Bearer {access-token}\");\n\n        var requestOptions = {\n            method: 'GET',\n            headers: myHeaders,\n            redirect: 'follow'\n        };\n\n        let translations = await fetch(\"https://admin.demo.threekit.com/translations/\" + props.userId, requestOptions)\n            .then(response => response.json())\n            .catch(error => console.log('error', error));\n\n        return translations.values\n    }\n    let handleChange = async (e) => {\n        await window.player.setLocale(e.target.value)\n        props.translate(window.player.getTranslations(e))\n        setKey(key + 1)\n    }\n\n\n\n\n    return (props.playerLoaded && languages.length > 0 ? (\n        <LocalePortal>\n            <div\n                style={{\n                    position: 'absolute',\n                    bottom: '3px',\n                    left: \"3px\"\n                }}\n                value={languages[0]}\n            >\n                <Typography variant=\"caption\">language</Typography>\n                <Select\n                    placeholder=\"language\"\n                    onChange={(e) => {\n                        handleChange(e)\n                    }\n                    }\n                >\n                    {\n                        languages.length > 1 ? languages.map((language) => {\n                            return (\n                                <MenuItem\n                                    key={language.value}\n                                    value={language.value}\n                                >{language.label}</MenuItem>\n                            )\n                        }) : null\n                    }\n                </Select >\n            </div>\n        </LocalePortal>\n    ) : null\n    )\n}","/* eslint-disable react/prop-types */\n/* eslint-disable default-case */\nimport React, { useState, useEffect } from 'react'\nimport NestedForm from './NestedForm'\nimport './style.css'\n// UI Elements\nimport { makeStyles } from '@material-ui/core/styles'\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack'\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward'\nimport Button from '@material-ui/core/Button'\nimport Grid from '@material-ui/core/Grid'\nimport InputLabel from '@material-ui/core/InputLabel'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport { FormControlLabel, Switch } from '@material-ui/core'\n\nimport StringComponent from './String'\nimport NumberInput from './NumberInput'\nimport Price from '../../Price'\nimport Locale from '../../Locale'\n\n// import FormHelperText from '@material-ui/core/FormHelperText'\nimport FormControl from '@material-ui/core/FormControl'\nimport Select from '@material-ui/core/Select'\n\n// Type = Number for numerical input\nimport { ColorPicker } from 'material-ui-color'\nimport Skeleton from '@material-ui/lab/Skeleton'\n\nconst useStyles = makeStyles(theme => ({\n  formControl: {\n    margin: theme.spacing(1),\n    minWidth: 120\n  },\n  selectEmpty: {\n    marginTop: theme.spacing(2)\n  },\n  root: {\n    width: 300\n  },\n  formBtn: {\n    // margin: 5\n  }\n}))\n\nexport default function Landing(props) {\n  // Style\n  const classes = useStyles()\n\n  // Gets the current step\n  const [current, setCurrent] = useState(1)\n  const [currentAttr] = useState()\n  const [currentAttrIndex, setCurrentAttrIndex] = useState(0)\n  const [translatedAttributes, setTranslatedAttributes] = useState();\n\n  // Saving the length of the array in state, probably not needed.\n  const [attributes, setAttributes] = useState(\n    window.configurator.getDisplayAttributes()\n  )\n  const [length, setLength] = useState(attributes.length)\n  const [key] = useState()\n\n  // Configs\n  const [selectSelect, setSelectSelect] = useState('')\n  const [partRefSelect, setPartRefSelect] = useState('')\n  const [color, setColor] = useState('#000')\n  const [num, setNum] = useState(0)\n  const [text, setText] = useState('')\n  const [isNested] = useState(false)\n  const [nestedAttr] = useState([])\n  const [showForm, setShowForm] = useState(true)\n  const [checked, setChecked] = useState(false);\n  // const [playerHeight, setPlayerHeight] =useState()\n\n  function checkNested(attr, active) {\n    window.pl = window.player.enableApi('player')\n    window.config = window.pl.configurator\n    if (!window.config) {\n      return\n    }\n\n    if (\n      window.config.getNestedConfigurator(attr) &&\n      active === attr.value.assetId\n    ) {\n      // console.log('nested getDisplayAttributes')\n      // console.log(\n      //   window.config.getNestedConfigurator(attr).getDisplayAttributes()\n      // )\n      return window.config.getNestedConfigurator(attr).getDisplayAttributes()\n    } else {\n      return false\n    }\n    // console.log(window.config.getNestedConfigurator(attr))\n  }\n\n  useEffect(() => {\n    translate()\n\n    // setCurrentAttr(attributes[currentAttrIndex].name)\n    // enable private API for nested config\n    // attributes.forEach((element, index) => {\n    //   console.log()\n    //   if (checkNested(element)) {\n    //     setNestedAttr(nestedAttr => [...nestedAttr, index])\n    //   }\n    //   console.log(nestedAttr)\n    // })\n  }, [\n    attributes,\n    current,\n    currentAttr,\n    currentAttrIndex,\n    isNested,\n    nestedAttr,\n    props,\n    key\n  ])\n\n  // Check to make sure we can't go too far in the steps\n  function setStep(dir) {\n    setPartRefSelect(null)\n    setSelectSelect()\n    setNum()\n\n    if (dir == 'forward') {\n      if (current == length) {\n        setCurrent(() => 1)\n        setCurrentAttrIndex(0)\n\n      } else {\n        setCurrent(current => current + 1)\n        setCurrentAttrIndex(currentAttrIndex => currentAttrIndex + 1)\n      }\n    } else {\n      if (current == 1) {\n        setCurrent(length)\n        setCurrentAttrIndex(length - 1)\n      } else {\n        setCurrent(current => current - 1)\n        setCurrentAttrIndex(currentAttrIndex => currentAttrIndex - 1)\n      }\n    }\n  }\n\n  // function handleSelect(attr, e) {\n  //   // setSelectSelect(e.target.value)\n  //   window.configurator.setConfiguration({ [attr]: e.target.value })\n  //   setAttributes(window.configurator.getDisplayAttributes())\n  // }\n  function handleColor(event, e) {\n    setColor(e)\n    let color = e.rgb\n    window.configurator.setConfiguration({\n      [event]: { r: color[0] / 255, g: color[1] / 255, b: color[2] / 255 }\n    }).then(() => {\n      setAttributes(window.configurator.getDisplayAttributes())\n      translate()\n      setLength(window.configurator.getDisplayAttributes().length)\n\n    })\n  }\n  // function handleUpload(e) {\n  //   setFile(e)\n  //   window.configurator.setConfiguration(e)\n  //   setAttributes(window.configurator.getDisplayAttributes())\n  translate()\n  // }\n  function handleString(attr, val) {\n    // This will be set config obj\n    window.configurator.setConfiguration({ [attr]: val }).then(() => {\n      setAttributes(window.configurator.getDisplayAttributes())\n      translate()\n      setLength(window.configurator.getDisplayAttributes().length)\n    })\n  }\n  function handlePartRef(attr, val) {\n    // This will be set config obj\n\n    window.configurator\n      .setConfiguration({ [attr]: { assetId: val } })\n      .then(() => {\n        setAttributes(window.configurator.getDisplayAttributes())\n        translate()\n        setLength(window.configurator.getDisplayAttributes().length)\n        // console.log(val)\n      })\n  }\n  function handleSlide(attr, e, newValue) {\n    // This will be set config obj\n    window.configurator.setConfiguration({ [attr]: newValue }).then(() => {\n      setAttributes(window.configurator.getDisplayAttributes())\n      translate()\n      setLength(window.configurator.getDisplayAttributes().length)\n    })\n    setNum(newValue)\n\n  }\n\n  function handleTextInput(attr, value) {\n    setText(value)\n    window.configurator.setConfiguration({ [attr]: value }).then(() => {\n      setAttributes(window.configurator.getDisplayAttributes())\n      translate()\n      setLength(window.configurator.getDisplayAttributes().length)\n    })\n\n  }\n\n  function handleToggle(event, e) {\n    setChecked(!checked)\n    console.log(e.target.value)\n    window.configurator.setConfiguration({ [event.name]: !checked }).then(() => {\n      setAttributes(window.configurator.getDisplayAttributes())\n      translate()\n      setLength(window.configurator.getDisplayAttributes().length)\n    })\n\n  }\n\n  function toggleShowForm() {\n    setShowForm(!showForm)\n  }\n\n  function translate() {\n    if (window.player.getTranslations() && Object.keys(window.player.getTranslations()).length > 0 && window.configurator.getDisplayAttributes()) {\n      let newAttributes = window.configurator\n        .getDisplayAttributes()\n        .map(attribute => {\n          Object.keys(window.player.getTranslations()).forEach(translationKey => {\n            if (attribute.name === translationKey) {\n              attribute.label = window.player.getTranslations()[translationKey]\n            }\n            attribute.values.forEach((value) => {\n              if (value.label === translationKey) {\n                value.label = window.player.getTranslations()[translationKey]\n              }\n            })\n          })\n          return attribute\n        })\n\n      if (attributes[0].label !== newAttributes[0].label) {\n        console.log(newAttributes, attributes)\n        setAttributes(newAttributes)\n        //this is dirty. the purpose of value attribtues is to change the name of the values without changing the name of the attribtue itself. \n        //the purpose of the translated attributes is to change the name of the attribtues and use that as the display name for the attribute\n        // this is necessary because the name of the attribute is also what setDisplayAttributes() uses to set. \n        //We should make another key on attributes in the future and use that for the display to fix this problem\n      }\n    }\n  }\n\n  function generatePartRefOptions(event) {\n    event.values.sort((a, b) => {\n      if (a.label < b.label) { return -1 }\n      if (a.label > b.label) { return 1 }\n      return 0\n    })\n    return event.values.map(f => {\n      return (\n\n        <MenuItem\n          value={{ id: f.assetId, label: f.label }}\n          // primaryText={f.label}\n          key={f.id}\n        >\n          {f.label}\n        </MenuItem>\n\n      )\n    })\n  }\n\n  function renderValue(value) {\n    console.log(value)\n    return value;\n  }\n\n  return (\n    <div>\n      {attributes.length === 1 ? (\n        <center>\n          <h4>{attributes[currentAttrIndex].name}</h4>\n        </center>\n      ) : (\n        <div style={{ margin: '10px' }}>\n          <Grid\n            container\n            justifyItems=\"center\"\n            alignItems=\"center\"\n            justify=\"center\"\n            align=\"center\"\n          >\n            <Button>\n              <ArrowBackIcon\n                onClick={() => setStep('back')}\n                style={{ display: 'inline' }}\n              />\n            </Button>\n            <Button style={{\n              width: \"220px\"\n            }}\n              id=\"no-hover\"\n            >\n              <h3 style={{ display: 'inline' }}>\n                {attributes[currentAttrIndex].label}\n              </h3>\n            </Button>\n            < Button>\n              <ArrowForwardIcon\n                onClick={() => setStep('forward')}\n                style={{ display: 'inline' }}\n              />\n            </Button>\n          </Grid>\n          {/* <ArrowBackIcon onClick={() => setStep('back')} style={{float: 'left'}} />\n          <h4 style={{float: 'left'}}>{attributes[currentAttrIndex].name}</h4>\n          <ArrowForwardIcon onClick={() => setStep('forward')} style={{float: 'left'}} /> */}\n        </div>\n      )}\n\n      {showForm ? (\n        <Grid\n          container\n          spacing={0}\n          justify='space-around'\n          justifyContent='center'\n          justifyItems='center'\n          style={{\n            flexGrow: '1',\n            margin: '0 auto 0',\n            alignItems: 'stretch',\n            maxWidth: '1000px'\n          }}\n        >\n          {[attributes[currentAttrIndex]].map((event) => {\n            // console.log('attr index ' + currentAttrIndex)\n            switch (event.type) {\n              case 'String':\n                return (\n                  <StringComponent\n                    e={event}\n                    handleString={handleString}\n                    handleTextInput={handleTextInput}\n                    selectSelect={selectSelect}\n                    text={text}\n                  />\n                )\n\n                // eslint-disable-next-line no-unreachable\n                break\n              case 'Boolean':\n                return (\n                  <Switch\n                    checked={checked}\n                    value={checked}\n                    onChange={(e) => handleToggle(event, e)}\n                    color=\"#E48B6E\"\n                    name=\"checkedB\"\n                  />\n                )\n\n                // eslint-disable-next-line no-unreachable\n                break\n              case 'Number':\n                return (\n                  <NumberInput\n                    event={event}\n                    handleSlide={handleSlide}\n                    num={num}\n                  />\n                )\n\n                // eslint-disable-next-line no-unreachable\n                break\n              case 'Color':\n                return (\n                  <div>\n                    <ColorPicker\n                      defaultValue={color}\n                      value={color}\n                      data-name={'hello'}\n                      onChange={e => handleColor(event.name, e)}\n                    />\n                  </div>\n                )\n                // eslint-disable-next-line no-unreachable\n                break\n              case 'Asset':\n                if (event.assetType == 'upload') {\n                  return (\n                    // need to build this\n                    <p>Image upload is not yet supported on this app. </p>\n                  )\n                } else if (event.values.length > 0) {\n                  return (\n                    <div>\n                      {/* <p>Part-Ref Long {event.name}</p> */}\n                      <FormControl className={classes.formControl}>\n                        <InputLabel id={event.id}>{attributes[currentAttrIndex].label}</InputLabel>\n                        <br />\n                        <div>\n                          {event.values.map(g => {\n                            return checkNested(\n                              attributes[currentAttrIndex],\n                              g.assetId\n                            ) ? (\n                              <NestedForm\n                                style={{ display: 'inline' }}\n                                data={checkNested(\n                                  attributes[currentAttrIndex],\n                                  g.assetId\n                                )}\n                                configurator={window.config.getNestedConfigurator(\n                                  attributes[currentAttrIndex]\n                                )}\n                              />\n                            ) : null\n                          })}\n                        </div>\n\n                        <Select\n                          id={event.id}\n                          value={partRefSelect}\n                          style={{ minWidth: 250 }}\n                          renderValue={() => renderValue(partRefSelect)}\n                          onChange={(e) => {\n                            console.log(e.target.value)\n                            handlePartRef(event.name, e.target.value.id)\n                            setPartRefSelect(e.target.value.label)\n                          }}\n                        >\n                          {generatePartRefOptions(event)}\n                        </Select>\n                      </FormControl>\n                    </div>\n                  )\n                } else if (event.values.length < 10) {\n                  return event.values.map((f) => {\n                    return (\n                      <Grid\n                        item\n                        xs={12}\n                        sm={6}\n                        md={4}\n                        key={f.assetId}\n                        align='center'\n                        style={\n                          {\n                            // height: \"100%\"\n                          }\n                        }\n                      >\n                        {' '}\n                        {/* {checkNested(\n                          attributes[currentAttrIndex],\n                          f.assetId\n                        ) ? (\n                          <NestedForm\n                            data={checkNested(\n                              attributes[currentAttrIndex],\n                              f.assetId\n                            )}\n                            configurator={window.config.getNestedConfigurator(\n                              attributes[currentAttrIndex]\n                            )}\n                          />\n                        ) : null} */}\n                        <Button\n                          startIcon={\n                            checkNested(\n                              attributes[currentAttrIndex],\n                              f.assetId\n                            ) ? (\n                              <NestedForm\n                                data={checkNested(\n                                  attributes[currentAttrIndex],\n                                  f.assetId\n                                )}\n                                configurator={window.config.getNestedConfigurator(\n                                  attributes[currentAttrIndex]\n                                )}\n                              />\n                            ) : null\n                          }\n                          onClick={() =>\n                            handlePartRef(event.name, f.assetId, event)\n                          }\n                          className={classes.formBtn}\n                          style={{\n                            width: '70%',\n                            minHeight: '100%',\n                            color: '#044849'\n                          }}\n                        >{f.label}\n                        </Button>\n                      </Grid>\n                    )\n                  })\n                }\n                break\n            }\n          })}\n        </Grid>\n      ) : null}\n      {props.playerLoaded ? (\n        <Price\n          setPriceLoaded={props.setPriceLoaded}\n          userId={props.userId}\n          key={attributes}\n          loaded={props.playerLoaded}\n          styles={{\n            margin: 'auto',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            position: 'sticky',\n            bottom: '0px',\n            padding: '10px'\n          }}\n        />\n      ) : null}\n      <Locale\n        attributes={attributes}\n        setAttributes={setAttributes}\n        userId={props.userId}\n        translate={translate}\n        playerLoaded={props.playerLoaded}\n      />\n    </div>\n  )\n}","/* eslint-disable react/prop-types */\nimport React, { useState, useEffect } from 'react'\nimport Form from './components/Form'\nimport { useParams } from 'react-router-dom'\nimport Grid from '@material-ui/core/Grid'\n\nimport Breadcrumbs from '@material-ui/core/Breadcrumbs'\nimport Link from '@material-ui/core/Link'\nimport Typography from '@material-ui/core/Typography'\nimport { useHistory } from 'react-router-dom'\nimport Skeleton from '@material-ui/lab/Skeleton'\n\n\nexport default function Landing(props) {\n  const [product, setProduct] = useState({})\n  const [attributes, setAttributes] = useState(null)\n  const [playerLoaded, setPlayerLoaded] = useState(false)\n  const [err, setErr] = useState(null)\n  const [wrap, setWrap] = useState(true)\n  const [priceLoaded, setPriceLoaded] = useState();\n\n  const [user, setUser] = useState(null)\n  let { userId, productId } = useParams()\n  let history = useHistory()\n\n\n  useEffect(() => {\n    console.log(priceLoaded)\n    // get user\n    fetch(`https://admin.demo.threekit.com/all`, requestOptions)\n      .then(response => response.json())\n      .then(result => {\n        result.forEach(e => {\n          if (e._id === window.location.pathname.split('/')[2]) {\n            setUser(e.name)\n          }\n        })\n      })\n      .catch(error => console.log('error', error))\n    // end get user\n    var requestOptions = {\n      method: 'GET',\n      redirect: 'follow'\n    }\n    if (Object.keys(product).length === 0) {\n      fetch(\n        `https://admin.demo.threekit.com/product/${userId}/${productId}`,\n        requestOptions\n      )\n        .then(response => response.json())\n        .then(result => {\n          setProduct(result)\n        })\n        .catch(error => console.log('error', error))\n    }\n    if (!product.publicToken) {\n      return\n    } else {\n      let config = {\n        authToken: product.publicToken,\n        el: document.getElementById('player'),\n        assetId: product.id,\n        showConfigurator: false,\n        showAR: true,\n        locale: 'FR'\n      }\n      // if (locale) {\n      //   config.locale = locale\n      // }\n      window\n        .threekitPlayer(config)\n        .then(async api => {\n          window.player = api\n          window.configurator = await api.getConfigurator()\n          await api.when('loaded')\n          setPlayerLoaded(true)\n          if (attributes === null) {\n            setAttributes(window.configurator.getDisplayAttributes())\n            const privateConfig = window.player\n              .enableApi('player')\n              .getConfigurator()\n            // eslint-disable-next-line no-unused-vars\n            privateConfig.on('setConfiguration', config => {\n              setAttributes(window.configurator.getDisplayAttributes())\n            })\n          }\n        })\n        .catch(err => {\n          setErr(err)\n        })\n    }\n    return () => {\n      if (window.player) {\n        window.player.unload()\n      }\n    }\n  }, [product, attributes, props.match.params.userId])\n  return (\n    <>\n      <Breadcrumbs aria-label='breadcrumb'>\n\n        <Link\n          color='inherit'\n          onClick={() => {\n            history.push(`/`)\n          }}\n        >\n          Home\n        </Link>\n        <Link\n          color='inherit'\n          onClick={() => {\n            history.goBack()\n          }}\n        >\n          {user}\n        </Link>\n        <Typography color='textPrimary'>{product.name}</Typography>\n      </Breadcrumbs>\n      {!err ? (\n        <div>\n          <Grid\n            container\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            align=\"center\"\n            spacing={2}\n            style={{ display: priceLoaded ? null : 'none' }}\n          >\n            <Grid item>\n              <Typography variant={'h4'} style={{\n                textAlign: 'center',\n                fontWeight: 300\n              }}>\n                {product.name}\n              </Typography>\n            </Grid>\n            <Grid item>\n              <div id=\"portal\"></div>\n            </Grid>\n          </Grid>\n          <Skeleton style={{\n            margin: 'auto',\n            height: '15vh',\n            width: '50vw',\n            display: priceLoaded ? 'none' : null\n          }}></Skeleton>\n\n          {playerLoaded ? (\n\n            product.description ? <div\n              style={{\n                textAlign: 'center',\n                color: '#0f2526',\n                width: '70vw',\n                margin: 'auto'\n              }}\n            >\n              {/* <Paper elevation={2} style={{ padding: '15px' }}> */}\n              <Typography\n                noWrap={wrap}\n                onClick={() => (wrap ? setWrap(false) : setWrap(true))}\n                variant=\"body1\"\n              >\n                {product.description}\n              </Typography>\n              {/* </Paper> */}\n            </div> : null\n\n\n          ) : <Skeleton style={{\n            textAlign: 'center',\n            color: '#0f2526',\n            width: '70vw',\n            margin: 'auto'\n          }}></Skeleton>}\n\n          <div\n            id='player'\n            style={{\n              height: playerLoaded ? '45vh' : '0px',\n              margin: playerLoaded ? '5px auto 5px' : '0px',\n              width: '80vw',\n              visibility: playerLoaded ? null : 'hidden',\n            }}\n          ></div>\n          <Skeleton\n            variant=\"rect\"\n            style={{\n              height: '45vh',\n              margin: '5px auto 5px',\n              width: '80vw',\n              display: playerLoaded ? 'none' : null\n\n            }}\n          ></Skeleton>\n        </div>\n      ) : (\n        <h4>\n          There was an error loading this asset. Please ensure the token,\n          assetId, and orgID are all correct.\n        </h4>\n      )}\n\n      {attributes === null || attributes.length === 0 ? <><Skeleton variant=\"rect\" width={300} height={28}\n        style={{\n          margin: '16px auto '\n        }} />\n        <Skeleton\n          variant=\"rect\"\n          width={150}\n          height={100}\n          style={{\n            margin: 'auto'\n          }}\n        ></Skeleton>\n      </> : (\n        <Form\n          data={attributes}\n          setAttributes={setAttributes}\n          screen={'parent'}\n          userId={userId}\n          key={playerLoaded}\n          playerLoaded={playerLoaded}\n          setPriceLoaded={setPriceLoaded}\n        />\n      )}\n      <div id=\"localePortal\" />\n      <div id=\"currencyPortal\" />\n    </>\n  )\n}\n","/* eslint-disable react/prop-types */\nimport React, { useState, useEffect } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport AppBar from '@material-ui/core/AppBar'\nimport Toolbar from '@material-ui/core/Toolbar'\nimport Typography from '@material-ui/core/Typography'\nimport Button from '@material-ui/core/Button'\nimport IconButton from '@material-ui/core/IconButton'\nimport MenuIcon from '@material-ui/icons/Menu'\nimport Drawer from '@material-ui/core/Drawer'\nimport ListItem from '@material-ui/core/ListItem'\nimport ListItemText from '@material-ui/core/ListItemText'\nimport Divider from '@material-ui/core/Divider'\nimport List from '@material-ui/core/List'\nimport Hidden from '@material-ui/core/Hidden'\nimport { useHistory } from 'react-router-dom'\n\n\nconst drawerWidth = '100%'\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    flexGrow: 1\n  },\n  menuButton: {\n    marginRight: theme.spacing(2)\n  },\n  title: {\n    flexGrow: 1\n  },\n  // necessary for content to be below app bar\n  toolbar: theme.mixins.toolbar,\n  drawerPaper: {\n    width: drawerWidth\n  },\n  content: {\n    flexGrow: 1,\n    padding: theme.spacing(3)\n  }\n}))\n\nexport default function Landing(props) {\n  const [drawerOpen, setDrawerOpen] = useState(false)\n  const [users, setUsers] = useState([])\n\n  const classes = useStyles()\n  const { window } = props\n  const container =\n    window !== undefined ? () => window().document.body : undefined\n  function toggleDrawer() {\n    setDrawerOpen(!drawerOpen)\n  }\n  let history = useHistory()\n\n  useEffect(() => {\n    var requestOptions = {\n      method: 'GET',\n      redirect: 'follow'\n    }\n\n    fetch('https://admin.demo.threekit.com/all', requestOptions)\n      .then(response => response.json())\n      .then(result => {\n        setUsers(result)\n      })\n      .catch(error => console.log('error', error))\n  }, [])\n\n  const drawer = (\n    <div>\n      <div className={classes.toolbar} />\n      {/* <Divider /> */}\n      <List>\n        <ListItem\n          button\n          key='home-btn'\n          onClick={() => {\n            history.push(`/`)\n            toggleDrawer()\n          }}\n        >\n          <ListItemText primary={'Home'} />\n        </ListItem>\n        <Divider />\n        {users.map((user) => (\n          <ListItem\n            button\n            key={user.name}\n            onClick={() => {\n              history.push(\n                `/listing/${user.name}/${user._id}/${user.publicToken}`\n              )\n              toggleDrawer()\n            }}\n          >\n\n            <ListItemText primary={user.name} />\n          </ListItem>\n        ))}\n      </List>\n    </div>\n  )\n\n  return (\n    <div className={classes.root}>\n      <AppBar position='static'>\n        <Toolbar>\n          <IconButton\n            edge='start'\n            className={classes.menuButton}\n            color='inherit'\n            aria-label='menu'\n            onClick={() => {\n              setDrawerOpen(!drawerOpen)\n            }}\n          >\n            <MenuIcon />\n          </IconButton>\n          <Typography variant='h6' id=\"clickable_typography\" className={classes.title} onClick={() => {\n            history.push(`/`)\n          }}>\n            Threekit\n          </Typography>\n          <Button color='inherit' onClick={() => {\n            history.push(`/`)\n          }}>\n            <img\n              src='/logo.png'\n              style={{\n                height: '50px'\n              }}\n            ></img>\n          </Button>\n        </Toolbar>\n      </AppBar>\n      <Hidden smUp implementation='css'>\n        <Drawer\n          container={container}\n          variant='temporary'\n          anchor='top'\n          open={drawerOpen}\n          onClose={toggleDrawer}\n          classes={{\n            paper: classes.drawerPaper\n          }}\n          ModalProps={{\n            keepMounted: true // Better open performance on mobile.\n          }}\n        >\n          {drawer}\n        </Drawer>\n      </Hidden>\n    </div>\n  )\n}\n","/* eslint-disable react/prop-types */\nimport React, { useState, useContext } from 'react';\n\nconst Context = React.createContext()\nconst UpdateContext = React.createContext()\n\nexport function useContextData() {\n    return useContext(Context)\n}\n\nexport function useUpdateContext() {\n    return useContext(UpdateContext)\n}\n\nexport function ContextProvider({ children }) {\n    const [context, setContext] = useState(null);\n    function setTest(string) {\n        setContext(string)\n    }\n    return (\n        <Context.Provider value={context}>\n            <UpdateContext.Provider value={setTest}>\n                {children}\n            </UpdateContext.Provider>\n        </Context.Provider>\n    )\n}","import { createTheme } from '@material-ui/core/styles';\nimport { green, grey, red } from '@material-ui/core/colors';\n\nconst rawTheme = createTheme({\n    palette: {\n        primary: {\n            light: '#69696a',\n            main: '#28282a',\n            dark: '#1e1e1f',\n        },\n        secondary: {\n            light: '#fff5f8',\n            main: '#ff3366',\n            dark: '#e62958',\n        },\n        warning: {\n            main: '#ffc071',\n            dark: '#ffb25e',\n        },\n        error: {\n            xLight: red[50],\n            main: red[500],\n            dark: red[700],\n        },\n        success: {\n            xLight: green[50],\n            main: green[500],\n            dark: green[700],\n        },\n    },\n    typography: {\n        fontFamily: \"'Work Sans', sans-serif\",\n        fontSize: 14,\n        fontWeightLight: 300, // Work Sans\n        fontWeightRegular: 400, // Work Sans\n        fontWeightMedium: 700, // Roboto Condensed\n        fontFamilySecondary: \"'Roboto Condensed', sans-serif\",\n    },\n});\n\nconst fontHeader = {\n    color: rawTheme.palette.text.primary,\n    fontWeight: rawTheme.typography.fontWeightMedium,\n    fontFamily: rawTheme.typography.fontFamilySecondary,\n    textTransform: 'uppercase',\n};\n\nconst theme = {\n    ...rawTheme,\n    palette: {\n        ...rawTheme.palette,\n        background: {\n            ...rawTheme.palette.background,\n            default: rawTheme.palette.common.white,\n            placeholder: grey[200],\n        },\n    },\n    typography: {\n        ...rawTheme.typography,\n        fontHeader,\n        h1: {\n            ...rawTheme.typography.h1,\n            ...fontHeader,\n            letterSpacing: 0,\n            fontSize: 60,\n        },\n        h2: {\n            ...rawTheme.typography.h2,\n            ...fontHeader,\n            fontSize: 48,\n        },\n        h3: {\n            ...rawTheme.typography.h3,\n            ...fontHeader,\n            fontSize: 42,\n        },\n        h4: {\n            ...rawTheme.typography.h4,\n            ...fontHeader,\n            fontSize: 28,\n        },\n        h5: {\n            ...rawTheme.typography.h5,\n            fontSize: 20,\n            fontWeight: rawTheme.typography.fontWeightLight,\n        },\n        h6: {\n            ...rawTheme.typography.h6,\n            ...fontHeader,\n            fontSize: 18,\n        },\n        subtitle1: {\n            ...rawTheme.typography.subtitle1,\n            fontSize: 18,\n        },\n        body1: {\n            ...rawTheme.typography.body2,\n            fontWeight: rawTheme.typography.fontWeightRegular,\n            fontSize: 16,\n        },\n        body2: {\n            ...rawTheme.typography.body1,\n            fontSize: 14,\n        },\n    },\n};\n\nexport default theme;","/* eslint-disable react/prop-types */\nimport React from 'react';\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Route\n} from \"react-router-dom\";\nimport Landing from \"./Landing\";\nimport Listing from \"./Listing\";\nimport Details from './Detail'\nimport Header from './Header'\nimport { ContextProvider } from './contextProvider';\nimport './styles/style.css'\nimport { ThemeProvider } from '@material-ui/styles';\nimport theme from './styles/theme';\n\nexport default function App() {\n\n\n  return (\n    <ThemeProvider theme={theme}>\n      <ContextProvider>\n        <Router>\n          <Header />\n          <Switch>\n            <Route path=\"/details/:userId/:productId\" render={(props) => (\n              <Details key={props.match.params.pageid} {...props} />)\n            } />\n            <Route path=\"/listing/:name/:id/:publicToken\" render={(props) => (\n              <Listing key={props.match.params.pageid} {...props} />)\n            } />\n            <Route path=\"/\">\n              <Landing />\n            </Route>\n          </Switch>\n        </Router>\n      </ContextProvider>\n    </ThemeProvider>\n  );\n}\n\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}