{"version":3,"sources":["webpack:///./src/components/line_item.js","webpack:///./src/components/line_item_mobile.js","webpack:///./src/pages/cart.js"],"names":["Line_item","props","line_item","context","useContext","StoreContext","imageItem","variant","image","className","src","alt","altText","href","String","title","toLowerCase","replace","align","quantity","price","toFixed","onClick","removeLineItem","client","checkout","id","LineItem_Mobile","Cart","lineItems","length","map","key","toString","style","marginTop","Line_item_Mobile","line_item_mobile","subtotalPrice","totalTax","totalPrice","webUrl"],"mappings":"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","file":"component---src-pages-cart-js-e2c5e66c2c6ab030dbb7.js","sourcesContent":["import React, { useContext } from 'react';\nimport StoreContext from \"../context/store\"\n\nconst Line_item = props => {\n    const { line_item } = props\n    const context = useContext(StoreContext)\n\n    const imageItem = line_item.variant.image ? (\n        <figure className=\"image is-96x96\">\n            <img\n                src={line_item.variant.image.src}\n                alt={line_item.variant.image.altText}\n            />\n        </figure>\n    ) : null;\n\n    const removeItem = () => {\n        context.removeLineItem(context.client, context.checkout.id, line_item.id)\n    }\n\n    return (\n        <tr>\n            <th >\n                <div className=\"columns\">\n                    <hr/>\n                    <div className=\"column\">\n                        {imageItem}\n                    </div>\n                    <div className=\"column\">\n                        <a href={`/product/${String(line_item.title).toLowerCase().replace(/\\s+/g, '-')}`}>\n                            <p className=\"has-text-weight-semibold is-size-5 has-text-black\">{line_item.title}</p>\n                            <p className=\"has-text-weight-normal has-text-black\">{line_item.variant.title}</p>\n\n                        </a>\n                    </div>\n\n                </div>\n            </th>\n            <th align=\"center\">\n                {line_item.quantity}\n            </th>\n            <th >\n                ${line_item.variant.price}\n            </th>\n            <th>\n                {`$${(line_item.quantity * line_item.variant.price).toFixed(2)}`}\n            </th>\n            <th>\n                <p className=\"has-text-weight-normal delete\" onClick={removeItem}>Delete</p>\n            </th>\n        </tr>\n\n    );\n};\n\nexport default Line_item;","import React, { useContext } from 'react';\nimport StoreContext from \"../context/store\"\n\nconst LineItem_Mobile = props => {\n    const { line_item } = props\n    const context = useContext(StoreContext)\n\n    const imageItem = line_item.variant.image ? (\n        <figure className=\"image is-96x96\">\n            <img\n                src={line_item.variant.image.src}\n                alt={line_item.variant.image.altText}\n            />\n        </figure>\n    ) : null;\n\n    const removeItem = () => {\n        context.removeLineItem(context.client, context.checkout.id, line_item.id)\n    }\n\n    return (\n    <div className=\"columns\">\n        <hr/>\n        <div className=\"columns is-mobile is-vcentered\">\n            <div className=\"column is-centered\">\n                {imageItem}\n            </div>\n            <div className=\"column\">\n                <p className=\"has-text-weight-semibold is-size-5 has-text-black\">{line_item.title}</p>\n                <p className=\"has-text-weight-normal has-text-black\">{line_item.variant.title}</p>\n            </div>\n            <div className=\"column is-1\">\n                <p className=\"has-text-weight-normal delete\" onClick={removeItem}>Delete</p>\n            </div>\n        </div>\n        <div className=\"columns is-mobile is-vcentered\">\n            <div className=\"column column has-text-left\">\n                <p><b>Quantity : </b>{line_item.quantity}</p>\n            </div>\n            <div className=\"column has-text-centered\">\n                <p><b>Price : </b>${line_item.variant.price}</p>\n            </div>\n            <div className=\"column has-text-right\">\n                <p><b>Total : </b>{`$${(line_item.quantity * line_item.variant.price).toFixed(2)}`}</p>\n            </div>\n\n        </div>\n    </div>\n    );\n};\n\nexport default LineItem_Mobile;","import React, { useContext } from 'react'; /* eslint-disable */\nimport Seo from \"../components/seo\"\nimport StoreContext from \"../context/store\"\nimport LineItem from \"../components/line_item\"\nimport LineItem_Mobile from \"../components/line_item_mobile\"\n\nconst Cart = () => {\n\n    const context = useContext(StoreContext)\n    const { checkout } = context\n    const Line_item = checkout.lineItems.length !== 0 ? (\n\n        <div className=\"table-container\">\n            <table className=\"table is-fullwidth is-hoverable\">\n                <thead>\n                    <tr align=\"center\">\n                        <th>Item Description</th>\n                        <th>Quantity</th>\n                        <th>Price</th>\n                        <th>Total</th>\n                        <th></th>\n\n                    </tr>\n                </thead>\n                <tbody>\n                    {checkout.lineItems.map(line_item => {\n                        return <LineItem key={line_item.id.toString()} line_item={line_item} />\n                    })}\n                </tbody>\n            </table>\n        </div>\n    )\n    :\n    <div className=\"has-text-centered\">\n        <p className=\"is-size-3\">Your cart is currently empty.</p>\n        <a className=\"button is-medium is-dark\" style={{ marginTop: \"50px\" }} href=\"/\">Continue shopping → </a>\n    </div>\n    \n    const Line_item_Mobile = checkout.lineItems.length !== 0 ? (\n            checkout.lineItems.map(line_item_mobile => {\n                return <LineItem_Mobile key={line_item_mobile.id.toString()} line_item={line_item_mobile} />\n            })\n    )\n    :\n    <div className=\"has-text-centered\">\n        <p className=\"is-size-3\">Your cart is currently empty.</p>\n        <a className=\"button is-medium is-dark\" style={{ marginTop: \"50px\" }} href=\"/\">Continue shopping → </a>\n    </div>\n\n\n    return (\n        <>\n            <Seo />\n            <section className=\"hero is-fullheight is-light is-bold\">\n                <div className=\"hero-body\">\n                    <div className=\"container\">\n                        <div className=\"columns is-vcentered\">\n                            <div className=\"column\">\n                                <div className=\"box productBox\">\n                                    <h2 className=\"title has-text-weight-semibold\">Card</h2>\n                                    <div className=\"Line_item\">\n                                        {Line_item}\n                                    </div>\n                                    <div className=\"Line_itemMobile\">\n                                       {Line_item_Mobile}\n                                    </div>\n                                </div>\n                            </div>\n                            {\n                                checkout.lineItems.length !== 0 ?\n                                    <div className=\"column is-3\">\n                                        <div className=\"box productBox\">\n                                            <h2 className=\"subtitle has-text-weight-semibold is-size-4\">Order Summary</h2>\n                                            <hr />\n                                            <p className=\"subtitle has-text-weight-semibold \">Subtotal :</p>\n                                            <p className=\"has-text-right has-text-weight-semibold is-size-5\">$ {checkout.subtotalPrice}</p>\n                                            <p className=\"subtitle has-text-weight-semibold \">Taxes :</p>\n                                            <p className=\"has-text-right has-text-weight-semibold is-size-5\"> $ {checkout.totalTax}</p>\n                                            <p className=\"subtitle has-text-weight-semibold \">Total :</p>\n                                            <p className=\"has-text-right has-text-weight-semibold is-size-5\">$ {checkout.totalPrice}</p>\n                                            <hr />\n                                            <a className=\"button is-medium is-fullwidth is-dark\" href={checkout.webUrl}>Checkout</a>\n                                        </div>\n                                    </div>\n                                    :\n                                    null\n                            }\n                        </div>\n                    </div>\n                </div>\n            </section>\n        </>\n    );\n}\n\n\nexport default Cart;"],"sourceRoot":""}