@jetshop/core 5.17.0-alpha.8ede57ab → 5.17.0-alpha.8f38c56f

package/components/DynamicRoute/PreviewRoute.js

@@ -0,0 +1,58 @@
+import qs from 'qs';
+import React, { useContext } from 'react';
+import { Query } from '@apollo/client/react/components';
+import SortOrderContainer from '../SortOrder/SortOrderContainer';
+import CategoryRoute from './CategoryRoute';
+import ProductRoute from './ProductRoute';
+import ContentRoute from './ContentRoute';
+import PaginationContext from '../Pagination/PaginationContext';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { PreviewContext } from '../PreviewContext';
+import ChannelContext from '../ChannelContext';
+const PreviewRoute = ({ productPage, categoryPage, contentPage, productQuery, categoryQuery, pageQuery, location, StartPage }) => {
+    const { setPreview } = useContext(PreviewContext);
+    const { setCultureForPreview, restoreCultureForPreview } = useContext(ChannelContext);
+    throwErrorInDev(!productQuery, `You forgot to pass 'productQuery' to PreviewRoute`);
+    throwErrorInDev(!categoryQuery, `You forgot to pass 'categoryQuery' to PreviewRoute`);
+    throwErrorInDev(!pageQuery, `You forgot to pass 'pageQuery' to PreviewRoute`);
+    const { search } = location;
+    const queryObject = qs.parse(search, {
+        ignoreQueryPrefix: true
+    });
+    const { articlenumber, startpageid, categoryid, pageid, culture } = queryObject;
+    setPreview(true);
+    if (culture) {
+        setCultureForPreview(culture);
+    }
+    if (articlenumber) {
+        return (React.createElement(Query, { onCompleted: () => {
+                setPreview(false);
+                if (culture) {
+                    restoreCultureForPreview();
+                }
+            }, query: productQuery, variables: {
+                articleNumber: articlenumber
+            } }, (result) => (React.createElement(ProductRoute, { result: result, component: productPage }))));
+    }
+    else if (categoryid) {
+        return (React.createElement(PaginationContext.Consumer, null, ({ offset, perPage }) => (React.createElement(SortOrderContainer, null, ({ sortOrder, direction }) => (React.createElement(Query, { onCompleted: () => setPreview(false), query: categoryQuery, variables: {
+                id: parseInt(categoryid, 10),
+                orderBy: sortOrder,
+                orderByDirection: direction,
+                offset,
+                first: perPage
+            } }, (result) => (React.createElement(CategoryRoute, { result: result, component: categoryPage }))))))));
+    }
+    else if (pageid) {
+        return (React.createElement(Query, { onCompleted: () => setPreview(false), query: pageQuery, variables: {
+                id: parseInt(pageid, 10)
+            } }, (result) => (React.createElement(ContentRoute, { result: result, component: contentPage }))));
+    }
+    else if (startpageid) {
+        return (React.createElement(StartPage, { startPageId: parseInt(startpageid, 10), location: location }));
+    }
+    else
+        return null;
+};
+export default PreviewRoute;
+//# sourceMappingURL=PreviewRoute.js.map

package/components/DynamicRoute/PreviewRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewRoute.js","sourceRoot":"","sources":["PreviewRoute.tsx"],"names":[],"mappings":"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"}

package/components/DynamicRoute/ProductByArticlenumber.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ProductByArticlenumber: ({ articleNumber }: {
+    articleNumber: string;
+}) => React.JSX.Element;
+export default ProductByArticlenumber;

