@jetshop/template-trend 6.1.3 → 6.1.5

package/dist/src/components/ProductPage/AddToCart/ProductToast.js

@@ -0,0 +1,118 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import { trackCartCheckoutEvent } from '@jetshop/core/analytics/tracking';
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import CartProvider from '@jetshop/core/components/Query/CartProvider';
+import t from '@jetshop/intl';
+import Image from '@jetshop/ui/Image/Image';
+import { Price } from '@jetshop/ui/Price';
+import useProductToast from './useProductToast';
+import { baseStyles } from '../../ui/Button';
+import { theme } from '../../Theme';
+import cartQuery from '../../Cart/queries/cartQuery.gql';
+const Container = styled('aside') `
+  ${theme.above.sm} {
+    width: 320px;
+  }
+  ${theme.below.sm} {
+    width: 100%;
+  }
+  background-color: ${theme.colors.white};
+`;
+const CheckoutButton = styled.a `
+  ${baseStyles}
+  padding: ${theme.space[2]};
+  margin: ${theme.space[1]};
+  text-align: center;
+  background: ${theme.colors.blue};
+  color: white;
+`;
+const ProductImageWrapper = styled('div') `
+  width: 5rem;
+  margin-right: 1rem;
+`;
+const ProductCheckoutContainer = styled('div') `
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+
+  a {
+    text-decoration: none;
+    :hover {
+      opacity: 0.8;
+      text-decoration: none;
+      color: white;
+    }
+  }
+`;
+const Product = styled('div') `
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  margin: ${theme.space[2]};
+`;
+const ProductDetails = styled('div') `
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  color: black;
+
+  .price,
+  .new-price {
+    margin-top: 0.75rem;
+  }
+
+  .old-price {
+    margin-top: 0.25rem;
+  }
+
+  .new-price {
+    color: ${theme.colors.red};
+  }
+`;
+const Header = styled('h3') `
+  font-size: ${theme.fontSizes[2]};
+  margin-bottom: ${theme.space[1]};
+`;
+const ProductName = styled('p') `
+  font-size: ${theme.fontSizes[0]};
+`;
+const Error = styled('p') `
+  color: red;
+  margin-top: ${theme.space[1]};
+  font-size: ${theme.fontSizes[0]};
+`;
+const ProductToast = ({ product, cart, selectedVariation, quantity, error }) => {
+    const { price, previousPrice, image } = useProductToast({
+        product,
+        selectedVariation,
+        quantity
+    });
+    const track = useTracker();
+    return (React.createElement(Container, { "data-testid": "product-toast" },
+        React.createElement(ProductCheckoutContainer, null,
+            React.createElement(Product, null,
+                product.images.length > 0 && (React.createElement(ProductImageWrapper, null,
+                    React.createElement(Image, { src: image.url, sizes: 80, aspect: '1:1', alt: image.alt, quality: 80 }))),
+                React.createElement(ProductDetails, null,
+                    error ? (React.createElement(Header, null, t('Failed adding to bag'))) : quantity === 1 ? (React.createElement(Header, null, t('Added to bag'))) : (React.createElement(Header, null, t.rich('Added {quantity} items to bag', { quantity }))),
+                    React.createElement(ProductName, null, product.name),
+                    !error && React.createElement(Price, { price: price, previousPrice: previousPrice }),
+                    error && (React.createElement(Error, null,
+                        t('An error occurred. Details:'),
+                        React.createElement("ul", null, error.graphQLErrors && error.graphQLErrors.length > 0 ? (error.graphQLErrors.map(({ message, locations, path }) => (React.createElement("li", { key: message }, t(message))))) : (React.createElement("li", null, t(error.message)))))))),
+            cart && cart.externalCheckoutUrl && (React.createElement(ChannelContext.Consumer, null, ({ selectedChannel }) => (React.createElement(CheckoutButton, { href: cart.externalCheckoutUrl, onClick: event => {
+                    event.preventDefault();
+                    track(trackCartCheckoutEvent({
+                        cart: cart,
+                        callback: () => {
+                            window.location = cart.externalCheckoutUrl;
+                        }
+                    }));
+                } }, t('To checkout'))))))));
+};
+const ProductToastWrapper = props => (React.createElement(CartProvider, { query: cartQuery }, ({ data }) => React.createElement(ProductToast, Object.assign({}, props, { cart: data && data.cart }))));
+export default ProductToastWrapper;
+//# sourceMappingURL=ProductToast.js.map

