@jetshop/template-trend 6.1.3 → 6.1.5

package/dist/src/components/Cart/CartFlyout.js

@@ -0,0 +1,190 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { styled } from 'linaria/react';
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import { trackCartCheckoutEvent } from '@jetshop/core/analytics/tracking';
+import CartProvider from '@jetshop/core/components/Query/CartProvider';
+import t from '@jetshop/intl';
+import { Above } from '@jetshop/ui/Breakpoints';
+import Drawer, { DrawerTarget } from '@jetshop/ui/Modal/Drawer';
+import { FlyoutTarget } from '@jetshop/ui/Modal/Flyout';
+import { Price } from '@jetshop/ui/Price';
+import { useChannelSettings } from '@jetshop/core/hooks/Channels/useChannelSettings';
+import { Currency } from '@jetshop/ui/Price/Currency';
+import { theme } from '../Theme';
+import { baseStyles } from '../ui/Button';
+import CartItem from './CartItem';
+import FreeShipping from './FreeShipping';
+import cartQuery from './queries/cartQuery.gql';
+const Flyout = styled('div') `
+  background: white;
+  color: ${theme.colors.black};
+  ${theme.above.sm} {
+    position: absolute;
+    z-index: 999;
+    right: 0;
+    top: 3.5rem;
+    width: 22rem;
+    min-width: 19rem;
+    max-width: 100%;
+  }
+`;
+const LightText = styled('span') `
+  color: #828282;
+  font-size: 0.875rem;
+  font-weight: normal;
+`;
+const Header = styled('header') `
+  text-align: center;
+  h2 {
+    font-weight: 600;
+  }
+  ${LightText} {
+    display: block;
+  }
+  padding: 1rem;
+  border-bottom: 1px solid #e8e8e8;
+`;
+const ItemCount = ({ count }) => (React.createElement(LightText, null, t(`{
+        count, plural,
+        =0 {}
+        one {1 item}
+        other {{count} items}
+            }`, { count })));
+const CartItems = styled('section') `
+  background: #fafafa;
+  padding: 1rem;
+`;
+const Summary = styled('section') `
+  background: #fff;
+  padding: 1rem;
+
+  a {
+    width: 100%;
+    color: white;
+    :hover {
+      color: white;
+    }
+  }
+
+  h2 {
+    font-weight: bold;
+    font-size: 1.2em;
+  }
+
+  .discounts {
+    margin-bottom: 1em;
+    h2 {
+      margin-bottom: 1em;
+    }
+  }
+
+  .cart-total {
+    padding-top: 1em;
+    border-top: 1px solid ${theme.colors.lightgrey};
+
+    > * + * {
+      margin-top: 0.5em;
+    }
+
+    .shipping,
+    .total,
+    .vat {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .total {
+      font-size: 1.25rem;
+      font-weight: 600;
+      color: ${theme.colors.black};
+    }
+  }
+`;
+const Flex = styled('div') `
+  display: flex;
+  justify-content: space-between;
+`;
+const Checkout = styled.a `
+  ${baseStyles};
+  width: 100%;
+  text-decoration: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  &&:hover {
+    color: white;
+    text-decoration: none;
+  }
+`;
+const CartFlyoutView = (_a) => {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var { result, modal } = _a, rest = __rest(_a, ["result", "modal"]);
+    const items = (_d = (_c = (_b = result === null || result === void 0 ? void 0 : result.data) === null || _b === void 0 ? void 0 : _b.cart) === null || _c === void 0 ? void 0 : _c.items) !== null && _d !== void 0 ? _d : [];
+    const itemCount = (_g = (_f = (_e = result === null || result === void 0 ? void 0 : result.data) === null || _e === void 0 ? void 0 : _e.cart) === null || _f === void 0 ? void 0 : _f.totalQuantity) !== null && _g !== void 0 ? _g : 0;
+    const checkoutUrl = (_j = (_h = result === null || result === void 0 ? void 0 : result.data) === null || _h === void 0 ? void 0 : _h.cart) === null || _j === void 0 ? void 0 : _j.externalCheckoutUrl;
+    const discounts = (_m = (_l = (_k = result === null || result === void 0 ? void 0 : result.data) === null || _k === void 0 ? void 0 : _k.cart) === null || _l === void 0 ? void 0 : _l.aggregatedDiscounts) !== null && _m !== void 0 ? _m : [];
+    const track = useTracker();
+    const { pricesIncVat } = useChannelSettings();
+    if (items.length === 0) {
+        return (React.createElement(Flyout, Object.assign({}, rest),
+            React.createElement("div", { style: { padding: '2em' } }, t('No items in cart.'))));
+    }
+    return (React.createElement(Flyout, Object.assign({}, rest),
+        React.createElement(Header, null,
+            React.createElement("h2", null, "Your cart"),
+            React.createElement(ItemCount, { count: itemCount })),
+        React.createElement(Summary, null, checkoutUrl && (React.createElement(Checkout, { "data-testid": "checkout-button", href: checkoutUrl, onClick: event => {
+                event.preventDefault();
+                track(trackCartCheckoutEvent({
+                    cart: result.data.cart,
+                    callback: () => {
+                        window.location = checkoutUrl;
+                    }
+                }));
+            } }, t('Check out')))),
+        React.createElement(CartItems, null, items.map(item => (React.createElement(CartItem, { item: item, key: item.id })))),
+        React.createElement(Summary, null,
+            discounts.length > 0 && (React.createElement("div", { className: "discounts" },
+                React.createElement("h2", null, t('Cart total')),
+                React.createElement(Flex, null,
+                    React.createElement("label", null, t('Order value')),
+                    React.createElement(Price, { price: result.data.cart.productPreviousTotal })),
+                React.createElement("h2", { style: { marginTop: '1em' } }, t('Discounts')),
+                discounts.map(discount => {
+                    return (React.createElement(Flex, { key: discount.name, style: { marginTop: '1em' } },
+                        React.createElement("label", null, discount.name),
+                        React.createElement(Price, { price: discount.value, style: { display: 'inline' }, negative: true })));
+                }))),
+            React.createElement("div", { className: "cart-total" },
+                React.createElement(FreeShipping, { className: "shipping", cartTotal: result.data.cart.productTotal }),
+                React.createElement("div", { className: "total" },
+                    React.createElement("label", null, pricesIncVat ? t('Total incl. VAT') : t('Total excl. VAT')),
+                    React.createElement(Price, { price: result.data.cart.productTotal })),
+                React.createElement(VAT, { className: "vat", total: result.data.cart.productTotal, pricesIncVat: pricesIncVat })))));
+};
+function VAT(_a) {
+    var { total, pricesIncVat } = _a, rest = __rest(_a, ["total", "pricesIncVat"]);
+    return (React.createElement("div", Object.assign({}, rest),
+        React.createElement("label", null, pricesIncVat ? t('of which VAT') : t('+ VAT')),
+        React.createElement("div", null,
+            React.createElement(Currency, { value: total.vat }))));
+}
+const CartFlyout = props => (
+// Wrap the flyout with the needed providers
+React.createElement(CartProvider, { query: cartQuery }, result => result.data && result.data.cart ? (React.createElement(Above, { breakpoint: "md" }, matches => matches ? (React.createElement(FlyoutTarget, { id: "cart-flyout" }, flyout => (React.createElement(CartFlyoutView, Object.assign({ modal: flyout, result: result }, props))))) : (React.createElement(DrawerTarget, { id: "cart-drawer" }, drawer => (React.createElement(Drawer, { isOpen: drawer.isOpen, right: true },
+    React.createElement(CartFlyoutView, Object.assign({ modal: drawer, result: result }, props)))))))) : null));
+export default CartFlyout;
+//# sourceMappingURL=CartFlyout.js.map

