{"version":3,"sources":["logo.svg","components/Header/Header.js","components/Footer/Footer.js","components/Content/Content.js","views/ProductTileView/ProductTileView.js","views/ProductListingView/ProductListingView.js","views/ProductPageView/ProductPageView.js","views/CollectionView/CollectionView.js","views/CarouselView/CarouselView.js","views/CartPageView/CartPageView.js","views/CheckoutPageView/CheckoutPageView.js","views/StoreView/StoreView.js","App.js","reportWebVitals.js","index.js"],"names":["Header","className","to","src","logo","alt","Footer","Content","children","PRODUCT_ID","ProductTileView","productId","size","orientation","ProductListingView","ProductPageView","CollectionView","collectionId","productIds","CarouselView","CartPageView","CheckoutPageView","StoreView","hashHistory","createBrowserHistory","tipserConfig","lang","TipserLang","enUS","env","TipserEnv","prod","primaryColor","eventsHandlers","onError","error","console","log","onAddToCart","cartSize","product","App","posId","config","history","path","component","Component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.6872c5d7.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.750f31de.svg\";","import * as React from 'react';\nimport {Link} from 'react-router-dom';\nimport {CartIcon} from '@tipser/tipser-elements';\n\nimport logo from '../../logo.svg';\nimport './Header.css';\n\nexport const Header = () => {\n    return (\n        <header className=\"header\">\n            <nav className=\"navigation\">\n                <Link className=\"te-logo\" to=\"/\">\n                    <img src={logo} alt=\"logo\"/>\n                </Link>\n                <ul className=\"horizontal-menu\">\n                    <li className=\"horizontal-item\">\n                        <Link to=\"/product-tile\">Product tile</Link>\n                    </li>\n                    <li className=\"horizontal-item\">\n                        <Link to=\"/product-listing\">Product listing</Link>\n                    </li>\n                    <li className=\"horizontal-item\">\n                        <Link to=\"/product-page\">Product page</Link>\n                    </li>\n                    <li className=\"horizontal-item\">\n                        <Link to=\"/collection\">Collection</Link>\n                    </li>\n                    <li className=\"horizontal-item\">\n                        <Link to=\"/carousel\">Carousel</Link>\n                    </li>\n                    <li className=\"horizontal-item\">\n                        <Link to=\"/store\">Store</Link>\n                    </li>\n                    <li className=\"horizontal-item\">\n                        <Link to=\"/cart-page\">Cart page</Link>\n                    </li>\n                    <li className=\"horizontal-item\">\n                        <Link to=\"/checkout-page\">Checkout page</Link>\n                    </li>\n                </ul>\n                <div>\n                    <CartIcon/>\n                </div>\n            </nav>\n        </header>\n    );\n}\n","import React from 'react';\nimport {Link} from 'react-router-dom';\n\nimport logo from '../../logo.svg';\n\nimport './Footer.css';\n\nexport const Footer = () => {\n    return (\n        <footer>\n            {/*<div className=\"footer-terms\">*/}\n            <div className=\"footer-logo\">\n                <Link className=\"tipser-logo\" to=\"/\">\n                    <img src={logo} alt=\"tipser logo\"/>\n                </Link>\n            </div>\n        </footer>\n    );\n}\n","import React from 'react';\n\nimport './Content.css';\n\nexport const Content = ({ children }) => {\n    return (\n        <main className=\"main-content\">\n            {children}\n        </main>\n    )\n}\n","import * as React from 'react';\nimport { ProductTile } from '@tipser/tipser-elements';\n\nimport { Header } from '../../components/Header';\nimport { Footer } from '../../components/Footer';\nimport {Content} from \"../../components/Content\";\n\nconst PRODUCT_ID = '61559979083459710da5b6d8';\n\nexport const ProductTileView = () => {\n    return (\n        <>\n            <Header />\n            <Content>\n                <h2 className=\"heading\">Small product tile </h2>\n                <ProductTile productId={PRODUCT_ID} size=\"small\" />\n\n                <h2 className=\"heading\">Medium product tile</h2>\n                <ProductTile productId={PRODUCT_ID} size=\"medium\" />\n\n                <h2 className=\"heading\">Large product tile</h2>\n                <ProductTile productId={PRODUCT_ID} size=\"large\" />\n\n                <h2 className=\"heading\">Small horizontal product tile </h2>\n                <ProductTile productId={PRODUCT_ID} size=\"small\" orientation=\"horizontal\" />\n\n                <h2 className=\"heading\">Medium horizontal product tile</h2>\n                <ProductTile productId={PRODUCT_ID} size=\"medium\" orientation=\"horizontal\" />\n\n                <h2 className=\"heading\">Large horizontal product tile</h2>\n                <ProductTile productId={PRODUCT_ID} size=\"large\" orientation=\"horizontal\" />\n            </Content>\n            <Footer />\n        </>\n    );\n};\n","import * as React from 'react';\nimport { ProductListing } from '@tipser/tipser-elements';\n\nimport { Header } from '../../components/Header';\nimport { Content } from '../../components/Content';\nimport { Footer } from '../../components/Footer';\n\nconst PRODUCT_ID = '6168a4e3e705fb536bf20cc9';\n\nexport const ProductListingView = () => {\n    return (\n        <>\n            <Header />\n            <Content>\n                <h2 className=\"heading\">Product listing </h2>\n                <ProductListing productId={PRODUCT_ID} />\n            </Content>\n            <Footer />\n        </>\n    );\n};\n","import * as React from 'react';\nimport { ProductPage } from '@tipser/tipser-elements';\n\nimport { Header } from '../../components/Header';\nimport { Content } from '../../components/Content';\nimport { Footer } from '../../components/Footer';\n\nconst PRODUCT_ID = '61559979083459710da5b7bb';\n\nexport const ProductPageView = () => {\n    return (\n        <>\n            <Header />\n            <Content>\n                <h2 className=\"heading\">Product page</h2>\n                <ProductPage productId={PRODUCT_ID} />\n            </Content>\n            <Footer />\n        </>\n    );\n};\n","import * as React from 'react';\nimport {Collection, ProductList} from '@tipser/tipser-elements';\n\nimport { Header } from '../../components/Header';\nimport { Content } from '../../components/Content';\nimport { Footer } from '../../components/Footer';\n\nconst COLLECTION_ID = '616a39a63d50b55e25f3fbfd';\n\nexport const CollectionView = () => {\n    return (\n        <>\n            <Header />\n            <Content>\n                <h2 className=\"heading\">Collection</h2>\n                <Collection collectionId={COLLECTION_ID} />\n\n                <h2 className=\"heading\">Product list</h2>\n                <ProductList productIds={[\"608fc1446c20b7dc6342e037\", \"60cc402b1537e4946257be17\"]} />\n            </Content>\n            <Footer />\n        </>\n    );\n};\n","import * as React from 'react';\nimport { Carousel } from '@tipser/tipser-elements';\n\nimport { Header } from '../../components/Header';\nimport { Content } from '../../components/Content';\nimport { Footer } from '../../components/Footer';\n\nexport const CarouselView = () => {\n    return (\n        <>\n            <Header />\n            <Content>\n                <h2 className=\"heading\">Collection carousel</h2>\n                <Carousel collectionId=\"616a39457d6b985dfc9887d5\" />\n\n                <h2 className=\"heading\">Product list carousel</h2>\n                <Carousel productIds={[\"6168a4e3e705fb536bf20eff\", \"6168a4e3e705fb536bf20ed5\", \"6168a4e3e705fb536bf20f16\", \"6168a4e3e705fb536bf20f3a\", \"6168a4e3e705fb536bf21036\", \"6168a4e3e705fb536bf210cf\", \"6168a4e3e705fb536bf20ff0\", \"6168a4e3e705fb536bf210e1\"]} />\n            </Content>\n            <Footer />\n        </>\n    );\n};\n","import * as React from 'react';\nimport {CartPage} from '@tipser/tipser-elements';\n\nimport { Header } from '../../components/Header';\nimport { Content } from '../../components/Content';\nimport { Footer } from '../../components/Footer';\n\nexport const CartPageView = () => {\n    return (\n        <>\n            <Header />\n            <Content>\n                <h2 className=\"heading\">Cart page</h2>\n                <CartPage />\n            </Content>\n            <Footer />\n        </>\n    );\n};\n","import * as React from 'react';\nimport {CheckoutPage} from '@tipser/tipser-elements';\n\nimport { Header } from '../../components/Header';\nimport { Content } from '../../components/Content';\nimport { Footer } from '../../components/Footer';\n\nexport const CheckoutPageView = () => {\n    return (\n        <>\n            <Header />\n            <Content>\n                <h2 className=\"heading\">Checkout page</h2>\n                <CheckoutPage />\n            </Content>\n            <Footer />\n        </>\n    );\n};\n","import * as React from 'react';\nimport {Store} from '@tipser/tipser-elements';\n\nimport { Header } from '../../components/Header';\nimport { Content } from '../../components/Content';\nimport { Footer } from '../../components/Footer';\n\nexport const StoreView = () => {\n    return (\n        <>\n            <Header />\n            <Content>\n                <h2 className=\"heading\">Store</h2>\n                <Store />\n            </Content>\n            <Footer />\n        </>\n    );\n};\n","import React, { Component } from 'react';\nimport { TipserElementsProvider, TipserEnv, TipserLang } from '@tipser/tipser-elements';\nimport { Router, Switch, Route, Redirect } from 'react-router-dom';\nimport { createBrowserHistory } from 'history';\n\nimport { ProductTileView } from './views/ProductTileView';\nimport {ProductListingView} from \"./views/ProductListingView\";\nimport {ProductPageView} from \"./views/ProductPageView\";\nimport {CollectionView} from \"./views/CollectionView\";\nimport {CarouselView} from \"./views/CarouselView\";\nimport {CartPageView} from \"./views/CartPageView\";\nimport {CheckoutPageView} from \"./views/CheckoutPageView\";\nimport {StoreView} from \"./views/StoreView\";\n\nimport '@tipser/tipser-elements/dist/index.css';\nimport './App.css';\n\n\nconst hashHistory = createBrowserHistory();\n\nlet tipserConfig = {\n  lang: TipserLang.enUS,\n  env: TipserEnv.prod,\n  primaryColor: '#000000',\n  eventsHandlers: {\n    onError: error => {\n      console.log(error);\n    },\n    onAddToCart: ({ cartSize, product }) => {\n      console.log('Hurray, you have added item to cart. ', product);\n      console.log('Your cart size is now. ', cartSize);\n    },\n  },\n};\n\nclass App extends Component {\n  render() {\n    return (\n        <TipserElementsProvider posId={'616839b0a171c90438167d1d'} config={tipserConfig}>\n          <Router history={hashHistory}>\n            <Switch>\n              <Route path=\"/product-tile\" component={ProductTileView} />\n              <Route path=\"/product-listing\" component={ProductListingView} />\n              <Route path=\"/product-page\" component={ProductPageView} />\n              <Route path=\"/collection\" component={CollectionView} />\n              <Route path=\"/carousel\" component={CarouselView} />\n              <Route path=\"/store\" component={StoreView} />\n              <Route path=\"/cart-page\" component={CartPageView} />\n              <Route path=\"/checkout-page\" component={CheckoutPageView} />\n              <Redirect path=\"/\" to=\"/product-tile\" />\n            </Switch>\n          </Router>\n        </TipserElementsProvider>\n    );\n  }\n}\n\nexport default App;\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":""}