@jetshop/core 5.17.0-alpha.8ede57ab → 5.17.0-alpha.8f38c56f

package/components/Fonts/injectFont.js

@@ -0,0 +1,30 @@
+import Observer from 'fontfaceobserver';
+function createFontClass(family) {
+    return `${family.replace(/ +/g, '-').toLowerCase()}-ready`;
+}
+export function injectFont(primaryFont, secondaryFonts) {
+    // Add `xxxx-ready` styles to set the primary (body) font
+    if (primaryFont) {
+        // observe body font
+        const primaryFontObserver = new Observer(primaryFont);
+        primaryFontObserver.load().then(() => {
+            const fontClass = createFontClass(primaryFont);
+            document && document.documentElement.classList.add(fontClass);
+        }, () => {
+            console.log(`Font ${primaryFont} not available`);
+        });
+    }
+    // observe any secondary fonts
+    if (secondaryFonts && secondaryFonts.length > 0) {
+        const fonts = secondaryFonts.map((font) => new Observer(font));
+        Promise.all(fonts.map((f) => f.load())).then(function (e) {
+            e.map((fam) => {
+                const fontClass = createFontClass(fam.family);
+                document && document.documentElement.classList.add(fontClass);
+            });
+        }, () => {
+            console.log('Secondary fonts not available');
+        });
+    }
+}
+//# sourceMappingURL=injectFont.js.map

package/components/Fonts/injectFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectFont.js","sourceRoot":"","sources":["injectFont.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AAaxC,SAAS,eAAe,CAAC,MAAc;IACrC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,WAAoB,EAAE,cAAyB;IACxE,yDAAyD;IACzD,IAAI,WAAW,EAAE;QACf,oBAAoB;QACpB,MAAM,mBAAmB,GAAG,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC;QACtD,mBAAmB,CAAC,IAAI,EAAE,CAAC,IAAI,CAC7B,GAAG,EAAE;YACH,MAAM,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;YAC/C,QAAQ,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAChE,CAAC,EACD,GAAG,EAAE;YACH,OAAO,CAAC,GAAG,CAAC,QAAQ,WAAW,gBAAgB,CAAC,CAAC;QACnD,CAAC,CACF,CAAC;KACH;IAED,8BAA8B;IAC9B,IAAI,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAE/D,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAC1C,UAAU,CAAC;YACT,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE;gBACjB,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBAC9C,QAAQ,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAChE,CAAC,CAAC,CAAC;QACL,CAAC,EACD,GAAG,EAAE;YACH,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;QAC/C,CAAC,CACF,CAAC;KACH;AACH,CAAC"}

package/components/Head.d.ts

@@ -0,0 +1,11 @@
+import { StartPage, Category, Product, Page, Route, HtmlHead } from '@jetshop/core/types';
+import { FC } from 'react';
+export interface HeadProps {
+    data: StartPage | Category | Product | Page | {
+        head: HtmlHead;
+        __typename: 'Error';
+    };
+    route?: Route;
+}
+declare const Head: FC<HeadProps>;
+export default Head;

package/components/Head.js

