@jetshop/core 7.0.0-canary → 7.0.0-canary-2

package/components/DynamicRoute/RouteResolver.js

@@ -0,0 +1,64 @@
+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 { 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;
+    result.error && console.error(result.error);
+    if (((_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.path) !== null && _c !== void 0 ? _c : pathname) !== pathname) {
+        return (React.createElement(Status, { code: 301 },
+            React.createElement(Redirect, { to: {
+                    pathname: result.data.route.path,
+                    state: Object.assign(Object.assign({}, state), { type: (_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.object) === null || _f === void 0 ? void 0 : _f.__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,101 @@
+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',
+        partialRefetch: true
+    });
+    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":"AAAA,OAAO,kBAAkB,EAAE,EACzB,aAAa,EACd,MAAM,wDAAwD,CAAC;AAChE,OAAO,kBAAkB,MAAM,uDAAuD,CAAC;AACvF,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAE9E,OAAO,EAAiB,OAAO,IAAI,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAI1D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAY9D,mFAAmF;AACnF,SAAS,uBAAuB;IAC9B,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,UAAU,CAAC;YAChB,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE;gBACJ,aAAa,EAAE,0BAA0B,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;aAClE;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,GAA8B,CAAC,EAC7C,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACV,EAAE,EAAE;;IACH,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAEvC,uBAAuB,EAAE,CAAC;IAE1B,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,EAAE;QACrD,WAAW,EAAE,YAAY;KAC1B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG;QAChB,IAAI,EAAE,QAAQ,CAAC,QAAQ;QACvB,KAAK,EAAE,OAAO;QACd,MAAM;QACN,OAAO,EAAE,SAAS;QAClB,gBAAgB,EAAE,SAAS;QAC3B,OAAO,EAAE,kBAAK,MAAA,iBAAiB,CAAC,IAAI,0CAAE,aAAa,uBAC9C,oBAAoB,CACxB;KACF,CAAC;IAEF,kDAAkD;IAClD,8CAA8C;IAC9C,OAAO,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC;IAEpC,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,EAAE;QAClC,SAAS;QACT,WAAW,EAAE,KAAK;QAClB,kBAAkB,EAAE,mBAAmB;QACvC,cAAc,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,MAAA,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,0CAAE,KAAK,CAAC;IAC1D,MAAM,IAAI,GAAG,MAAA,MAAA,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,0CAAE,KAAK,0CAAE,MAAM,CAAC;IAEjE,MAAM,sBAAsB,mCACvB,MAAM;QACT,wEAAwE;QACxE,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,YAAY,GACzC,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY;IACX,uDAAuD;;QAAvD,uDAAuD;QACvD,SAAS,EAAE;YACT,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB;QAEA,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI;QAE3C,oBAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,sBAAsB,EAC9B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,MAAM,EAAE,QAAQ,CAAC,MAAM,GACvB,CACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,eAAe,CACb,CAAC,KAAK,CAAC,UAAU,EACjB,iDAAiD,CAClD,CAAC;IACF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,2FAA2F;QAC3F,OAAO,CACL,oBAAC,kBAAkB;YACjB,oBAAC,YAAY,oBAAK,KAAK,EAAI,CACR,CACtB,CAAC;KACH;IAED,MAAM,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,EACX,GAAG,KAAK,CAAC;IAEV,6CAA6C;IAC7C,kDAAkD;IAClD,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,gBAAgB,EAAE;QACxD,MAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACnD,OAAO,oBAAC,sBAAsB,IAAC,aAAa,EAAE,aAAa,GAAI,CAAC;KACjE;IACD,IAAI,QAAQ,CAAC,QAAQ,KAAK,YAAY,EAAE;QACtC,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,CACL,oBAAC,kBAAkB,QAChB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC7B,oBAAC,UAAU,kBACT,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB;YACF,UAAU;YACV,SAAS;YACT,SAAS;YACT,UAAU;YACV,WAAW;YACX,YAAY;YACZ,WAAW;YACX,YAAY;YACZ,WAAW;YACX,SAAS;SACV,EACD,CACH,CACkB,CACtB,CAAC;KACH;AACH,CAAC,CAAC;AAkBF,eAAe,YAAY,CAAC"}

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;

package/components/Fonts/injectFont.js

@@ -0,0 +1,30 @@
+import Observer from 'fontfaceobserver';
+function createFontClass(family) {
+    return `${family.replace(/ +/g, '-').toLowerCase()}-ready`;
+}
+export function injectFont(primaryFont, secondaryFonts) {
+    // Add `xxxx-ready` styles to set the primary (body) font
+    if (primaryFont) {
+        // observe body font
+        const primaryFontObserver = new Observer(primaryFont);
+        primaryFontObserver.load().then(() => {
+            const fontClass = createFontClass(primaryFont);
+            document && document.documentElement.classList.add(fontClass);
+        }, () => {
+            console.log(`Font ${primaryFont} not available`);
+        });
+    }
+    // observe any secondary fonts
+    if (secondaryFonts && secondaryFonts.length > 0) {
+        const fonts = secondaryFonts.map((font) => new Observer(font));
+        Promise.all(fonts.map((f) => f.load())).then(function (e) {
+            e.map((fam) => {
+                const fontClass = createFontClass(fam.family);
+                document && document.documentElement.classList.add(fontClass);
+            });
+        }, () => {
+            console.log('Secondary fonts not available');
+        });
+    }
+}
+//# sourceMappingURL=injectFont.js.map

package/components/Fonts/injectFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectFont.js","sourceRoot":"","sources":["injectFont.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AAaxC,SAAS,eAAe,CAAC,MAAc;IACrC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,WAAoB,EAAE,cAAyB;IACxE,yDAAyD;IACzD,IAAI,WAAW,EAAE;QACf,oBAAoB;QACpB,MAAM,mBAAmB,GAAG,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC;QACtD,mBAAmB,CAAC,IAAI,EAAE,CAAC,IAAI,CAC7B,GAAG,EAAE;YACH,MAAM,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;YAC/C,QAAQ,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAChE,CAAC,EACD,GAAG,EAAE;YACH,OAAO,CAAC,GAAG,CAAC,QAAQ,WAAW,gBAAgB,CAAC,CAAC;QACnD,CAAC,CACF,CAAC;KACH;IAED,8BAA8B;IAC9B,IAAI,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAE/D,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAC1C,UAAU,CAAC;YACT,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE;gBACjB,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBAC9C,QAAQ,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAChE,CAAC,CAAC,CAAC;QACL,CAAC,EACD,GAAG,EAAE;YACH,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;QAC/C,CAAC,CACF,CAAC;KACH;AACH,CAAC"}

package/components/Head.d.ts

@@ -0,0 +1,11 @@
+import { StartPage, Category, Product, Page, Route, HtmlHead } from '@jetshop/core/types';
+import { FC } from 'react';
+export interface HeadProps {
+    data: StartPage | Category | Product | Page | {
+        head: HtmlHead;
+        __typename: 'Error';
+    };
+    route?: Route;
+}
+declare const Head: FC<HeadProps>;
+export default Head;

package/components/Head.js

@@ -0,0 +1,86 @@
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import { trackPageEvent } from '@jetshop/core/analytics/tracking';
+import React, { useContext, useEffect } from 'react';
+import { Helmet } from 'react-helmet-async';
+import useWarningInDev from '../hooks/useWarningInDev';
+import ChannelContext from './ChannelContext';
+import { useLocation } from 'react-router';
+import qs from 'qs';
+import { OpenGraphGeneralPageData } from '@jetshop/core/components/OpenGraph';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import { getLanguageFromCulture } from '../ChannelHandler/channelUtils';
+import { SiteLinksSearchStructuredData } from './StructuredData';
+function renderAlternateRoutes(alternateRoute, channelsById, selectedChannelGroup = undefined) {
+    const channel = channelsById[alternateRoute.channelId];
+    // Only include alternate routes for this particular group if available
+    if (selectedChannelGroup && !selectedChannelGroup.includes(channel.id)) {
+        return null;
+    }
+    const url = channel.url;
+    const route = alternateRoute.route;
+    let languageBasename = '';
+    if (channel.defaultLanguage.culture !== alternateRoute.culture) {
+        languageBasename = `/${getLanguageFromCulture(alternateRoute.culture)}`;
+    }
+    const href = `${url}${languageBasename}${route}`;
+    return (React.createElement("link", Object.assign({ key: href + alternateRoute.culture, rel: "alternate", href: href, hrefLang: alternateRoute.alias || alternateRoute.culture }, (channel.groupName && { 'data-group': channel.groupName }))));
+}
+const queryParamsWhitelist = ['page'];
+const regex = new RegExp(/\/$/);
+const Head = ({ data, route }) => {
+    var _a, _b;
+    const { search, pathname } = useLocation();
+    const queryStringObject = qs.parse(search, { ignoreQueryPrefix: true });
+    Object.keys(queryStringObject).forEach((key) => {
+        !queryParamsWhitelist.includes(key) && delete queryStringObject[key];
+    });
+    const whiteListedSearch = qs.stringify(queryStringObject, {
+        addQueryPrefix: true
+    });
+    const { selectedChannel, channelsById, selectedChannelGroup } = useContext(ChannelContext);
+    const lang = selectedChannel.language.culture.split('-')[0];
+    const metaTags = ((_a = data === null || data === void 0 ? void 0 : data.head) === null || _a === void 0 ? void 0 : _a.metaTags) || [];
+    let languageBasename = '';
+    if (!selectedChannel.language.isDefault) {
+        languageBasename = `/${getLanguageFromCulture(selectedChannel.language.culture)}`;
+    }
+    const hasIndexingOptions = (data.__typename === 'Category' || data.__typename === 'Page') &&
+        data.allowWebIndexing !== undefined;
+    const disallowWebIndexing = (_b = (hasIndexingOptions && !data.allowWebIndexing)) !== null && _b !== void 0 ? _b : false;
+    const fullPath = `${languageBasename}${(route === null || route === void 0 ? void 0 : route.canonicalPath) || ''}`;
+    const href = (route === null || route === void 0 ? void 0 : route.canonicalPath) &&
+        `${selectedChannel.url}${fullPath}${whiteListedSearch}`;
+    const pathnameWithoutTrailingSlash = pathname === null || pathname === void 0 ? void 0 : pathname.replace(regex, '');
+    const isCurrentRouteCanonical = (pathnameWithoutTrailingSlash || '/') === (route === null || route === void 0 ? void 0 : route.canonicalPath);
+    useWarningInDev(route && !route.alternateRoutes, `You must include the RouteMetaFragment in your RouteQuery.gql
+    Please see https://gitlab.jetshop.se/jetshop/flight/blob/master/packages/template-trend/src/components/RouteQuery.gql for an example
+    `);
+    const { openGraph } = useShopConfig();
+    const disableOpenGraphGeneralData = openGraph
+        ? !!openGraph.disableDefaultGeneralData
+        : false;
+    const track = useTracker();
+    useEffect(() => {
+        var _a;
+        track(trackPageEvent({
+            pathname: window.location.pathname,
+            title: (_a = data === null || data === void 0 ? void 0 : data.head) === null || _a === void 0 ? void 0 : _a.title
+        }));
+    }, [data, track]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Helmet, null,
+            React.createElement("html", { lang: lang }),
+            (data === null || data === void 0 ? void 0 : data.head) && React.createElement("title", null, data.head.title),
+            metaTags.map((tag) => (React.createElement("meta", { name: tag.name, content: tag.content, key: tag.name }))),
+            route &&
+                isCurrentRouteCanonical &&
+                route.alternateRoutes &&
+                route.alternateRoutes.map((alternateRoute) => renderAlternateRoutes(alternateRoute, channelsById, selectedChannelGroup &&
+                    selectedChannelGroup.map((channel) => channel.id))),
+            href && React.createElement("link", { rel: "canonical", href: href }),
+            disallowWebIndexing && React.createElement("meta", { name: "robots", content: "noindex" })),
+        !disableOpenGraphGeneralData && (React.createElement(OpenGraphGeneralPageData, { route: route, data: data })),
+        (route === null || route === void 0 ? void 0 : route.canonicalPath) === '/' && React.createElement(SiteLinksSearchStructuredData, null)));
+};
+export default Head;
+//# sourceMappingURL=Head.js.map

package/components/Head.js.map

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

package/components/Mutation/AddToCart/addToCartUtils.d.ts

@@ -0,0 +1,18 @@
+import { Product, ProductVariant } from '../../../types';
+import { AddToCartFormikValues, AddToCartFormProps, AddToCartCallbackOptions } from '../AddToCartFormik';
+export declare function getArticleNumber(product: Product, selectedVariation: ProductVariant): string;
+export declare function useTrackProductAdd(selectedVariation: ProductVariant): (product: Product, quantity: number) => void;
+export declare function getCommentsFromFormikValues(values: AddToCartFormikValues): {
+    name: string;
+    value: string;
+}[];
+export declare function addToCartSuccess({ onAddToCartSuccess, callbackOptions, cartId, setCartId }: {
+    onAddToCartSuccess?: AddToCartFormProps['onAddToCartSuccess'];
+    callbackOptions?: AddToCartCallbackOptions;
+    cartId: string;
+    setCartId: (cartId: string) => void;
+}): ({ data }: any) => void;
+export declare function addToCartError({ onAddToCartError, callbackOptions }: {
+    onAddToCartError: AddToCartFormProps['onAddToCartError'];
+    callbackOptions: AddToCartCallbackOptions;
+}): (error: any) => void;

package/components/Mutation/AddToCart/addToCartUtils.js

@@ -0,0 +1,52 @@
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import { useCallback } from 'react';
+import { trackProductEvent } from '@jetshop/core/analytics/tracking';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+export function getArticleNumber(product, selectedVariation) {
+    var _a, _b;
+    return ((_b = (_a = product === null || product === void 0 ? void 0 : product.variants) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0
+        ? selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.articleNumber
+        : product === null || product === void 0 ? void 0 : product.articleNumber;
+}
+export function useTrackProductAdd(selectedVariation) {
+    const track = useTracker();
+    return useCallback(function trackProductVariant(product, quantity) {
+        var _a, _b, _c;
+        track(trackProductEvent({
+            action: 'add',
+            product,
+            quantity,
+            selectedVariation,
+            category: breadcrumbsWithoutProduct((_a = product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
+                unSlugify((_c = (_b = product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
+                ''
+        }));
+    }, [selectedVariation, track]);
+}
+export function getCommentsFromFormikValues(values) {
+    return Object.keys(values.comments).map((name) => {
+        return {
+            name,
+            value: values.comments[name]
+        };
+    });
+}
+export function addToCartSuccess({ onAddToCartSuccess, callbackOptions, cartId, setCartId }) {
+    return ({ data }) => {
+        if (!cartId || data.addToCart.cart.id !== cartId) {
+            data.addToCart && setCartId(data.addToCart.cart.id);
+        }
+        onAddToCartSuccess && onAddToCartSuccess(callbackOptions);
+    };
+}
+export function addToCartError({ onAddToCartError, callbackOptions }) {
+    return (error) => {
+        console.error('useCartAdder error', error);
+        if (!onAddToCartError) {
+            throw error;
+        }
+        onAddToCartError(Object.assign(Object.assign({}, callbackOptions), { error }));
+    };
+}
+//# sourceMappingURL=addToCartUtils.js.map