package/components/DynamicRoute/ProductByArticlenumber.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { useQuery } from '@apollo/client';
+import { Redirect } from 'react-router';
+import productByArticlenumberQuery from './ProductByArticlenumber.gql';
+import encodeVariantValues from '@jetshop/core/helpers/encodeVariant';
+const ProductByArticlenumber = ({ articleNumber }) => {
+    var _a, _b;
+    const { data, loading } = useQuery(productByArticlenumberQuery, {
+        variables: { articleNumber },
+        errorPolicy: 'all'
+    });
+    if (loading) {
+        return null;
+    }
+    const product = data === null || data === void 0 ? void 0 : data.product;
+    const variant = (product === null || product === void 0 ? void 0 : product.hasVariants) &&
+        product.variants.values.find((variant) => variant.articleNumber === articleNumber);
+    const encoding = variant ? encodeVariantValues(variant) : '';
+    return (data === null || data === void 0 ? void 0 : data.product) ? (React.createElement(Redirect, { to: `${((_b = (_a = data === null || data === void 0 ? void 0 : data.product) === null || _a === void 0 ? void 0 : _a.primaryRoute) === null || _b === void 0 ? void 0 : _b.path) + encoding}` })) : (React.createElement(Redirect, { to: "/" }));
+};
+export default ProductByArticlenumber;
+//# sourceMappingURL=ProductByArticlenumber.js.map

package/components/DynamicRoute/ProductByArticlenumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductByArticlenumber.js","sourceRoot":"","sources":["ProductByArticlenumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,2BAA2B,MAAM,8BAA8B,CAAC;AACvE,OAAO,mBAAmB,MAAM,qCAAqC,CAAC;AAGtE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,aAAa,EAGd,EAAE,EAAE;;IACH,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,2BAA2B,EAAE;QAC9D,SAAS,EAAE,EAAE,aAAa,EAAE;QAC5B,WAAW,EAAE,KAAK;KACnB,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,MAAM,OAAO,GAAY,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC;IAEvC,MAAM,OAAO,GACX,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW;QACpB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAC1B,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,KAAK,aAAa,CACrD,CAAC;IAEJ,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAC,CAAC,CAAC,CACrB,oBAAC,QAAQ,IAAC,EAAE,EAAE,GAAG,CAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,YAAY,0CAAE,IAAI,IAAG,QAAQ,EAAE,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,GAAG,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/components/DynamicRoute/ProductRoute.d.ts

@@ -0,0 +1,15 @@
+import { Product } from '@jetshop/core/types';
+import React, { ComponentType } from 'react';
+import { QueryResult } from '@apollo/client';
+export interface ProductProps {
+    result: QueryResult;
+    product: Product;
+    partialProduct: Partial<Product>;
+}
+export interface ProductRouteProps {
+    component: ComponentType<ProductProps>;
+    result: QueryResult;
+    partialProduct?: Partial<Product>;
+}
+declare const ProductRoute: (props: ProductRouteProps) => React.JSX.Element;
+export default ProductRoute;

package/components/DynamicRoute/ProductRoute.js

@@ -0,0 +1,65 @@
+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, _d, _e, _f, _g, _h, _j;
+    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
+            }));
+        }
+    }, [
+        (_d = location.state) === null || _d === void 0 ? void 0 : _d.list,
+        product,
+        (_e = props.result.data) === null || _e === void 0 ? void 0 : _e.product,
+        (_g = (_f = props.result.data) === null || _f === void 0 ? void 0 : _f.route) === null || _g === void 0 ? void 0 : _g.breadcrumbs,
+        (_j = (_h = props.result.data) === null || _h === void 0 ? void 0 : _h.route) === null || _j === void 0 ? void 0 : _j.object,
+        track
+    ]);
+    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/ProductRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductRoute.js","sourceRoot":"","sources":["ProductRoute.tsx"],"names":[],"mappings":"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"}

package/components/DynamicRoute/RouteResolver.d.ts

@@ -0,0 +1,22 @@
+import React, { ComponentType } from 'react';
+import { ProductProps } from './ProductRoute';
+import { CategoryProps } from './CategoryRoute';
+import { ContentProps } from './ContentRoute';
+import { QueryResult } from '@apollo/client';
+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;
+}) => React.JSX.Element;
+export default RouteResolver;

package/components/DynamicRoute/RouteResolver.js