@@ -0,0 +1,84 @@
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import { trackPageEvent } from '@jetshop/core/analytics/tracking';
+import React, { useContext, useEffect } from 'react';
+import { Helmet } from 'react-helmet-async';
+import useWarningInDev from '../hooks/useWarningInDev';
+import ChannelContext from './ChannelContext';
+import { useLocation } from 'react-router';
+import qs from 'qs';
+import { OpenGraphGeneralPageData } from '@jetshop/core/components/OpenGraph';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import { getLanguageFromCulture } from '../ChannelHandler/channelUtils';
+import { SiteLinksSearchStructuredData } from './StructuredData';
+function renderAlternateRoutes(alternateRoute, channelsById, selectedChannelGroup = undefined) {
+    const channel = channelsById[alternateRoute.channelId];
+    // Only include alternate routes for this particular group if available
+    if (selectedChannelGroup && !selectedChannelGroup.includes(channel.id)) {
+        return null;
+    }
+    const url = channel.url;
+    const route = alternateRoute.route;
+    let languageBasename = '';
+    if (channel.defaultLanguage.culture !== alternateRoute.culture) {
+        languageBasename = `/${getLanguageFromCulture(alternateRoute.culture)}`;
+    }
+    const href = `${url}${languageBasename}${route}`;
+    return (React.createElement("link", Object.assign({ key: href + alternateRoute.culture, rel: "alternate", href: href, hrefLang: alternateRoute.alias || alternateRoute.culture }, (channel.groupName && { 'data-group': channel.groupName }))));
+}
+const queryParamsWhitelist = ['page'];
+const Head = ({ data, route }) => {
+    var _a, _b;
+    const { search, pathname } = useLocation();
+    const queryStringObject = qs.parse(search, { ignoreQueryPrefix: true });
+    Object.keys(queryStringObject).forEach((key) => {
+        !queryParamsWhitelist.includes(key) && delete queryStringObject[key];
+    });
+    const whiteListedSearch = qs.stringify(queryStringObject, {
+        addQueryPrefix: true
+    });
+    const { selectedChannel, channelsById, selectedChannelGroup } = useContext(ChannelContext);
+    const lang = selectedChannel.language.culture.split('-')[0];
+    const metaTags = ((_a = data === null || data === void 0 ? void 0 : data.head) === null || _a === void 0 ? void 0 : _a.metaTags) || [];
+    let languageBasename = '';
+    if (!selectedChannel.language.isDefault) {
+        languageBasename = `/${getLanguageFromCulture(selectedChannel.language.culture)}`;
+    }
+    const hasIndexingOptions = (data.__typename === 'Category' || data.__typename === 'Page') &&
+        data.allowWebIndexing !== undefined;
+    const disallowWebIndexing = (_b = (hasIndexingOptions && !data.allowWebIndexing)) !== null && _b !== void 0 ? _b : false;
+    const fullPath = `${languageBasename}${(route === null || route === void 0 ? void 0 : route.canonicalPath) || ''}`;
+    const href = (route === null || route === void 0 ? void 0 : route.canonicalPath) &&
+        `${selectedChannel.url}${fullPath}${whiteListedSearch}`;
+    const isCurrentRouteCanonical = pathname === (route === null || route === void 0 ? void 0 : route.canonicalPath);
+    useWarningInDev(route && !route.alternateRoutes, `You must include the RouteMetaFragment in your RouteQuery.gql
+    Please see https://gitlab.jetshop.se/jetshop/flight/blob/master/packages/template-trend/src/components/RouteQuery.gql for an example
+    `);
+    const { openGraph } = useShopConfig();
+    const disableOpenGraphGeneralData = openGraph
+        ? !!openGraph.disableDefaultGeneralData
+        : false;
+    const track = useTracker();
+    useEffect(() => {
+        var _a;
+        track(trackPageEvent({
+            pathname: window.location.pathname,
+            title: (_a = data === null || data === void 0 ? void 0 : data.head) === null || _a === void 0 ? void 0 : _a.title
+        }));
+    }, [data, track]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Helmet, null,
+            React.createElement("html", { lang: lang }),
+            (data === null || data === void 0 ? void 0 : data.head) && React.createElement("title", null, data.head.title),
+            metaTags.map((tag) => (React.createElement("meta", { name: tag.name, content: tag.content, key: tag.name }))),
+            route &&
+                isCurrentRouteCanonical &&
+                route.alternateRoutes &&
+                route.alternateRoutes.map((alternateRoute) => renderAlternateRoutes(alternateRoute, channelsById, selectedChannelGroup &&
+                    selectedChannelGroup.map((channel) => channel.id))),
+            href && React.createElement("link", { rel: "canonical", href: href }),
+            disallowWebIndexing && React.createElement("meta", { name: "robots", content: "noindex" })),
+        !disableOpenGraphGeneralData && (React.createElement(OpenGraphGeneralPageData, { route: route, data: data })),
+        (route === null || route === void 0 ? void 0 : route.canonicalPath) === '/' && React.createElement(SiteLinksSearchStructuredData, null)));
+};
+export default Head;
+//# sourceMappingURL=Head.js.map