package/dist/src/components/ProductPage/AddToCart/ProductToast.js.map

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

package/dist/src/components/ProductPage/AddToCart/useProductToast.js

@@ -0,0 +1,21 @@
+function useProductToast({ product, selectedVariation, quantity }) {
+    let image, price, previousPrice;
+    const toastProduct = selectedVariation || product;
+    // Calculating the price by mutliplying with quantity
+    price = calculatePrice(toastProduct.price, quantity);
+    previousPrice = calculatePrice(toastProduct.previousPrice, quantity);
+    image = (selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.images[0]) || product.images[0];
+    return {
+        price,
+        previousPrice,
+        image
+    };
+}
+function calculatePrice(price, quantity) {
+    const incVat = price.incVat * quantity;
+    const exVat = price.exVat * quantity;
+    const vat = price.vat * quantity;
+    return { incVat, exVat, vat };
+}
+export default useProductToast;
+//# sourceMappingURL=useProductToast.js.map

package/dist/src/components/ProductPage/AddToCart/useProductToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProductToast.js","sourceRoot":"","sources":["../../../../../src/components/ProductPage/AddToCart/useProductToast.js"],"names":[],"mappings":"AAAA,SAAS,eAAe,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE;IAC/D,IAAI,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC;IAEhC,MAAM,YAAY,GAAG,iBAAiB,IAAI,OAAO,CAAC;IAElD,qDAAqD;IACrD,KAAK,GAAG,cAAc,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACrD,aAAa,GAAG,cAAc,CAAC,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAErE,KAAK,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,CAAC,CAAC,CAAC,KAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE1D,OAAO;QACL,KAAK;QACL,aAAa;QACb,KAAK;KACN,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,KAAK,EAAE,QAAQ;IACrC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC;IACrC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;IACjC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAChC,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/src/components/ProductPage/Campaigns.js

@@ -0,0 +1,43 @@
+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 CategoryLink from '@jetshop/ui/CategoryLink';
+import { css, cx } from 'linaria';
+import { styled } from 'linaria/react';
+import { useIntl } from '@jetshop/intl';
+import { theme } from '../Theme';
+const campaignList = css `
+  font-size: 0.875rem;
+  margin: 0;
+  padding: 0;
+  span {
+    font-weight: 600;
+  }
+`;
+const CampaignLink = styled(CategoryLink) `
+  text-decoration: none;
+  color: ${theme.colors.blue};
+`;
+export function Campaigns(_a) {
+    var { campaigns, className } = _a, rest = __rest(_a, ["campaigns", "className"]);
+    const t = useIntl();
+    if (!campaigns || campaigns.length === 0) {
+        return null;
+    }
+    return (React.createElement("div", Object.assign({ className: cx(campaignList, className) }, rest),
+        React.createElement("span", null, t('Included in campaign:')),
+        React.createElement("ul", null, campaigns.map(campaign => {
+            return (React.createElement("li", { key: campaign.id },
+                React.createElement(CampaignLink, { category: campaign }, campaign.name)));
+        }))));
+}
+//# sourceMappingURL=Campaigns.js.map

package/dist/src/components/ProductPage/Campaigns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Campaigns.js","sourceRoot":"","sources":["../../../../src/components/ProductPage/Campaigns.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;CAOvB,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;;WAE9B,KAAK,CAAC,MAAM,CAAC,IAAI;CAC3B,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EAAiC;QAAjC,EAAE,SAAS,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IACvD,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;QACxC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,2CAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,IAAM,IAAI;QACnD,kCAAO,CAAC,CAAC,uBAAuB,CAAC,CAAQ;QACzC,gCACG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACxB,OAAO,CACL,4BAAI,GAAG,EAAE,QAAQ,CAAC,EAAE;gBAClB,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,IAAG,QAAQ,CAAC,IAAI,CAAgB,CAC7D,CACN,CAAC;QACJ,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC"}