@@ -0,0 +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/core/components/DynamicRoute/GenericError';
+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/RouteResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteResolver.js","sourceRoot":"","sources":["RouteResolver.tsx"],"names":[],"mappings":"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"}

package/components/DynamicRoute/Status.d.ts

@@ -0,0 +1,15 @@
+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;
+    children?: React.ReactNode;
+}
+declare class Status extends React.Component<StatusProps, any> {
+    render(): React.JSX.Element;
+}
+declare const _default: React.ComponentClass<Pick<StatusProps, "children" | "code" | "error"> & {
+    wrappedComponentRef?: React.Ref<Status>;
+}, any> & import("react-router").WithRouterStatics<typeof Status>;
+export default _default;

package/components/DynamicRoute/Status.js

@@ -0,0 +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);
+//# sourceMappingURL=Status.js.map

package/components/DynamicRoute/Status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Status.js","sourceRoot":"","sources":["Status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAuB,MAAM,kBAAkB,CAAC;AAEnE,OAAO,IAAI,MAAM,SAAS,CAAC;AAQ3B,MAAM,MAAO,SAAQ,KAAK,CAAC,SAA2B;IAC7C,MAAM;QACX,MAAM,EACJ,IAAI,EACJ,OAAO,EAAE,EACP,QAAQ,EAAE,EAAE,QAAQ,EAAE,EACvB,EACD,QAAQ,EACR,aAAa,EACd,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,IAAI,aAAa;YAAE,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC;QACnD,OAAO,CACL;YACG,QAAQ,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG,IAAI,CACxC,oBAAC,IAAI,IACH,IAAI,EAAE;oBACJ,IAAI,EAAE;wBACJ,KAAK,EAAE,SAAS,IAAI,EAAE;qBACvB;oBACD,UAAU,EAAE,OAAO;iBACpB,GACD,CACH;YACA,QAAQ,CACR,CACJ,CAAC;IACJ,CAAC;CACF;AAED,eAAe,UAAU,CAAC,MAAM,CAAC,CAAC"}

package/components/DynamicRoute/index.d.ts

@@ -0,0 +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 type DynamicRouteProps = {
+    productPage: ComponentType<ProductProps>;
+    categoryPage: ComponentType<CategoryProps>;
+    contentPage: ComponentType<ContentProps>;
+    notFoundPage: React.FC<any>;
+    LoadingPage?: React.FC<any>;
+    ErrorPage?: React.FC<any>;
+    routeQuery: DocumentNode;
+} & RouteComponentProps<any>;
+declare const DynamicRoute: (props: DynamicRouteProps) => React.JSX.Element;
+export default DynamicRoute;

package/components/DynamicRoute/index.js

@@ -0,0 +1,100 @@
+import PaginationProvider, { usePagination } from '@jetshop/core/components/Pagination/PaginationProvider';
+import SortOrderContainer from '@jetshop/core/components/SortOrder/SortOrderContainer';
+import GenericError from '@jetshop/core/components/DynamicRoute/GenericError';
+import { default as React, useEffect } from 'react';
+import { useQuery, useApolloClient } from '@apollo/client';
+import { 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 client = useApolloClient();
+    useEffect(() => {
+        client.writeQuery({
+            query: ActiveFiltersQuery,
+            data: {
+                activeFilters: getActiveFiltersFromSearch(window.location.search)
+            }
+        });
+    }, [client]);
+}
+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, {
+        fetchPolicy: 'cache-only'
+    });
+    const variables = {
+        path: location.pathname,
+        first: perPage,
+        offset,
+        orderBy: sortOrder,
+        orderByDirection: direction,
+        filters: Object.assign({}, (_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',
+        initialFetchPolicy: 'cache-and-network'
+    });
+    const route = (_b = (result.previousData || result.data)) === null || _b === void 0 ? void 0 : _b.route;
+    const data = (_d = (_c = (result.previousData || result.data)) === null || _c === void 0 ? void 0 : _c.route) === null || _d === void 0 ? void 0 : _d.object;
+    const resultWithFallbackData = Object.assign(Object.assign({}, result), { 
+        // We want to show the previous data to avoid unnecessary loading states
+        data: result.data || result.previousData });
+    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: resultWithFallbackData, pathname: location.pathname, state: location.state, search: location.search })));
+};
+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
+        })))));
+    }
+};
+export default DynamicRoute;
+//# sourceMappingURL=index.js.map

