@jetshop/core 5.13.2 → 5.13.10-0

package/components/Mutation/cartMutationUtils.spec.js

@@ -1,142 +1,142 @@
-import {
-  TEMP_CART_ID,
-  getAddToCartOptimisticResponse
-} from './cartMutationUtils';
-
-const productId = 1;
-
-function factory({
-  productQuantityInCart,
-  quantity,
-  cartId,
-  numExistingProducts
-}) {
-  let cart = null;
-  if (cartId) {
-    cart = {
-      totalQuantity: numExistingProducts,
-      items: Array.from(Array(numExistingProducts)).map(() => ({
-        quantity: 1,
-        product: {
-          id: Math.random()
-        }
-      }))
-    };
-
-    if (productQuantityInCart > 0) {
-      cart.totalQuantity += productQuantityInCart;
-      cart.items.push({
-        quantity: productQuantityInCart,
-        product: {
-          id: productId
-        }
-      });
-    }
-  }
-  const client = {
-    readQuery: () => ({ cart })
-  };
-  const product = {
-    id: productId
-  };
-
-  return () =>
-    getAddToCartOptimisticResponse(product, quantity, cartId, client);
-}
-
-describe('getAddToCartOptimisticResponse()', () => {
-  test('add 1 product when product already in cart increases row quantity + totalQuantity', () => {
-    const fn = factory({
-      numExistingProducts: 1,
-      productQuantityInCart: 1,
-      quantity: 1,
-      cartId: 1
-    });
-    const newCart = fn();
-
-    expect(newCart.totalQuantity).toBe(3);
-    expect(newCart.items[1].quantity).toBe(2);
-  });
-
-  test('add 1 product when product is not in cart increases totalQuantity', () => {
-    const fn = factory({
-      numExistingProducts: 1,
-      productQuantityInCart: 0,
-      quantity: 1,
-      cartId: 1
-    });
-    const newCart = fn();
-
-    expect(newCart.totalQuantity).toBe(2);
-
-    // Maybe later: optimistic add row
-    // expect(newCart.items[1].quantity).toBe(1);
-  });
-
-  test('add 2 products on a new cart creates temp cart with totalQuantity 2', () => {
-    const fn = factory({
-      numExistingProducts: 0,
-      productQuantityInCart: 0,
-      quantity: 2,
-      cartId: null
-    });
-    const newCart = fn();
-
-    expect(newCart.id).toBe(TEMP_CART_ID);
-    expect(newCart.totalQuantity).toBe(2);
-  });
-
-  test('add 2 products increases totalQuantity and item quantity by 2', () => {
-    {
-      // Row already exists
-      const fn = factory({
-        numExistingProducts: 0,
-        productQuantityInCart: 1,
-        quantity: 2,
-        cartId: 1
-      });
-      const newCart = fn();
-
-      expect(newCart.totalQuantity).toBe(3);
-      expect(newCart.items[0].quantity).toBe(3);
-    }
-    {
-      // Order row with products doesn't exist
-      const fn = factory({
-        numExistingProducts: 1,
-        productQuantityInCart: 0,
-        quantity: 2,
-        cartId: 1
-      });
-      const newCart = fn();
-
-      expect(newCart.totalQuantity).toBe(3);
-    }
-  });
-
-  test('remove 1 product when 2 products in cart: quantity gets decreased', () => {
-    const fn = factory({
-      numExistingProducts: 1,
-      productQuantityInCart: 2,
-      quantity: -1,
-      cartId: 1
-    });
-    const newCart = fn();
-
-    expect(newCart.totalQuantity).toBe(2);
-    expect(newCart.items[1].quantity).toBe(1);
-  });
-
-  test('remove 1 product when 1 product in cart: order row gets removed', () => {
-    const fn = factory({
-      numExistingProducts: 1,
-      productQuantityInCart: 1,
-      quantity: -1,
-      cartId: 1
-    });
-    const newCart = fn();
-
-    expect(newCart.totalQuantity).toBe(1);
-    expect(newCart.items).toHaveLength(1);
-  });
-});
+import {
+  TEMP_CART_ID,
+  getAddToCartOptimisticResponse
+} from './cartMutationUtils';
+
+const productId = 1;
+
+function factory({
+  productQuantityInCart,
+  quantity,
+  cartId,
+  numExistingProducts
+}) {
+  let cart = null;
+  if (cartId) {
+    cart = {
+      totalQuantity: numExistingProducts,
+      items: Array.from(Array(numExistingProducts)).map(() => ({
+        quantity: 1,
+        product: {
+          id: Math.random()
+        }
+      }))
+    };
+
+    if (productQuantityInCart > 0) {
+      cart.totalQuantity += productQuantityInCart;
+      cart.items.push({
+        quantity: productQuantityInCart,
+        product: {
+          id: productId
+        }
+      });
+    }
+  }
+  const client = {
+    readQuery: () => ({ cart })
+  };
+  const product = {
+    id: productId
+  };
+
+  return () =>
+    getAddToCartOptimisticResponse(product, quantity, cartId, client);
+}
+
+describe('getAddToCartOptimisticResponse()', () => {
+  test('add 1 product when product already in cart increases row quantity + totalQuantity', () => {
+    const fn = factory({
+      numExistingProducts: 1,
+      productQuantityInCart: 1,
+      quantity: 1,
+      cartId: 1
+    });
+    const newCart = fn();
+
+    expect(newCart.totalQuantity).toBe(3);
+    expect(newCart.items[1].quantity).toBe(2);
+  });
+
+  test('add 1 product when product is not in cart increases totalQuantity', () => {
+    const fn = factory({
+      numExistingProducts: 1,
+      productQuantityInCart: 0,
+      quantity: 1,
+      cartId: 1
+    });
+    const newCart = fn();
+
+    expect(newCart.totalQuantity).toBe(2);
+
+    // Maybe later: optimistic add row
+    // expect(newCart.items[1].quantity).toBe(1);
+  });
+
+  test('add 2 products on a new cart creates temp cart with totalQuantity 2', () => {
+    const fn = factory({
+      numExistingProducts: 0,
+      productQuantityInCart: 0,
+      quantity: 2,
+      cartId: null
+    });
+    const newCart = fn();
+
+    expect(newCart.id).toBe(TEMP_CART_ID);
+    expect(newCart.totalQuantity).toBe(2);
+  });
+
+  test('add 2 products increases totalQuantity and item quantity by 2', () => {
+    {
+      // Row already exists
+      const fn = factory({
+        numExistingProducts: 0,
+        productQuantityInCart: 1,
+        quantity: 2,
+        cartId: 1
+      });
+      const newCart = fn();
+
+      expect(newCart.totalQuantity).toBe(3);
+      expect(newCart.items[0].quantity).toBe(3);
+    }
+    {
+      // Order row with products doesn't exist
+      const fn = factory({
+        numExistingProducts: 1,
+        productQuantityInCart: 0,
+        quantity: 2,
+        cartId: 1
+      });
+      const newCart = fn();
+
+      expect(newCart.totalQuantity).toBe(3);
+    }
+  });
+
+  test('remove 1 product when 2 products in cart: quantity gets decreased', () => {
+    const fn = factory({
+      numExistingProducts: 1,
+      productQuantityInCart: 2,
+      quantity: -1,
+      cartId: 1
+    });
+    const newCart = fn();
+
+    expect(newCart.totalQuantity).toBe(2);
+    expect(newCart.items[1].quantity).toBe(1);
+  });
+
+  test('remove 1 product when 1 product in cart: order row gets removed', () => {
+    const fn = factory({
+      numExistingProducts: 1,
+      productQuantityInCart: 1,
+      quantity: -1,
+      cartId: 1
+    });
+    const newCart = fn();
+
+    expect(newCart.totalQuantity).toBe(1);
+    expect(newCart.items).toHaveLength(1);
+  });
+});

