@jetshop/core 5.13.10-0 → 5.14.0-alpha.49df897e

package/hooks/useCustomerOrders.test.js

@@ -1,176 +1,176 @@
-import { InMemoryCache } from 'apollo-cache-inmemory';
-import { ApolloClient } from 'apollo-client';
-import { MockLink } from 'apollo-link-mock';
-import gql from 'graphql-tag';
-import * as React from 'react';
-import { ApolloProvider } from 'react-apollo';
-import { render, wait, cleanup } from '@testing-library/react';
-import useCustomerOrders from './useCustomerOrdersQuery';
-import throwErrorInDev from '../helpers/throwErrorInDev';
-
-jest.mock('../helpers/throwErrorInDev');
-
-afterEach(cleanup);
-
-const helloQuery = gql`
-  query HelloQuery {
-    customer {
-      orderHeaders {
-        result {
-          id
-        }
-        totalResults
-      }
-    }
-  }
-`;
-
-const notACustomerQuery = gql`
-  query NotACustomerQuery {
-    something
-  }
-`;
-
-const HELLO_MOCKS = [
-  {
-    request: {
-      query: helloQuery,
-      variables: {}
-    },
-    result: {
-      data: {
-        customer: {
-          orderHeaders: {
-            totalResults: 2,
-            result: [
-              {
-                id: 'an order'
-              },
-              {
-                id: 'another order'
-              }
-            ]
-          }
-        }
-      }
-    }
-  },
-  {
-    request: {
-      query: notACustomerQuery,
-      variables: {}
-    },
-    result: {
-      data: {
-        something: 'hello'
-      }
-    }
-  }
-];
-
-function createClient(mocks) {
-  return new ApolloClient({
-    cache: new InMemoryCache({ addTypename: false }),
-    link: new MockLink(mocks)
-  });
-}
-
-describe('useCustomerOrders', () => {
-  function setup({ collect, query }) {
-    const client = createClient(HELLO_MOCKS);
-
-    const utils = render(
-      <ApolloProvider client={client}>
-        <TestHarness query={query}>
-          {resp => {
-            collect && collect(resp);
-            return null;
-          }}
-        </TestHarness>
-      </ApolloProvider>
-    );
-
-    return utils;
-  }
-
-  it('passes through loading state from query', async () => {
-    let loading;
-
-    setup({
-      collect: resp => {
-        loading = resp.loading;
-      }
-    });
-
-    expect(loading).toBeTruthy();
-
-    await wait();
-
-    expect(loading).toBeFalsy();
-  });
-
-  it('returns orders', async () => {
-    let orders;
-
-    setup({
-      collect: resp => {
-        orders = resp.orders;
-      }
-    });
-
-    expect(orders).toMatchSnapshot('loading orders');
-    expect(orders).toHaveLength(0);
-
-    await wait();
-
-    expect(orders).toMatchSnapshot('loaded orders');
-    expect(orders).toHaveLength(2);
-  });
-
-  it('returns totalResult', async () => {
-    let total;
-
-    setup({
-      collect: resp => {
-        total = resp.totalOrders;
-      }
-    });
-
-    expect(total).toBe(undefined);
-
-    await wait();
-
-    expect(total).toBe(2);
-  });
-
-  it('returns the entire query response', async () => {
-    let response;
-
-    setup({
-      collect: resp => {
-        response = resp.result;
-      }
-    });
-
-    await wait();
-
-    expect(response).toMatchSnapshot();
-  });
-
-  it('throws an error when the query is not a valid customer order query', async () => {
-    setup({ query: notACustomerQuery });
-
-    await wait();
-
-    expect(throwErrorInDev).toHaveBeenLastCalledWith(true, expect.any(String));
-  });
-});
-
-function TestHarness({ children, query }) {
-  const resp = useCustomerOrders({
-    query: query || helloQuery,
-    variables: {}
-  });
-
-  return children(resp);
-}
+import { InMemoryCache } from 'apollo-cache-inmemory';
+import { ApolloClient } from 'apollo-client';
+import { MockLink } from 'apollo-link-mock';
+import gql from 'graphql-tag';
+import * as React from 'react';
+import { ApolloProvider } from 'react-apollo';
+import { render, wait, cleanup } from '@testing-library/react';
+import useCustomerOrders from './useCustomerOrdersQuery';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+
+jest.mock('../helpers/throwErrorInDev');
+
+afterEach(cleanup);
+
+const helloQuery = gql`
+  query HelloQuery {
+    customer {
+      orderHeaders {
+        result {
+          id
+        }
+        totalResults
+      }
+    }
+  }
+`;
+
+const notACustomerQuery = gql`
+  query NotACustomerQuery {
+    something
+  }
+`;
+
+const HELLO_MOCKS = [
+  {
+    request: {
+      query: helloQuery,
+      variables: {}
+    },
+    result: {
+      data: {
+        customer: {
+          orderHeaders: {
+            totalResults: 2,
+            result: [
+              {
+                id: 'an order'
+              },
+              {
+                id: 'another order'
+              }
+            ]
+          }
+        }
+      }
+    }
+  },
+  {
+    request: {
+      query: notACustomerQuery,
+      variables: {}
+    },
+    result: {
+      data: {
+        something: 'hello'
+      }
+    }
+  }
+];
+
+function createClient(mocks) {
+  return new ApolloClient({
+    cache: new InMemoryCache({ addTypename: false }),
+    link: new MockLink(mocks)
+  });
+}
+
+describe('useCustomerOrders', () => {
+  function setup({ collect, query }) {
+    const client = createClient(HELLO_MOCKS);
+
+    const utils = render(
+      <ApolloProvider client={client}>
+        <TestHarness query={query}>
+          {resp => {
+            collect && collect(resp);
+            return null;
+          }}
+        </TestHarness>
+      </ApolloProvider>
+    );
+
+    return utils;
+  }
+
+  it('passes through loading state from query', async () => {
+    let loading;
+
+    setup({
+      collect: resp => {
+        loading = resp.loading;
+      }
+    });
+
+    expect(loading).toBeTruthy();
+
+    await wait();
+
+    expect(loading).toBeFalsy();
+  });
+
+  it('returns orders', async () => {
+    let orders;
+
+    setup({
+      collect: resp => {
+        orders = resp.orders;
+      }
+    });
+
+    expect(orders).toMatchSnapshot('loading orders');
+    expect(orders).toHaveLength(0);
+
+    await wait();
+
+    expect(orders).toMatchSnapshot('loaded orders');
+    expect(orders).toHaveLength(2);
+  });
+
+  it('returns totalResult', async () => {
+    let total;
+
+    setup({
+      collect: resp => {
+        total = resp.totalOrders;
+      }
+    });
+
+    expect(total).toBe(undefined);
+
+    await wait();
+
+    expect(total).toBe(2);
+  });
+
+  it('returns the entire query response', async () => {
+    let response;
+
+    setup({
+      collect: resp => {
+        response = resp.result;
+      }
+    });
+
+    await wait();
+
+    expect(response).toMatchSnapshot();
+  });
+
+  it('throws an error when the query is not a valid customer order query', async () => {
+    setup({ query: notACustomerQuery });
+
+    await wait();
+
+    expect(throwErrorInDev).toHaveBeenLastCalledWith(true, expect.any(String));
+  });
+});
+
+function TestHarness({ children, query }) {
+  const resp = useCustomerOrders({
+    query: query || helloQuery,
+    variables: {}
+  });
+
+  return children(resp);
+}

