@jetshop/core 5.13.2 → 5.13.10-0

package/hooks/Subscriptions/useStoresubscriptions.test.js

@@ -1,179 +1,179 @@
-import { act, renderHook } from '@testing-library/react-hooks';
-import { InMemoryCache } from 'apollo-cache-inmemory';
-import { ApolloClient } from 'apollo-client';
-import { MockLink } from 'apollo-link-mock';
-import React from 'react';
-import { ApolloProvider } from 'react-apollo';
-import { useStoreSubscriptions } from './useStoreSubscriptions';
-
-const wrapper = props => <WithApolloProvider {...props} />;
-
-const event = {
-  preventDefault: () => null
-};
-
-const services = {
-  services: {
-    // noop
-    trySubmit: () => ({})
-  }
-};
-
-const subscriptionArgs = {
-  ...services,
-  enabled: true
-};
-
-describe('useStoreSubscriptions', () => {
-  describe('on mount', () => {
-    it('is inactive by default', () => {
-      const { result } = renderHook(
-        () => useStoreSubscriptions({ ...services }),
-        wrapper
-      );
-
-      expect(result.current.active).toBe(false);
-      expect(result.current.idle).toBe(false);
-    });
-
-    it('is active but idle when default open', () => {
-      const { result } = renderHook(
-        () => useStoreSubscriptions(subscriptionArgs),
-        wrapper
-      );
-
-      expect(result.current.active).toBe(true);
-      expect(result.current.idle).toBe(true);
-    });
-
-    it('cannot be submitted', () => {
-      const mockSubmit = jest.fn();
-
-      const { result } = renderHook(
-        () =>
-          useStoreSubscriptions({
-            services: mockSubmit
-          }),
-        wrapper
-      );
-
-      act(() => {
-        result.current.submit(event);
-      });
-
-      expect(mockSubmit).toHaveBeenCalledTimes(0);
-    });
-  });
-
-  describe('input actions', () => {
-    it('handle state changes on focus and blur', () => {
-      const { result } = renderHook(
-        () => useStoreSubscriptions(subscriptionArgs),
-        wrapper
-      );
-
-      expect(result.current.idle).toBe(true);
-
-      act(() => {
-        result.current.input.onFocus();
-      });
-      expect(result.current.editing).toBe(true);
-
-      act(() => {
-        result.current.input.onBlur();
-      });
-      expect(result.current.editing).toBe(false);
-    });
-
-    it('handle input changes', () => {
-      const { result } = renderHook(
-        () => useStoreSubscriptions(subscriptionArgs),
-        wrapper
-      );
-
-      expect(result.current.fields).toEqual({});
-
-      act(() => {
-        result.current.input.onFocus();
-        result.current.input.onChange({
-          target: {
-            name: 'email',
-            value: 'hej@okbry.cool'
-          }
-        });
-      });
-
-      expect(result.current.fields).toEqual({ email: 'hej@okbry.cool' });
-    });
-  });
-  describe('on submit', () => {
-    it('can succeed', async () => {
-      const { result, waitForNextUpdate } = renderHook(
-        () =>
-          useStoreSubscriptions({
-            ...subscriptionArgs,
-            services: {
-              trySubmit: data => Promise.resolve(data)
-            }
-          }),
-        wrapper
-      );
-
-      act(() => {
-        result.current.input.onFocus();
-        result.current.input.onChange({
-          target: {
-            name: 'email',
-            value: 'hej@okbry.cool'
-          }
-        });
-      });
-
-      expect(result.current.fields).toEqual({ email: 'hej@okbry.cool' });
-
-      act(() => result.current.submit(event));
-
-      await waitForNextUpdate();
-
-      // Empties fields on submission
-      await expect(result.current.fields).toEqual({});
-      await expect(result.current.submitted).toBe(true);
-    });
-    it('can fail', async () => {
-      const { result, waitForNextUpdate } = renderHook(
-        () =>
-          useStoreSubscriptions({
-            ...subscriptionArgs,
-            services: {
-              trySubmit: error => Promise.reject(error)
-            }
-          }),
-        wrapper
-      );
-
-      act(() => {
-        result.current.input.onFocus();
-        result.current.input.onChange({
-          target: { value: 'missing input name' }
-        });
-      });
-
-      act(() => result.current.submit(event));
-
-      await waitForNextUpdate();
-
-      await expect(result.current.fields).toEqual({
-        undefined: 'missing input name'
-      });
-      await expect(result.current.failed).toBe(true);
-    });
-  });
-});
-
-function WithApolloProvider({ children }) {
-  const client = new ApolloClient({
-    cache: new InMemoryCache({ addTypename: false }),
-    link: new MockLink()
-  });
-  return <ApolloProvider client={client}>{children}</ApolloProvider>;
-}
+import { act, renderHook } from '@testing-library/react-hooks';
+import { InMemoryCache } from 'apollo-cache-inmemory';
+import { ApolloClient } from 'apollo-client';
+import { MockLink } from 'apollo-link-mock';
+import React from 'react';
+import { ApolloProvider } from 'react-apollo';
+import { useStoreSubscriptions } from './useStoreSubscriptions';
+
+const wrapper = props => <WithApolloProvider {...props} />;
+
+const event = {
+  preventDefault: () => null
+};
+
+const services = {
+  services: {
+    // noop
+    trySubmit: () => ({})
+  }
+};
+
+const subscriptionArgs = {
+  ...services,
+  enabled: true
+};
+
+describe('useStoreSubscriptions', () => {
+  describe('on mount', () => {
+    it('is inactive by default', () => {
+      const { result } = renderHook(
+        () => useStoreSubscriptions({ ...services }),
+        wrapper
+      );
+
+      expect(result.current.active).toBe(false);
+      expect(result.current.idle).toBe(false);
+    });
+
+    it('is active but idle when default open', () => {
+      const { result } = renderHook(
+        () => useStoreSubscriptions(subscriptionArgs),
+        wrapper
+      );
+
+      expect(result.current.active).toBe(true);
+      expect(result.current.idle).toBe(true);
+    });
+
+    it('cannot be submitted', () => {
+      const mockSubmit = jest.fn();
+
+      const { result } = renderHook(
+        () =>
+          useStoreSubscriptions({
+            services: mockSubmit
+          }),
+        wrapper
+      );
+
+      act(() => {
+        result.current.submit(event);
+      });
+
+      expect(mockSubmit).toHaveBeenCalledTimes(0);
+    });
+  });
+
+  describe('input actions', () => {
+    it('handle state changes on focus and blur', () => {
+      const { result } = renderHook(
+        () => useStoreSubscriptions(subscriptionArgs),
+        wrapper
+      );
+
+      expect(result.current.idle).toBe(true);
+
+      act(() => {
+        result.current.input.onFocus();
+      });
+      expect(result.current.editing).toBe(true);
+
+      act(() => {
+        result.current.input.onBlur();
+      });
+      expect(result.current.editing).toBe(false);
+    });
+
+    it('handle input changes', () => {
+      const { result } = renderHook(
+        () => useStoreSubscriptions(subscriptionArgs),
+        wrapper
+      );
+
+      expect(result.current.fields).toEqual({});
+
+      act(() => {
+        result.current.input.onFocus();
+        result.current.input.onChange({
+          target: {
+            name: 'email',
+            value: 'hej@okbry.cool'
+          }
+        });
+      });
+
+      expect(result.current.fields).toEqual({ email: 'hej@okbry.cool' });
+    });
+  });
+  describe('on submit', () => {
+    it('can succeed', async () => {
+      const { result, waitForNextUpdate } = renderHook(
+        () =>
+          useStoreSubscriptions({
+            ...subscriptionArgs,
+            services: {
+              trySubmit: data => Promise.resolve(data)
+            }
+          }),
+        wrapper
+      );
+
+      act(() => {
+        result.current.input.onFocus();
+        result.current.input.onChange({
+          target: {
+            name: 'email',
+            value: 'hej@okbry.cool'
+          }
+        });
+      });
+
+      expect(result.current.fields).toEqual({ email: 'hej@okbry.cool' });
+
+      act(() => result.current.submit(event));
+
+      await waitForNextUpdate();
+
+      // Empties fields on submission
+      await expect(result.current.fields).toEqual({});
+      await expect(result.current.submitted).toBe(true);
+    });
+    it('can fail', async () => {
+      const { result, waitForNextUpdate } = renderHook(
+        () =>
+          useStoreSubscriptions({
+            ...subscriptionArgs,
+            services: {
+              trySubmit: error => Promise.reject(error)
+            }
+          }),
+        wrapper
+      );
+
+      act(() => {
+        result.current.input.onFocus();
+        result.current.input.onChange({
+          target: { value: 'missing input name' }
+        });
+      });
+
+      act(() => result.current.submit(event));
+
+      await waitForNextUpdate();
+
+      await expect(result.current.fields).toEqual({
+        undefined: 'missing input name'
+      });
+      await expect(result.current.failed).toBe(true);
+    });
+  });
+});
+
+function WithApolloProvider({ children }) {
+  const client = new ApolloClient({
+    cache: new InMemoryCache({ addTypename: false }),
+    link: new MockLink()
+  });
+  return <ApolloProvider client={client}>{children}</ApolloProvider>;
+}

