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

package/hooks/PackageProducts/usePackageProducts.js

@@ -0,0 +1,346 @@
+import { useMachine } from '@xstate/react';
+import { useApolloClient, useQuery } from '@apollo/client';
+import { produce } from 'immer';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { assign, Machine } from 'xstate';
+import { useAddMultipleToCart } from '../useAddMultipleToCart';
+import packagePriceQuery from './packagePriceQuery.gql';
+// defaults to valid state if items have no variants
+// defaults to invalid if items have variants or are out of stock
+//   selecting a variant triggers validate
+//     (validate GUARD validates all items)
+//     if valid, move to fetching_price state
+//       once resolved, move to buyable state
+//     if invalid, remain in invalid state
+//
+function itemHasVariants(item) {
+    return item.product.hasVariants;
+}
+function itemIsOutOfStock(item) {
+    return !item.product.stockStatus.buyable;
+}
+const stateMachine = Machine({
+    id: 'package',
+    initial: 'loading',
+    context: { packageProduct: null, items: {}, price: {}, error: null },
+    on: {
+        UPDATE_ITEM: {
+            actions: 'updateItems',
+            target: 'validating',
+            cond: (context) => Object.keys(context.items).length > 0
+        }
+    },
+    states: {
+        loading: {
+            // During SSR, we already have the package and can head right on to
+            // validating.
+            always: [
+                {
+                    target: 'validating',
+                    actions: assign({
+                        items: (context) => {
+                            return getInitialState(context.packageProduct).items;
+                        },
+                        price: (context) => {
+                            return getInitialState(context.packageProduct).price;
+                        }
+                    }),
+                    cond: (context) => {
+                        return !!context.packageProduct.package;
+                    }
+                }
+            ],
+            on: {
+                // On the client, we need to wait for the LOADED event to tell us
+                // that the package has been retrieved
+                LOADED: {
+                    target: 'validating',
+                    actions: assign({
+                        items: (_, event) => {
+                            return getInitialState(event.packageProduct).items;
+                        },
+                        price: (_, event) => {
+                            return getInitialState(event.packageProduct).price;
+                        },
+                        packageProduct: (_, event) => {
+                            return event.packageProduct;
+                        }
+                    })
+                }
+            }
+        },
+        invalid: {},
+        validating: {
+            always: [
+                {
+                    target: 'valid',
+                    cond: (context) => {
+                        return deriveStatus(context.items) === 'valid';
+                    }
+                },
+                {
+                    target: 'invalid',
+                    cond: (context) => {
+                        return deriveStatus(context.items) !== 'valid';
+                    }
+                }
+            ]
+        },
+        valid: {
+            initial: 'fetchingPrice',
+            states: {
+                fetchingPrice: {
+                    invoke: {
+                        id: 'fetchPrice',
+                        src: 'fetchPrice',
+                        onDone: {
+                            target: 'buyable',
+                            actions: assign({
+                                price: (_, event) => {
+                                    return event.data;
+                                }
+                            })
+                        },
+                        onError: {
+                            target: 'error',
+                            actions: assign({
+                                error: (_, event) => {
+                                    const errors = event.data;
+                                    return {
+                                        fromState: 'fetchingPrice',
+                                        messages: errors
+                                            .map((err) => err.message)
+                                            .filter(Boolean)
+                                    };
+                                }
+                            })
+                        }
+                    }
+                },
+                buyable: {
+                    on: {
+                        ADD_TO_CART: 'adding',
+                        ERROR: 'error'
+                    }
+                },
+                adding: {
+                    invoke: {
+                        id: 'add-to-cart',
+                        src: 'addToCart',
+                        onDone: 'added',
+                        onError: {
+                            target: 'error',
+                            actions: assign({
+                                error: (_, event) => {
+                                    const errors = event.data;
+                                    return {
+                                        fromState: 'adding',
+                                        messages: errors
+                                            .map((err) => err.message)
+                                            .filter(Boolean)
+                                    };
+                                }
+                            })
+                        }
+                    }
+                },
+                added: {
+                    invoke: {
+                        id: 'added-refetch',
+                        src: () => {
+                            return new Promise((resolve) => {
+                                setTimeout(() => {
+                                    resolve(400);
+                                }, 800);
+                            });
+                        },
+                        onDone: {
+                            target: '#package.validating'
+                        }
+                    }
+                },
+                error: {
+                    on: {
+                        RETRY: '#package.validating'
+                    }
+                }
+            }
+        }
+    }
+}, {
+    actions: {
+        updateItems: assign({
+            items: (context, event) => {
+                if (event.type === 'UPDATE_ITEM') {
+                    const item = context.items[event.articleNumber];
+                    if (!item) {
+                        throw new Error('article does not exist in package');
+                    }
+                    if (event.variantArticleNumber) {
+                        const match = item.variants.includes(event.variantArticleNumber);
+                        if (!match) {
+                            throw new Error('variant does not exist on article');
+                        }
+                    }
+                    const { articleNumber, valid, variantArticleNumber } = event;
+                    const items = produce(context.items, (draft) => {
+                        draft[articleNumber] = Object.assign(Object.assign({}, draft[articleNumber]), { valid,
+                            variantArticleNumber });
+                    });
+                    return items;
+                }
+            }
+        })
+    }
+});
+function getInitialState(packageProduct) {
+    var _a, _b;
+    const items = (_b = (_a = packageProduct === null || packageProduct === void 0 ? void 0 : packageProduct.package) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.reduce((dict, item) => {
+        var _a;
+        dict[item.product.articleNumber] = {
+            product: item.product,
+            articleNumber: item.product.articleNumber,
+            hasVariants: item.product.hasVariants,
+            variantArticleNumber: null,
+            variants: item.product.hasVariants
+                ? (_a = item.product.variants) === null || _a === void 0 ? void 0 : _a.values.map((variant) => variant.articleNumber)
+                : null,
+            valid: !itemHasVariants(item) && !itemIsOutOfStock(item),
+            quantity: item.minQuantity
+        };
+        return dict;
+    }, {});
+    const price = packageProduct.package;
+    return { items, price };
+}
+function flattenItems(items) {
+    // perhaps we need the rest of the product detail?
+    // Or otherwise the types need to be changed
+    return Object.entries(items).map((entry) => {
+        const { articleNumber, variantArticleNumber, quantity, product } = entry[1];
+        return Object.assign(Object.assign({}, product), { articleNumber: variantArticleNumber || articleNumber, quantity });
+    });
+}
+function deriveStatus(packageItems) {
+    const packageIsValid = Object.values(packageItems).every((item) => item.valid);
+    if (packageIsValid) {
+        return 'valid';
+    }
+    return 'invalid';
+}
+function fetchPrice(packageArticleNumber, items, opts) {
+    return opts.apolloClient
+        .query({
+        query: opts.query || packagePriceQuery,
+        variables: {
+            articleNumber: packageArticleNumber,
+            products: Object.entries(items).map((entry) => {
+                // This should be cleaned up - we have to transform to the structure
+                // that the API expects
+                const { articleNumber, variantArticleNumber } = entry[1];
+                return {
+                    product: articleNumber,
+                    // if you want to test error handling, just pass a random string for variant
+                    // variant: 'sdfgsdfg'
+                    variant: variantArticleNumber
+                };
+            })
+        }
+    })
+        .then(({ data }) => {
+        return data.product.package;
+    }, (err) => {
+        return Promise.reject(err.graphQLErrors);
+    });
+}
+export function usePackageProduct({ product, packageProductQuery, priceQuery }) {
+    const mounted = useRef(false);
+    useEffect(() => {
+        mounted.current = true;
+    }, []);
+    const client = useApolloClient();
+    const { data } = useQuery(packageProductQuery, {
+        variables: { articleNumber: product.articleNumber }
+    });
+    const [current, send] = useMachine(stateMachine, {
+        // During SSR, data.product will have resolved, and we can initialise with
+        // it. Otherwise, use the product passed in
+        context: { packageProduct: (data === null || data === void 0 ? void 0 : data.product) || product },
+        services: {
+            fetchPrice: (context) => {
+                return fetchPrice(product.articleNumber, context.items, {
+                    apolloClient: client,
+                    query: priceQuery
+                });
+            },
+            addToCart: (_, event) => {
+                // eslint-disable-next-line
+                return addToCartMutation(event.queries).then((result) => {
+                    if (result.errors) {
+                        return Promise.reject(result.errors);
+                    }
+                    else {
+                        return result;
+                    }
+                });
+            }
+        }
+    });
+    useEffect(() => {
+        // On the client we send the LOADED event once the package query resolves
+        if (current.value !== 'loading')
+            return;
+        if (!(data === null || data === void 0 ? void 0 : data.product))
+            return;
+        send({ type: 'LOADED', packageProduct: data.product });
+    }, [current.value, data, send]);
+    const [addToCartMutation] = useAddMultipleToCart(flattenItems(current.context.items));
+    const addPackageToCart = (queries) => {
+        // invokes addToCart
+        send({ type: 'ADD_TO_CART', queries });
+    };
+    const updatePackageItem = useCallback(function updatePackageItem(articleNumber, variantArticleNumber, valid) {
+        send({
+            type: 'UPDATE_ITEM',
+            articleNumber,
+            variantArticleNumber,
+            valid
+        });
+    }, [send]);
+    // Just doing this to simplify the status we expose
+    const status = useMemo(() => {
+        switch (true) {
+            case current.matches({ valid: 'fetchingPrice' }):
+                return 'fetching_price';
+            case current.matches({ valid: 'buyable' }):
+                return 'buyable';
+            case current.matches({ valid: 'adding' }):
+                return 'adding';
+            case current.matches({ valid: 'added' }):
+                return 'added';
+            case current.matches({ valid: 'error' }):
+                return 'error';
+            case current.matches('loading'):
+                return 'loading';
+            default:
+                return 'invalid';
+        }
+    }, [current]);
+    const retry = useCallback(function retry() {
+        if (status === 'error') {
+            send({
+                type: 'RETRY'
+            });
+        }
+    }, [send, status]);
+    return {
+        status,
+        price: current.context.price,
+        addPackageToCart,
+        updatePackageItem,
+        packageProduct: current.context.packageProduct,
+        error: current.context.error,
+        retry
+    };
+}
+//# sourceMappingURL=usePackageProducts.js.map

package/hooks/PackageProducts/usePackageProducts.js.map

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

package/hooks/PackageProducts/usePackageProducts.test.js

@@ -1,8 +1,8 @@
+import { gql } from '@apollo/client';
 import React from 'react';
 import { usePackageProduct } from './';
 import { renderHook, act } from '@testing-library/react-hooks';
 import { ProviderPyramid } from '../../test-utils/ProviderPyramid';
-import gql from 'graphql-tag';
 
 //////////////////////////////////////////////////////////////////////////////
 // MOCKS

package/hooks/Product/index.d.ts

@@ -0,0 +1 @@
+export * from './useSwitchToVariantImage';

package/hooks/Product/index.js

@@ -0,0 +1,2 @@
+export * from './useSwitchToVariantImage';
+//# sourceMappingURL=index.js.map

package/hooks/Product/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/hooks/Product/useStockStatus.d.ts

@@ -0,0 +1,9 @@
+import { Product, ProductVariant, Scalars } from '../../types';
+interface StockStatusContainerRender {
+    status: 'inStock' | 'outOfStock' | 'notifyWhenBack' | null;
+    text: string | null;
+    maxOrderQuantity?: number | null;
+    stockDate?: Scalars['DateTime'];
+}
+export declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;
+export {};

package/hooks/Product/useStockStatus.js

@@ -0,0 +1,26 @@
+function getStatus(statusObject) {
+    return statusObject.buyable
+        ? 'inStock'
+        : statusObject.stockNotificationEnabled
+            ? 'notifyWhenBack'
+            : 'outOfStock';
+}
+export function useStockStatus(product) {
+    const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
+    if (!stockStatus) {
+        console.warn('The provided product does not have a stockStatus');
+        return {
+            status: null,
+            text: null,
+            maxOrderQuantity: null,
+            stockDate: null
+        };
+    }
+    return {
+        status: getStatus(stockStatus),
+        text: stockStatus.text || null,
+        maxOrderQuantity: stockStatus.maxOrderQuantity,
+        stockDate: stockStatus.stockDate
+    };
+}
+//# sourceMappingURL=useStockStatus.js.map

package/hooks/Product/useStockStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStockStatus.js","sourceRoot":"","sources":["useStockStatus.ts"],"names":[],"mappings":"AASA,SAAS,SAAS,CAChB,YAAyB;IAEzB,OAAO,YAAY,CAAC,OAAO;QACzB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,YAAY,CAAC,wBAAwB;YACvC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,YAAY,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,OAAiC;IAEjC,MAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAEzC,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;QACjE,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI;YACtB,SAAS,EAAE,IAAI;SAChB,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC;QAC9B,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI;QAC9B,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;QAC9C,SAAS,EAAE,WAAW,CAAC,SAAS;KACjC,CAAC;AACJ,CAAC"}

package/hooks/Product/useSwitchToVariantImage.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Image, ProductVariant } from '../../types';
+interface Params {
+    galleryImages: Image[];
+    galleryRef: React.RefObject<any>;
+    variant?: ProductVariant;
+}
+export declare function useSwitchToVariantImage({ galleryImages, galleryRef, variant }: Params): void;
+export {};