package/components/Mutation/useDecrementQuantity.d.ts

@@ -1,11 +1,11 @@
-import { DocumentNode } from 'graphql';
-interface DecrementQuantityProps {
-    decrementQuantityMutation: DocumentNode;
-    cartQuery: DocumentNode;
-}
-export default function useDecrementQuantity({ decrementQuantityMutation, cartQuery }: DecrementQuantityProps): {
-    decrementQuantity: ({ itemId }: {
-        itemId: string;
-    }) => Promise<import("react-apollo").ExecutionResult<any>>;
-};
-export {};
+import { DocumentNode } from 'graphql';
+interface DecrementQuantityProps {
+    decrementQuantityMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+export default function useDecrementQuantity({ decrementQuantityMutation, cartQuery }: DecrementQuantityProps): {
+    decrementQuantity: ({ itemId }: {
+        itemId: string;
+    }) => Promise<import("react-apollo").ExecutionResult<any>>;
+};
+export {};

package/components/Mutation/useDecrementQuantity.js

@@ -1,54 +1,54 @@
-import { useMutation, useApolloClient } from '@apollo/react-hooks';
-import { CartIdContext } from '../Cart/CartIdContext';
-import { getDecrementQuantityOptimisticResponse } from './cartMutationUtils';
-import { useContext } from 'react';
-import throwErrorInDev from '../../helpers/throwErrorInDev';
-import { useTracker } from '../../analytics/Analytics';
-import { trackProductEvent } from '../../analytics/tracking';
-import { useCart } from '../Query/CartProvider';
-import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
-import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
-export default function useDecrementQuantity({ decrementQuantityMutation, cartQuery }) {
-    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useDecrementQuantity`);
-    const track = useTracker();
-    const { cart } = useCart(cartQuery);
-    const { cartId } = useContext(CartIdContext);
-    const client = useApolloClient();
-    const [decrementQuantityMutationFn] = useMutation(decrementQuantityMutation, {
-        onCompleted: () => localStorage.setItem('cartChange', '1')
-    });
-    function decrementQuantity({ itemId }) {
-        var _a, _b, _c, _d;
-        const { product, variant: selectedVariation } = (_a = cart === null || cart === void 0 ? void 0 : cart.items) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === itemId);
-        track(trackProductEvent({
-            action: 'remove',
-            product,
-            quantity: 1,
-            selectedVariation,
-            category: breadcrumbsWithoutProduct((_b = product.primaryRoute) === null || _b === void 0 ? void 0 : _b.breadcrumbs) ||
-                unSlugify((_d = (_c = product.canonicalCategory) === null || _c === void 0 ? void 0 : _c.primaryRoute) === null || _d === void 0 ? void 0 : _d.path) ||
-                ''
-        }));
-        return decrementQuantityMutationFn({
-            variables: {
-                input: {
-                    cartId,
-                    itemId
-                }
-            },
-            optimisticResponse: {
-                decrementItemQuantity: {
-                    cart: getDecrementQuantityOptimisticResponse({
-                        itemId,
-                        client,
-                        cartId,
-                        cartQuery
-                    }),
-                    __typename: 'CartMutation'
-                }
-            }
-        });
-    }
-    return { decrementQuantity };
-}
+import { useMutation, useApolloClient } from '@apollo/react-hooks';
+import { CartIdContext } from '../Cart/CartIdContext';
+import { getDecrementQuantityOptimisticResponse } from './cartMutationUtils';
+import { useContext } from 'react';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { useTracker } from '../../analytics/Analytics';
+import { trackProductEvent } from '../../analytics/tracking';
+import { useCart } from '../Query/CartProvider';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+export default function useDecrementQuantity({ decrementQuantityMutation, cartQuery }) {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useDecrementQuantity`);
+    const track = useTracker();
+    const { cart } = useCart(cartQuery);
+    const { cartId } = useContext(CartIdContext);
+    const client = useApolloClient();
+    const [decrementQuantityMutationFn] = useMutation(decrementQuantityMutation, {
+        onCompleted: () => localStorage.setItem('cartChange', '1')
+    });
+    function decrementQuantity({ itemId }) {
+        var _a, _b, _c, _d;
+        const { product, variant: selectedVariation } = (_a = cart === null || cart === void 0 ? void 0 : cart.items) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === itemId);
+        track(trackProductEvent({
+            action: 'remove',
+            product,
+            quantity: 1,
+            selectedVariation,
+            category: breadcrumbsWithoutProduct((_b = product.primaryRoute) === null || _b === void 0 ? void 0 : _b.breadcrumbs) ||
+                unSlugify((_d = (_c = product.canonicalCategory) === null || _c === void 0 ? void 0 : _c.primaryRoute) === null || _d === void 0 ? void 0 : _d.path) ||
+                ''
+        }));
+        return decrementQuantityMutationFn({
+            variables: {
+                input: {
+                    cartId,
+                    itemId
+                }
+            },
+            optimisticResponse: {
+                decrementItemQuantity: {
+                    cart: getDecrementQuantityOptimisticResponse({
+                        itemId,
+                        client,
+                        cartId,
+                        cartQuery
+                    }),
+                    __typename: 'CartMutation'
+                }
+            }
+        });
+    }
+    return { decrementQuantity };
+}
 //# sourceMappingURL=useDecrementQuantity.js.map