package/hooks/useAddMultipleToCart.d.ts

@@ -1,27 +1,27 @@
-import { FetchResult, DocumentNode } from 'apollo-link';
-import { CartMutation, AddMultipleToCartInput, Product } from '../types';
-declare type AddMultipleToCartMutationResponse = FetchResult<{
-    addMultipleToCart: CartMutation;
-}>;
-interface UseAddMultipleToCartOptions {
-    onCompleted?(resp: AddMultipleToCartMutationResponse): any;
-    onError?(resp: AddMultipleToCartMutationResponse): any;
-    onPartialFailure?(resp: AddMultipleToCartMutationResponse): any;
-}
-export interface AddMultipleToCartQueries {
-    addMultipleToCartMutation: DocumentNode;
-    cartQuery: DocumentNode;
-}
-declare type FailedReason = string;
-export declare type AddMultipleToCartInputWithProduct = AddMultipleToCartInput & Product;
-export declare function useAddMultipleToCart(items: AddMultipleToCartInputWithProduct[], hookQueries?: AddMultipleToCartQueries, hookCallbacks?: UseAddMultipleToCartOptions): [
-    (q?: AddMultipleToCartQueries, cbs?: UseAddMultipleToCartOptions) => Promise<AddMultipleToCartMutationResponse>,
-    {
-        loading: boolean;
-        called: boolean;
-        error: boolean;
-        data: AddMultipleToCartMutationResponse;
-        failedItems: Map<AddMultipleToCartInput, FailedReason>;
-    }
-];
-export {};
+import { FetchResult, DocumentNode } from 'apollo-link';
+import { CartMutation, AddMultipleToCartInput, Product } from '../types';
+declare type AddMultipleToCartMutationResponse = FetchResult<{
+    addMultipleToCart: CartMutation;
+}>;
+interface UseAddMultipleToCartOptions {
+    onCompleted?(resp: AddMultipleToCartMutationResponse): any;
+    onError?(resp: AddMultipleToCartMutationResponse): any;
+    onPartialFailure?(resp: AddMultipleToCartMutationResponse): any;
+}
+export interface AddMultipleToCartQueries {
+    addMultipleToCartMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+declare type FailedReason = string;
+export declare type AddMultipleToCartInputWithProduct = AddMultipleToCartInput & Product;
+export declare function useAddMultipleToCart(items: AddMultipleToCartInputWithProduct[], hookQueries?: AddMultipleToCartQueries, hookCallbacks?: UseAddMultipleToCartOptions): [
+    (q?: AddMultipleToCartQueries, cbs?: UseAddMultipleToCartOptions) => Promise<AddMultipleToCartMutationResponse>,
+    {
+        loading: boolean;
+        called: boolean;
+        error: boolean;
+        data: AddMultipleToCartMutationResponse;
+        failedItems: Map<AddMultipleToCartInput, FailedReason>;
+    }
+];
+export {};

package/hooks/useAddMultipleToCart.js

@@ -1,114 +1,114 @@
-import { useApolloClient } from '@apollo/react-hooks';
-import { CartIdContext } from '@jetshop/core/components/Cart/CartIdContext';
-import { useContext, useState } from 'react';
-import throwErrorInDev from '../helpers/throwErrorInDev';
-import { useTracker } from '../analytics/Analytics';
-import { trackProductEvent } from '../analytics/tracking';
-import { unSlugify } from '../analytics/integrations/unslugify';
-import { breadcrumbsWithoutProduct } from '../analytics/utils/breadcrumbsWithoutProduct';
-export function useAddMultipleToCart(items, hookQueries, hookCallbacks) {
-    const track = useTracker();
-    const client = useApolloClient();
-    const [status, setStatus] = useState('idle');
-    const [data, setData] = useState();
-    const { cartId, setCartId } = useContext(CartIdContext);
-    if (!items) {
-        throwErrorInDev(true, `You must pass an array of products to useAddMultipleToCart`);
-        return null;
-    }
-    function updateCart({ data }) {
-        const cartIdNotSet = !cartId;
-        const cartIdFromMutation = data.addMultipleToCart.cart.id;
-        const newCartIdReturnedFromAPI = cartIdFromMutation !== cartId;
-        // Set the cart ID in context so any future add to cart actions use the same
-        // ID
-        if (cartIdNotSet || newCartIdReturnedFromAPI) {
-            setCartId(cartIdFromMutation);
-        }
-    }
-    function addMultiple(q, cbs) {
-        const queries = hookQueries || q;
-        const callbacks = hookCallbacks || cbs;
-        if (!queries || !queries.addMultipleToCartMutation || !queries.cartQuery) {
-            return Promise.reject(`You must pass cartQuery and addMultipleToCartMutation to useAddMultipletoCart or to the addMultiple fn`);
-        }
-        items.forEach((item) => {
-            var _a, _b, _c;
-            track(trackProductEvent({
-                action: 'add',
-                product: item,
-                quantity: item.quantity,
-                category: breadcrumbsWithoutProduct((_a = item.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
-                    unSlugify((_c = (_b = item.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
-                    ''
-            }));
-        });
-        setStatus('loading');
-        return client
-            .mutate({
-            mutation: queries.addMultipleToCartMutation,
-            errorPolicy: 'all',
-            variables: {
-                cartId,
-                items: items.map(({ articleNumber, quantity, comments, configurationIds, preOrderDate }) => ({
-                    articleNumber,
-                    quantity,
-                    comments,
-                    configurationIds,
-                    preOrderDate
-                }))
-            },
-            refetchQueries: (resp) => {
-                // When errors are present, the cart does not get automatically
-                // updated. We have to use refetchQueries in that case.
-                return (resp.errors && [{ query: queries.cartQuery, variables: { cartId } }]);
-            }
-        })
-            .then((resp) => {
-            setData(resp);
-            (callbacks === null || callbacks === void 0 ? void 0 : callbacks.onCompleted) && callbacks.onCompleted(resp);
-            // Update the cart context
-            updateCart(resp);
-            if (resp.errors) {
-                setStatus('partialFailure');
-                (callbacks === null || callbacks === void 0 ? void 0 : callbacks.onPartialFailure) && callbacks.onPartialFailure(resp);
-            }
-            else {
-                setStatus('success');
-            }
-            return resp;
-        })
-            .catch((err) => {
-            console.log('error!', err);
-            setStatus('error');
-            (callbacks === null || callbacks === void 0 ? void 0 : callbacks.onError) && callbacks.onError(err);
-            // TODO: We have to type cast the response until this is fixed in
-            // react-apollo 3.2.0
-            // https://github.com/apollographql/react-apollo/commit/a3dd7e64403de32e9048b2ebd5eb63e14d73cf26
-        });
-    }
-    // If some of the items failed, create a Map containing those items as the key.
-    // The errors returned from the API give us the index of failed items as they
-    // appeared in the mutation's input, so we can use that to create the Map.
-    // We also set the error code as the value
-    const failedItems = new Map();
-    if (status === 'partialFailure') {
-        for (const error of data.errors) {
-            const item = items[error.extensions.data.index];
-            failedItems.set(item, error.extensions.code);
-        }
-    }
-    // code: error.extensions.code
-    // Maintain the same basic interface as `useMutation`.
-    return [
-        addMultiple,
-        {
-            loading: status === 'loading',
-            called: status !== 'idle',
-            error: status === 'error',
-            data,
-            failedItems
-        }
-    ];
-}
+import { useApolloClient } from '@apollo/react-hooks';
+import { CartIdContext } from '@jetshop/core/components/Cart/CartIdContext';
+import { useContext, useState } from 'react';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+import { useTracker } from '../analytics/Analytics';
+import { trackProductEvent } from '../analytics/tracking';
+import { unSlugify } from '../analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '../analytics/utils/breadcrumbsWithoutProduct';
+export function useAddMultipleToCart(items, hookQueries, hookCallbacks) {
+    const track = useTracker();
+    const client = useApolloClient();
+    const [status, setStatus] = useState('idle');
+    const [data, setData] = useState();
+    const { cartId, setCartId } = useContext(CartIdContext);
+    if (!items) {
+        throwErrorInDev(true, `You must pass an array of products to useAddMultipleToCart`);
+        return null;
+    }
+    function updateCart({ data }) {
+        const cartIdNotSet = !cartId;
+        const cartIdFromMutation = data.addMultipleToCart.cart.id;
+        const newCartIdReturnedFromAPI = cartIdFromMutation !== cartId;
+        // Set the cart ID in context so any future add to cart actions use the same
+        // ID
+        if (cartIdNotSet || newCartIdReturnedFromAPI) {
+            setCartId(cartIdFromMutation);
+        }
+    }
+    function addMultiple(q, cbs) {
+        const queries = hookQueries || q;
+        const callbacks = hookCallbacks || cbs;
+        if (!queries || !queries.addMultipleToCartMutation || !queries.cartQuery) {
+            return Promise.reject(`You must pass cartQuery and addMultipleToCartMutation to useAddMultipletoCart or to the addMultiple fn`);
+        }
+        items.forEach((item) => {
+            var _a, _b, _c;
+            track(trackProductEvent({
+                action: 'add',
+                product: item,
+                quantity: item.quantity,
+                category: breadcrumbsWithoutProduct((_a = item.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
+                    unSlugify((_c = (_b = item.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
+                    ''
+            }));
+        });
+        setStatus('loading');
+        return client
+            .mutate({
+            mutation: queries.addMultipleToCartMutation,
+            errorPolicy: 'all',
+            variables: {
+                cartId,
+                items: items.map(({ articleNumber, quantity, comments, configurationIds, preOrderDate }) => ({
+                    articleNumber,
+                    quantity,
+                    comments,
+                    configurationIds,
+                    preOrderDate
+                }))
+            },
+            refetchQueries: (resp) => {
+                // When errors are present, the cart does not get automatically
+                // updated. We have to use refetchQueries in that case.
+                return (resp.errors && [{ query: queries.cartQuery, variables: { cartId } }]);
+            }
+        })
+            .then((resp) => {
+            setData(resp);
+            (callbacks === null || callbacks === void 0 ? void 0 : callbacks.onCompleted) && callbacks.onCompleted(resp);
+            // Update the cart context
+            updateCart(resp);
+            if (resp.errors) {
+                setStatus('partialFailure');
+                (callbacks === null || callbacks === void 0 ? void 0 : callbacks.onPartialFailure) && callbacks.onPartialFailure(resp);
+            }
+            else {
+                setStatus('success');
+            }
+            return resp;
+        })
+            .catch((err) => {
+            console.log('error!', err);
+            setStatus('error');
+            (callbacks === null || callbacks === void 0 ? void 0 : callbacks.onError) && callbacks.onError(err);
+            // TODO: We have to type cast the response until this is fixed in
+            // react-apollo 3.2.0
+            // https://github.com/apollographql/react-apollo/commit/a3dd7e64403de32e9048b2ebd5eb63e14d73cf26
+        });
+    }
+    // If some of the items failed, create a Map containing those items as the key.
+    // The errors returned from the API give us the index of failed items as they
+    // appeared in the mutation's input, so we can use that to create the Map.
+    // We also set the error code as the value
+    const failedItems = new Map();
+    if (status === 'partialFailure') {
+        for (const error of data.errors) {
+            const item = items[error.extensions.data.index];
+            failedItems.set(item, error.extensions.code);
+        }
+    }
+    // code: error.extensions.code
+    // Maintain the same basic interface as `useMutation`.
+    return [
+        addMultiple,
+        {
+            loading: status === 'loading',
+            called: status !== 'idle',
+            error: status === 'error',
+            data,
+            failedItems
+        }
+    ];
+}
 //# sourceMappingURL=useAddMultipleToCart.js.map