@jetshop/template-trend 6.2.3 → 6.2.5

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

@@ -1,170 +0,0 @@
-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

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

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

@@ -1,92 +0,0 @@
-import { usePackageProductItem } from '@jetshop/core/hooks/PackageProducts';
-import Image from '@jetshop/ui/Image';
-import { Price } from '@jetshop/ui/Price';
-import ProductLink from '@jetshop/ui/ProductLink';
-import React from 'react';
-import { styled } from 'linaria/react';
-import StockStatusIndicator from '../StockStatus/StockStatusIndicator';
-import { VariantSelector } from '../VariantSelector';
-const PackageProductItemWrapper = styled('div') `
-  border-bottom: 1px solid #f0f0f0;
-  margin-bottom: 12px;
-  padding-bottom: 12px;
-  color: black;
-  display: flex;
-  align-items: flex-start;
-
-  .product-link {
-    width: 72px;
-    margin-right: 12px;
-    img {
-      :hover {
-        opacity: 0.8 !important;
-      }
-    }
-  }
-
-  .product-name {
-    font-weight: 600;
-    font-size: 18px;
-    text-decoration: none;
-    color: black;
-    :hover {
-      text-decoration: underline;
-    }
-  }
-
-  .product-detail {
-    width: 100%;
-    > * + * {
-      margin-top: 0.5em;
-      margin-bottom: 0;
-    }
-  }
-
-  .flex {
-    display: flex;
-    align-items: center;
-  }
-  .price-quantity-wrapper {
-    margin-left: auto;
-    font-size: 18px;
-    display: flex;
-    align-items: center;
-    .package-product-price {
-      .price,
-      .new-price,
-      .old-price {
-        display: inline-block;
-        margin-right: 0px;
-        margin-left: 8px;
-      }
-      .price,
-      .new-price {
-        color: #ca0c0c;
-        font-size: 18px;
-      }
-      .old-price {
-        color: black;
-      }
-    }
-  }
-`;
-export function PackageProductItem({ item, updatePackageItem, validationEnabled, price, fetchingPrice }) {
-    const { stockStatus, variantHandler } = usePackageProductItem(item, updatePackageItem, { preselectCheapest: true });
-    const product = item.product;
-    return (React.createElement(PackageProductItemWrapper, null,
-        React.createElement(ProductLink, { product: product, className: "product-link" },
-            React.createElement(Image, { sizes: [1 / 10], aspect: '1:1', alt: product.images[0].alt, src: product.images[0].url })),
-        React.createElement("div", { className: "product-detail" },
-            React.createElement("header", null,
-                React.createElement(ProductLink, { product: product, className: "product-name" }, product.name),
-                React.createElement("p", null, product.subName)),
-            product.hasVariants && (React.createElement(VariantSelector, { product: product, variantHandler: variantHandler, showValidation: validationEnabled, disableOutOfStock: true })),
-            React.createElement("div", { className: "flex" },
-                React.createElement(StockStatusIndicator, { status: stockStatus.status, text: stockStatus.text, style: { marginTop: 0 } }),
-                React.createElement("div", { className: "price-quantity-wrapper", style: {
-                        opacity: fetchingPrice ? 0.3 : 1
-                    } },
-                    item.minQuantity > 1 && `${item.minQuantity} x`,
-                    React.createElement(Price, Object.assign({}, price, { className: "package-product-price" })))))));
-}
-//# sourceMappingURL=PackageProductItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PackageProductItem.js","sourceRoot":"","sources":["../../../../../src/components/ProductPage/PackageProduct/PackageProductItem.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,oBAAoB,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,yBAAyB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D9C,CAAC;AAEF,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,EACL,aAAa,EACd;IACC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,qBAAqB,CAC3D,IAAI,EACJ,iBAAiB,EACjB,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAC5B,CAAC;IAEF,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7B,OAAO,CACL,oBAAC,yBAAyB;QACxB,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,cAAc;YACrD,oBAAC,KAAK,IACJ,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EACf,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,EAC1B,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GACnB,CACG;QACd,6BAAK,SAAS,EAAC,gBAAgB;YAC7B;gBACE,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,cAAc,IACpD,OAAO,CAAC,IAAI,CACD;gBACd,+BAAI,OAAO,CAAC,OAAO,CAAK,CACjB;YACR,OAAO,CAAC,WAAW,IAAI,CACtB,oBAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,iBAAiB,EACjC,iBAAiB,SACjB,CACH;YACD,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,oBAAoB,IACnB,MAAM,EAAE,WAAW,CAAC,MAAM,EAC1B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GACvB;gBACF,6BACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE;wBACL,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;qBACjC;oBAEA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI;oBAChD,oBAAC,KAAK,oBAAK,KAAK,IAAE,SAAS,EAAC,uBAAuB,IAAG,CAClD,CACF,CACF,CACoB,CAC7B,CAAC;AACJ,CAAC"}

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

