@jetshop/core 5.13.11-0 → 5.14.0-alpha.abd04298

package/hooks/ProductList/useProductList.d.ts

@@ -1,13 +1,13 @@
-import { ProductListId, UpdateListInput } from '.';
-export declare function useProductList(listId?: ProductListId): {
-    toggle: (articleNumber: string, { variantArticleNumber, quantity, description, productName }: UpdateListInput) => void;
-    add: (articleNumber: string, { variantArticleNumber, quantity, description, productName }: UpdateListInput) => void;
-    remove: (articleNumber: string, { variantArticleNumber }: UpdateListInput) => void;
-    update: (articleNumber: string, { variantArticleNumber, quantity, description, variantToReplace }: UpdateListInput & {
-        variantToReplace?: string;
-    }) => void;
-    clear: () => void;
-    inList: (articleNumber: string, { variantArticleNumber }: UpdateListInput) => boolean;
-    list: import(".").NormalizedProductList;
-    count: number;
-};
+import { ProductListId, UpdateListInput } from '.';
+export declare function useProductList(listId?: ProductListId): {
+    toggle: (articleNumber: string, { variantArticleNumber, quantity, description, productName }: UpdateListInput) => void;
+    add: (articleNumber: string, { variantArticleNumber, quantity, description, productName }: UpdateListInput) => void;
+    remove: (articleNumber: string, { variantArticleNumber }: UpdateListInput) => void;
+    update: (articleNumber: string, { variantArticleNumber, quantity, description, variantToReplace }: UpdateListInput & {
+        variantToReplace?: string;
+    }) => void;
+    clear: () => void;
+    inList: (articleNumber: string, { variantArticleNumber }: UpdateListInput) => boolean;
+    list: import(".").NormalizedProductList;
+    count: number;
+};

package/hooks/ProductList/useProductList.js