package/components/Head.js.map

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

package/components/Mutation/AddToCart/addToCartUtils.d.ts

@@ -0,0 +1,18 @@
+import { Product, ProductVariant } from '../../../types';
+import { AddToCartFormikValues, AddToCartFormProps, AddToCartCallbackOptions } from '../AddToCartFormik';
+export declare function getArticleNumber(product: Product, selectedVariation: ProductVariant): string;
+export declare function useTrackProductAdd(selectedVariation: ProductVariant): (product: Product, quantity: number) => void;
+export declare function getCommentsFromFormikValues(values: AddToCartFormikValues): {
+    name: string;
+    value: string;
+}[];
+export declare function addToCartSuccess({ onAddToCartSuccess, callbackOptions, cartId, setCartId }: {
+    onAddToCartSuccess?: AddToCartFormProps['onAddToCartSuccess'];
+    callbackOptions?: AddToCartCallbackOptions;
+    cartId: string;
+    setCartId: (cartId: string) => void;
+}): ({ data }: any) => void;
+export declare function addToCartError({ onAddToCartError, callbackOptions }: {
+    onAddToCartError: AddToCartFormProps['onAddToCartError'];
+    callbackOptions: AddToCartCallbackOptions;
+}): (error: any) => void;

package/components/Mutation/AddToCart/addToCartUtils.js

