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

package/components/DynamicRoute/ProductRoute.js

@@ -1,58 +1,58 @@
-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 { trackProductEvent } from '@jetshop/core/analytics/tracking';
-import React, { useEffect } from 'react';
-import { useLocation } from 'react-router';
-import { useTracker } from '../../analytics/Analytics';
-import { useShopConfig } from '../../hooks/useShopConfig';
-import ProductConfigurationProvider from '../ProductConfigurationProvider/ProductConfigurationProvider';
-import { StructuredProductData } from '../StructuredData';
-import { OpenGraphProductData } from '../OpenGraph';
-import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
-import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
-const ProductRoute = (props) => {
-    var _a, _b, _c;
-    const { component: ProductPage, partialProduct } = props, rest = __rest(props, ["component", "partialProduct"]);
-    const product = ((_b = (_a = props.result.data) === null || _a === void 0 ? void 0 : _a.route) === null || _b === void 0 ? void 0 : _b.object) || ((_c = props.result.data) === null || _c === void 0 ? void 0 : _c.product);
-    const { structuredData, openGraph } = useShopConfig();
-    const location = useLocation();
-    const track = useTracker();
-    const disableStructuredProductData = structuredData
-        ? !!structuredData.disableDefaultProductData
-        : false;
-    const disableOpenGraphProductData = openGraph
-        ? !!openGraph.disableDefaultProductData
-        : false;
-    useEffect(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        if (((_b = (_a = props.result.data) === null || _a === void 0 ? void 0 : _a.route) === null || _b === void 0 ? void 0 : _b.object) || ((_c = props.result.data) === null || _c === void 0 ? void 0 : _c.product)) {
-            const category = breadcrumbsWithoutProduct(((_e = (_d = props.result.data) === null || _d === void 0 ? void 0 : _d.route) === null || _e === void 0 ? void 0 : _e.breadcrumbs) ||
-                ((_h = (_g = (_f = props.result.data) === null || _f === void 0 ? void 0 : _f.product) === null || _g === void 0 ? void 0 : _g.primaryRoute) === null || _h === void 0 ? void 0 : _h.breadcrumbs)) ||
-                unSlugify((_k = (_j = product.canonicalCategory) === null || _j === void 0 ? void 0 : _j.primaryRoute) === null || _k === void 0 ? void 0 : _k.path) ||
-                '';
-            track(trackProductEvent({
-                action: 'view',
-                product,
-                list: (_l = location.state) === null || _l === void 0 ? void 0 : _l.list,
-                category
-            }));
-        }
-    }, [location.state, product, track, props.result.data]);
-    return (React.createElement(React.Fragment, null,
-        product && (React.createElement(React.Fragment, null,
-            !disableStructuredProductData && (React.createElement(StructuredProductData, { product: product })),
-            !disableOpenGraphProductData && (React.createElement(OpenGraphProductData, { product: product })))),
-        React.createElement(ProductConfigurationProvider, { product: product },
-            React.createElement(ProductPage, Object.assign({}, rest, { product: product, partialProduct: partialProduct })))));
-};
-export default ProductRoute;
+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 { trackProductEvent } from '@jetshop/core/analytics/tracking';
+import React, { useEffect } from 'react';
+import { useLocation } from 'react-router';
+import { useTracker } from '../../analytics/Analytics';
+import { useShopConfig } from '../../hooks/useShopConfig';
+import ProductConfigurationProvider from '../ProductConfigurationProvider/ProductConfigurationProvider';
+import { StructuredProductData } from '../StructuredData';
+import { OpenGraphProductData } from '../OpenGraph';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+const ProductRoute = (props) => {
+    var _a, _b, _c;
+    const { component: ProductPage, partialProduct } = props, rest = __rest(props, ["component", "partialProduct"]);
+    const product = ((_b = (_a = props.result.data) === null || _a === void 0 ? void 0 : _a.route) === null || _b === void 0 ? void 0 : _b.object) || ((_c = props.result.data) === null || _c === void 0 ? void 0 : _c.product);
+    const { structuredData, openGraph } = useShopConfig();
+    const location = useLocation();
+    const track = useTracker();
+    const disableStructuredProductData = structuredData
+        ? !!structuredData.disableDefaultProductData
+        : false;
+    const disableOpenGraphProductData = openGraph
+        ? !!openGraph.disableDefaultProductData
+        : false;
+    useEffect(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        if (((_b = (_a = props.result.data) === null || _a === void 0 ? void 0 : _a.route) === null || _b === void 0 ? void 0 : _b.object) || ((_c = props.result.data) === null || _c === void 0 ? void 0 : _c.product)) {
+            const category = breadcrumbsWithoutProduct(((_e = (_d = props.result.data) === null || _d === void 0 ? void 0 : _d.route) === null || _e === void 0 ? void 0 : _e.breadcrumbs) ||
+                ((_h = (_g = (_f = props.result.data) === null || _f === void 0 ? void 0 : _f.product) === null || _g === void 0 ? void 0 : _g.primaryRoute) === null || _h === void 0 ? void 0 : _h.breadcrumbs)) ||
+                unSlugify((_k = (_j = product.canonicalCategory) === null || _j === void 0 ? void 0 : _j.primaryRoute) === null || _k === void 0 ? void 0 : _k.path) ||
+                '';
+            track(trackProductEvent({
+                action: 'view',
+                product,
+                list: (_l = location.state) === null || _l === void 0 ? void 0 : _l.list,
+                category
+            }));
+        }
+    }, [location.state, product, track, props.result.data]);
+    return (React.createElement(React.Fragment, null,
+        product && (React.createElement(React.Fragment, null,
+            !disableStructuredProductData && (React.createElement(StructuredProductData, { product: product })),
+            !disableOpenGraphProductData && (React.createElement(OpenGraphProductData, { product: product })))),
+        React.createElement(ProductConfigurationProvider, { product: product },
+            React.createElement(ProductPage, Object.assign({}, rest, { product: product, partialProduct: partialProduct })))));
+};
+export default ProductRoute;
 //# sourceMappingURL=ProductRoute.js.map