@@ -1,94 +1,94 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { useMutation } from 'react-apollo';
-import { addAction, clearAction, removeAction, updateAction } from './action-creators';
-import { flattenList } from './list-transforms';
-import { ProductListContext } from './ProductListContext';
-import { trackAddToWishListEvent } from '../../analytics/tracking';
-import { useTracker } from '../../analytics/Analytics';
-export function useProductList(listId = null) {
-    const { 
-    // XXX
-    //state: { list = {} },
-    state, dispatch, queries, usingLocalList } = React.useContext(ProductListContext);
-    const list = state.lists.get(listId);
-    const [hydrated, setHydrated] = useState(!usingLocalList);
-    const updateAPI = !usingLocalList;
-    const removeMutation = useMutation(queries.remove);
-    const addMutation = useMutation(queries.add);
-    const track = useTracker();
-    function toggle(articleNumber, { variantArticleNumber, quantity, description, productName }) {
-        if (inList(articleNumber, { variantArticleNumber })) {
-            remove(articleNumber, { variantArticleNumber });
-        }
-        else {
-            add(articleNumber, {
-                variantArticleNumber,
-                quantity,
-                description,
-                productName
-            });
-        }
-    }
-    function remove(articleNumber, { variantArticleNumber }) {
-        dispatch(removeAction({
-            listId,
-            articleNumber,
-            variantArticleNumber,
-            removeMutation,
-            updateAPI
-        }));
-    }
-    function add(articleNumber, { variantArticleNumber, quantity = 1, description, productName }) {
-        track(trackAddToWishListEvent({
-            articleNumber: variantArticleNumber || articleNumber,
-            productName
-        }));
-        dispatch(addAction({
-            listId,
-            updateAPI,
-            articleNumber,
-            variantArticleNumber,
-            options: { quantity, description },
-            addMutation
-        }));
-    }
-    function update(articleNumber, { variantArticleNumber, quantity, description, variantToReplace }) {
-        dispatch(updateAction({
-            listId,
-            updateAPI,
-            articleNumber,
-            variantArticleNumber,
-            variantToReplace,
-            options: { quantity, description },
-            removeMutation,
-            addMutation
-        }));
-    }
-    function clear() {
-        dispatch(clearAction({ listId, removeMutation, updateAPI }));
-    }
-    function inList(articleNumber, { variantArticleNumber }) {
-        var _a;
-        if (!hydrated)
-            return false;
-        if (list && articleNumber in list.items) {
-            if (!variantArticleNumber)
-                return true;
-            const variantInList = !!((_a = list.items[articleNumber].variants) === null || _a === void 0 ? void 0 : _a[variantArticleNumber]);
-            return variantInList;
-        }
-        else {
-            return false;
-        }
-    }
-    //  When using localStorage, we only want to display the list values after
-    //  hydration, to avoid the initial server and client render being different
-    useEffect(() => {
-        setHydrated(true);
-    }, []);
-    const count = useMemo(() => {
-        return hydrated ? flattenList(list).length : 0;
-    }, [hydrated, list]);
-    return { toggle, add, remove, update, clear, inList, list, count };
-}
+import React, { useEffect, useMemo, useState } from 'react';
+import { useMutation } from 'react-apollo';
+import { addAction, clearAction, removeAction, updateAction } from './action-creators';
+import { flattenList } from './list-transforms';
+import { ProductListContext } from './ProductListContext';
+import { trackAddToWishListEvent } from '../../analytics/tracking';
+import { useTracker } from '../../analytics/Analytics';
+export function useProductList(listId = null) {
+    const { 
+    // XXX
+    //state: { list = {} },
+    state, dispatch, queries, usingLocalList } = React.useContext(ProductListContext);
+    const list = state.lists.get(listId);
+    const [hydrated, setHydrated] = useState(!usingLocalList);
+    const updateAPI = !usingLocalList;
+    const removeMutation = useMutation(queries.remove);
+    const addMutation = useMutation(queries.add);
+    const track = useTracker();
+    function toggle(articleNumber, { variantArticleNumber, quantity, description, productName }) {
+        if (inList(articleNumber, { variantArticleNumber })) {
+            remove(articleNumber, { variantArticleNumber });
+        }
+        else {
+            add(articleNumber, {
+                variantArticleNumber,
+                quantity,
+                description,
+                productName
+            });
+        }
+    }
+    function remove(articleNumber, { variantArticleNumber }) {
+        dispatch(removeAction({
+            listId,
+            articleNumber,
+            variantArticleNumber,
+            removeMutation,
+            updateAPI
+        }));
+    }
+    function add(articleNumber, { variantArticleNumber, quantity = 1, description, productName }) {
+        track(trackAddToWishListEvent({
+            articleNumber: variantArticleNumber || articleNumber,
+            productName
+        }));
+        dispatch(addAction({
+            listId,
+            updateAPI,
+            articleNumber,
+            variantArticleNumber,
+            options: { quantity, description },
+            addMutation
+        }));
+    }
+    function update(articleNumber, { variantArticleNumber, quantity, description, variantToReplace }) {
+        dispatch(updateAction({
+            listId,
+            updateAPI,
+            articleNumber,
+            variantArticleNumber,
+            variantToReplace,
+            options: { quantity, description },
+            removeMutation,
+            addMutation
+        }));
+    }
+    function clear() {
+        dispatch(clearAction({ listId, removeMutation, updateAPI }));
+    }
+    function inList(articleNumber, { variantArticleNumber }) {
+        var _a;
+        if (!hydrated)
+            return false;
+        if (list && articleNumber in list.items) {
+            if (!variantArticleNumber)
+                return true;
+            const variantInList = !!((_a = list.items[articleNumber].variants) === null || _a === void 0 ? void 0 : _a[variantArticleNumber]);
+            return variantInList;
+        }
+        else {
+            return false;
+        }
+    }
+    //  When using localStorage, we only want to display the list values after
+    //  hydration, to avoid the initial server and client render being different
+    useEffect(() => {
+        setHydrated(true);
+    }, []);
+    const count = useMemo(() => {
+        return hydrated ? flattenList(list).length : 0;
+    }, [hydrated, list]);
+    return { toggle, add, remove, update, clear, inList, list, count };
+}
 //# sourceMappingURL=useProductList.js.map