package/dist/src/components/Cart/CartFlyout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartFlyout.js","sourceRoot":"","sources":["../../../../src/components/Cart/CartFlyout.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,YAAY,MAAM,6CAA6C,CAAC;AACvE,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;WAEjB,KAAK,CAAC,MAAM,CAAC,KAAK;IACzB,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;CASjB,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;CAI/B,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;IAK3B,SAAS;;;;;CAKZ,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,SAAS,QACP,CAAC,CACA;;;;;cAKQ,EACR,EAAE,KAAK,EAAE,CACV,CACS,CACb,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;CAGlC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;4BA0BL,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;eAiBnC,KAAK,CAAC,MAAM,CAAC,KAAK;;;CAGhC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;CAGzB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAA;IACrB,UAAU;;;;;;;;;;;CAWb,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EAA0B,EAAE,EAAE;;QAA9B,EAAE,MAAM,EAAE,KAAK,OAAW,EAAN,IAAI,cAAxB,mBAA0B,CAAF;IAC9C,MAAM,KAAK,GAAG,MAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,IAAI,0CAAE,KAAK,mCAAI,EAAE,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,IAAI,0CAAE,aAAa,mCAAI,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,IAAI,0CAAE,mBAAmB,CAAC;IAC5D,MAAM,SAAS,GAAG,MAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,IAAI,0CAAE,mBAAmB,mCAAI,EAAE,CAAC;IAChE,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,OAAO,CACL,oBAAC,MAAM,oBAAK,IAAI;YACd,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAG,CAAC,CAAC,mBAAmB,CAAC,CAAO,CACvD,CACV,CAAC;KACH;IAED,OAAO,CACL,oBAAC,MAAM,oBAAK,IAAI;QACd,oBAAC,MAAM;YACL,4CAAkB;YAClB,oBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,GAAI,CACxB;QACT,oBAAC,OAAO,QACL,WAAW,IAAI,CACd,oBAAC,QAAQ,mBACK,iBAAiB,EAC7B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,KAAK,CAAC,EAAE;gBACf,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CACH,sBAAsB,CAAC;oBACrB,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI;oBACtB,QAAQ,EAAE,GAAG,EAAE;wBACb,MAAM,CAAC,QAAQ,GAAG,WAAW,CAAC;oBAChC,CAAC;iBACF,CAAC,CACH,CAAC;YACJ,CAAC,IAEA,CAAC,CAAC,WAAW,CAAC,CACN,CACZ,CACO;QACV,oBAAC,SAAS,QACP,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAI,CACvC,CAAC,CACQ;QACZ,oBAAC,OAAO;YACL,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,6BAAK,SAAS,EAAC,WAAW;gBACxB,gCAAK,CAAC,CAAC,YAAY,CAAC,CAAM;gBAC1B,oBAAC,IAAI;oBACH,mCAAQ,CAAC,CAAC,aAAa,CAAC,CAAS;oBACjC,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,GAAI,CAClD;gBACP,4BAAI,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAG,CAAC,CAAC,WAAW,CAAC,CAAM;gBACrD,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;oBACxB,OAAO,CACL,oBAAC,IAAI,IAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;wBACnD,mCAAQ,QAAQ,CAAC,IAAI,CAAS;wBAC9B,oBAAC,KAAK,IACJ,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAC5B,QAAQ,SACR,CACG,CACR,CAAC;gBACJ,CAAC,CAAC,CACE,CACP;YAED,6BAAK,SAAS,EAAC,YAAY;gBACzB,oBAAC,YAAY,IACX,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,GACxC;gBAEF,6BAAK,SAAS,EAAC,OAAO;oBACpB,mCACG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CACrD;oBACR,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,GAAI,CAC3C;gBAEN,oBAAC,GAAG,IACF,SAAS,EAAC,KAAK,EACf,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EACpC,YAAY,EAAE,YAAY,GAC1B,CACE,CACE,CACH,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,GAAG,CAAC,EAAgC;QAAhC,EAAE,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IACzC,OAAO,CACL,6CAAS,IAAI;QACX,mCAAQ,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAS;QAC9D;YACE,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,GAAG,GAAI,CAC1B,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC;AAC1B,4CAA4C;AAC5C,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,IAC3B,MAAM,CAAC,EAAE,CACR,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,oBAAC,KAAK,IAAC,UAAU,EAAC,IAAI,IACnB,OAAO,CAAC,EAAE,CACT,OAAO,CAAC,CAAC,CAAC,CACR,oBAAC,YAAY,IAAC,EAAE,EAAC,aAAa,IAC3B,MAAM,CAAC,EAAE,CAAC,CACT,oBAAC,cAAc,kBAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CAC7D,CACY,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IAAC,EAAE,EAAC,aAAa,IAC3B,MAAM,CAAC,EAAE,CAAC,CACT,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK;IAClC,oBAAC,cAAc,kBAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CACrD,CACV,CACY,CAChB,CAEG,CACT,CAAC,CAAC,CAAC,IAAI,CAEG,CAChB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/Cart/CartItem.js