@@ -0,0 +1,52 @@
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import { useCallback } from 'react';
+import { trackProductEvent } from '@jetshop/core/analytics/tracking';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+export function getArticleNumber(product, selectedVariation) {
+    var _a, _b;
+    return ((_b = (_a = product === null || product === void 0 ? void 0 : product.variants) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0
+        ? selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.articleNumber
+        : product === null || product === void 0 ? void 0 : product.articleNumber;
+}
+export function useTrackProductAdd(selectedVariation) {
+    const track = useTracker();
+    return useCallback(function trackProductVariant(product, quantity) {
+        var _a, _b, _c;
+        track(trackProductEvent({
+            action: 'add',
+            product,
+            quantity,
+            selectedVariation,
+            category: breadcrumbsWithoutProduct((_a = product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
+                unSlugify((_c = (_b = product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
+                ''
+        }));
+    }, [selectedVariation, track]);
+}
+export function getCommentsFromFormikValues(values) {
+    return Object.keys(values.comments).map((name) => {
+        return {
+            name,
+            value: values.comments[name]
+        };
+    });
+}
+export function addToCartSuccess({ onAddToCartSuccess, callbackOptions, cartId, setCartId }) {
+    return ({ data }) => {
+        if (!cartId || data.addToCart.cart.id !== cartId) {
+            data.addToCart && setCartId(data.addToCart.cart.id);
+        }
+        onAddToCartSuccess && onAddToCartSuccess(callbackOptions);
+    };
+}
+export function addToCartError({ onAddToCartError, callbackOptions }) {
+    return (error) => {
+        console.error('useCartAdder error', error);
+        if (!onAddToCartError) {
+            throw error;
+        }
+        onAddToCartError(Object.assign(Object.assign({}, callbackOptions), { error }));
+    };
+}
+//# sourceMappingURL=addToCartUtils.js.map

package/components/Mutation/AddToCart/addToCartUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addToCartUtils.js","sourceRoot":"","sources":["addToCartUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAMrE,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAEpG,MAAM,UAAU,gBAAgB,CAC9B,OAAgB,EAChB,iBAAiC;;IAEjC,OAAO,CAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,0CAAE,MAAM,0CAAE,MAAM,IAAG,CAAC;QAC1C,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa;QAClC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,iBAAiC;IAClE,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAE3B,OAAO,WAAW,CAChB,SAAS,mBAAmB,CAAC,OAAgB,EAAE,QAAgB;;QAC7D,KAAK,CACH,iBAAiB,CAAC;YAChB,MAAM,EAAE,KAAK;YACb,OAAO;YACP,QAAQ;YACR,iBAAiB;YACjB,QAAQ,EACN,yBAAyB,CAAC,MAAA,OAAO,CAAC,YAAY,0CAAE,WAAW,CAAC;gBAC5D,SAAS,CAAC,MAAA,MAAA,OAAO,CAAC,iBAAiB,0CAAE,YAAY,0CAAE,IAAI,CAAC;gBACxD,EAAE;SACL,CAAC,CACH,CAAC;IACJ,CAAC,EACD,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAC3B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,MAA6B;IACvE,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC/C,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;SAC7B,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,kBAAkB,EAClB,eAAe,EACf,MAAM,EACN,SAAS,EAMV;IACC,OAAO,CAAC,EAAE,IAAI,EAAO,EAAE,EAAE;QACvB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,EAAE;YAChD,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACrD;QACD,kBAAkB,IAAI,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAC5D,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,gBAAgB,EAChB,eAAe,EAIhB;IACC,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,EAAE;YACrB,MAAM,KAAK,CAAC;SACb;QACD,gBAAgB,iCAAM,eAAe,KAAE,KAAK,IAAG,CAAC;IAClD,CAAC,CAAC;AACJ,CAAC"}

package/components/Mutation/AddToCartFormik.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { FormikProps, FormikConfig } from 'formik';
+import { DocumentNode } from 'graphql';
+import { ApolloError } from 'apollo-server-core';
+import { ProductVariant, Product, ProductVariantOption } from '../../types';
+interface Comments {
+    [name: string]: string;
+}
+interface Options {
+    [name: string]: string;
+}
+export interface AddToCartFormikValues {
+    quantity: number;
+    comments: Comments;
+    options?: Options;
+    [otherValues: string]: any;
+}
+export interface AddToCartFormikErrors {
+    quantity?: string;
+    comments?: Comments;
+    options?: Options;
+    [otherValues: string]: any;
+}
+export interface AddToCartCallbackOptions {
+    mutationId: string;
+    quantity: number;
+    product: Product;
+    selectedVariation: ProductVariant;
+}
+export interface AddToCartFormProps {
+    cartQuery?: DocumentNode;
+    cartMutation?: DocumentNode;
+    onAddToCartInit?: (opts: AddToCartCallbackOptions) => void;
+    onAddToCartSuccess?: (opts: AddToCartCallbackOptions) => void;
+    onAddToCartError?: (opts: AddToCartCallbackOptions & {
+        error: Error | ApolloError;
+    }) => void;
+    children: (props: FormikProps<AddToCartFormikValues>) => React.ReactNode;
+    initialValues: {
+        [otherValues: string]: any;
+    };
+    variant?: ProductVariant;
+    product?: Product;
+    getMissingOptions?(): ProductVariantOption[] | null;
+    commentValidators: {
+        [commentName: string]: ({ name, value }: {
+            name?: string;
+            value: string;
+        }) => string;
+    };
+}
+declare const AddToCartFormik: ({ children, onAddToCartInit, onAddToCartError, onAddToCartSuccess, cartQuery, cartMutation, initialValues, variant, product, commentValidators, getMissingOptions, ...props }: AddToCartFormProps & FormikConfig<AddToCartFormikValues>) => React.JSX.Element;
+export default AddToCartFormik;

package/components/Mutation/AddToCartFormik.js

@@ -0,0 +1,173 @@
+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, { useContext } from 'react';
+import { Formik } from 'formik';
+import { CartIdContext } from '@jetshop/core/components/Cart/CartIdContext';
+import { useMutation, useApolloClient } from '@apollo/client';
+import { getAddToCartOptimisticResponse } from '@jetshop/core/components/Mutation/cartMutationUtils';
+import t from '@jetshop/intl';
+import uniqueId from '@jetshop/core/helpers/uniqueId';
+import { useStockStatus } from '@jetshop/core/hooks/useStockStatus';
+import { useTrackProductAdd, getCommentsFromFormikValues, addToCartSuccess, addToCartError, getArticleNumber } from './AddToCart/addToCartUtils';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { useDynamicPrice } from '@jetshop/core/hooks/useDynamicPrice';
+import ProductConfigurationContext from '../ProductConfigurationProvider/ProductConfigurationContext';
+const useAddToCart = ({ articleNumber, cartMutation, cartQuery, onAddToCartInit, onAddToCartSuccess, onAddToCartError, variant, product: productFromOpts }) => {
+    const [addToCartMutation] = useMutation(cartMutation, {
+        onCompleted: () => localStorage.setItem('cartChange', '1')
+    });
+    const client = useApolloClient();
+    const selectedVariation = variant;
+    const product = productFromOpts;
+    const configContext = useContext(ProductConfigurationContext);
+    const configurationIds = configContext === null || configContext === void 0 ? void 0 : configContext.ids;
+    const trackProductVariant = useTrackProductAdd(selectedVariation);
+    const { cartId, setCartId } = useContext(CartIdContext);
+    const price = useDynamicPrice(product, selectedVariation);
+    const onSubmit = (values) => {
+        trackProductVariant(product, values.quantity);
+        const mutationId = uniqueId();
+        const preOrderDate = values.preOrder ? new Date(values.preOrder) : null;
+        const callbackOptions = {
+            product,
+            price,
+            quantity: values.quantity,
+            selectedVariation,
+            mutationId
+        };
+        // Call the callback
+        onAddToCartInit && onAddToCartInit(callbackOptions);
+        const comments = getCommentsFromFormikValues(values);
+        return addToCartMutation({
+            variables: {
+                input: {
+                    articleNumber,
+                    cartId,
+                    quantity: values.quantity,
+                    comments,
+                    configurationIds,
+                    preOrderDate
+                }
+            },
+            optimisticResponse: {
+                addToCart: {
+                    cart: getAddToCartOptimisticResponse(product, values.quantity, cartId, client, cartQuery),
+                    __typename: 'CartMutation'
+                }
+            }
+        })
+            .then(addToCartSuccess({
+            onAddToCartSuccess,
+            callbackOptions,
+            cartId,
+            setCartId
+        }))
+            .catch(addToCartError({ onAddToCartError, callbackOptions }));
+    };
+    return {
+        onSubmit
+    };
+};
+const useValidate = ({ commentValidators, articleNumber, product, variant, getMissingOptions }) => {
+    var _a, _b;
+    const { status, maxOrderQuantity } = useStockStatus(variant || product);
+    const isPreOrderRequired = !!((_a = product.preOrder) === null || _a === void 0 ? void 0 : _a.fromDate) && !!((_b = product.preOrder) === null || _b === void 0 ? void 0 : _b.toDate);
+    const validate = (values) => {
+        const errors = {};
+        if (status !== 'inStock') {
+            errors.status = t('Product is not in stock');
+        }
+        if (values.quantity < 1) {
+            errors.quantity = t('Please enter a valid quantity');
+        }
+        if (maxOrderQuantity && values.quantity > maxOrderQuantity) {
+            errors.quantity = t('{maxOrderQuantity} is the maximum order quantity', {
+                maxOrderQuantity
+            });
+        }
+        Object.keys(values.comments).forEach((name) => {
+            var _a;
+            const validator = commentValidators[name];
+            if (validator) {
+                const error = validator({ value: values.comments[name] });
+                if (error) {
+                    if (typeof errors.comments === 'undefined') {
+                        errors.comments = {};
+                    }
+                    errors.comments[name] = error;
+                }
+            }
+            if (((_a = product.customerComments.find((customerComment) => customerComment.name === name)) === null || _a === void 0 ? void 0 : _a.required) &&
+                values.comments[name].length === 0) {
+                if (typeof errors.comments === 'undefined') {
+                    errors.comments = {};
+                }
+                errors.comments[name] = t(`{customerCommentName} is required`, {
+                    customerCommentName: name
+                });
+            }
+        });
+        if (!articleNumber) {
+            if (typeof errors.options === 'undefined') {
+                errors.options = {};
+            }
+            const missingOptions = getMissingOptions();
+            missingOptions.forEach((option) => {
+                errors.options[option.name] = t(`{optionName} is required`, {
+                    optionName: option.name
+                });
+            });
+        }
+        if (!values.preOrder && isPreOrderRequired) {
+            errors.preOrder = t('Pre-order date is required');
+        }
+        return errors;
+    };
+    return { validate };
+};
+const AddToCartFormik = (_a) => {
+    var { children, onAddToCartInit, onAddToCartError, onAddToCartSuccess, cartQuery, cartMutation, initialValues, variant, product, commentValidators = {}, getMissingOptions } = _a, props = __rest(_a, ["children", "onAddToCartInit", "onAddToCartError", "onAddToCartSuccess", "cartQuery", "cartMutation", "initialValues", "variant", "product", "commentValidators", "getMissingOptions"]);
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to AddToCartForm`);
+    throwErrorInDev(!cartMutation, `You forgot to pass 'cartMutation' to getSetQuantityOptimisticResponse`);
+    const selectedVariation = variant;
+    const articleNumber = getArticleNumber(product, selectedVariation);
+    const initialComments = {};
+    product.customerComments &&
+        product.customerComments.forEach(({ name }) => {
+            initialComments[name] = '';
+        });
+    const initialOptions = {};
+    product.variants.options.forEach((option) => {
+        initialOptions[option.name] = '';
+    });
+    const combinedInitialValues = Object.assign({ quantity: 1, comments: initialComments, options: initialOptions }, initialValues);
+    const { validate } = useValidate({
+        commentValidators,
+        articleNumber,
+        product,
+        variant,
+        getMissingOptions
+    });
+    const { onSubmit } = useAddToCart({
+        articleNumber,
+        cartMutation,
+        cartQuery,
+        onAddToCartInit,
+        onAddToCartSuccess,
+        onAddToCartError,
+        product,
+        variant
+    });
+    return (React.createElement(Formik, Object.assign({ validateOnChange: false, initialValues: combinedInitialValues, validate: validate, onSubmit: onSubmit, render: (renderProps) => children(renderProps) }, props)));
+};
+export default AddToCartFormik;
+//# sourceMappingURL=AddToCartFormik.js.map

package/components/Mutation/AddToCartFormik.js.map

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

package/components/Mutation/DecrementQuantity.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CartMutationProps } from './cartMutationUtils';
+declare const DecrementQuantity: ({ children, cartQuery }: CartMutationProps) => React.JSX.Element;
+export default DecrementQuantity;

package/components/Mutation/DecrementQuantity.js

@@ -0,0 +1,35 @@
+import { decrementItemQuantity } from '@jetshop/core/data/mutations/cartMutations.gql';
+import React, { useContext } from 'react';
+import { Mutation } from '@apollo/client/react/components';
+import { getDecrementQuantityOptimisticResponse } from './cartMutationUtils';
+import { CartIdContext } from '../Cart/CartIdContext';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+const DecrementQuantity = ({ children, cartQuery }) => {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to DecrementQuantity`);
+    const { cartId } = useContext(CartIdContext);
+    return (React.createElement(Mutation, { mutation: decrementItemQuantity }, (mutate, { client }) => {
+        return children((itemId) => {
+            return mutate({
+                variables: {
+                    input: {
+                        cartId,
+                        itemId
+                    }
+                },
+                optimisticResponse: {
+                    decrementItemQuantity: {
+                        cart: getDecrementQuantityOptimisticResponse({
+                            itemId,
+                            client,
+                            cartId,
+                            cartQuery
+                        }),
+                        __typename: 'CartMutation'
+                    }
+                }
+            });
+        });
+    }));
+};
+export default DecrementQuantity;
+//# sourceMappingURL=DecrementQuantity.js.map

package/components/Mutation/DecrementQuantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecrementQuantity.js","sourceRoot":"","sources":["DecrementQuantity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AACvF,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAEL,sCAAsC,EACvC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAqB,EAAE,EAAE;IACvE,eAAe,CACb,CAAC,SAAS,EACV,qDAAqD,CACtD,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,QAAQ,IAAC,QAAQ,EAAE,qBAAqB,IACtC,CAAC,MAAwB,EAAE,EAAE,MAAM,EAAkB,EAAE,EAAE;QACxD,OAAO,QAAQ,CAAC,CAAC,MAAc,EAAE,EAAE;YACjC,OAAO,MAAM,CAAC;gBACZ,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,MAAM;wBACN,MAAM;qBACP;iBACF;gBACD,kBAAkB,EAAE;oBAClB,qBAAqB,EAAE;wBACrB,IAAI,EAAE,sCAAsC,CAAC;4BAC3C,MAAM;4BACN,MAAM;4BACN,MAAM;4BACN,SAAS;yBACV,CAAC;wBACF,UAAU,EAAE,cAAc;qBAC3B;iBACF;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/Mutation/IncrementQuantity.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CartMutationProps } from './cartMutationUtils';
+declare const IncrementQuantity: ({ children, cartQuery }: CartMutationProps) => React.JSX.Element;
+export default IncrementQuantity;

package/components/Mutation/IncrementQuantity.js

@@ -0,0 +1,35 @@
+import { incrementItemQuantity } from '@jetshop/core/data/mutations/cartMutations.gql';
+import React, { useContext } from 'react';
+import { Mutation } from '@apollo/client/react/components';
+import { CartIdContext } from '../Cart/CartIdContext';
+import { getIncrementQuantityOptimisticResponse } from './cartMutationUtils';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+const IncrementQuantity = ({ children, cartQuery }) => {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to IncrementQuantity`);
+    const { cartId } = useContext(CartIdContext);
+    return (React.createElement(Mutation, { mutation: incrementItemQuantity }, (mutate, { client }) => {
+        return children((itemId) => {
+            return mutate({
+                variables: {
+                    input: {
+                        cartId,
+                        itemId
+                    }
+                },
+                optimisticResponse: {
+                    incrementItemQuantity: {
+                        cart: getIncrementQuantityOptimisticResponse({
+                            itemId,
+                            client,
+                            cartId,
+                            cartQuery
+                        }),
+                        __typename: 'CartMutation'
+                    }
+                }
+            });
+        });
+    }));
+};
+export default IncrementQuantity;
+//# sourceMappingURL=IncrementQuantity.js.map

package/components/Mutation/IncrementQuantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncrementQuantity.js","sourceRoot":"","sources":["IncrementQuantity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AACvF,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAEL,sCAAsC,EACvC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAqB,EAAE,EAAE;IACvE,eAAe,CACb,CAAC,SAAS,EACV,qDAAqD,CACtD,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE7C,OAAO,CACL,oBAAC,QAAQ,IAAC,QAAQ,EAAE,qBAAqB,IACtC,CAAC,MAAwB,EAAE,EAAE,MAAM,EAAkB,EAAE,EAAE;QACxD,OAAO,QAAQ,CAAC,CAAC,MAAc,EAAE,EAAE;YACjC,OAAO,MAAM,CAAC;gBACZ,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,MAAM;wBACN,MAAM;qBACP;iBACF;gBACD,kBAAkB,EAAE;oBAClB,qBAAqB,EAAE;wBACrB,IAAI,EAAE,sCAAsC,CAAC;4BAC3C,MAAM;4BACN,MAAM;4BACN,MAAM;4BACN,SAAS;yBACV,CAAC;wBACF,UAAU,EAAE,cAAc;qBAC3B;iBACF;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/components/Mutation/RemoveFromCart.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CartMutationProps } from './cartMutationUtils';
+type RemoveFromCartProps = CartMutationProps;
+declare const RemoveFromCart: ({ cartQuery, children }: RemoveFromCartProps) => React.JSX.Element;
+export default RemoveFromCart;

package/components/Mutation/RemoveFromCart.js

@@ -0,0 +1,52 @@
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import { trackProductEvent } from '@jetshop/core/analytics/tracking';
+import { removeFromCart } from '@jetshop/core/data/mutations/cartMutations.gql';
+import React, { useContext } from 'react';
+import { Mutation } from '@apollo/client/react/components';
+import { getRemoveFromCartOptimisticResponse } from './cartMutationUtils';
+import { CartIdContext } from '../Cart/CartIdContext';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+const RemoveFromCart = function RemoveFromCart({ cartQuery, children }) {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to RemoveFromCart`);
+    const { cartId, setCartId } = useContext(CartIdContext);
+    const track = useTracker();
+    return (React.createElement(Mutation, { onCompleted: (data) => {
+            if (data.removeFromCart.cart.items.length === 0) {
+            }
+        }, mutation: removeFromCart }, (mutate, { client }) => {
+        return children((itemId, product) => {
+            var _a, _b, _c;
+            track(trackProductEvent({
+                action: 'remove',
+                product,
+                category: breadcrumbsWithoutProduct((_a = product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
+                    unSlugify((_c = (_b = product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
+                    ''
+            }));
+            return mutate({
+                variables: {
+                    input: {
+                        cartId,
+                        itemId
+                    }
+                },
+                optimisticResponse: {
+                    removeFromCart: {
+                        cart: getRemoveFromCartOptimisticResponse({
+                            itemId,
+                            client,
+                            cartId,
+                            setCartId,
+                            cartQuery
+                        }),
+                        __typename: 'CartMutation'
+                    }
+                }
+            });
+        });
+    }));
+};
+export default RemoveFromCart;
+//# sourceMappingURL=RemoveFromCart.js.map

package/components/Mutation/RemoveFromCart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveFromCart.js","sourceRoot":"","sources":["RemoveFromCart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAEhF,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAEL,mCAAmC,EACpC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAIpG,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAC7C,SAAS,EACT,QAAQ,EACY;IACpB,eAAe,CACb,CAAC,SAAS,EACV,kDAAkD,CACnD,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAE3B,OAAO,CACL,oBAAC,QAAQ,IACP,WAAW,EAAE,CAAC,IAA6C,EAAE,EAAE;YAC7D,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;aAChD;QACH,CAAC,EACD,QAAQ,EAAE,cAAc,IAEvB,CAAC,MAAwB,EAAE,EAAE,MAAM,EAAkB,EAAE,EAAE;QACxD,OAAO,QAAQ,CAAC,CAAC,MAAc,EAAE,OAAgB,EAAE,EAAE;;YACnD,KAAK,CACH,iBAAiB,CAAC;gBAChB,MAAM,EAAE,QAAQ;gBAChB,OAAO;gBACP,QAAQ,EACN,yBAAyB,CAAC,MAAA,OAAO,CAAC,YAAY,0CAAE,WAAW,CAAC;oBAC5D,SAAS,CAAC,MAAA,MAAA,OAAO,CAAC,iBAAiB,0CAAE,YAAY,0CAAE,IAAI,CAAC;oBACxD,EAAE;aACL,CAAC,CACH,CAAC;YACF,OAAO,MAAM,CAAC;gBACZ,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,MAAM;wBACN,MAAM;qBACP;iBACF;gBACD,kBAAkB,EAAE;oBAClB,cAAc,EAAE;wBACd,IAAI,EAAE,mCAAmC,CAAC;4BACxC,MAAM;4BACN,MAAM;4BACN,MAAM;4BACN,SAAS;4BACT,SAAS;yBACV,CAAC;wBACF,UAAU,EAAE,cAAc;qBAC3B;iBACF;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/components/Mutation/SetQuantity.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CartMutationProps } from './cartMutationUtils';
+declare const SetQuantity: ({ children, cartQuery }: CartMutationProps) => React.JSX.Element;
+export default SetQuantity;