package/hooks/ProductList/useProductListItems.d.ts

@@ -1,10 +1,10 @@
-import { ProductListDetail } from '.';
-/**
- * Returns a list of products ready to be rendered
- */
-export declare function useProductListItems(
-/** Passing null for id will retrieve the default product list */
-listId?: string | null, options?: {
-    /** Limit how many items are returned */
-    limit?: number;
-}): ProductListDetail;
+import { ProductListDetail } from '.';
+/**
+ * Returns a list of products ready to be rendered
+ */
+export declare function useProductListItems(
+/** Passing null for id will retrieve the default product list */
+listId?: string | null, options?: {
+    /** Limit how many items are returned */
+    limit?: number;
+}): ProductListDetail;

package/hooks/ProductList/useProductListItems.js

@@ -1,49 +1,49 @@
-import { useContext, useMemo, useState, useEffect } from 'react';
-import { useQuery } from 'react-apollo';
-import { flattenList, getProductDetailForFlattenedProductList } from './list-transforms';
-import { ProductListContext } from './ProductListContext';
-import getErrorDetail from '../../helpers/getErrorDetail';
-/**
- * Returns a list of products ready to be rendered
- */
-export function useProductListItems(
-/** Passing null for id will retrieve the default product list */
-listId = null, options = {}) {
-    const { state: { lists }, queries, dispatch, usingLocalList } = useContext(ProductListContext);
-    const list = lists.get(listId);
-    const [hydrated, setHydrated] = useState(!usingLocalList);
-    const flattenedList = useMemo(() => flattenList(list), [list]);
-    // Make a `products` query containing every item in the list
-    const productQueryResult = useQuery(queries.productsQuery, {
-        skip: flattenedList.length === 0,
-        errorPolicy: 'all',
-        variables: {
-            articleNumbers: flattenedList
-                .map((listItem) => listItem.articleNumber)
-                .slice(0, options.limit)
-        }
-    });
-    // Remove the invalid item from the product list if it does not exist
-    if (productQueryResult.error) {
-        const { codes, data } = getErrorDetail(productQueryResult.error);
-        if (codes.includes('ProductNotFound')) {
-            for (const item of data) {
-                dispatch({
-                    type: 'REMOVE',
-                    payload: { listId, articleNumber: item.argument }
-                });
-            }
-        }
-    }
-    //  When using localStorage, we only want to display the list values after
-    //  hydration, to avoid the initial server and client render being different
-    useEffect(() => {
-        setHydrated(true);
-    }, []);
-    const result = {
-        products: getProductDetailForFlattenedProductList(flattenedList, productQueryResult),
-        loading: hydrated ? productQueryResult.loading : true
-    };
-    return result;
-}
+import { useContext, useMemo, useState, useEffect } from 'react';
+import { useQuery } from 'react-apollo';
+import { flattenList, getProductDetailForFlattenedProductList } from './list-transforms';
+import { ProductListContext } from './ProductListContext';
+import getErrorDetail from '../../helpers/getErrorDetail';
+/**
+ * Returns a list of products ready to be rendered
+ */
+export function useProductListItems(
+/** Passing null for id will retrieve the default product list */
+listId = null, options = {}) {
+    const { state: { lists }, queries, dispatch, usingLocalList } = useContext(ProductListContext);
+    const list = lists.get(listId);
+    const [hydrated, setHydrated] = useState(!usingLocalList);
+    const flattenedList = useMemo(() => flattenList(list), [list]);
+    // Make a `products` query containing every item in the list
+    const productQueryResult = useQuery(queries.productsQuery, {
+        skip: flattenedList.length === 0,
+        errorPolicy: 'all',
+        variables: {
+            articleNumbers: flattenedList
+                .map((listItem) => listItem.articleNumber)
+                .slice(0, options.limit)
+        }
+    });
+    // Remove the invalid item from the product list if it does not exist
+    if (productQueryResult.error) {
+        const { codes, data } = getErrorDetail(productQueryResult.error);
+        if (codes.includes('ProductNotFound')) {
+            for (const item of data) {
+                dispatch({
+                    type: 'REMOVE',
+                    payload: { listId, articleNumber: item.argument }
+                });
+            }
+        }
+    }
+    //  When using localStorage, we only want to display the list values after
+    //  hydration, to avoid the initial server and client render being different
+    useEffect(() => {
+        setHydrated(true);
+    }, []);
+    const result = {
+        products: getProductDetailForFlattenedProductList(flattenedList, productQueryResult),
+        loading: hydrated ? productQueryResult.loading : true
+    };
+    return result;
+}
 //# sourceMappingURL=useProductListItems.js.map