@@ -0,0 +1,155 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import { Link } from 'react-router-dom';
+import t from '@jetshop/intl';
+import useDecrementQuantity from '@jetshop/core/components/Mutation/useDecrementQuantity';
+import useIncrementQuantity from '@jetshop/core/components/Mutation/useIncrementQuantity';
+import useRemoveFromCart from '@jetshop/core/components/Mutation/useRemoveFromCart';
+import getCartItemVariant from '@jetshop/core/helpers/getCartItemVariant';
+import Image from '@jetshop/ui/Image';
+import { Price } from '@jetshop/ui/Price';
+import { ReactComponent as CrossIcon } from '@jetshop/ui/svg/Cross.svg';
+import { FlyoutTrigger } from '@jetshop/ui/Modal/Flyout';
+import removeFromCartMutation from './queries/removeFromCart.gql';
+import incrementQuantityMutation from './queries/incrementQuantity.gql';
+import decrementQuantityMutation from './queries/decrementQuantity.gql';
+import cartQuery from './queries/cartQuery.gql';
+const Wrapper = styled('div') `
+  display: flex;
+  background: white;
+  margin-bottom: 0.5rem;
+
+  > :first-child {
+    flex: 1 1 25%;
+  }
+
+  > :last-child {
+    flex: 1 1 70%;
+    padding: 0.5rem;
+  }
+`;
+const ProductName = styled('div') `
+  font-size: 0.875rem;
+  font-weight: normal;
+
+  a {
+    color: #828282;
+  }
+
+  .attribute {
+    display: block;
+  }
+`;
+const ProductDetail = styled('section') `
+  display: grid;
+  grid-auto-columns: 1fr 1fr 1fr 1fr;
+  grid-template-areas: 'topleft topleft topleft topright' 'bottomleft bottomleft bottomright bottomright';
+`;
+const ItemDetails = styled('div') `
+  grid-area: topleft;
+`;
+const LinePrice = styled(Price) `
+  margin-top: 1rem;
+  grid-area: bottomright;
+  font-weight: 600;
+  text-align: right;
+`;
+const AdjustQty = styled('div') `
+  margin-top: 1rem;
+  display: flex;
+  grid-area: bottomleft;
+  /* Plus/minus buttons */
+
+  button {
+    background: #f2f2f2;
+    color: black;
+    border-radius: 50%;
+    height: 20px;
+    width: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    :focus {
+      outline: none;
+    }
+  }
+
+  /* Count */
+
+  span {
+    margin: 0 0.5rem;
+    display: inline-block;
+  }
+`;
+const FreeGift = styled('div') `
+  margin-top: 1rem;
+  font-style: italic;
+  grid-area: bottomleft;
+`;
+const RemoveItem = styled('div') `
+  grid-area: topright;
+  text-align: right;
+
+  button {
+    padding: 0;
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    outline: none;
+    border: none;
+    background: #8f8f8f;
+    margin-left: auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  svg {
+    height: 8px;
+    width: 8px;
+  }
+`;
+const CartItem = ({ item, className = '' }) => {
+    var _a;
+    const { isVariant, variantImage, variantValues, hasVariantImage } = getCartItemVariant(item);
+    const { incrementQuantity } = useIncrementQuantity({
+        incrementQuantityMutation,
+        cartQuery
+    });
+    const { decrementQuantity } = useDecrementQuantity({
+        decrementQuantityMutation,
+        cartQuery
+    });
+    const { removeFromCart } = useRemoveFromCart({
+        removeFromCartMutation,
+        cartQuery
+    });
+    const variantNamesValues = variantValues.map((value, index) => `${item.variantOptionNames[index]}: ${value}`);
+    const isFreeItem = ((_a = item.discounts) === null || _a === void 0 ? void 0 : _a.filter(d => {
+        return d.type === 'FREE_PRODUCT';
+    }).length) > 0;
+    return (React.createElement(Wrapper, { className: className },
+        React.createElement("div", null, item.product.images.length > 0 && (React.createElement(Image, { aspect: "1:1", sizes: "5rem", src: hasVariantImage ? variantImage.url : item.product.images[0].url, alt: hasVariantImage ? variantImage.alt : item.product.images[0].alt, quality: 80 }))),
+        React.createElement(ProductDetail, null,
+            React.createElement(ItemDetails, null,
+                React.createElement(FlyoutTrigger, { id: "cart-flyout" }, flyout => (React.createElement(ProductName, { onClick: flyout.hideTarget },
+                    React.createElement(Link, { to: item.product.primaryRoute.path },
+                        React.createElement("h2", { "data-testid": "item-name" }, item.product.name),
+                        isVariant && (React.createElement("ul", { style: {
+                                marginTop: '0'
+                            } }, variantNamesValues.map((variantOptionNameValue, index) => (React.createElement("li", { className: "attribute", key: index }, variantOptionNameValue))))),
+                        item.configurations.length > 0 && (React.createElement("ul", { style: {
+                                marginTop: '0'
+                            } }, item.configurations.map(({ option: { name } }, index) => (React.createElement("li", { className: "attribute", key: index }, name)))))))))),
+            React.createElement(RemoveItem, null,
+                React.createElement("button", { onClick: () => removeFromCart({ itemId: item.id, product: item.product }), "data-testid": "remove-from-cart" },
+                    React.createElement(CrossIcon, null))),
+            !isFreeItem ? (React.createElement(AdjustQty, null,
+                React.createElement("button", { "data-testid": "decrement-quantity", disabled: item.quantity === 1, onClick: () => item.quantity !== 1 && decrementQuantity({ itemId: item.id }) }, "-"),
+                React.createElement("span", { "data-testid": "item-quantity" }, item.quantity),
+                React.createElement("button", { "data-testid": "increment-quantity", onClick: () => incrementQuantity({ itemId: item.id }) }, "+"))) : (React.createElement(FreeGift, null, t('Free gift'))),
+            React.createElement(LinePrice, { "data-testid": "item-price", price: item.total, previousPrice: item.previousTotal }))));
+};
+export default CartItem;
+//# sourceMappingURL=CartItem.js.map