@@ -1,99 +0,0 @@
-import { useQuery } from '@apollo/client';
-import t from '@jetshop/intl';
-import React, { useContext } from 'react';
-import PriceHistoryQuery from './PriceHistoryQuery.gql';
-import { styled } from 'linaria/react';
-import { Price } from '@jetshop/ui/Price';
-import { FlyoutTrigger } from '@jetshop/ui/Modal/Flyout';
-import { FlyoutTarget } from '@jetshop/ui/Modal/Flyout';
-import ChannelContext from '@jetshop/core/components/ChannelContext/ChannelContext';
-const Wrapper = styled.div `
-  --innerFontSize: 0.85rem;
-  position: relative;
-
-  .label {
-    font-size: 0.75rem;
-    cursor: pointer;
-    background: transparent;
-  }
-
-  .price-table {
-    position: absolute;
-    padding: 0.35rem 0.9rem;
-    background: white;
-    border: 1px solid #e5e5e5;
-    max-height: 30rem;
-    overflow: scroll;
-    z-index: 2;
-    min-width: 14rem;
-    max-width: 18rem;
-
-    .label {
-      font-size: var(--innerFontSize);
-    }
-
-    li {
-      display: flex;
-      justify-content: space-between;
-
-      .timestamp {
-        font-size: var(--innerFontSize);
-      }
-
-      [data-flight-price=''] {
-        > .price {
-          font-size: var(--innerFontSize);
-          font-weight: normal;
-        }
-      }
-    }
-  }
-`;
-export function PriceHistoryWrapper(props) {
-    return (React.createElement(Wrapper, null,
-        React.createElement(FlyoutTrigger, { id: "price-history-flyout", coverStyles: { zIndex: 0, background: 'transparent' } }, ({ isOpen, hideTarget, showTarget }) => (React.createElement("button", { onClick: () => {
-                if (isOpen) {
-                    hideTarget();
-                }
-                else {
-                    showTarget();
-                }
-            }, className: "label" }, t('View price history')))),
-        React.createElement(FlyoutTarget, { id: "price-history-flyout" }, () => React.createElement(PriceHistory, Object.assign({}, props)))));
-}
-const days = 30;
-function PriceHistory({ articleNumber, variant }) {
-    const { error, loading, data } = useQuery(PriceHistoryQuery, {
-        variables: { articleNumber, days },
-        errorPolicy: 'all',
-        skip: !articleNumber
-    });
-    if (loading || error) {
-        return (React.createElement("div", { className: "price-table" },
-            loading && (React.createElement("span", { className: "label" }, t('Getting the last { days } days price changes...', {
-                days
-            }))),
-            error && React.createElement("span", { className: "label" }, t('Something went wrong'))));
-    }
-    const { product } = data;
-    if (!variant) {
-        return React.createElement(Table, { history: product.history, days: days });
-    }
-    const selectedVariant = product.variants.values.find(value => value.articleNumber === variant.articleNumber);
-    return React.createElement(Table, { history: selectedVariant.history, days: days });
-}
-const Table = ({ history, days }) => {
-    var _a;
-    const { selectedChannel } = useContext(ChannelContext);
-    if (((_a = history === null || history === void 0 ? void 0 : history.previousPrice) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-        return (React.createElement("div", { className: "price-table" },
-            React.createElement("span", { className: "label" }, t('The price has not changed in the last { days } days', { days }))));
-    }
-    return (React.createElement("div", { className: "price-table" },
-        React.createElement("ul", null, history.previousPrice.map(({ timestamp, price }) => (React.createElement("li", { key: timestamp },
-            React.createElement("span", { className: "timestamp" }, new Date(timestamp).toLocaleDateString([
-                selectedChannel.language.culture
-            ])),
-            React.createElement(Price, { price: price, as: "span" })))))));
-};
-//# sourceMappingURL=PriceHistory.js.map

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

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

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

@@ -1,55 +0,0 @@
-import ProductSpecifications from '@jetshop/ui/ProductSpecifications/ProductSpecifications';
-import React from 'react';
-import { styled } from 'linaria/react';
-import t from '@jetshop/intl';
-import { theme } from '../Theme';
-const Description = styled('article') `
-  margin-bottom: 42px;
-  color: #707070;
-`;
-export const SectionHeading = styled('h2') `
-  font-weight: 600;
-  font-size: 16px;
-  margin-bottom: 0.25em;
-`;
-export const ProductSection = styled('section') `
-  line-height: 1.5;
-
-  width: 100%;
-  padding-bottom: 3rem;
-
-  ${theme.below.md} {
-    margin: 0;
-  }
-
-  ${theme.above.md} {
-    width: calc(50% - 16px);
-  }
-
-  ${theme.above.lg} {
-    :nth-of-type(odd) {
-      width: calc(60% - 24px);
-    }
-    :nth-of-type(even) {
-      width: calc(40% - 24px);
-    }
-  }
-  ul.payment-options-list {
-    font-size: 16px;
-    font-weight: 600;
-  }
-`;
-const ProductInfo = ({ product }) => {
-    var _a;
-    return (React.createElement(React.Fragment, null,
-        product.description && (React.createElement(ProductSection, null,
-            React.createElement(SectionHeading, null, t('Product description')),
-            React.createElement(Description, { dangerouslySetInnerHTML: {
-                    __html: product.description
-                } }))),
-        ((_a = product.customFields) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement(ProductSection, null,
-            React.createElement(SectionHeading, null, t('Specifications')),
-            React.createElement(ProductSpecifications, { fields: product.customFields })))));
-};
-export default ProductInfo;
-//# sourceMappingURL=ProductInfo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductInfo.js","sourceRoot":"","sources":["../../../../src/components/ProductPage/ProductInfo.js"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,yDAAyD,CAAC;AAC5F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;CAGpC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIzC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;IAM3C,KAAK,CAAC,KAAK,CAAC,EAAE;;;;IAId,KAAK,CAAC,KAAK,CAAC,EAAE;;;;IAId,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;;;;CAYjB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;;IAClC,OAAO,CACL;QACG,OAAO,CAAC,WAAW,IAAI,CACtB,oBAAC,cAAc;YACb,oBAAC,cAAc,QAAE,CAAC,CAAC,qBAAqB,CAAC,CAAkB;YAC3D,oBAAC,WAAW,IACV,uBAAuB,EAAE;oBACvB,MAAM,EAAE,OAAO,CAAC,WAAW;iBAC5B,GACD,CACa,CAClB;QACA,CAAA,MAAA,OAAO,CAAC,YAAY,0CAAE,MAAM,IAAG,CAAC,IAAI,CACnC,oBAAC,cAAc;YACb,oBAAC,cAAc,QAAE,CAAC,CAAC,gBAAgB,CAAC,CAAkB;YACtD,oBAAC,qBAAqB,IAAC,MAAM,EAAE,OAAO,CAAC,YAAY,GAAI,CACxC,CAClB,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,46 +0,0 @@
-import t from '@jetshop/intl';
-import Accordion from '@jetshop/ui/Accordion/Accordion';
-import ProductSpecifications from '@jetshop/ui/ProductSpecifications/ProductSpecifications';
-import React, { Fragment } from 'react';
-import { styled } from 'linaria/react';
-import { ProductSection as UIProductSection, SectionHeading } from './ProductInfo';
-const Description = styled('article') `
-  line-height: 25px;
-`;
-const ProductSection = styled(UIProductSection) `
-  border-bottom: 1px solid #e8e8e8;
-  padding: 1rem 0;
-  margin: 1rem 0;
-  font-size: 0.875rem;
-  ${SectionHeading} {
-    display: flex;
-    justify-items: space-between;
-    align-items: center;
-    margin-bottom: 0;
-    + * > :first-child {
-      margin-top: 1rem;
-    }
-  }
-`;
-const IndicatorIcon = styled('span') `
-  margin-left: auto;
-  font-size: 1.25rem;
-`;
-const AccordionIndicator = ({ isOpen }) => (React.createElement(IndicatorIcon, null, isOpen ? '-' : '+'));
-const ProductInfoAccordion = ({ product }) => (React.createElement(Accordion, { single: true }, ({ openIndexes, handleClick, AccordionContent }) => (React.createElement(Fragment, null,
-    React.createElement(ProductSection, null,
-        React.createElement(SectionHeading, { onClick: () => handleClick(0) },
-            React.createElement("span", null, t('Product description')),
-            React.createElement(AccordionIndicator, { isOpen: openIndexes.includes(0) })),
-        React.createElement(AccordionContent, { isOpen: openIndexes.includes(0) },
-            React.createElement(Description, { dangerouslySetInnerHTML: {
-                    __html: product.description
-                } }))),
-    React.createElement(ProductSection, null,
-        React.createElement(SectionHeading, { onClick: () => handleClick(1) },
-            React.createElement("span", null, t('Specifications')),
-            React.createElement(AccordionIndicator, { isOpen: openIndexes.includes(1) })),
-        React.createElement(AccordionContent, { isOpen: openIndexes.includes(1) },
-            React.createElement(ProductSpecifications, { fields: product.customFields })))))));
-export default ProductInfoAccordion;
-//# sourceMappingURL=ProductInfoAccordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductInfoAccordion.js","sourceRoot":"","sources":["../../../../src/components/ProductPage/ProductInfoAccordion.js"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,SAAS,MAAM,iCAAiC,CAAC;AACxD,OAAO,qBAAqB,MAAM,yDAAyD,CAAC;AAC5F,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,cAAc,IAAI,gBAAgB,EAClC,cAAc,EACf,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAEpC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;;;;;IAK3C,cAAc;;;;;;;;;CASjB,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAGnC,CAAC;AACF,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACzC,oBAAC,aAAa,QAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAiB,CACpD,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC5C,oBAAC,SAAS,IAAC,MAAM,UACd,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CACnD,oBAAC,QAAQ;IACP,oBAAC,cAAc;QACb,oBAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;YAC3C,kCAAO,CAAC,CAAC,qBAAqB,CAAC,CAAQ;YACvC,oBAAC,kBAAkB,IAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,CACxC;QACjB,oBAAC,gBAAgB,IAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC/C,oBAAC,WAAW,IACV,uBAAuB,EAAE;oBACvB,MAAM,EAAE,OAAO,CAAC,WAAW;iBAC5B,GACD,CACe,CACJ;IACjB,oBAAC,cAAc;QACb,oBAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;YAC3C,kCAAO,CAAC,CAAC,gBAAgB,CAAC,CAAQ;YAClC,oBAAC,kBAAkB,IAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,CACxC;QACjB,oBAAC,gBAAgB,IAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC/C,oBAAC,qBAAqB,IAAC,MAAM,EAAE,OAAO,CAAC,YAAY,GAAI,CACtC,CACJ,CACR,CACZ,CACS,CACb,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -1,174 +0,0 @@
-import { useProductVariants } from '@jetshop/core/hooks/useProductVariants';
-import { useVariantFromUrl } from '@jetshop/core/hooks/useProductVariants/useVariantFromUrl';
-import { useIntl } from '@jetshop/intl';
-import { default as Breadcrumbs } from '@jetshop/ui/Breadcrumbs';
-import getParentOrCanonicalRoute from '@jetshop/ui/Breadcrumbs/getParentsOrCanonicalRoute';
-import { Above } from '@jetshop/ui/Breakpoints';
-import loadable from '@loadable/component';
-import { styled } from 'linaria/react';
-import React from 'react';
-import { ReactComponent as DeliveryCheck } from '../../svg/DeliveryCheck.svg';
-import MaxWidth from '../Layout/MaxWidth';
-import { Favourite } from '../ProductList/Favourite';
-import Spinner from '../ui/Spinner';
-import AddToCartForm from './AddToCart/AddToCartForm';
-import ImageContainer from './Images/ImageContainer';
-import ProductInfo, { ProductSection } from './ProductInfo';
-import ProductInfoAccordion from './ProductInfoAccordion';
-import ProductPageLoadingState from './ProductPageLoadingState';
-import { RelatedProducts } from './RelatedProducts';
-import { Container } from './styledComponents';
-import { theme } from '../Theme';
-const LoadablePackageProduct = loadable(() => import('./PackageProduct/PackageProduct'), {
-    fallback: React.createElement(Spinner, null)
-});
-const ProductContainer = styled('div') `
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  padding-top: 1rem;
-  header {
-    h1 {
-      font-size: 28px;
-      line-height: 1.25;
-      + h2 {
-        font-size: 16px;
-        font-weight: 600;
-      }
-    }
-    margin-bottom: 24px;
-  }
-  .customer-comment-input-wrapper {
-    width: 100%;
-    .customer-comment-input {
-      height: 44px;
-    }
-    .status-wrapper {
-      top: -39px;
-    }
-  }
-  .quantity-input-wrapper {
-    margin-bottom: 0rem;
-    margin-right: 10px;
-    width: 54px;
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-    input[type='number'] {
-      border-radius: 4px;
-      -moz-appearance: textfield; /* Firefox */
-    }
-    input {
-      width: 54px;
-      height: 54px;
-      text-align: center;
-      padding: 0px;
-      margin-bottom: 0px;
-    }
-    label {
-      text-align: center;
-    }
-  }
-  .short-description {
-    line-height: 1.5;
-    font-size: 16px;
-    margin-bottom: 24px;
-    color: #707070;
-    p {
-      margin-bottom: 1rem;
-    }
-  }
-  .delivery-list {
-    li {
-      display: flex;
-      align-items: center;
-      svg {
-        margin-right: 16px;
-      }
-      margin-bottom: 16px;
-    }
-  }
-  .product-details {
-    ${theme.above.md} {
-      align-items: flex-start;
-    }
-
-    .price,
-    .new-price,
-    .old-price {
-      font-weight: 600;
-      display: inline-block;
-    }
-    .price,
-    .new-price {
-      font-size: 1.5rem;
-    }
-    .new-price {
-      margin-right: 8px;
-      color: ${theme.colors.red};
-    }
-    .old-price {
-      color: #707070;
-    }
-  }
-`;
-const Product = ({ result: { data, loading }, product, partialProduct }) => {
-    var _a, _b, _c;
-    const initialVariant = useVariantFromUrl();
-    const t = useIntl();
-    const variantHandler = useProductVariants(product, {
-        initialVariant,
-        preselectCheapest: true
-    });
-    const { selectedVariant: selectedVariation, getMissingOptions } = variantHandler;
-    if (!product) {
-        product = partialProduct;
-    }
-    // Return early if there is no product
-    if (!product) {
-        return (React.createElement(ProductContainer, null,
-            React.createElement(ProductPageLoadingState, null)));
-    }
-    const images = (_a = product.images) !== null && _a !== void 0 ? _a : [];
-    const parents = getParentOrCanonicalRoute((_b = data === null || data === void 0 ? void 0 : data.route) === null || _b === void 0 ? void 0 : _b.parents, product);
-    const relatedProducts = product.relatedProducts;
-    return (React.createElement(ProductContainer, null,
-        React.createElement(MaxWidth, null,
-            React.createElement(Breadcrumbs, { breadcrumbs: ((_c = data === null || data === void 0 ? void 0 : data.route) === null || _c === void 0 ? void 0 : _c.breadcrumbs) || [], parents: parents })),
-        React.createElement(Container, null,
-            React.createElement(ProductSection, null, images && (React.createElement(ImageContainer, { images: images, variant: selectedVariation, badges: product.badges }))),
-            React.createElement(ProductSection, null,
-                React.createElement("div", { className: "product-details" },
-                    React.createElement("header", null,
-                        React.createElement(Favourite, { product: product, variant: selectedVariation, style: {
-                                float: 'right',
-                                marginLeft: 'auto',
-                                fontSize: '1.5em'
-                            } }),
-                        React.createElement("h1", { "data-testid": "product-title" }, product.name || 'Loading...'),
-                        React.createElement("h2", null, product.subName),
-                        product.articleNumber),
-                    React.createElement("div", { className: "short-description", dangerouslySetInnerHTML: {
-                            __html: product.shortDescription
-                        } }),
-                    (product === null || product === void 0 ? void 0 : product.isPackage) ? (React.createElement(LoadablePackageProduct, { product: product })) : (React.createElement(AddToCartForm, { product: product, variant: selectedVariation, getMissingOptions: getMissingOptions, variantHandler: variantHandler })),
-                    React.createElement("ul", { className: "delivery-list", css: { marginTop: '36px' } },
-                        React.createElement("li", null,
-                            React.createElement(DeliveryCheck, null),
-                            " ",
-                            t('Express 1–2 working days')),
-                        React.createElement("li", null,
-                            React.createElement(DeliveryCheck, null),
-                            " ",
-                            t('Standard 2–5 working days')),
-                        React.createElement("li", null,
-                            React.createElement(DeliveryCheck, null),
-                            " ",
-                            t('Free shipping and return'))))),
-            React.createElement(Above, { breakpoint: "md" }, matches => matches ? (React.createElement(ProductInfo, { product: product })) : (React.createElement(ProductInfoAccordion, { product: product })))),
-        relatedProducts && React.createElement(RelatedProducts, Object.assign({}, { relatedProducts, loading }))));
-};
-export default Product;
-//# sourceMappingURL=ProductPage.js.map