package/hooks/ProductList/validate-product.d.ts

@@ -1,6 +1,6 @@
-import { ProductListProduct } from '.';
-import { ProductListProductValidation } from './';
-/**
- * Takes a ProductListProduct and checks whether it is possible to add it to cart
- */
-export declare function validateProduct(product: Partial<ProductListProduct>): ProductListProductValidation;
+import { ProductListProduct } from '.';
+import { ProductListProductValidation } from './';
+/**
+ * Takes a ProductListProduct and checks whether it is possible to add it to cart
+ */
+export declare function validateProduct(product: Partial<ProductListProduct>): ProductListProductValidation;

package/hooks/ProductList/validate-product.js

@@ -1,41 +1,41 @@
-/**
- * Takes a ProductListProduct and checks whether it is possible to add it to cart
- */
-export function validateProduct(product) {
-    if ((product.variant && !product.variant.stockStatus.buyable) ||
-        !product.stockStatus.buyable) {
-        return {
-            status: 'outOfStock',
-            message: product.stockStatus.text
-        };
-    }
-    if (product.isPackage) {
-        return {
-            status: 'package',
-            message: 'Product is a package'
-        };
-    }
-    if (product.isPreOrder) {
-        return {
-            status: 'preOrder',
-            message: 'Pre-order date required'
-        };
-    }
-    if (product.hasConfigurations) {
-        return {
-            status: 'configurations',
-            message: 'Product has configurations'
-        };
-    }
-    if (product.hasVariants && !product.variant) {
-        return {
-            status: 'missingVariant',
-            message: 'Product has no selected variant'
-        };
-    }
-    return {
-        status: 'valid',
-        message: null
-    };
-}
+/**
+ * Takes a ProductListProduct and checks whether it is possible to add it to cart
+ */
+export function validateProduct(product) {
+    if ((product.variant && !product.variant.stockStatus.buyable) ||
+        !product.stockStatus.buyable) {
+        return {
+            status: 'outOfStock',
+            message: product.stockStatus.text
+        };
+    }
+    if (product.isPackage) {
+        return {
+            status: 'package',
+            message: 'Product is a package'
+        };
+    }
+    if (product.isPreOrder) {
+        return {
+            status: 'preOrder',
+            message: 'Pre-order date required'
+        };
+    }
+    if (product.hasConfigurations) {
+        return {
+            status: 'configurations',
+            message: 'Product has configurations'
+        };
+    }
+    if (product.hasVariants && !product.variant) {
+        return {
+            status: 'missingVariant',
+            message: 'Product has no selected variant'
+        };
+    }
+    return {
+        status: 'valid',
+        message: null
+    };
+}
 //# sourceMappingURL=validate-product.js.map

package/hooks/Subscriptions/useNewsletterSubscription.d.ts

