Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@fortawesome/react-fontawesome"),t=require("@fortawesome/free-solid-svg-icons"),a=require("react"),r=require("react-router-dom");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(a);function c(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}c(".accordion{border-top:1px solid var(--secondary-color);color:var(--accordion-color);font-family:var(--primary-font);letter-spacing:var(--letter-spacing)}.accordion-item{border-bottom:1px solid var(--secondary-color)}.accordion-header{align-items:center;display:flex;font-size:.75rem;font-weight:400;justify-content:space-between;letter-spacing:.05em;padding:5px 0}.accordion-item-content{font-family:var(--primary-font);font-size:.85rem;font-weight:400;line-height:1.2rem;margin-top:5px;padding-bottom:10px}");var l=function(r){var n=r.additionalInfo,c=a.useState(!1),l=c[0],i=c[1],m=a.useState(!1),s=m[0],d=m[1],u=a.useState(!1),f=u[0],p=u[1],g=function(e){switch(e){case 1:i(!l),d(!1),p(!1);break;case 2:i(!1),d(!s),p(!1);break;case 3:i(!1),d(!1),p(!f)}};return o.default.createElement("div",{className:"accordion"},o.default.createElement("div",{className:"accordion-item"},o.default.createElement("a",{className:"accordion-header",onClick:function(){return g(1)}},o.default.createElement("h3",null,n[0].title),o.default.createElement(o.default.Fragment,null,l?o.default.createElement(e.FontAwesomeIcon,{icon:t.faMinus,className:"accordion-icon"}):o.default.createElement(e.FontAwesomeIcon,{icon:t.faPlus,className:"accordion-icon"}))),o.default.createElement(o.default.Fragment,null,l?o.default.createElement("p",{className:"accordion-item-content"},n[0].content):null)),o.default.createElement("div",{className:"accordion-item"},o.default.createElement("a",{className:"accordion-header",onClick:function(){return g(2)}},o.default.createElement("h3",null,n[1].title),o.default.createElement(o.default.Fragment,null,s?o.default.createElement(e.FontAwesomeIcon,{icon:t.faMinus,className:"accordion-icon"}):o.default.createElement(e.FontAwesomeIcon,{icon:t.faPlus,className:"accordion-icon"}))),o.default.createElement(o.default.Fragment,null,s?o.default.createElement("p",{className:"accordion-item-content"},n[1].content):null)),o.default.createElement("div",{className:"accordion-item"},o.default.createElement("a",{className:"accordion-header",onClick:function(){return g(3)}},o.default.createElement("h3",null,n[2].title),o.default.createElement(o.default.Fragment,null,f?o.default.createElement(e.FontAwesomeIcon,{icon:t.faMinus,className:"accordion-icon"}):o.default.createElement(e.FontAwesomeIcon,{icon:t.faPlus,className:"accordion-icon"}))),o.default.createElement(o.default.Fragment,null,f?o.default.createElement("p",{className:"accordion-item-content"},n[2].content):null)))};c(".announcement-bar{align-items:center;background:var(--background-alt);color:var(--primary-color);display:flex;font-family:var(--primary-font);font-size:.8rem;font-weight:400;justify-content:center;letter-spacing:var(--letter-spacing);line-height:1.3em;margin:0;padding:3px 0;text-align:center;text-transform:uppercase}");var i=function(){return i=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},i.apply(this,arguments)};c(".button{cursor:pointer;font-family:var(--primary-font);font-size:.8rem;font-weight:400;letter-spacing:.1em;padding:20px 25px;text-transform:uppercase;width:100%}.button--primary{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;transition:opacity .3s,color .3s,background-color .3s,border-color .3s,transform .3s}.button--primary:hover{background-color:transparent}.button--primary:hover,.button--secondary{border:1px solid var(--primary-color);color:var(--primary-color)}.button--secondary{background-color:#fff;transition:transform .2s ease-in-out}.button--secondary:hover{transform:scale(1.05)}");var m=function(e){var t=e.primary,a=void 0!==t&&t,r=e.label,n=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]])}return a}(e,["primary","label"]),c=a?"button--primary":"button--secondary";return o.default.createElement("button",i({type:"button",className:["button",c].join(" ")},n),r)};c(".cart{color:var(--primary-color);font-family:var(--primary-font);font-size:.9rem;font-weight:400;letter-spacing:.05em;margin:30px auto;max-width:600px}.cart-item{border-bottom:1px solid var(--accordion-color);justify-content:space-between;padding:15px 0;width:100%}.cart-item,.cart-item-left{display:flex}.cart-item-image{height:auto;max-width:150px}.cart-item-info{display:flex;flex-direction:column;justify-content:flex-start;padding-left:20px}.cart-item-info h4{font-size:1rem;font-weight:400;letter-spacing:.05em;margin-bottom:0;margin-top:0;text-transform:uppercase}.cart-item-info p{font-size:.85rem;margin-bottom:15px;margin-top:10px}.cart-item-delete{color:var(--primary-color)}.cart-summary-subtotal{align-items:center;display:flex;font-style:italic;justify-content:space-between;margin-bottom:15px}.cart-summary-links{margin-bottom:10px;margin-top:10px;text-align:right}.cart-summary-links a{color:var(--primary-color);font-size:.8rem;font-style:italic;text-decoration:underline}.cart-update{margin-right:10px}.cart-header h2{color:var(--primary-color);font-family:var(--secondary-font);font-size:1.8rem;font-weight:300;letter-spacing:.05em;text-transform:lowercase}.cart-header{border-bottom:1px solid var(--accordion-color)}.empty-cart{color:var(--primary-color);text-align:center}.empty-cart h2{color:var(--primary-color);font-family:var(--secondary-font);font-size:1.8rem;font-weight:300;letter-spacing:.05em;text-transform:lowercase}.empty-cart p,.empty-cart-continue-shopping{font-family:var(--primary-font);font-size:.85rem;font-weight:400;line-height:1.2rem;margin-top:5px}.empty-cart-continue-shopping{color:var(--primary-color);font-style:italic;text-decoration:underline}");c(".product-counter{align-items:center;border:1px solid #bbb;color:var(--primary-color);display:flex;font-family:var(--primary-font);font-size:.8rem;font-weight:400;justify-content:space-between;letter-spacing:var(--letter-spacing);max-width:70px;padding:20px 25px}.counter-number{padding:0 10px}a{cursor:pointer}.counter-link{font-size:.8rem}");var s=function(a){var r=a.quantity,n=a.HandleIncrease,c=a.HandleDecrease;return o.default.createElement("div",{className:"product-counter"},o.default.createElement("a",{onClick:c,className:"decrease"},o.default.createElement("div",{className:"counter-link"},o.default.createElement(e.FontAwesomeIcon,{icon:t.faMinus}))),o.default.createElement("span",{className:"counter-number"},r),o.default.createElement("a",{className:"increase",onClick:n},o.default.createElement("div",{className:"counter-link"},o.default.createElement(e.FontAwesomeIcon,{icon:t.faPlus}))))};c(".Price-container{display:flex}.Price-full{color:var(--primary-color)}.Price-discounted,.Price-full{font-family:var(--secondary-font);font-size:.9rem;letter-spacing:.03em;margin-top:10px;padding-left:5px;padding-right:5px}.Price-discounted{color:var(--background-alt);font-weight:400;text-decoration:line-through}");var d=function(e){var t=e.currentPrice,a=e.originalPrice,r=e.onSale;return void 0!==r&&r?o.default.createElement("div",{className:"Price-container"},o.default.createElement("p",{className:"Price-full"},"£",t.toFixed(2)),o.default.createElement("p",{className:"Price-discounted"},"£",a.toFixed(2))):o.default.createElement("p",{className:"Price-full"},"£",t.toFixed(2))};c(".home-categories{background:var(--background);display:flex;flex-direction:column;padding:30px 20px}.home-categories,.home-categories-row{align-items:center;justify-content:center}.home-categories-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.home-category-wrapper{margin:10px}.home-categories h2{color:var(--primary-color);font-family:var(--secondary-font);font-size:1.8rem;font-weight:300;letter-spacing:.05em;text-transform:lowercase}@media only screen and (max-width:780px){.home-categories-row{grid-template-columns:1fr 1fr}}");c(".home-categories-item{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:350px;overflow:hidden}.home-categories-item:hover h3{color:var(--background-alt)}.home-category-image{height:auto;transition:transform .5s ease-in-out;width:100%}.home-category-image:hover{transform:scale(1.05)}.home-category-title{color:var(--primary-color);font-family:var(--primary-font);font-size:1.2rem;font-weight:400;letter-spacing:.05em;padding-top:5px;text-transform:uppercase}.home-category-link{color:var(--primary-color);text-decoration:none}");var u=function(e){var t=e.category,a=e.image,n=e.url;return o.default.createElement(r.Link,{to:n,className:"home-category-link"},o.default.createElement("div",{className:"home-categories-item"},o.default.createElement("img",{src:a,className:"home-category-image"}),o.default.createElement("h3",{className:"home-category-title"},t)))};c(".image-gallery{max-width:100%}.main-image{height:auto;max-width:100%;padding-bottom:7px}.thumbnail-wrapper{align-items:center;display:flex;height:auto;justify-content:flex-start;max-width:100%}.thumbnail{padding:0 5px;width:50px}");var f=function(e){var t=e.images,r=a.useState(t[0]),n=r[0],c=r[1],l=function(e){c(e)};return o.default.createElement("div",{className:"image-gallery"},o.default.createElement("img",{src:n,className:"main-image",alt:""}),o.default.createElement("div",{className:"thumbnail-wrapper"},o.default.createElement("a",{onClick:function(){return l(t[0])}},o.default.createElement("img",{src:t[0],className:"thumbnail",alt:""})),o.default.createElement("a",{onClick:function(){return l(t[1])}},o.default.createElement("img",{src:t[1],className:"thumbnail",alt:""}))))};c(".ProductCard{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ProductCard-image{transition:transform .5s ease-in-out}.ProductCard-image img{height:auto;width:100%}.ProductCard-image:hover{transform:scale(1.03)}.ProductCard:hover .image-1,.image-2{display:none}.ProductCard:hover .image-2{display:inline}.ProductCard-link{color:var(--primary-color);text-decoration:none}.ProductCard-product-name{color:var(--primary-color);font-family:var(--primary-font);font-size:1rem;font-weight:400;letter-spacing:.05em;margin-bottom:0;margin-top:20px;text-transform:uppercase}");var p=function(e){var t=e.product;return o.default.createElement(r.Link,{to:t.url,className:"ProductCard-link",key:t.id},o.default.createElement("div",{className:"ProductCard"},o.default.createElement("div",{className:"ProductCard-image"},o.default.createElement("img",{src:t.images[0],className:"image-1"}),o.default.createElement("img",{src:t.images[1],className:"image-2"})),o.default.createElement("h3",{className:"ProductCard-product-name"},t.name),o.default.createElement(d,{currentPrice:t.currentPrice,originalPrice:t.originalPrice,onSale:t.onSale})))};c(".ProductPage{background:var(--background);display:flex;padding:40px}.ProductPage-images{width:50%}.ProductPage-info{padding:0 40px;width:50%}.ProductPage-buttons{align-items:center;display:flex}.ProductPage-product-counter{margin-right:15px;min-width:120px}.ProductPage-product-title{font-size:1.5rem;letter-spacing:var(--letter-spacing);margin-bottom:10px;text-transform:uppercase}.ProductPage-description,.ProductPage-product-title{color:var(--primary-color);font-family:var(--primary-font);font-weight:400;width:80%}.ProductPage-description{font-size:.85rem;letter-spacing:.05em;line-height:1.25rem;margin-bottom:30px}.ProductPage-accordion{margin-top:30px;width:80%}.ProductPage-product-price{margin-bottom:30px;margin-top:20px}.ProductPage-wish-list{color:var(--accent-color);text-decoration:underline}.ProductPage-shipping,.ProductPage-wish-list{font-family:var(--primary-font);font-size:.8rem;font-weight:500;letter-spacing:var(--letter-spacing)}.ProductPage-shipping{color:var(--primary-color)}@media only screen and (max-width:1100px){.ProductPage{flex-direction:column}.ProductPage-description,.ProductPage-images{width:100%}.ProductPage-info{padding-left:0;width:100%}.ProductPage-accordion,.ProductPage-button{width:100%}}");c(".Rating-container{align-items:center;display:flex;justify-content:flex-start}.Rating-star{font-size:.8rem;padding:0 .8px}.grey{color:var(--secondary-color)}.pink{color:var(--background-alt)}");var g=function(a){var r=a.stars;return o.default.createElement("div",{className:"Rating-container"},o.default.createElement(e.FontAwesomeIcon,{icon:t.faStar,className:"Rating-star ".concat(r>0?"pink":"grey")}),o.default.createElement(e.FontAwesomeIcon,{icon:t.faStar,className:"Rating-star ".concat(r>1?"pink":"grey")}),o.default.createElement(e.FontAwesomeIcon,{icon:t.faStar,className:"Rating-star ".concat(r>2?"pink":"grey")}),o.default.createElement(e.FontAwesomeIcon,{icon:t.faStar,className:"Rating-star ".concat(r>3?"pink":"grey")}),o.default.createElement(e.FontAwesomeIcon,{icon:t.faStar,className:"Rating-star ".concat(r>4?"pink":"grey")}))};c(".recommended-products-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:25px}.cards-container{display:grid;grid-template-columns:1fr 1fr 1fr}.card-container{margin:15px}.recommended-products-container h2{color:var(--primary-color);font-family:var(--secondary-font);font-size:1.8rem;font-weight:300;letter-spacing:.05em;text-transform:lowercase}@media only screen and (max-width:780px){.cards-container{grid-template-columns:1fr}}");c(".values{color:var(--primary-color);flex-direction:column}.values,.values-container{align-items:center;display:flex;justify-content:center}.values-container{margin:5px 25px}.value-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 30px;text-align:center}.values img{max-width:70px}.values h2{color:var(--primary-color);font-family:var(--secondary-font);font-size:1.8rem;font-weight:300;letter-spacing:.05em;text-transform:lowercase}.values h3{font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.values h3,.values p{color:var(--primary-color);font-family:var(--primary-font);font-weight:400}.values p{font-size:.9rem}@media only screen and (max-width:780px){.values-container{flex-direction:column}}");exports.Accordion=l,exports.AnnouncementBar=function(e){var t=e.announcement;return o.default.createElement("div",{className:"announcement-bar"},o.default.createElement("p",null,t))},exports.Button=m,exports.Cart=function(n){var c=n.cartProducts,l=n.handleUpdate,i=n.handleDelete,u=n.toCheckout,f=n.HandleDecrease,p=n.HandleIncrease,g=[];c.forEach((function(e){g.push(e.quantity*e.product.currentPrice)}));var y=g.reduce((function(e,t){return e+t}),0),h=a.useState(y)[0];return c.length>0?o.default.createElement("div",{className:"cart"},o.default.createElement("div",{className:"cart-header"},o.default.createElement("h2",null,"Shopping Cart")),c.map((function(a,r){return o.default.createElement("div",{className:"cart-item",key:r},o.default.createElement("div",{className:"cart-item-left"},o.default.createElement("img",{src:a.product.images[0],className:"cart-item-image",alt:""}),o.default.createElement("div",{className:"cart-item-info"},o.default.createElement("h4",null,a.product.name),o.default.createElement(d,{onSale:a.product.onSale,currentPrice:a.product.currentPrice,originalPrice:a.product.originalPrice}),o.default.createElement(s,{quantity:a.quantity,HandleIncrease:p,HandleDecrease:f}))),o.default.createElement("a",{className:"cart-item-delete",onClick:i},o.default.createElement(e.FontAwesomeIcon,{icon:t.faTrash,className:"accordion-icon"})))})),o.default.createElement("div",{className:"cart-summary"},o.default.createElement("div",{className:"cart-summary-links"},o.default.createElement("a",{onClick:l,className:"cart-update"},"Update cart"),o.default.createElement("a",{href:"/",className:"continue-shopping"},"Continue shopping")),o.default.createElement("div",{className:"cart-summary-subtotal"},o.default.createElement("p",null,"Subtotal"),o.default.createElement("p",null,"£",h.toFixed(2)))),o.default.createElement(m,{primary:!0,label:"Go To Checkout",onClick:u})):o.default.createElement("div",{className:"empty-cart"},o.default.createElement("h2",null,"Shopping Cart"),o.default.createElement("p",null,"Your cart is currently empty."),o.default.createElement(r.Link,{to:"/",className:"empty-cart-continue-shopping"},"Continue shopping"))},exports.HomeCategories=function(e){var t=e.HomeCategories;return o.default.createElement("div",{className:"home-categories"},o.default.createElement("h2",null,"Salty Goodness"),o.default.createElement("div",{className:"home-categories-row"},t.map((function(e,t){return o.default.createElement("div",{className:"home-category-wrapper",key:t},o.default.createElement(u,{category:e.category,image:e.image,url:e.url}))}))))},exports.HomeCategoriesItem=u,exports.ImageGallery=f,exports.Price=d,exports.ProductCard=p,exports.ProductCounter=s,exports.ProductPage=function(e){var t=e.product,a=e.AddToCart,r=e.HandleIncrease,n=e.HandleDecrease,c=e.quantity,i=e.key;return o.default.createElement("div",{className:"ProductPage",key:i},o.default.createElement("div",{className:"ProductPage-images"},o.default.createElement(f,{images:t.images})),o.default.createElement("div",{className:"ProductPage-info"},o.default.createElement("h2",{className:"ProductPage-product-title"},t.name),o.default.createElement(g,{stars:t.stars}),o.default.createElement("div",{className:"ProductPage-product-price"},o.default.createElement(d,{currentPrice:t.currentPrice,originalPrice:t.originalPrice,onSale:t.onSale})),o.default.createElement("div",{className:"ProductPage-description"},t.description),o.default.createElement("div",{className:"ProductPage-buttons"},o.default.createElement("div",{className:"ProductPage-product-counter"},o.default.createElement(s,{HandleIncrease:r,HandleDecrease:n,quantity:c})),o.default.createElement("div",{className:"ProductPage-button"},o.default.createElement(m,{primary:!0,label:"Add To Basket",onClick:a}))),o.default.createElement("div",{className:"ProductPage-accordion"},o.default.createElement(l,{additionalInfo:t.additionalInfo}))))},exports.Rating=g,exports.RecommendedProducts=function(e){var t=e.products,a=e.title;return o.default.createElement("div",{className:"recommended-products-container"},o.default.createElement("h2",null,a),o.default.createElement("div",{className:"cards-container"},t.map((function(e,t){return o.default.createElement("div",{className:"card-container",key:t},o.default.createElement(p,{product:e}))}))))},exports.Values=function(e){var t=e.values,a=e.title;return o.default.createElement("div",{className:"values"},o.default.createElement("h2",null,a),o.default.createElement("div",{className:"values-container"},t.map((function(e,t){return o.default.createElement("div",{key:t,className:"value-container"},o.default.createElement("img",{src:e.image}),o.default.createElement("h3",null,e.heading),o.default.createElement("p",null,e.description))}))))};
//# sourceMappingURL=index.ts.map