package/components/DynamicRoute/RouteResolver.d.ts

@@ -1,22 +1,22 @@
-import React, { ComponentType } from 'react';
-import { ProductProps } from './ProductRoute';
-import { CategoryProps } from './CategoryRoute';
-import { ContentProps } from './ContentRoute';
-import { QueryResult } from 'react-apollo';
-import { Route } from '../../types';
-declare const RouteResolver: ({ productPage, categoryPage, contentPage, notFoundPage: NotFoundPage, ErrorPage, LoadingPage, result, pathname, state, search }: {
-    productPage: ComponentType<ProductProps>;
-    categoryPage: ComponentType<CategoryProps>;
-    contentPage: ComponentType<ContentProps>;
-    notFoundPage: React.FC<any>;
-    ErrorPage?: React.FC<any>;
-    LoadingPage?: React.FC<any>;
-    StartPage?: React.FC<any>;
-    result: QueryResult<{
-        route: Route;
-    }>;
-    pathname: string;
-    state: any;
-    search: string;
-}) => JSX.Element;
-export default RouteResolver;
+import React, { ComponentType } from 'react';
+import { ProductProps } from './ProductRoute';
+import { CategoryProps } from './CategoryRoute';
+import { ContentProps } from './ContentRoute';
+import { QueryResult } from 'react-apollo';
+import { Route } from '../../types';
+declare const RouteResolver: ({ productPage, categoryPage, contentPage, notFoundPage: NotFoundPage, ErrorPage, LoadingPage, result, pathname, state, search }: {
+    productPage: ComponentType<ProductProps>;
+    categoryPage: ComponentType<CategoryProps>;
+    contentPage: ComponentType<ContentProps>;
+    notFoundPage: React.FC<any>;
+    ErrorPage?: React.FC<any>;
+    LoadingPage?: React.FC<any>;
+    StartPage?: React.FC<any>;
+    result: QueryResult<{
+        route: Route;
+    }>;
+    pathname: string;
+    state: any;
+    search: string;
+}) => JSX.Element;
+export default RouteResolver;

package/components/DynamicRoute/RouteResolver.js