package/dist/src/components/ProductPage/ConfigurationSelector.js

@@ -0,0 +1,62 @@
+import React, { useContext } from 'react';
+import ProductConfigurationContext from '@jetshop/core/components/ProductConfigurationProvider/ProductConfigurationContext';
+import { DropdownMenu, DropdownMenuButton, DropdownMenuItem, DropdownMenuItems } from '@jetshop/ui/DropdownMenu';
+import { ReactComponent as Check } from '../../svg/Check.svg';
+import { css } from 'linaria';
+export function ConfigurationSelector({ product }) {
+    const context = useContext(ProductConfigurationContext);
+    if (!context)
+        return null;
+    const { configurations, selectOption, getSelectedValue } = context;
+    return (React.createElement(React.Fragment, null, configurations.map(config => {
+        const selectedValue = getSelectedValue(config);
+        return (React.createElement("div", { key: config.name, className: dropdownStyles },
+            React.createElement("label", { htmlFor: `option-${config.name}` }, config.name),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenuButton, { id: `option-${config.name}` }, selectedValue),
+                React.createElement(DropdownMenuItems, null, config.options.map(option => {
+                    return (React.createElement(DropdownMenuItem, { closeOnSelect: true, key: option.id, onSelect: () => {
+                            selectOption(option, config);
+                        } },
+                        option.name,
+                        selectedValue === option.name && React.createElement(Check, null)));
+                })))));
+    })));
+}
+const dropdownStyles = css `
+  margin: 1em 0;
+  [data-flight-dropdown] {
+    background: white;
+  }
+  [data-flight-dropdown-button] {
+    background: white;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    border: 1px solid #dedede;
+  }
+  [data-flight-dropdown-open='true'] {
+    [data-flight-dropdown-button] {
+      border-bottom-color: transparent;
+      border-radius: 3px 3px 0 0;
+    }
+  }
+  [data-flight-dropdown-items] {
+    width: 100%;
+    border: 1px solid #dedede;
+    margin-top: -1px;
+    border-radius: 0 0 3px 3px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  }
+  [data-flight-dropdown-item] {
+    display: flex;
+    align-items: center;
+    :last-child {
+      border-radius: 0 0 3px 3px;
+    }
+  }
+  svg {
+    margin-left: auto;
+  }
+`;
+//# sourceMappingURL=ConfigurationSelector.js.map

package/dist/src/components/ProductPage/ConfigurationSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationSelector.js","sourceRoot":"","sources":["../../../../src/components/ProductPage/ConfigurationSelector.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,2BAA2B,MAAM,mFAAmF,CAAC;AAC5H,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE9B,MAAM,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAAE;IAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAExD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAEnE,OAAO,CACL,0CACG,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC3B,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAE/C,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,cAAc;YAC9C,+BAAO,OAAO,EAAE,UAAU,MAAM,CAAC,IAAI,EAAE,IAAG,MAAM,CAAC,IAAI,CAAS;YAC9D,oBAAC,YAAY;gBACX,oBAAC,kBAAkB,IAAC,EAAE,EAAE,UAAU,MAAM,CAAC,IAAI,EAAE,IAC5C,aAAa,CACK;gBAErB,oBAAC,iBAAiB,QACf,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;oBAC3B,OAAO,CACL,oBAAC,gBAAgB,IACf,aAAa,QACb,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,QAAQ,EAAE,GAAG,EAAE;4BACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;wBAC/B,CAAC;wBAEA,MAAM,CAAC,IAAI;wBACX,aAAa,KAAK,MAAM,CAAC,IAAI,IAAI,oBAAC,KAAK,OAAG,CAC1B,CACpB,CAAC;gBACJ,CAAC,CAAC,CACgB,CACP,CACX,CACP,CAAC;IACJ,CAAC,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCzB,CAAC"}

package/dist/src/components/ProductPage/Images/ImageContainer.js