package/components/Mutation/useIncrementQuantity.d.ts

@@ -1,11 +1,11 @@
-import { DocumentNode } from 'graphql';
-interface IncrementQuantityProps {
-    incrementQuantityMutation: DocumentNode;
-    cartQuery: DocumentNode;
-}
-export default function useIncrementQuantity({ incrementQuantityMutation, cartQuery }: IncrementQuantityProps): {
-    incrementQuantity: ({ itemId }: {
-        itemId: string;
-    }) => Promise<import("react-apollo").ExecutionResult<any>>;
-};
-export {};
+import { DocumentNode } from 'graphql';
+interface IncrementQuantityProps {
+    incrementQuantityMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+export default function useIncrementQuantity({ incrementQuantityMutation, cartQuery }: IncrementQuantityProps): {
+    incrementQuantity: ({ itemId }: {
+        itemId: string;
+    }) => Promise<import("react-apollo").ExecutionResult<any>>;
+};
+export {};

package/components/Mutation/useIncrementQuantity.js

@@ -1,54 +1,54 @@
-import { useMutation, useApolloClient } from '@apollo/react-hooks';
-import { CartIdContext } from '../Cart/CartIdContext';
-import { getIncrementQuantityOptimisticResponse } from './cartMutationUtils';
-import { useContext } from 'react';
-import throwErrorInDev from '../../helpers/throwErrorInDev';
-import { useTracker } from '../../analytics/Analytics';
-import { trackProductEvent } from '../../analytics/tracking';
-import { useCart } from '../Query/CartProvider';
-import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
-import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
-export default function useIncrementQuantity({ incrementQuantityMutation, cartQuery }) {
-    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useIncrementQuantity`);
-    const track = useTracker();
-    const { cart } = useCart(cartQuery);
-    const { cartId } = useContext(CartIdContext);
-    const client = useApolloClient();
-    const [incrementQuantityMutationFn] = useMutation(incrementQuantityMutation, {
-        onCompleted: () => localStorage.setItem('cartChange', '1')
-    });
-    function incrementQuantity({ itemId }) {
-        var _a, _b, _c, _d;
-        const { product, variant: selectedVariation } = (_a = cart === null || cart === void 0 ? void 0 : cart.items) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === itemId);
-        track(trackProductEvent({
-            action: 'add',
-            product,
-            quantity: 1,
-            selectedVariation,
-            category: breadcrumbsWithoutProduct((_b = product.primaryRoute) === null || _b === void 0 ? void 0 : _b.breadcrumbs) ||
-                unSlugify((_d = (_c = product.canonicalCategory) === null || _c === void 0 ? void 0 : _c.primaryRoute) === null || _d === void 0 ? void 0 : _d.path) ||
-                ''
-        }));
-        return incrementQuantityMutationFn({
-            variables: {
-                input: {
-                    cartId,
-                    itemId
-                }
-            },
-            optimisticResponse: {
-                incrementItemQuantity: {
-                    cart: getIncrementQuantityOptimisticResponse({
-                        itemId,
-                        client,
-                        cartId,
-                        cartQuery
-                    }),
-                    __typename: 'CartMutation'
-                }
-            }
-        });
-    }
-    return { incrementQuantity };
-}
+import { useMutation, useApolloClient } from '@apollo/react-hooks';
+import { CartIdContext } from '../Cart/CartIdContext';
+import { getIncrementQuantityOptimisticResponse } from './cartMutationUtils';
+import { useContext } from 'react';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { useTracker } from '../../analytics/Analytics';
+import { trackProductEvent } from '../../analytics/tracking';
+import { useCart } from '../Query/CartProvider';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+export default function useIncrementQuantity({ incrementQuantityMutation, cartQuery }) {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useIncrementQuantity`);
+    const track = useTracker();
+    const { cart } = useCart(cartQuery);
+    const { cartId } = useContext(CartIdContext);
+    const client = useApolloClient();
+    const [incrementQuantityMutationFn] = useMutation(incrementQuantityMutation, {
+        onCompleted: () => localStorage.setItem('cartChange', '1')
+    });
+    function incrementQuantity({ itemId }) {
+        var _a, _b, _c, _d;
+        const { product, variant: selectedVariation } = (_a = cart === null || cart === void 0 ? void 0 : cart.items) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === itemId);
+        track(trackProductEvent({
+            action: 'add',
+            product,
+            quantity: 1,
+            selectedVariation,
+            category: breadcrumbsWithoutProduct((_b = product.primaryRoute) === null || _b === void 0 ? void 0 : _b.breadcrumbs) ||
+                unSlugify((_d = (_c = product.canonicalCategory) === null || _c === void 0 ? void 0 : _c.primaryRoute) === null || _d === void 0 ? void 0 : _d.path) ||
+                ''
+        }));
+        return incrementQuantityMutationFn({
+            variables: {
+                input: {
+                    cartId,
+                    itemId
+                }
+            },
+            optimisticResponse: {
+                incrementItemQuantity: {
+                    cart: getIncrementQuantityOptimisticResponse({
+                        itemId,
+                        client,
+                        cartId,
+                        cartQuery
+                    }),
+                    __typename: 'CartMutation'
+                }
+            }
+        });
+    }
+    return { incrementQuantity };
+}
 //# sourceMappingURL=useIncrementQuantity.js.map

package/components/Mutation/useRemoveFromCart.d.ts

@@ -1,13 +1,13 @@
-import { DocumentNode } from 'graphql';
-import { Product } from '../../types';
-interface RemoveFromCartProps {
-    removeFromCartMutation: DocumentNode;
-    cartQuery: DocumentNode;
-}
-export default function useRemoveFromCart({ removeFromCartMutation, cartQuery }: RemoveFromCartProps): {
-    removeFromCart: ({ itemId, product }: {
-        itemId: string;
-        product: Product;
-    }) => Promise<import("react-apollo").ExecutionResult<any>>;
-};
-export {};
+import { DocumentNode } from 'graphql';
+import { Product } from '../../types';
+interface RemoveFromCartProps {
+    removeFromCartMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+export default function useRemoveFromCart({ removeFromCartMutation, cartQuery }: RemoveFromCartProps): {
+    removeFromCart: ({ itemId, product }: {
+        itemId: string;
+        product: Product;
+    }) => Promise<import("react-apollo").ExecutionResult<any>>;
+};
+export {};