@@ -1,65 +1,65 @@
-import React from 'react';
-import ProductRoute from './ProductRoute';
-import CategoryRoute from './CategoryRoute';
-import ContentRoute from './ContentRoute';
-import Status from './Status';
-import { Redirect } from 'react-router';
-import { setPageType } from '../../analytics/webVitals';
-import { DefaultError } from '@jetshop/ui/ErrorBoundary/Generic';
-const isRouteType = (state, result, type) => {
-    var _a, _b, _c;
-    if (result.error) {
-        return false;
-    }
-    const stateType = state === null || state === void 0 ? void 0 : state.type;
-    const routeType = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.route) === null || _b === void 0 ? void 0 : _b.object) === null || _c === void 0 ? void 0 : _c.__typename;
-    const emptyRoute = !result.loading && !routeType;
-    if (emptyRoute) {
-        return false;
-    }
-    else {
-        return stateType === type || routeType === type;
-    }
-};
-const isEmptyRoute = (result) => {
-    var _a, _b, _c, _d, _e, _f;
-    const errorCode = (_e = (_d = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.error) === null || _a === void 0 ? void 0 : _a.graphQLErrors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.code) !== null && _e !== void 0 ? _e : '';
-    const route = (_f = result === null || result === void 0 ? void 0 : result.data) === null || _f === void 0 ? void 0 : _f.route;
-    return (errorCode.includes('EmptyRoute') ||
-        !route ||
-        (typeof window !== 'undefined' && window.__STATUS_CODE__ === '404'));
-};
-const Loading = (LoadingPage) => LoadingPage ? React.createElement(LoadingPage, null) : React.createElement("div", null, "Loading...");
-const RouteResolver = ({ productPage, categoryPage, contentPage, notFoundPage: NotFoundPage, ErrorPage, LoadingPage, result, pathname, state, search }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    setPageType((_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.route) === null || _b === void 0 ? void 0 : _b.object) === null || _c === void 0 ? void 0 : _c.__typename);
-    if (((_f = (_e = (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.route) === null || _e === void 0 ? void 0 : _e.path) !== null && _f !== void 0 ? _f : pathname) !== pathname) {
-        return (React.createElement(Status, { code: 301 },
-            React.createElement(Redirect, { to: {
-                    pathname: result.data.route.path,
-                    state: Object.assign(Object.assign({}, state), { type: (_j = (_h = (_g = result === null || result === void 0 ? void 0 : result.data) === null || _g === void 0 ? void 0 : _g.route) === null || _h === void 0 ? void 0 : _h.object) === null || _j === void 0 ? void 0 : _j.__typename }),
-                    search
-                } })));
-    }
-    else if (isRouteType(state, result, 'Product')) {
-        return (React.createElement(ProductRoute, { result: result, partialProduct: state === null || state === void 0 ? void 0 : state.product, component: productPage }));
-    }
-    else if (isRouteType(state, result, 'Category')) {
-        return React.createElement(CategoryRoute, { result: result, component: categoryPage });
-    }
-    else if (isRouteType(state, result, 'Page')) {
-        return (React.createElement(ContentRoute, { pathname: pathname, result: result, component: contentPage }));
-    }
-    else if (result.loading) {
-        return Loading(LoadingPage);
-    }
-    else {
-        if (isEmptyRoute(result)) {
-            return (React.createElement(Status, { code: 404 },
-                React.createElement(NotFoundPage, null)));
-        }
-        return (React.createElement(Status, { code: 500, error: result.error }, ErrorPage ? (React.createElement(ErrorPage, { error: result.error })) : (React.createElement(DefaultError, { error: result.error }))));
-    }
-};
-export default RouteResolver;
+import React from 'react';
+import ProductRoute from './ProductRoute';
+import CategoryRoute from './CategoryRoute';
+import ContentRoute from './ContentRoute';
+import Status from './Status';
+import { Redirect } from 'react-router';
+import { setPageType } from '../../analytics/webVitals';
+import { DefaultError } from '@jetshop/ui/ErrorBoundary/Generic';
+const isRouteType = (state, result, type) => {
+    var _a, _b, _c;
+    if (result.error) {
+        return false;
+    }
+    const stateType = state === null || state === void 0 ? void 0 : state.type;
+    const routeType = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.route) === null || _b === void 0 ? void 0 : _b.object) === null || _c === void 0 ? void 0 : _c.__typename;
+    const emptyRoute = !result.loading && !routeType;
+    if (emptyRoute) {
+        return false;
+    }
+    else {
+        return stateType === type || routeType === type;
+    }
+};
+const isEmptyRoute = (result) => {
+    var _a, _b, _c, _d, _e, _f;
+    const errorCode = (_e = (_d = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.error) === null || _a === void 0 ? void 0 : _a.graphQLErrors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.code) !== null && _e !== void 0 ? _e : '';
+    const route = (_f = result === null || result === void 0 ? void 0 : result.data) === null || _f === void 0 ? void 0 : _f.route;
+    return (errorCode.includes('EmptyRoute') ||
+        !route ||
+        (typeof window !== 'undefined' && window.__STATUS_CODE__ === '404'));
+};
+const Loading = (LoadingPage) => LoadingPage ? React.createElement(LoadingPage, null) : React.createElement("div", null, "Loading...");
+const RouteResolver = ({ productPage, categoryPage, contentPage, notFoundPage: NotFoundPage, ErrorPage, LoadingPage, result, pathname, state, search }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    setPageType((_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.route) === null || _b === void 0 ? void 0 : _b.object) === null || _c === void 0 ? void 0 : _c.__typename);
+    if (((_f = (_e = (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.route) === null || _e === void 0 ? void 0 : _e.path) !== null && _f !== void 0 ? _f : pathname) !== pathname) {
+        return (React.createElement(Status, { code: 301 },
+            React.createElement(Redirect, { to: {
+                    pathname: result.data.route.path,
+                    state: Object.assign(Object.assign({}, state), { type: (_j = (_h = (_g = result === null || result === void 0 ? void 0 : result.data) === null || _g === void 0 ? void 0 : _g.route) === null || _h === void 0 ? void 0 : _h.object) === null || _j === void 0 ? void 0 : _j.__typename }),
+                    search
+                } })));
+    }
+    else if (isRouteType(state, result, 'Product')) {
+        return (React.createElement(ProductRoute, { result: result, partialProduct: state === null || state === void 0 ? void 0 : state.product, component: productPage }));
+    }
+    else if (isRouteType(state, result, 'Category')) {
+        return React.createElement(CategoryRoute, { result: result, component: categoryPage });
+    }
+    else if (isRouteType(state, result, 'Page')) {
+        return (React.createElement(ContentRoute, { pathname: pathname, result: result, component: contentPage }));
+    }
+    else if (result.loading) {
+        return Loading(LoadingPage);
+    }
+    else {
+        if (isEmptyRoute(result)) {
+            return (React.createElement(Status, { code: 404 },
+                React.createElement(NotFoundPage, null)));
+        }
+        return (React.createElement(Status, { code: 500, error: result.error }, ErrorPage ? (React.createElement(ErrorPage, { error: result.error })) : (React.createElement(DefaultError, { error: result.error }))));
+    }
+};
+export default RouteResolver;
 //# sourceMappingURL=RouteResolver.js.map