@@ -0,0 +1,45 @@
+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 Gallery from '@jetshop/ui/Gallery/Gallery';
+import Badges from '@jetshop/ui/ProductList/Badges';
+import React from 'react';
+import { css, cx } from 'linaria';
+import { useSwitchToVariantImage } from '@jetshop/core/hooks/Product';
+const wrapper = css `
+  display: flex;
+  flex-direction: column;
+  .image-gallery-thumbnails-container {
+    display: flex;
+  }
+  .image-gallery-thumbnail {
+    &.active {
+      border: 1px solid black;
+    }
+  }
+`;
+export default function ImageContainer(_a) {
+    var { images, badges, variant } = _a, rest = __rest(_a, ["images", "badges", "variant"]);
+    const galleryRef = React.createRef();
+    // Enable switching gallery to image of selected variant
+    useSwitchToVariantImage({
+        galleryImages: images,
+        galleryRef,
+        variant
+    });
+    const selectedVariantImageIndex = variant
+        ? images.findIndex(image => { var _a, _b; return image.url === ((_b = (_a = variant.images) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url); })
+        : null;
+    return (React.createElement("div", Object.assign({}, rest, { className: cx(rest.className, wrapper) }),
+        React.createElement(Gallery, { aspect: '1:1', images: images, galleryRef: galleryRef, eagerlyLoad: selectedVariantImageIndex ? [0, selectedVariantImageIndex] : [0] },
+            React.createElement(Badges, { badges: badges }))));
+}
+//# sourceMappingURL=ImageContainer.js.map

package/dist/src/components/ProductPage/Images/ImageContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageContainer.js","sourceRoot":"","sources":["../../../../../src/components/ProductPage/Images/ImageContainer.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;;;;;;CAWlB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAoC;QAApC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,OAAW,EAAN,IAAI,cAAlC,+BAAoC,CAAF;IACvE,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IACrC,wDAAwD;IACxD,uBAAuB,CAAC;QACtB,aAAa,EAAE,MAAM;QACrB,UAAU;QACV,OAAO;KACR,CAAC,CAAC;IAEH,MAAM,yBAAyB,GAAG,OAAO;QACvC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,eAAC,OAAA,KAAK,CAAC,GAAG,MAAK,MAAA,MAAA,OAAO,CAAC,MAAM,0CAAG,CAAC,CAAC,0CAAE,GAAG,CAAA,CAAA,EAAA,CAAC;QACnE,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,6CAAS,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;QACnD,oBAAC,OAAO,IACN,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EACT,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAGlE,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,GAAI,CAClB,CACN,CACP,CAAC;AACJ,CAAC"}

package/dist/src/components/ProductPage/Images/Thumbnails.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+const Wrapper = styled('div') `
+  ul {
+    list-style: none;
+    display: flex;
+    justify-content: center;
+    li {
+      margin: 0.5rem;
+      height: 6rem;
+      width: 5rem;
+      background-size: cover;
+      cursor: pointer;
+      :hover {
+        opacity: 0.9;
+      }
+    }
+  }
+`;
+/**
+ * @param {array} {images} Array of prod images
+ */
+const Thumbnails = ({ images, selectImage }) => {
+    // sizes[]:  height, url, width
+    const prodImages = images || [];
+    return prodImages.length > 0 ? (React.createElement(Wrapper, null,
+        React.createElement("ul", null, prodImages.map((img, i) => (React.createElement("li", { key: img.sizes && img.sizes[0] && img.sizes[0].url, onClick: () => selectImage(i), style: {
+                background: `url(${img.sizes && img.sizes[1] ? img.sizes[1].url : null}) center center no-repeat`
+            } })))))) : null;
+};
+export default Thumbnails;
+//# sourceMappingURL=Thumbnails.js.map

package/dist/src/components/ProductPage/Images/Thumbnails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnails.js","sourceRoot":"","sources":["../../../../../src/components/ProductPage/Images/Thumbnails.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;CAgB5B,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;IAC7C,+BAA+B;IAE/B,MAAM,UAAU,GAAG,MAAM,IAAI,EAAE,CAAC;IAEhC,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7B,oBAAC,OAAO;QACN,gCACG,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,4BACE,GAAG,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAClD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAC7B,KAAK,EAAE;gBACL,UAAU,EAAE,OACV,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IACjD,2BAA2B;aAC5B,GACD,CACH,CAAC,CACC,CACG,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/ProductPage/PackageProduct/IncludedInPackages.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { css } from 'linaria';
+import { useIntl } from '@jetshop/intl';
+import ProductLink from '@jetshop/ui/ProductLink';
+import { theme } from '../../Theme';
+const packageList = css `
+  font-size: 0.875rem;
+  margin: 0;
+  padding: 0;
+  span {
+    font-weight: 600;
+  }
+  a {
+    text-decoration: none;
+    color: ${theme.colors.blue};
+  }
+`;
+export function IncludedInPackages({ packages }) {
+    const t = useIntl();
+    if ((packages === null || packages === void 0 ? void 0 : packages.length) === 0)
+        return null;
+    return (React.createElement("div", { className: packageList },
+        React.createElement("span", null, t('Included in package:')),
+        React.createElement("ul", null, packages.map(pkg => {
+            return (React.createElement("li", { key: pkg.id },
+                React.createElement(PackageLink, { pkg: pkg })));
+        }))));
+}
+function PackageLink({ pkg }) {
+    return React.createElement(ProductLink, { product: pkg }, pkg.name);
+}
+//# sourceMappingURL=IncludedInPackages.js.map

package/dist/src/components/ProductPage/PackageProduct/IncludedInPackages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncludedInPackages.js","sourceRoot":"","sources":["../../../../../src/components/ProductPage/PackageProduct/IncludedInPackages.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;aASV,KAAK,CAAC,MAAM,CAAC,IAAI;;CAE7B,CAAC;AAEF,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAE;IAC7C,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,MAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,6BAAK,SAAS,EAAE,WAAW;QACzB,kCAAO,CAAC,CAAC,sBAAsB,CAAC,CAAQ;QACxC,gCACG,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAClB,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,CAAC,EAAE;gBACb,oBAAC,WAAW,IAAC,GAAG,EAAE,GAAG,GAAI,CACtB,CACN,CAAC;QACJ,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,GAAG,EAAE;IAC1B,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAE,GAAG,IAAG,GAAG,CAAC,IAAI,CAAe,CAAC;AAC7D,CAAC"}

package/dist/src/components/ProductPage/PackageProduct/PackageProduct.js

@@ -0,0 +1,170 @@
+import React, { useEffect, useRef } from 'react';
+import { styled } from 'linaria/react';
+import { css } from 'linaria';
+import { usePackageProduct } from '@jetshop/core/hooks/PackageProducts';
+import { useIntl } from '@jetshop/intl';
+import { Price } from '@jetshop/ui/Price';
+import { useNotification } from '@jetshop/core/components/Notifications';
+import { ReactComponent as Cart } from '../../../svg/Cart.svg';
+import { default as Button, default as ButtonWithLoading } from '../../ui/Button';
+import { PackageProductItem } from './PackageProductItem';
+import packageProductQuery from './PackageProductQuery.gql';
+import { theme } from '../../Theme';
+import addMultipleToCartMutation from '../../Cart/queries/addMultipleToCart.gql';
+import cartQuery from '../../Cart/queries/cartQuery.gql';
+const PackageProductWrapper = styled('div') `
+  padding: 12px;
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #f0f0f0;
+  border-radius: 4px;
+  margin-bottom: 24px;
+  width: 100%;
+
+  .error {
+    margin-top: 1em;
+    background: #faf3f3;
+    padding: 1em;
+    label {
+      color: #ca0c0c;
+    }
+  }
+  .error button {
+    margin-top: 1em;
+  }
+  .package-product-items-wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+  .package-product-price-wrapper {
+    font-size: 1.1rem;
+    margin-bottom: 0.75em;
+
+    .discount,
+    .total {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .discount {
+      color: #5f5f5f;
+      align-items: center;
+
+      .price {
+        font-size: 1.25em;
+      }
+    }
+    .total {
+      font-weight: 600;
+      .package-price {
+        font-size: 1.5em;
+      }
+    }
+  }
+`;
+const toastStyles = css `
+  background: white;
+  color: ${theme.colors.black};
+  padding: 1em;
+  line-height: 1.5;
+  display: flex;
+  align-items: center;
+  white-space: normal;
+
+  svg {
+    width: 1.5em;
+    height: 1.5em;
+    margin-right: 0.5em;
+  }
+`;
+function Notification({ productName }) {
+    const t = useIntl();
+    return (React.createElement("div", { className: toastStyles },
+        React.createElement(Cart, null),
+        React.createElement("span", null, t('{productName} has been added to the cart', {
+            productName
+        }))));
+}
+export function PackageProduct({ product }) {
+    const ref = useRef(null);
+    const { addPackageToCart, status, price, error, retry, updatePackageItem, packageProduct } = usePackageProduct({
+        product,
+        packageProductQuery
+    });
+    // validation is not enabled until the 'add to cart' button is pressed once
+    const [validationEnabled, enableValidation] = React.useReducer(() => true, false);
+    const t = useIntl();
+    const buyable = status === 'buyable';
+    function add() {
+        addPackageToCart({
+            addMultipleToCartMutation,
+            cartQuery
+        });
+    }
+    function scrollToProducts() {
+        window.scrollTo({ top: ref.current.offsetTop, behavior: 'smooth' });
+    }
+    const [notify] = useNotification();
+    useEffect(() => {
+        if (status === 'added') {
+            notify(React.createElement(Notification, { productName: product.name }));
+        }
+    }, [notify, product.name, status]);
+    if (status === 'loading') {
+        return React.createElement(LoadingState, null);
+    }
+    return (React.createElement(PackageProductWrapper, { ref: ref },
+        React.createElement("div", { className: "package-product-items-wrapper" }, packageProduct.package.items.map((item, idx) => {
+            return (React.createElement(PackageProductItem, { item: item, key: item.product.id, updatePackageItem: updatePackageItem, validationEnabled: validationEnabled, price: price.items[idx], fetchingPrice: status === 'fetching_price' }));
+        })),
+        React.createElement(PackagePrice, { data: price, fetching: status === 'fetching_price' }),
+        React.createElement(Button, { "data-testid": "package-product-add-to-cart", disabled: validationEnabled && !buyable, loading: status === 'fetching_price', loadingText: t('Updating price... '), onClick: buyable
+                ? add
+                : () => {
+                    enableValidation();
+                    scrollToProducts();
+                } }, status === 'added'
+            ? t('Successfully added!')
+            : status === 'invalid' && validationEnabled
+                ? t('Select the variants')
+                : t('Add to cart')),
+        status === 'error' && React.createElement(Error, { error: error, retry: retry })));
+}
+function LoadingState() {
+    const t = useIntl();
+    return (React.createElement(PackageProductWrapper, null, t('Loading package details...')));
+}
+function PackagePrice({ data, fetching }) {
+    const t = useIntl();
+    return (React.createElement("div", { className: "package-product-price-wrapper", style: {
+            opacity: fetching ? 0.3 : 1
+        } },
+        React.createElement("div", { className: "discount" },
+            React.createElement("p", { className: "package-price-label" }, t('Package Discount')),
+            React.createElement(Price, { negative: true, price: data.discountValue, className: "package-price" })),
+        React.createElement("div", { className: "total" },
+            React.createElement("p", { className: "package-price-label" }, t('Total')),
+            React.createElement(Price, { "data-testid": "package-price-total", price: data.price, className: "package-price" }))));
+}
+function Error({ error, retry }) {
+    const t = useIntl();
+    // TODO: API will be changed to allow a `abortOnError` or similar variable
+    // for addMultipleToCart. Currently it's possible to end up in a state where
+    // some items in the package failed and some succeeded. After the change,
+    // complete failure will be the only case we need to handle.
+    return (React.createElement("div", { className: "error" },
+        React.createElement("label", null,
+            t('Something went wrong when { placeholder }', {
+                placeholder: error.fromState === 'fetchingPrice'
+                    ? ' fetching price. This item cannot be added to the cart at this time'
+                    : ' adding to cart'
+            }),
+            "."),
+        error.messages.map(err => (React.createElement("div", null, err))),
+        React.createElement(ButtonWithLoading, { onClick: retry }, t('Retry'))));
+}
+export default PackageProduct;
+//# sourceMappingURL=PackageProduct.js.map

package/dist/src/components/ProductPage/PackageProduct/PackageProduct.js.map

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