package/components/DynamicRoute/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"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"}

package/components/Filters/index.d.ts

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

package/components/Filters/index.js

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

package/components/Filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC"}

package/components/Filters/utils/replaceInSearch.d.ts

@@ -0,0 +1,14 @@
+import { History, Location } from 'history';
+export type routeType = 'sortOrderChange' | 'filterChange' | 'paginationChange' | 'Product' | 'Category' | 'Page';
+interface ReplaceInSearch {
+    history: History;
+    location: Location;
+    queryString: string;
+    replaceType?: boolean;
+    routeType?: routeType;
+}
+export declare function replaceInSearch({ history, location, queryString, replaceType, routeType }: ReplaceInSearch): {
+    [key: string]: any;
+    page?: string;
+};
+export {};

package/components/Filters/utils/replaceInSearch.js

@@ -0,0 +1,23 @@
+import { pushHistory } from '@jetshop/core/components/Filters/utils/updateHistory';
+import qs from 'qs';
+export function replaceInSearch({ history, location, queryString, replaceType, routeType }) {
+    const { pathname, hash } = location;
+    const currentSearch = qs.parse(location.search, { ignoreQueryPrefix: true });
+    const parsedString = qs.parse(queryString);
+    const [filterType, filterValues] = Object.entries(parsedString)[0];
+    const newSearch = Object.assign(Object.assign({}, currentSearch), { [filterType]: replaceType
+            ? filterValues
+            : Object.assign(Object.assign({}, currentSearch[filterType]), filterValues) });
+    if (filterValues === '' && replaceType) {
+        delete newSearch[filterType];
+    }
+    return pushHistory({
+        history,
+        pathname,
+        hash,
+        search: newSearch,
+        resetPage: true,
+        routeType
+    });
+}
+//# sourceMappingURL=replaceInSearch.js.map

package/components/Filters/utils/replaceInSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replaceInSearch.js","sourceRoot":"","sources":["replaceInSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,OAAO,EAAE,MAAM,IAAI,CAAC;AAkBpB,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACO;IAChB,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;IACpC,MAAM,aAAa,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,MAAM,SAAS,mCACV,aAAa,KAChB,CAAC,UAAU,CAAC,EAAE,WAAW;YACvB,CAAC,CAAC,YAAY;YACd,CAAC,iCAAM,aAAa,CAAC,UAAU,CAAC,GAAM,YAAoB,CAAE,GAC/D,CAAC;IAEF,IAAI,YAAY,KAAK,EAAE,IAAI,WAAW,EAAE;QACtC,OAAO,SAAS,CAAC,UAAU,CAAC,CAAC;KAC9B;IAED,OAAO,WAAW,CAAC;QACjB,OAAO;QACP,QAAQ;QACR,IAAI;QACJ,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,SAAS;KACV,CAAC,CAAC;AACL,CAAC"}

package/components/Filters/utils/updateHistory.d.ts

@@ -0,0 +1,25 @@
+import { History } from 'history';
+interface UpdateHistory {
+    history: History;
+    pathname: string;
+    hash: string;
+    search: {
+        page?: string;
+        [key: string]: any;
+    };
+    resetPage?: boolean;
+    /**
+     * A string representing the type of route. May be useful for creating
+     * different behaviour when routing to certain route types
+     */
+    routeType?: string;
+}
+export declare function pushHistory(args: UpdateHistory): {
+    [key: string]: any;
+    page?: string;
+};
+export declare function replaceHistory(args: UpdateHistory): {
+    [key: string]: any;
+    page?: string;
+};
+export {};