package/hooks/useCustomerOrdersQuery.d.ts

@@ -1,21 +1,21 @@
-import { DocumentNode } from 'graphql';
-import { OrderHeader, OrderHeaderResult, PrivateCustomerOrderHeadersArgs } from '../types';
-interface UseCustomerOrdersQuery {
-    query: DocumentNode;
-    variables?: PrivateCustomerOrderHeadersArgs;
-}
-/**
- * Takes in the orderHeaders query and optional query variables, and returns
- * the result and some helpers
- */
-export default function useCustomerOrdersQuery({ query, variables }: UseCustomerOrdersQuery): {
-    loading: boolean;
-    orders: OrderHeader[];
-    result: import("react-apollo").QueryResult<{
-        customer: {
-            orderHeaders: OrderHeaderResult;
-        };
-    }, import("react-apollo").OperationVariables>;
-    totalOrders: number;
-};
-export {};
+import { DocumentNode } from 'graphql';
+import { OrderHeader, OrderHeaderResult, PrivateCustomerOrderHeadersArgs } from '../types';
+interface UseCustomerOrdersQuery {
+    query: DocumentNode;
+    variables?: PrivateCustomerOrderHeadersArgs;
+}
+/**
+ * Takes in the orderHeaders query and optional query variables, and returns
+ * the result and some helpers
+ */
+export default function useCustomerOrdersQuery({ query, variables }: UseCustomerOrdersQuery): {
+    loading: boolean;
+    orders: OrderHeader[];
+    result: import("react-apollo").QueryResult<{
+        customer: {
+            orderHeaders: OrderHeaderResult;
+        };
+    }, import("react-apollo").OperationVariables>;
+    totalOrders: number;
+};
+export {};