@@ -1,38 +1,38 @@
-/// <reference types="react" />
-declare function useNewsletterSubscription({ enabled }: {
-    enabled?: boolean;
-}): {
-    inputProps: {
-        name: string;
-        value: string;
-        onFocus: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
-            value: any;
-            context: import("./useStoreSubscriptions").SubscribeContext;
-        }>;
-        onBlur: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
-            value: any;
-            context: import("./useStoreSubscriptions").SubscribeContext;
-        }>;
-        onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
-            value: any;
-            context: import("./useStoreSubscriptions").SubscribeContext;
-        }>;
-    };
-    errorStates: {
-        invalidEmail: boolean;
-        alreadySubscribed: boolean;
-    };
-    toggle: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
-        value: any;
-        context: import("./useStoreSubscriptions").SubscribeContext;
-    }>;
-    submit: (e: any) => void;
-    inactive: boolean;
-    active: boolean;
-    idle: boolean;
-    editing: boolean;
-    submitting: boolean;
-    submitted: boolean;
-    failed: boolean;
-};
-export { useNewsletterSubscription };
+/// <reference types="react" />
+declare function useNewsletterSubscription({ enabled }: {
+    enabled?: boolean;
+}): {
+    inputProps: {
+        name: string;
+        value: string;
+        onFocus: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+        onBlur: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+        onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+    };
+    errorStates: {
+        invalidEmail: boolean;
+        alreadySubscribed: boolean;
+    };
+    toggle: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+        value: any;
+        context: import("./useStoreSubscriptions").SubscribeContext;
+    }>;
+    submit: (e: any) => void;
+    inactive: boolean;
+    active: boolean;
+    idle: boolean;
+    editing: boolean;
+    submitting: boolean;
+    submitted: boolean;
+    failed: boolean;
+};
+export { useNewsletterSubscription };

package/hooks/Subscriptions/useNewsletterSubscription.js

@@ -1,42 +1,42 @@
-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 { useMutation } from 'react-apollo';
-import subscribeToNewsletterMutation from '@jetshop/core/data/mutations/subscribeToNewsletter.gql';
-import { useStoreSubscriptions } from './useStoreSubscriptions';
-function useNewsletterSubscription({ enabled }) {
-    var _a;
-    const [subscribeMutation] = useMutation(subscribeToNewsletterMutation);
-    const _b = useStoreSubscriptions({
-        services: { trySubmit },
-        enabled
-    }), { fields, input, error } = _b, rest = __rest(_b, ["fields", "input", "error"]);
-    function trySubmit() {
-        return new Promise((resolve, reject) => {
-            return subscribeMutation({
-                variables: {
-                    email: fields.email
-                }
-            })
-                .then(data => resolve(data))
-                .catch(error => reject(error));
-        });
-    }
-    const errorStates = {
-        invalidEmail: Array.isArray(error) && error.includes('UnableToSubscribeToNewsletter'),
-        alreadySubscribed: Array.isArray(error) && error.includes('AlreadySubscribed')
-    };
-    const inputProps = Object.assign(Object.assign({}, input), { name: 'email', value: (_a = fields.email) !== null && _a !== void 0 ? _a : '' });
-    return Object.assign(Object.assign(Object.assign({}, fields), rest), { inputProps,
-        errorStates });
-}
-export { useNewsletterSubscription };
+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 { useMutation } from 'react-apollo';
+import subscribeToNewsletterMutation from '@jetshop/core/data/mutations/subscribeToNewsletter.gql';
+import { useStoreSubscriptions } from './useStoreSubscriptions';
+function useNewsletterSubscription({ enabled }) {
+    var _a;
+    const [subscribeMutation] = useMutation(subscribeToNewsletterMutation);
+    const _b = useStoreSubscriptions({
+        services: { trySubmit },
+        enabled
+    }), { fields, input, error } = _b, rest = __rest(_b, ["fields", "input", "error"]);
+    function trySubmit() {
+        return new Promise((resolve, reject) => {
+            return subscribeMutation({
+                variables: {
+                    email: fields.email
+                }
+            })
+                .then(data => resolve(data))
+                .catch(error => reject(error));
+        });
+    }
+    const errorStates = {
+        invalidEmail: Array.isArray(error) && error.includes('UnableToSubscribeToNewsletter'),
+        alreadySubscribed: Array.isArray(error) && error.includes('AlreadySubscribed')
+    };
+    const inputProps = Object.assign(Object.assign({}, input), { name: 'email', value: (_a = fields.email) !== null && _a !== void 0 ? _a : '' });
+    return Object.assign(Object.assign(Object.assign({}, fields), rest), { inputProps,
+        errorStates });
+}
+export { useNewsletterSubscription };
 //# sourceMappingURL=useNewsletterSubscription.js.map