package/components/Filters/utils/updateHistory.js

@@ -0,0 +1,30 @@
+import qs from 'qs';
+function getNewLocation({ pathname, hash, search, resetPage, routeType }) {
+    if (resetPage && search) {
+        // Delete the page if there is one, so pagination gets reset
+        delete search.page;
+    }
+    const stringifiedSearch = qs.stringify(search, {
+        encodeValuesOnly: true,
+        skipNulls: true
+    });
+    return {
+        pathname,
+        hash,
+        search: stringifiedSearch,
+        state: {
+            type: routeType
+        }
+    };
+}
+export function pushHistory(args) {
+    const { history } = args;
+    history.push(getNewLocation(args));
+    return args.search;
+}
+export function replaceHistory(args) {
+    const { history } = args;
+    history.replace(getNewLocation(args));
+    return args.search;
+}
+//# sourceMappingURL=updateHistory.js.map

package/components/Filters/utils/updateHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateHistory.js","sourceRoot":"","sources":["updateHistory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,CAAC;AAkBpB,SAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACK;IACd,IAAI,SAAS,IAAI,MAAM,EAAE;QACvB,4DAA4D;QAC5D,OAAO,MAAM,CAAC,IAAI,CAAC;KACpB;IAED,MAAM,iBAAiB,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE;QAC7C,gBAAgB,EAAE,IAAI;QACtB,SAAS,EAAE,IAAI;KAChB,CAAC,CAAC;IAEH,OAAO;QACL,QAAQ;QACR,IAAI;QACJ,MAAM,EAAE,iBAAiB;QACzB,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;SAChB;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAmB;IAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,OAAO,IAAI,CAAC,MAAM,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAmB;IAChD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC,OAAO,IAAI,CAAC,MAAM,CAAC;AACrB,CAAC"}

package/components/Fonts/CustomFont.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { primaryFont, secondaryFonts } from './injectFont';
+export type CustomFontProps = {
+    primaryFont?: primaryFont;
+    secondaryFonts?: secondaryFonts;
+    /**
+     * A function that returns an injectGlobal call with your @font-face
+     * declarations */
+    injectCss: () => string;
+};
+export default class CustomFont extends React.PureComponent<CustomFontProps, {}> {
+    componentDidMount: () => void;
+    render(): null;
+}

package/components/Fonts/CustomFont.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { injectFont } from './injectFont';
+export default class CustomFont extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        // Injects a locally-hosted font
+        this.componentDidMount = () => {
+            const { primaryFont = '', secondaryFonts = [], injectCss } = this.props;
+            injectFont(primaryFont, secondaryFonts);
+            injectCss();
+        };
+    }
+    render() {
+        return null;
+    }
+}
+//# sourceMappingURL=CustomFont.js.map

package/components/Fonts/CustomFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFont.js","sourceRoot":"","sources":["CustomFont.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAA+B,MAAM,cAAc,CAAC;AAWvE,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,aAG7C;IAHD;;QAIE,gCAAgC;QAChC,sBAAiB,GAAG,GAAG,EAAE;YACvB,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACxE,UAAU,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;YACxC,SAAS,EAAE,CAAC;QACd,CAAC,CAAC;IAKJ,CAAC;IAHQ,MAAM;QACX,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/components/Fonts/injectFont.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The Primary font used in the app. This will be added to the `body` styles.
+ * If you use multiple Font components, only one should use primaryFont. A
+ * `font-family-name-ready` class will also be added to the html tag. */
+export type primaryFont = string;
+/**
+ * An array of secondary fonts used in your app. For each of these fonts, a
+ * class will be added to the html element in the form `font-family-name-ready`
+ * once the font is loaded and ready to use */
+export type secondaryFonts = string[];
+export declare function injectFont(primaryFont?: string, secondaryFonts?: string[]): void;