package/components/DynamicRoute/Status.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { RouteComponentProps } from 'react-router-dom';
-import { ApolloError } from 'apollo-client';
-export interface StatusProps extends RouteComponentProps<{}> {
-    code: number;
-    error?: ApolloError;
-}
-declare class Status extends React.Component<StatusProps, any> {
-    render(): JSX.Element;
-}
-declare const _default: React.ComponentClass<Pick<StatusProps, "code" | "error"> & {
-    wrappedComponentRef?: React.Ref<Status>;
-}, any> & import("react-router").WithRouterStatics<typeof Status>;
-export default _default;
+import * as React from 'react';
+import { RouteComponentProps } from 'react-router-dom';
+import { ApolloError } from 'apollo-client';
+export interface StatusProps extends RouteComponentProps<{}> {
+    code: number;
+    error?: ApolloError;
+}
+declare class Status extends React.Component<StatusProps, any> {
+    render(): JSX.Element;
+}
+declare const _default: React.ComponentClass<Pick<StatusProps, "code" | "error"> & {
+    wrappedComponentRef?: React.Ref<Status>;
+}, any> & import("react-router").WithRouterStatics<typeof Status>;
+export default _default;

package/components/DynamicRoute/Status.js

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { withRouter } from 'react-router-dom';
-import Head from '../Head';
-class Status extends React.Component {
-    render() {
-        const { code, history: { location: { pathname } }, children, staticContext } = this.props;
-        if (staticContext)
-            staticContext.statusCode = code;
-        return (React.createElement(React.Fragment, null,
-            pathname && code >= 400 && code < 600 && (React.createElement(Head, { data: {
-                    head: {
-                        title: `Error ${code}`
-                    },
-                    __typename: 'Error'
-                } })),
-            children));
-    }
-}
-export default withRouter(Status);
+import * as React from 'react';
+import { withRouter } from 'react-router-dom';
+import Head from '../Head';
+class Status extends React.Component {
+    render() {
+        const { code, history: { location: { pathname } }, children, staticContext } = this.props;
+        if (staticContext)
+            staticContext.statusCode = code;
+        return (React.createElement(React.Fragment, null,
+            pathname && code >= 400 && code < 600 && (React.createElement(Head, { data: {
+                    head: {
+                        title: `Error ${code}`
+                    },
+                    __typename: 'Error'
+                } })),
+            children));
+    }
+}
+export default withRouter(Status);
 //# sourceMappingURL=Status.js.map