package/dist/src/components/Cart/CartItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItem.js","sourceRoot":"","sources":["../../../../src/components/Cart/CartItem.js"],"names":[],"mappings":"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"}

package/dist/src/components/Cart/FreeShipping.js

@@ -0,0 +1,51 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import useFreeShippingCheck from '@jetshop/core/hooks/useFreeShippingCheck';
+import t from '@jetshop/intl';
+import { Price } from '@jetshop/ui/Price';
+import { styled } from 'linaria/react';
+import React from 'react';
+const common = `
+  line-height: 1.5;
+  font-size: 0.85em;
+  text-align: center;
+  color: #828282;
+`;
+const UntilLimit = styled('div') `
+  ${common};
+  [data-flight-price] {
+    display: inline;
+    > * {
+      display: inline;
+    }
+  }
+`;
+const Reached = styled('div') `
+  ${common};
+`;
+function FreeShipping(_a) {
+    var { cartTotal } = _a, rest = __rest(_a, ["cartTotal"]);
+    const { hasMetLimit, untilLimit, freeShippingConfigured } = useFreeShippingCheck({
+        cartTotal
+    });
+    if (!freeShippingConfigured)
+        return null;
+    if (!hasMetLimit)
+        return (React.createElement(UntilLimit, { key: "until-limit" }, t.rich(`Spend {price} more to qualify for free shipping!`, {
+            price: React.createElement(Price, { key: "price", price: untilLimit })
+        })));
+    return (React.createElement(Reached, Object.assign({}, rest),
+        React.createElement("h2", null, t('Delivery')),
+        React.createElement("label", null, t('Free for your order'))));
+}
+export default FreeShipping;
+//# sourceMappingURL=FreeShipping.js.map