package/hooks/useCustomerOrdersQuery.js

@@ -1,21 +1,21 @@
-import { useQuery } from '@apollo/react-hooks';
-import throwErrorInDev from '../helpers/throwErrorInDev';
-/**
- * Takes in the orderHeaders query and optional query variables, and returns
- * the result and some helpers
- */
-export default function useCustomerOrdersQuery({ query, variables }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const result = useQuery(query, { variables });
-    throwErrorInDev(!result.loading && !((_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.customer) === null || _b === void 0 ? void 0 : _b.orderHeaders), 'Double-check that your query includes `{ customer { orderHeaders } }`');
-    const orders = (_f = (_e = (_d = (_c = result === null || result === void 0 ? void 0 : result.data) === null || _c === void 0 ? void 0 : _c.customer) === null || _d === void 0 ? void 0 : _d.orderHeaders) === null || _e === void 0 ? void 0 : _e.result) !== null && _f !== void 0 ? _f : [];
-    const totalOrders = (_j = (_h = (_g = result === null || result === void 0 ? void 0 : result.data) === null || _g === void 0 ? void 0 : _g.customer) === null || _h === void 0 ? void 0 : _h.orderHeaders) === null || _j === void 0 ? void 0 : _j.totalResults;
-    return {
-        // Default loading to true for SSR
-        loading: result ? result.loading : true,
-        orders,
-        result,
-        totalOrders
-    };
-}
+import { useQuery } from '@apollo/react-hooks';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+/**
+ * Takes in the orderHeaders query and optional query variables, and returns
+ * the result and some helpers
+ */
+export default function useCustomerOrdersQuery({ query, variables }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const result = useQuery(query, { variables });
+    throwErrorInDev(!result.loading && !((_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.customer) === null || _b === void 0 ? void 0 : _b.orderHeaders), 'Double-check that your query includes `{ customer { orderHeaders } }`');
+    const orders = (_f = (_e = (_d = (_c = result === null || result === void 0 ? void 0 : result.data) === null || _c === void 0 ? void 0 : _c.customer) === null || _d === void 0 ? void 0 : _d.orderHeaders) === null || _e === void 0 ? void 0 : _e.result) !== null && _f !== void 0 ? _f : [];
+    const totalOrders = (_j = (_h = (_g = result === null || result === void 0 ? void 0 : result.data) === null || _g === void 0 ? void 0 : _g.customer) === null || _h === void 0 ? void 0 : _h.orderHeaders) === null || _j === void 0 ? void 0 : _j.totalResults;
+    return {
+        // Default loading to true for SSR
+        loading: result ? result.loading : true,
+        orders,
+        result,
+        totalOrders
+    };
+}
 //# sourceMappingURL=useCustomerOrdersQuery.js.map