package/components/DynamicRoute/index.d.ts

@@ -1,17 +1,17 @@
-import { DocumentNode } from 'graphql';
-import { ComponentType, default as React } from 'react';
-import { RouteComponentProps } from 'react-router-dom';
-import { CategoryProps } from './CategoryRoute';
-import { ContentProps } from './ContentRoute';
-import { ProductProps } from './ProductRoute';
-export declare type DynamicRouteProps = {
-    productPage: ComponentType<ProductProps>;
-    categoryPage: ComponentType<CategoryProps>;
-    contentPage: ComponentType<ContentProps>;
-    notFoundPage: React.SFC<any>;
-    LoadingPage?: React.SFC<any>;
-    ErrorPage?: React.SFC<any>;
-    routeQuery: DocumentNode;
-} & RouteComponentProps<any>;
-declare const DynamicRoute: (props: DynamicRouteProps) => JSX.Element;
-export default DynamicRoute;
+import { DocumentNode } from 'graphql';
+import { ComponentType, default as React } from 'react';
+import { RouteComponentProps } from 'react-router-dom';
+import { CategoryProps } from './CategoryRoute';
+import { ContentProps } from './ContentRoute';
+import { ProductProps } from './ProductRoute';
+export declare type DynamicRouteProps = {
+    productPage: ComponentType<ProductProps>;
+    categoryPage: ComponentType<CategoryProps>;
+    contentPage: ComponentType<ContentProps>;
+    notFoundPage: React.SFC<any>;
+    LoadingPage?: React.SFC<any>;
+    ErrorPage?: React.SFC<any>;
+    routeQuery: DocumentNode;
+} & RouteComponentProps<any>;
+declare const DynamicRoute: (props: DynamicRouteProps) => JSX.Element;
+export default DynamicRoute;

package/components/DynamicRoute/index.js