package/hooks/Product/useSwitchToVariantImage.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+export function useSwitchToVariantImage({ galleryImages, galleryRef, variant }) {
+    const selectedVariation = variant;
+    useEffect(() => {
+        var _a, _b;
+        // Do nothing if the requirements weren't passed in
+        if (!galleryImages || !selectedVariation || !galleryRef)
+            return;
+        // Variants only ever have 1 image, but in the API it is still an array.
+        // So, we just grab the first image
+        const variantImageUrl = (_b = (_a = selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.images) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url;
+        // Find the variant
+        const galleryIndex = galleryImages.findIndex(image => image.url === variantImageUrl);
+        // If the variant does not have an image, do nothing
+        if (galleryIndex === -1)
+            return;
+        // Otherwise slide to it
+        galleryRef.current.slideToIndex(galleryIndex);
+    }, [galleryImages, galleryRef, selectedVariation]);
+}
+//# sourceMappingURL=useSwitchToVariantImage.js.map

package/hooks/Product/useSwitchToVariantImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwitchToVariantImage.js","sourceRoot":"","sources":["useSwitchToVariantImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,MAAM,UAAU,uBAAuB,CAAC,EACtC,aAAa,EACb,UAAU,EACV,OAAO,EACA;IACP,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;;QACb,mDAAmD;QACnD,IAAI,CAAC,aAAa,IAAI,CAAC,iBAAiB,IAAI,CAAC,UAAU;YAAE,OAAO;QAEhE,wEAAwE;QACxE,mCAAmC;QACnC,MAAM,eAAe,GAAG,MAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,0CAAG,CAAC,CAAC,0CAAE,GAAG,CAAC;QAE5D,mBAAmB;QACnB,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,CAC1C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,eAAe,CACvC,CAAC;QAEF,oDAAoD;QACpD,IAAI,YAAY,KAAK,CAAC,CAAC;YAAE,OAAO;QAEhC,wBAAwB;QACxB,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;AACrD,CAAC"}

package/hooks/ProductList/ProductListContext.d.ts

@@ -0,0 +1,7 @@
+import React, { Context } from 'react';
+import { ProductListContextOptions, ProductListQueries, ProductListState } from '.';
+export declare const ProductListContext: Context<ProductListContextOptions>;
+export declare const ProductListProvider: React.FC<{
+    initialState: ProductListState;
+    queries: ProductListQueries;
+}>;

package/hooks/ProductList/ProductListContext.js

@@ -0,0 +1,111 @@
+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, { useEffect, useMemo } from 'react';
+import { useMutation, useQuery } from '@apollo/client';
+import useWarningInDev from '@jetshop/core/hooks/useWarningInDev';
+import productListQueries from '@jetshop/core/data/queries/ProductLists.gql';
+import productListMutations from '@jetshop/core/data/mutations/productListMutations.gql';
+import { emptyProductLists, productListMapToArray, PRODUCT_LISTS_KEY } from '.';
+import useAuth from '../../components/AuthContext/useAuth';
+import { useThunkReducer } from '../useThunkReducer';
+import { createListAction, deleteListAction, loginAction, refreshAction } from './action-creators';
+import { normalizeServerList } from './list-transforms';
+import { init, reducer } from './product-list-reducer';
+export const ProductListContext = React.createContext(undefined);
+function useMissingQueryWarning(property, queries) {
+    return useWarningInDev(!(property in queries), `No \`${property}\` query available in \`queries\` for \`ProductListProvider\`. ` +
+        `Check migration guide for 5.11.0 (product lists section) to remove this warning`);
+}
+export const ProductListProvider = function ProductListProvider(_a) {
+    var { queries, initialState = {} } = _a, rest = __rest(_a, ["queries", "initialState"]);
+    // NOTE: Warn about missing queries, should be removed in next major release.
+    useMissingQueryWarning('all', queries);
+    useMissingQueryWarning('createList', queries);
+    useMissingQueryWarning('deleteList', queries);
+    const { loggedIn } = useAuth();
+    const requestIdRef = React.useRef(null);
+    const allQuery = queries.all || productListQueries.ProductLists;
+    const { data: serverList, client } = useQuery(allQuery, {
+        skip: !loggedIn
+    });
+    const lists = serverList
+        ? new Map(serverList.customerProductLists.map(
+        // The default list (name === null) must have listId null
+        (productList) => [
+            productList.name === null ? null : productList.id,
+            normalizeServerList(productList)
+        ]))
+        : emptyProductLists();
+    const defaultInitialState = Object.assign({ loggedIn,
+        requestIdRef,
+        lists }, initialState);
+    const [state, dispatch] = useThunkReducer(reducer, defaultInitialState, (initialState) => init(initialState));
+    const usingLocalList = !state.loggedIn;
+    usePersistLocalList({ lists: state.lists });
+    // When localstorage updates, sync it to reducer state
+    useLocalStorageListener({ refresh });
+    // loginMutation is a mutation to merge product lists
+    const [loginMutation] = useMutation(queries.login);
+    // To be used to fetch all lists of user after login
+    const fetchAll = () => client.query({ query: allQuery });
+    const [createMutation] = useMutation(queries.createList || productListMutations.CreateProductList);
+    const [deleteListMutation] = useMutation(queries.deleteList || productListMutations.DeleteProductList);
+    function deleteList(listId) {
+        dispatch(deleteListAction({ listId, deleteListMutation }));
+    }
+    function createList(name) {
+        dispatch(createListAction({ name, createMutation }));
+    }
+    function refresh() {
+        dispatch(refreshAction());
+    }
+    useEffect(() => {
+        if (loggedIn === state.loggedIn)
+            return;
+        loggedIn
+            ? dispatch(loginAction({ loginMutation, fetchAll })) // Merge logged out lists to account
+            : dispatch({ type: 'LOGOUT' }); // Clear lists
+    }, [dispatch, loggedIn, loginMutation, state.loggedIn]);
+    const value = useMemo(() => ({
+        createList,
+        deleteList,
+        state,
+        dispatch,
+        queries,
+        usingLocalList
+    }), [dispatch, queries, state, usingLocalList]);
+    // We spread props here so during testing we can override value
+    return React.createElement(ProductListContext.Provider, Object.assign({ value: value }, rest));
+};
+/**
+ * Persist local list to localStorage on every change
+ */
+function usePersistLocalList({ lists }) {
+    const productListArray = productListMapToArray(lists);
+    useEffect(() => {
+        localStorage.setItem(PRODUCT_LISTS_KEY, JSON.stringify(productListArray));
+    }, [lists]);
+}
+function useLocalStorageListener({ refresh }) {
+    useEffect(() => {
+        const listener = (e) => {
+            if (e.storageArea === localStorage && e.key === PRODUCT_LISTS_KEY) {
+                refresh();
+            }
+        };
+        window.addEventListener('storage', listener);
+        return () => {
+            window.removeEventListener('storage', listener);
+        };
+    }, []);
+}
+//# sourceMappingURL=ProductListContext.js.map

package/hooks/ProductList/ProductListContext.js.map

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

package/hooks/ProductList/action-creators.d.ts

@@ -0,0 +1,46 @@
+import { MutationFunction } from '@apollo/client';
+import React from 'react';
+import { AddToListMutation, ProductListItemOptions, ProductListState, ProductListId, RemoveFromListMutation, UpdateListInput, UpdateListOptions } from '.';
+import { Mutation } from '../../types';
+import { Action } from './product-list-reducer';
+export declare function loginAction({ loginMutation, fetchAll }: {
+    loginMutation: MutationFunction<Pick<Mutation, 'addToCustomerProductList'>>;
+    fetchAll: any;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+export declare function refreshAction(): (dispatch: React.Dispatch<Action>) => void;
+export declare function createListAction({ createMutation, name }: {
+    createMutation: MutationFunction<Pick<Mutation, 'createCustomerProductList'>>;
+    name: string;
+}): (dispatch: React.Dispatch<Action>) => void;
+export declare function deleteListAction({ listId, deleteListMutation }: {
+    listId: ProductListId;
+    deleteListMutation: MutationFunction<Pick<Mutation, 'deleteCustomerProductList'>>;
+}): (dispatch: React.Dispatch<Action>) => void;
+export declare function updateAction({ listId, updateAPI, removeMutation, addMutation, options, articleNumber, variantToReplace, variantArticleNumber }: {
+    listId: ProductListId;
+    updateAPI: boolean;
+    removeMutation: RemoveFromListMutation;
+    addMutation: AddToListMutation;
+    options: UpdateListOptions;
+    variantToReplace?: string;
+    variantArticleNumber: string;
+    articleNumber: string;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+export declare function removeAction({ listId, updateAPI, articleNumber, variantArticleNumber, removeMutation }: UpdateListInput & {
+    listId: ProductListId;
+    removeMutation: RemoveFromListMutation;
+    updateAPI: boolean;
+    articleNumber: string;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+export declare function clearAction({ listId, updateAPI, removeMutation }: {
+    listId: ProductListId;
+    updateAPI: boolean;
+    removeMutation: RemoveFromListMutation;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+export declare function addAction({ listId, articleNumber, variantArticleNumber, addMutation, options, updateAPI }: UpdateListInput & {
+    listId: ProductListId;
+    addMutation: AddToListMutation;
+    options: ProductListItemOptions;
+    updateAPI: boolean;
+    articleNumber: string;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;