package/hooks/useDeleteAccountMutation.d.ts

@@ -1,15 +1,15 @@
-declare type UseDeleteAccountMutation = (args: {
-    /**
-     * The message to show in the confirmation dialog.
-     * @default "Are you sure you wish to delete your account?" */
-    confirmationMessage?: string;
-}) => {
-    /** Shows a confirmation dialog in the browser, and then deletes the user if they confirm */
-    confirmDeletion: () => void;
-    /** Whether or not the mutation was successful */
-    success: boolean;
-    /** An error message, if an error occurs during the mutation */
-    error: string | undefined;
-};
-declare const useDeleteAccountMutation: UseDeleteAccountMutation;
-export { useDeleteAccountMutation };
+declare type UseDeleteAccountMutation = (args: {
+    /**
+     * The message to show in the confirmation dialog.
+     * @default "Are you sure you wish to delete your account?" */
+    confirmationMessage?: string;
+}) => {
+    /** Shows a confirmation dialog in the browser, and then deletes the user if they confirm */
+    confirmDeletion: () => void;
+    /** Whether or not the mutation was successful */
+    success: boolean;
+    /** An error message, if an error occurs during the mutation */
+    error: string | undefined;
+};
+declare const useDeleteAccountMutation: UseDeleteAccountMutation;
+export { useDeleteAccountMutation };

package/hooks/useDeleteAccountMutation.js

@@ -1,39 +1,39 @@
-import { useState } from 'react';
-import { useMutation } from '@apollo/react-hooks';
-import useAuth from '../components/AuthContext/useAuth';
-import t from '@jetshop/intl';
-import { deleteAccount } from '@jetshop/core/data/mutations/accountMutations.gql';
-const useDeleteAccountMutation = function useDeleteAccountMutation({ confirmationMessage }) {
-    const [mutate] = useMutation(deleteAccount);
-    const { logOut } = useAuth();
-    const [success, setSuccess] = useState(false);
-    const [error, setError] = useState();
-    function handleMutationError() {
-        setError(t('Something went wrong'));
-    }
-    function confirmDeletion() {
-        const confirmation = window.confirm(confirmationMessage || 'Are you sure you wish to delete your account?');
-        if (!confirmation) {
-            return;
-        }
-        mutate()
-            .then(r => {
-            // response is a boolean. If it is false, `something` went wrong… but we
-            // don't have an error from the API to display
-            if (r.data.deleteCustomer) {
-                setSuccess(true);
-                logOut();
-            }
-            else {
-                handleMutationError();
-            }
-        })
-            .catch(err => {
-            console.warn(err);
-            handleMutationError();
-        });
-    }
-    return { confirmDeletion, success, error };
-};
-export { useDeleteAccountMutation };
+import { useState } from 'react';
+import { useMutation } from '@apollo/react-hooks';
+import useAuth from '../components/AuthContext/useAuth';
+import t from '@jetshop/intl';
+import { deleteAccount } from '@jetshop/core/data/mutations/accountMutations.gql';
+const useDeleteAccountMutation = function useDeleteAccountMutation({ confirmationMessage }) {
+    const [mutate] = useMutation(deleteAccount);
+    const { logOut } = useAuth();
+    const [success, setSuccess] = useState(false);
+    const [error, setError] = useState();
+    function handleMutationError() {
+        setError(t('Something went wrong'));
+    }
+    function confirmDeletion() {
+        const confirmation = window.confirm(confirmationMessage || 'Are you sure you wish to delete your account?');
+        if (!confirmation) {
+            return;
+        }
+        mutate()
+            .then(r => {
+            // response is a boolean. If it is false, `something` went wrong… but we
+            // don't have an error from the API to display
+            if (r.data.deleteCustomer) {
+                setSuccess(true);
+                logOut();
+            }
+            else {
+                handleMutationError();
+            }
+        })
+            .catch(err => {
+            console.warn(err);
+            handleMutationError();
+        });
+    }
+    return { confirmDeletion, success, error };
+};
+export { useDeleteAccountMutation };
 //# sourceMappingURL=useDeleteAccountMutation.js.map