@@ -1,96 +1,96 @@
-import PaginationProvider, { usePagination } from '@jetshop/core/components/Pagination/PaginationProvider';
-import SortOrderContainer from '@jetshop/core/components/SortOrder/SortOrderContainer';
-import GenericError from '@jetshop/ui/ErrorBoundary/Generic';
-import { default as React, useEffect } from 'react';
-import { useQuery, useApolloClient } from 'react-apollo';
-import { useHistory, useLocation } from 'react-router';
-import throwErrorInDev from '../../helpers/throwErrorInDev';
-import Head from '../Head';
-import ActiveFiltersQuery from './ActiveFiltersQuery.gql';
-import RouteResolver from './RouteResolver';
-import { defaultActiveFilters } from '../../resolvers/filters/defaultActiveFilters';
-import { getActiveFiltersFromSearch } from '../../resolvers/filters/filterParams';
-import ProductByArticlenumber from './ProductByArticlenumber';
-// Make sure filters get applied or cleared when navigating to a new category page.
-function useFiltersOnRouteChange() {
-    const history = useHistory();
-    const client = useApolloClient();
-    useEffect(() => {
-        client.writeData({
-            data: {
-                activeFilters: getActiveFiltersFromSearch(window.location.search)
-            }
-        });
-    }, [client, history]);
-}
-const DynamicRoute = (props) => {
-    throwErrorInDev(!props.routeQuery, `You forgot to pass 'routeQuery' to DynamicRoute`);
-    const pagination = usePagination();
-    if (pagination === undefined) {
-        // We don't have a PaginationProvider in the tree. Wrap it and render this component again.
-        return (React.createElement(PaginationProvider, null,
-            React.createElement(DynamicRoute, Object.assign({}, props))));
-    }
-    const { productPage, categoryPage, contentPage, notFoundPage, LoadingPage, ErrorPage, location, routeQuery } = props;
-    // This is fine since admin is preventing you
-    // from creating a category named 'articlenumber'.
-    if (location.pathname.substr(0, 14) === '/articlenumber') {
-        const articleNumber = location.pathname.substr(15);
-        return React.createElement(ProductByArticlenumber, { articleNumber: articleNumber });
-    }
-    if (location.pathname === '/undefined') {
-        return null;
-    }
-    else {
-        return (React.createElement(SortOrderContainer, null, ({ sortOrder, direction }) => (React.createElement(RouteQuery, Object.assign({ key: location.pathname }, {
-            pagination,
-            sortOrder,
-            direction,
-            routeQuery,
-            productPage,
-            categoryPage,
-            contentPage,
-            notFoundPage,
-            LoadingPage,
-            ErrorPage
-        })))));
-    }
-};
-const RouteQuery = ({ pagination, sortOrder, direction, routeQuery, productPage, categoryPage, contentPage, notFoundPage, LoadingPage, ErrorPage }) => {
-    var _a, _b, _c, _d;
-    const location = useLocation();
-    const { perPage, offset } = pagination;
-    useFiltersOnRouteChange();
-    const activeFilterQuery = useQuery(ActiveFiltersQuery);
-    const variables = {
-        path: location.pathname,
-        first: perPage,
-        offset,
-        orderBy: sortOrder,
-        orderByDirection: direction,
-        filters: ((_a = activeFilterQuery.data) === null || _a === void 0 ? void 0 : _a.activeFilters) || Object.assign({}, defaultActiveFilters)
-    };
-    // defaultActiveFilters includes a __typename key,
-    // but we don't want it for the variable input
-    delete variables.filters.__typename;
-    const result = useQuery(routeQuery, {
-        variables,
-        errorPolicy: 'all',
-        fetchPolicy: 'cache-and-network',
-        partialRefetch: true
-    });
-    const route = (_b = result.data) === null || _b === void 0 ? void 0 : _b.route;
-    const data = (_d = (_c = result.data) === null || _c === void 0 ? void 0 : _c.route) === null || _d === void 0 ? void 0 : _d.object;
-    return (React.createElement(GenericError
-    //  Catch routing exceptions and log the graphql result
-    , { 
-        //  Catch routing exceptions and log the graphql result
-        extraInfo: {
-            variables: result.variables,
-            data: result.data
-        } },
-        data && React.createElement(Head, { data: data, route: route }),
-        React.createElement(RouteResolver, { productPage: productPage, categoryPage: categoryPage, contentPage: contentPage, notFoundPage: notFoundPage, LoadingPage: LoadingPage, ErrorPage: ErrorPage, result: result, pathname: location.pathname, state: location.state, search: location.search })));
-};
-export default DynamicRoute;
+import PaginationProvider, { usePagination } from '@jetshop/core/components/Pagination/PaginationProvider';
+import SortOrderContainer from '@jetshop/core/components/SortOrder/SortOrderContainer';
+import GenericError from '@jetshop/ui/ErrorBoundary/Generic';
+import { default as React, useEffect } from 'react';
+import { useQuery, useApolloClient } from 'react-apollo';
+import { useHistory, useLocation } from 'react-router';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import Head from '../Head';
+import ActiveFiltersQuery from './ActiveFiltersQuery.gql';
+import RouteResolver from './RouteResolver';
+import { defaultActiveFilters } from '../../resolvers/filters/defaultActiveFilters';
+import { getActiveFiltersFromSearch } from '../../resolvers/filters/filterParams';
+import ProductByArticlenumber from './ProductByArticlenumber';
+// Make sure filters get applied or cleared when navigating to a new category page.
+function useFiltersOnRouteChange() {
+    const history = useHistory();
+    const client = useApolloClient();
+    useEffect(() => {
+        client.writeData({
+            data: {
+                activeFilters: getActiveFiltersFromSearch(window.location.search)
+            }
+        });
+    }, [client, history]);
+}
+const DynamicRoute = (props) => {
+    throwErrorInDev(!props.routeQuery, `You forgot to pass 'routeQuery' to DynamicRoute`);
+    const pagination = usePagination();
+    if (pagination === undefined) {
+        // We don't have a PaginationProvider in the tree. Wrap it and render this component again.
+        return (React.createElement(PaginationProvider, null,
+            React.createElement(DynamicRoute, Object.assign({}, props))));
+    }
+    const { productPage, categoryPage, contentPage, notFoundPage, LoadingPage, ErrorPage, location, routeQuery } = props;
+    // This is fine since admin is preventing you
+    // from creating a category named 'articlenumber'.
+    if (location.pathname.substr(0, 14) === '/articlenumber') {
+        const articleNumber = location.pathname.substr(15);
+        return React.createElement(ProductByArticlenumber, { articleNumber: articleNumber });
+    }
+    if (location.pathname === '/undefined') {
+        return null;
+    }
+    else {
+        return (React.createElement(SortOrderContainer, null, ({ sortOrder, direction }) => (React.createElement(RouteQuery, Object.assign({ key: location.pathname }, {
+            pagination,
+            sortOrder,
+            direction,
+            routeQuery,
+            productPage,
+            categoryPage,
+            contentPage,
+            notFoundPage,
+            LoadingPage,
+            ErrorPage
+        })))));
+    }
+};
+const RouteQuery = ({ pagination, sortOrder, direction, routeQuery, productPage, categoryPage, contentPage, notFoundPage, LoadingPage, ErrorPage }) => {
+    var _a, _b, _c, _d;
+    const location = useLocation();
+    const { perPage, offset } = pagination;
+    useFiltersOnRouteChange();
+    const activeFilterQuery = useQuery(ActiveFiltersQuery);
+    const variables = {
+        path: location.pathname,
+        first: perPage,
+        offset,
+        orderBy: sortOrder,
+        orderByDirection: direction,
+        filters: ((_a = activeFilterQuery.data) === null || _a === void 0 ? void 0 : _a.activeFilters) || Object.assign({}, defaultActiveFilters)
+    };
+    // defaultActiveFilters includes a __typename key,
+    // but we don't want it for the variable input
+    delete variables.filters.__typename;
+    const result = useQuery(routeQuery, {
+        variables,
+        errorPolicy: 'all',
+        fetchPolicy: 'cache-and-network',
+        partialRefetch: true
+    });
+    const route = (_b = result.data) === null || _b === void 0 ? void 0 : _b.route;
+    const data = (_d = (_c = result.data) === null || _c === void 0 ? void 0 : _c.route) === null || _d === void 0 ? void 0 : _d.object;
+    return (React.createElement(GenericError
+    //  Catch routing exceptions and log the graphql result
+    , { 
+        //  Catch routing exceptions and log the graphql result
+        extraInfo: {
+            variables: result.variables,
+            data: result.data
+        } },
+        data && React.createElement(Head, { data: data, route: route }),
+        React.createElement(RouteResolver, { productPage: productPage, categoryPage: categoryPage, contentPage: contentPage, notFoundPage: notFoundPage, LoadingPage: LoadingPage, ErrorPage: ErrorPage, result: result, pathname: location.pathname, state: location.state, search: location.search })));
+};
+export default DynamicRoute;
 //# sourceMappingURL=index.js.map

package/components/Filters/index.d.ts

@@ -1 +1 @@
-export { default as toggleActiveListItem } from './toggleActiveListItem.gql';
+export { default as toggleActiveListItem } from './toggleActiveListItem.gql';

package/components/Filters/index.js

@@ -1,2 +1,2 @@
-export { default as toggleActiveListItem } from './toggleActiveListItem.gql';
+export { default as toggleActiveListItem } from './toggleActiveListItem.gql';
 //# sourceMappingURL=index.js.map

package/components/Filters/toggleActiveListItem.gql

@@ -1,15 +1,15 @@
-mutation toggleActiveListItem(
-  $value: String!
-  $parentId: String!
-  $set: Boolean
-  $parentType: String
-) {
-  toggleListFilterItem(
-    value: $value
-    parentId: $parentId
-    set: $set
-    parentType: $parentType
-  ) @client {
-    isActive @client
-  }
-}
+mutation toggleActiveListItem(
+  $value: String!
+  $parentId: String!
+  $set: Boolean
+  $parentType: String
+) {
+  toggleListFilterItem(
+    value: $value
+    parentId: $parentId
+    set: $set
+    parentType: $parentType
+  ) @client {
+    isActive @client
+  }
+}