package/dist/src/components/Cart/FreeShipping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FreeShipping.js","sourceRoot":"","sources":["../../../../src/components/Cart/FreeShipping.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAC5E,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,GAAG;;;;;CAKd,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,MAAM;;;;;;;CAOT,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACzB,MAAM;CACT,CAAC;AAEF,SAAS,YAAY,CAAC,EAAsB;QAAtB,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACxC,MAAM,EACJ,WAAW,EACX,UAAU,EACV,sBAAsB,EACvB,GAAG,oBAAoB,CAAC;QACvB,SAAS;KACV,CAAC,CAAC;IAEH,IAAI,CAAC,sBAAsB;QAAE,OAAO,IAAI,CAAC;IAEzC,IAAI,CAAC,WAAW;QACd,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAC,aAAa,IAC1B,CAAC,CAAC,IAAI,CAAC,kDAAkD,EAAE;YAC1D,KAAK,EAAE,oBAAC,KAAK,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,UAAU,GAAI;SAChD,CAAC,CACS,CACd,CAAC;IAEJ,OAAO,CACL,oBAAC,OAAO,oBAAK,IAAI;QACf,gCAAK,CAAC,CAAC,UAAU,CAAC,CAAM;QACxB,mCAAQ,CAAC,CAAC,qBAAqB,CAAC,CAAS,CACjC,CACX,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/src/components/CategoryPage/CategoryHeader.js