package/hooks/useDynamicPrice.d.ts

@@ -1,3 +1,3 @@
-import { Product, ProductVariant, PackageItem } from '../types';
-/** Will return either the configuration, variation, or base product price */
-export declare function useDynamicPrice(product: Product | PackageItem, variant?: ProductVariant): import("../types").ProductConfigurationPrice;
+import { Product, ProductVariant, PackageItem } from '../types';
+/** Will return either the configuration, variation, or base product price */
+export declare function useDynamicPrice(product: Product | PackageItem, variant?: ProductVariant): import("../types").ProductConfigurationPrice;

package/hooks/useDynamicPrice.js

@@ -1,25 +1,25 @@
-import { useContext } from 'react';
-import ProductConfigurationContext from '../components/ProductConfigurationProvider/ProductConfigurationContext';
-/** Will return either the configuration, variation, or base product price */
-export function useDynamicPrice(product, variant) {
-    const configurationContext = useContext(ProductConfigurationContext);
-    // If we have a configuration, return the price.
-    // Products with configurations cannot have variants.
-    if (configurationContext === null || configurationContext === void 0 ? void 0 : configurationContext.configurationPrice) {
-        return configurationContext.configurationPrice;
-    }
-    // If a variant is selected, return the price of the variant
-    if (variant) {
-        const { price, previousPrice } = variant;
-        return {
-            price,
-            previousPrice
-        };
-    }
-    // Otherwise, just return the base product price
-    return {
-        price: product === null || product === void 0 ? void 0 : product.price,
-        previousPrice: product === null || product === void 0 ? void 0 : product.previousPrice
-    };
-}
+import { useContext } from 'react';
+import ProductConfigurationContext from '../components/ProductConfigurationProvider/ProductConfigurationContext';
+/** Will return either the configuration, variation, or base product price */
+export function useDynamicPrice(product, variant) {
+    const configurationContext = useContext(ProductConfigurationContext);
+    // If we have a configuration, return the price.
+    // Products with configurations cannot have variants.
+    if (configurationContext === null || configurationContext === void 0 ? void 0 : configurationContext.configurationPrice) {
+        return configurationContext.configurationPrice;
+    }
+    // If a variant is selected, return the price of the variant
+    if (variant) {
+        const { price, previousPrice } = variant;
+        return {
+            price,
+            previousPrice
+        };
+    }
+    // Otherwise, just return the base product price
+    return {
+        price: product === null || product === void 0 ? void 0 : product.price,
+        previousPrice: product === null || product === void 0 ? void 0 : product.previousPrice
+    };
+}
 //# sourceMappingURL=useDynamicPrice.js.map

package/hooks/useFreeShippingCheck.d.ts

@@ -1,15 +1,15 @@
-import { FreeShippingLimit, Price } from '../types';
-interface FreeShippingCheck {
-    cartTotal?: Price;
-}
-export default function useFreeShippingCheck({ cartTotal }?: FreeShippingCheck): {
-    loading: boolean;
-    freeShippingLimit: FreeShippingLimit;
-    freeShippingConfigured: boolean;
-    hasMetLimit: boolean;
-    untilLimit: {
-        incVat: number;
-        exVat: number;
-    };
-};
-export {};
+import { FreeShippingLimit, Price } from '../types';
+interface FreeShippingCheck {
+    cartTotal?: Price;
+}
+export default function useFreeShippingCheck({ cartTotal }?: FreeShippingCheck): {
+    loading: boolean;
+    freeShippingLimit: FreeShippingLimit;
+    freeShippingConfigured: boolean;
+    hasMetLimit: boolean;
+    untilLimit: {
+        incVat: number;
+        exVat: number;
+    };
+};
+export {};