@@ -0,0 +1,104 @@
+import { default as Breadcrumbs } from '@jetshop/ui/Breadcrumbs';
+import Image from '@jetshop/ui/Image/Image';
+import React from 'react';
+import { styled } from 'linaria/react';
+import { css } from 'linaria';
+import MaxWidth from '../Layout/MaxWidth';
+import { theme } from '../Theme';
+export const CategoryHeaderWrapper = styled(MaxWidth) `
+  background-color: ${theme.colors.background};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  ${theme.below.xl} {
+    max-width: 100%;
+    width: 100%;
+    padding: 0px;
+  }
+`;
+const CategoryImageWrapper = styled('div') `
+  height: 320px;
+  width: 100%;
+  ::after {
+    display: block;
+    position: relative;
+    background-image: linear-gradient(
+      0deg,
+      rgba(0, 0, 0, 0.195) 0%,
+      rgba(0, 0, 0, 0) 100%
+    );
+    width: 100%;
+    content: '';
+    margin-top: -320px;
+    height: 320px;
+  }
+  ${theme.below.md} {
+    height: 217px;
+    ::after {
+      margin-top: -217px;
+      height: 217px;
+    }
+  }
+`;
+export const NoImageWrapper = styled('div') `
+  margin-top: 3.5rem;
+  padding: 10px;
+`;
+const CategoryName = styled('h1') `
+  font-weight: 600;
+  line-height: normal;
+  font-size: 40px;
+  margin-bottom: 10px;
+  ${theme.below.md} {
+    font-size: 30px;
+  }
+`;
+const CategoryContent = styled('div') `
+  max-width: 540px;
+  font-weight: 300;
+  line-height: 26px;
+  font-size: 18px;
+`;
+const StyledBreadcrumbs = styled(Breadcrumbs) `
+  margin-bottom: 8px;
+`;
+const headerImageStyles = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  ${StyledBreadcrumbs} {
+    a,
+    li {
+      color: white;
+    }
+  }
+`;
+export const Inner = styled('div') `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+`;
+const Content = ({ category, breadcrumbProps, content }) => (React.createElement(Inner, null,
+    React.createElement(StyledBreadcrumbs, Object.assign({}, breadcrumbProps)),
+    React.createElement(CategoryName, { "data-testid": "page-header" }, category.name),
+    React.createElement(CategoryContent, { "data-testid": "category-description", dangerouslySetInnerHTML: {
+            __html: (content === null || content === void 0 ? void 0 : content.value) || category.content
+        } })));
+const CategoryHeader = ({ category, parents, imageSrc, breadcrumbs, content }) => {
+    const breadcrumbProps = {
+        breadcrumbs,
+        parents
+    };
+    const isImageBackground = imageSrc || (category.images && category.images.length > 0);
+    return (React.createElement(CategoryHeaderWrapper, null, isImageBackground ? (React.createElement(CategoryImageWrapper, null,
+        React.createElement(Image, { src: (imageSrc === null || imageSrc === void 0 ? void 0 : imageSrc.value) || category.images, fillAvailableSpace: true, cover: true, quality: 80, className: headerImageStyles, critical: true, sizes: [1, 1, 1, 1, 1216] },
+            React.createElement(Content, { category: category, breadcrumbProps: breadcrumbProps, content: content })))) : (React.createElement(NoImageWrapper, null,
+        React.createElement(Content, { category: category, breadcrumbProps: breadcrumbProps, content: content })))));
+};
+export default CategoryHeader;
+//# sourceMappingURL=CategoryHeader.js.map

package/dist/src/components/CategoryPage/CategoryHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryHeader.js","sourceRoot":"","sources":["../../../../src/components/CategoryPage/CategoryHeader.js"],"names":[],"mappings":"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"}

package/dist/src/components/CategoryPage/CategoryHeaderLoadingState.js

@@ -0,0 +1,13 @@
+import { LoadingLine } from '@jetshop/ui/Loading/LoadingLine';
+import React from 'react';
+import { CategoryHeaderWrapper, Inner, NoImageWrapper } from './CategoryHeader';
+export default React.memo(function CategoryHeaderLoadingState() {
+    const backgroundColor = '#e2e2e2';
+    return (React.createElement(CategoryHeaderWrapper, null,
+        React.createElement(NoImageWrapper, null,
+            React.createElement(Inner, null,
+                React.createElement(LoadingLine, { color: backgroundColor, heightPx: 14, style: { marginBottom: '2rem' } }),
+                React.createElement(LoadingLine, { color: backgroundColor, widthRem: 10, heightPx: 27, style: { marginBottom: '20px' } }),
+                React.createElement(LoadingLine, { color: backgroundColor, widthRem: 25, randomizeWidthBy: 5, count: 2, heightPx: 14, style: { marginBottom: '0.5rem' } })))));
+});
+//# sourceMappingURL=CategoryHeaderLoadingState.js.map

package/dist/src/components/CategoryPage/CategoryHeaderLoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryHeaderLoadingState.js","sourceRoot":"","sources":["../../../../src/components/CategoryPage/CategoryHeaderLoadingState.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEhF,eAAe,KAAK,CAAC,IAAI,CAAC,SAAS,0BAA0B;IAC3D,MAAM,eAAe,GAAG,SAAS,CAAC;IAClC,OAAO,CACL,oBAAC,qBAAqB;QACpB,oBAAC,cAAc;YACb,oBAAC,KAAK;gBACJ,oBAAC,WAAW,IACV,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,GAC/B;gBACF,oBAAC,WAAW,IACV,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,GAC/B;gBACF,oBAAC,WAAW,IACV,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,EAAE,EACZ,gBAAgB,EAAE,CAAC,EACnB,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,GACjC,CACI,CACO,CACK,CACzB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/CategoryPage/CategoryPage.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useLocation } from 'react-router';
+import qs from 'qs';
+import loadable from '@loadable/component';
+import LoadingPage from '../LoadingPage';
+export const LoadableStandardCategoryPage = loadable(() => import('./StandardCategoryPage'), {
+    fallback: React.createElement(LoadingPage, null)
+});
+export const LoadableWindowedCategoryPage = loadable(() => import('./WindowedCategoryPage'), {
+    fallback: React.createElement(LoadingPage, null)
+});
+const CategoryPage = props => {
+    const location = useLocation();
+    const { search } = location;
+    const searchObject = qs.parse(search, { ignoreQueryPrefix: true });
+    const standardPagination = searchObject.standardPagination === 'true';
+    // Comment out the one you're not using
+    if (standardPagination) {
+        return React.createElement(LoadableStandardCategoryPage, Object.assign({}, props));
+    }
+    else {
+        return React.createElement(LoadableWindowedCategoryPage, Object.assign({}, props));
+    }
+};
+export default CategoryPage;
+//# sourceMappingURL=CategoryPage.js.map

package/dist/src/components/CategoryPage/CategoryPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage.js","sourceRoot":"","sources":["../../../../src/components/CategoryPage/CategoryPage.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,GAAG,EAAE,CAAC,MAAM,CAAC,wBAAwB,CAAC,EACtC;IACE,QAAQ,EAAE,oBAAC,WAAW,OAAG;CAC1B,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,GAAG,EAAE,CAAC,MAAM,CAAC,wBAAwB,CAAC,EACtC;IACE,QAAQ,EAAE,oBAAC,WAAW,OAAG;CAC1B,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;IAC3B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE5B,MAAM,YAAY,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,KAAK,MAAM,CAAC;IAEtE,uCAAuC;IACvC,IAAI,kBAAkB,EAAE;QACtB,OAAO,oBAAC,4BAA4B,oBAAK,KAAK,EAAI,CAAC;KACpD;SAAM;QACL,OAAO,oBAAC,4BAA4B,oBAAK,KAAK,EAAI,CAAC;KACpD;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/components/CategoryPage/CategoryPage.loadable.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import loadable from '@loadable/component';
+import LoadingPage from '../LoadingPage';
+export default loadable(() => import('./CategoryPage'), {
+    fallback: React.createElement(LoadingPage, null)
+});
+//# sourceMappingURL=CategoryPage.loadable.js.map

package/dist/src/components/CategoryPage/CategoryPage.loadable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage.loadable.js","sourceRoot":"","sources":["../../../../src/components/CategoryPage/CategoryPage.loadable.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,eAAe,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE;IACtD,QAAQ,EAAE,oBAAC,WAAW,OAAG;CAC1B,CAAC,CAAC"}