@jetshop/core 5.13.0 → 5.13.10-0

package/components/OpenGraph/OpenGraphGeneralPageData.js

@@ -1,37 +1,37 @@
-import React from 'react';
-import ChannelContext from '../ChannelContext';
-import { Helmet } from 'react-helmet-async';
-export const OpenGraphGeneralPageData = ({ data, route, optionalFields = [] }) => {
-    var _a, _b, _c, _d;
-    const { selectedChannel } = React.useContext(ChannelContext);
-    if (!data || data.__typename === 'Error')
-        return null;
-    const metaDescriptionTag = (_b = (_a = data.head) === null || _a === void 0 ? void 0 : _a.metaTags) === null || _b === void 0 ? void 0 : _b.filter(tag => tag.name === 'description')[0];
-    const overrides = optionalFields.map(tag => tag.property);
-    const title = ((_c = data.head) === null || _c === void 0 ? void 0 : _c.title) ||
-        (data.__typename !== 'StartPage' && data.mainHeader) ||
-        data.name;
-    // If these are updated, please also update the docs (OpenGraph.mdx)
-    const defaultTags = [
-        {
-            property: 'og:url',
-            content: (route === null || route === void 0 ? void 0 : route.canonicalPath) && `${selectedChannel.url}${route.canonicalPath}`
-        },
-        { property: 'og:title', content: title },
-        {
-            property: 'og:description',
-            content: metaDescriptionTag === null || metaDescriptionTag === void 0 ? void 0 : metaDescriptionTag.content
-        },
-        {
-            property: 'og:image',
-            content: ((_d = data.images) === null || _d === void 0 ? void 0 : _d.length) > 0 &&
-                (data.__typename !== 'Product'
-                    ? data.images[data.images.length - 1].url
-                    : data.images[0].url)
-        }
-    ].filter(tag => !overrides.includes(tag.property));
-    return (React.createElement(Helmet, null,
-        defaultTags.map(tag => tag.content && (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content }))),
-        optionalFields.map(tag => (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })))));
-};
+import React from 'react';
+import ChannelContext from '../ChannelContext';
+import { Helmet } from 'react-helmet-async';
+export const OpenGraphGeneralPageData = ({ data, route, optionalFields = [] }) => {
+    var _a, _b, _c, _d;
+    const { selectedChannel } = React.useContext(ChannelContext);
+    if (!data || data.__typename === 'Error')
+        return null;
+    const metaDescriptionTag = (_b = (_a = data.head) === null || _a === void 0 ? void 0 : _a.metaTags) === null || _b === void 0 ? void 0 : _b.filter(tag => tag.name === 'description')[0];
+    const overrides = optionalFields.map(tag => tag.property);
+    const title = ((_c = data.head) === null || _c === void 0 ? void 0 : _c.title) ||
+        (data.__typename !== 'StartPage' && data.mainHeader) ||
+        data.name;
+    // If these are updated, please also update the docs (OpenGraph.mdx)
+    const defaultTags = [
+        {
+            property: 'og:url',
+            content: (route === null || route === void 0 ? void 0 : route.canonicalPath) && `${selectedChannel.url}${route.canonicalPath}`
+        },
+        { property: 'og:title', content: title },
+        {
+            property: 'og:description',
+            content: metaDescriptionTag === null || metaDescriptionTag === void 0 ? void 0 : metaDescriptionTag.content
+        },
+        {
+            property: 'og:image',
+            content: ((_d = data.images) === null || _d === void 0 ? void 0 : _d.length) > 0 &&
+                (data.__typename !== 'Product'
+                    ? data.images[data.images.length - 1].url
+                    : data.images[0].url)
+        }
+    ].filter(tag => !overrides.includes(tag.property));
+    return (React.createElement(Helmet, null,
+        defaultTags.map(tag => tag.content && (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content }))),
+        optionalFields.map(tag => (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })))));
+};
 //# sourceMappingURL=OpenGraphGeneralPageData.js.map

package/components/OpenGraph/OpenGraphProductData.d.ts

@@ -1,25 +1,25 @@
-import { Product, ProductVariantOption } from '@jetshop/core/types';
-import React from 'react';
-import { OpenGraphDataTag } from './OpenGraphGeneralPageData';
-export interface OpenGraphProductDataProps {
-    /** The product object */
-    product: Product;
-    /** Optional pre-selected variant */
-    initialVariant?: ProductVariantOption;
-    /**
-     * Optional fields can be suppilied via a list of objects.
-     *  Will override default values if provided.
-     * [{ property: 'og:title', content: 'Example title' }].
-     *
-     * Full list of fields available at
-     * @url https://ogp.me/
-     */
-    optionalFields?: OpenGraphDataTag[];
-}
-/**
- * Get the brand field from a product's customFields.
- *
- * Usually you'd want to pass in the brand field from your shop config.
- */
-export declare function getBrand(product: Product, brandField?: string): any;
-export declare const OpenGraphProductData: React.FC<OpenGraphProductDataProps>;
+import { Product, ProductVariantOption } from '@jetshop/core/types';
+import React from 'react';
+import { OpenGraphDataTag } from './OpenGraphGeneralPageData';
+export interface OpenGraphProductDataProps {
+    /** The product object */
+    product: Product;
+    /** Optional pre-selected variant */
+    initialVariant?: ProductVariantOption;
+    /**
+     * Optional fields can be suppilied via a list of objects.
+     *  Will override default values if provided.
+     * [{ property: 'og:title', content: 'Example title' }].
+     *
+     * Full list of fields available at
+     * @url https://ogp.me/
+     */
+    optionalFields?: OpenGraphDataTag[];
+}
+/**
+ * Get the brand field from a product's customFields.
+ *
+ * Usually you'd want to pass in the brand field from your shop config.
+ */
+export declare function getBrand(product: Product, brandField?: string): any;
+export declare const OpenGraphProductData: React.FC<OpenGraphProductDataProps>;

package/components/OpenGraph/OpenGraphProductData.js

@@ -1,49 +1,49 @@
-import React from 'react';
-import { useProductVariants } from '../../hooks/useProductVariants';
-import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
-import ChannelContext from '../ChannelContext';
-import { Helmet } from 'react-helmet-async';
-/**
- * Get the brand field from a product's customFields.
- *
- * Usually you'd want to pass in the brand field from your shop config.
- */
-export function getBrand(product, brandField = 'brand') {
-    var _a;
-    const field = (_a = product === null || product === void 0 ? void 0 : product.customFields) === null || _a === void 0 ? void 0 : _a.find(({ key }) => key === brandField);
-    if (field) {
-        return field === null || field === void 0 ? void 0 : field.stringValue;
-    }
-}
-export const OpenGraphProductData = ({ product, initialVariant, optionalFields = [] }) => {
-    var _a, _b, _c, _d;
-    const { selectedVariant: variant } = useProductVariants(product, {
-        initialVariant
-    });
-    const { selectedChannel } = React.useContext(ChannelContext);
-    const { brandCustomField } = useShopConfig();
-    const prod = variant || product;
-    const brand = getBrand(product, brandCustomField);
-    const overrides = optionalFields.map((tag) => tag.property);
-    // If these are updated, please also update the docs (OpenGraph.mdx)
-    const defaultTags = [
-        {
-            property: 'product:original_price:amount',
-            content: (_a = prod.previousPrice) === null || _a === void 0 ? void 0 : _a.incVat
-        },
-        { property: 'product:price:amount', content: (_b = prod.price) === null || _b === void 0 ? void 0 : _b.incVat },
-        {
-            property: 'og:price:currency',
-            content: selectedChannel.currency.format.code
-        },
-        { property: 'product:availability', content: (_c = prod.stockStatus) === null || _c === void 0 ? void 0 : _c.buyable },
-        { property: 'product:brand', content: brand },
-        { property: 'product:category', content: (_d = product.canonicalCategory) === null || _d === void 0 ? void 0 : _d.name }
-    ].filter((tag) => !overrides.includes(tag.property));
-    return (React.createElement(Helmet, null,
-        defaultTags.map((tag) => {
-            return (tag.content && (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })));
-        }),
-        optionalFields.map((tag) => (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })))));
-};
+import React from 'react';
+import { useProductVariants } from '../../hooks/useProductVariants';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import ChannelContext from '../ChannelContext';
+import { Helmet } from 'react-helmet-async';
+/**
+ * Get the brand field from a product's customFields.
+ *
+ * Usually you'd want to pass in the brand field from your shop config.
+ */
+export function getBrand(product, brandField = 'brand') {
+    var _a;
+    const field = (_a = product === null || product === void 0 ? void 0 : product.customFields) === null || _a === void 0 ? void 0 : _a.find(({ key }) => key === brandField);
+    if (field) {
+        return field === null || field === void 0 ? void 0 : field.stringValue;
+    }
+}
+export const OpenGraphProductData = ({ product, initialVariant, optionalFields = [] }) => {
+    var _a, _b, _c, _d;
+    const { selectedVariant: variant } = useProductVariants(product, {
+        initialVariant
+    });
+    const { selectedChannel } = React.useContext(ChannelContext);
+    const { brandCustomField } = useShopConfig();
+    const prod = variant || product;
+    const brand = getBrand(product, brandCustomField);
+    const overrides = optionalFields.map((tag) => tag.property);
+    // If these are updated, please also update the docs (OpenGraph.mdx)
+    const defaultTags = [
+        {
+            property: 'product:original_price:amount',
+            content: (_a = prod.previousPrice) === null || _a === void 0 ? void 0 : _a.incVat
+        },
+        { property: 'product:price:amount', content: (_b = prod.price) === null || _b === void 0 ? void 0 : _b.incVat },
+        {
+            property: 'og:price:currency',
+            content: selectedChannel.currency.format.code
+        },
+        { property: 'product:availability', content: (_c = prod.stockStatus) === null || _c === void 0 ? void 0 : _c.buyable },
+        { property: 'product:brand', content: brand },
+        { property: 'product:category', content: (_d = product.canonicalCategory) === null || _d === void 0 ? void 0 : _d.name }
+    ].filter((tag) => !overrides.includes(tag.property));
+    return (React.createElement(Helmet, null,
+        defaultTags.map((tag) => {
+            return (tag.content && (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })));
+        }),
+        optionalFields.map((tag) => (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })))));
+};
 //# sourceMappingURL=OpenGraphProductData.js.map

package/components/OpenGraph/index.d.ts

@@ -1,2 +1,2 @@
-export { OpenGraphProductData } from './OpenGraphProductData';
-export { OpenGraphGeneralPageData } from './OpenGraphGeneralPageData';
+export { OpenGraphProductData } from './OpenGraphProductData';
+export { OpenGraphGeneralPageData } from './OpenGraphGeneralPageData';

package/components/OpenGraph/index.js

@@ -1,3 +1,3 @@
-export { OpenGraphProductData } from './OpenGraphProductData';
-export { OpenGraphGeneralPageData } from './OpenGraphGeneralPageData';
+export { OpenGraphProductData } from './OpenGraphProductData';
+export { OpenGraphGeneralPageData } from './OpenGraphGeneralPageData';
 //# sourceMappingURL=index.js.map

package/components/Pagination/PaginationContainer.d.ts

@@ -1,2 +1,2 @@
-import PaginationProvider from './PaginationProvider';
-export default PaginationProvider;
+import PaginationProvider from './PaginationProvider';
+export default PaginationProvider;

package/components/Pagination/PaginationContainer.js

@@ -1,5 +1,5 @@
-import logWarningInDev from '../../helpers/logWarningInDev';
-import PaginationProvider from './PaginationProvider';
-export default PaginationProvider;
-logWarningInDev(true, 'This component has been renamed to PaginationProvider. Please update your imports.');
+import logWarningInDev from '../../helpers/logWarningInDev';
+import PaginationProvider from './PaginationProvider';
+export default PaginationProvider;
+logWarningInDev(true, 'This component has been renamed to PaginationProvider. Please update your imports.');
 //# sourceMappingURL=PaginationContainer.js.map

package/components/Pagination/PaginationContext.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export interface GoToPageOptions {
-    replace: boolean;
-}
-export interface PaginationState {
-    currentPage: number;
-    offset: number;
-    perPage: number;
-    goToPage: (page: number, options?: GoToPageOptions) => void;
-    setProductsPerPage: (perPage: number) => void;
-    queryParam?: string;
-}
-declare const PaginationContext: React.Context<PaginationState>;
-export default PaginationContext;
+import React from 'react';
+export interface GoToPageOptions {
+    replace: boolean;
+}
+export interface PaginationState {
+    currentPage: number;
+    offset: number;
+    perPage: number;
+    goToPage: (page: number, options?: GoToPageOptions) => void;
+    setProductsPerPage: (perPage: number) => void;
+    queryParam?: string;
+}
+declare const PaginationContext: React.Context<PaginationState>;
+export default PaginationContext;

package/components/Pagination/PaginationContext.js

@@ -1,4 +1,4 @@
-import React from 'react';
-const PaginationContext = React.createContext(undefined);
-export default PaginationContext;
+import React from 'react';
+const PaginationContext = React.createContext(undefined);
+export default PaginationContext;
 //# sourceMappingURL=PaginationContext.js.map

package/components/Pagination/PaginationProvider.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { ReactCookieProps } from 'react-cookie';
-export declare type IPaginationProps = {
-    children: ((args: {
-        offset: number;
-        perPage: number;
-    }) => React.ReactChild) | React.ReactChild;
-    defaultProductsPerPage?: number;
-    /** The query param to use for pagination. @default 'page' */
-    queryParam?: string;
-    errorReportingEnabled?: boolean;
-} & ReactCookieProps;
-export declare function usePagination(): import("@jetshop/core/components/Pagination/PaginationContext").PaginationState;
-declare const _default: React.ComponentType<{
-    defaultProductsPerPage?: number;
-    queryParam?: string;
-    errorReportingEnabled?: boolean;
-}>;
-export default _default;
+import React from 'react';
+import { ReactCookieProps } from 'react-cookie';
+export declare type IPaginationProps = {
+    children: ((args: {
+        offset: number;
+        perPage: number;
+    }) => React.ReactChild) | React.ReactChild;
+    defaultProductsPerPage?: number;
+    /** The query param to use for pagination. @default 'page' */
+    queryParam?: string;
+    errorReportingEnabled?: boolean;
+} & ReactCookieProps;
+export declare function usePagination(): import("@jetshop/core/components/Pagination/PaginationContext").PaginationState;
+declare const _default: React.ComponentType<{
+    defaultProductsPerPage?: number;
+    queryParam?: string;
+    errorReportingEnabled?: boolean;
+}>;
+export default _default;

package/components/Pagination/PaginationProvider.js

@@ -1,95 +1,95 @@
-import { pushHistory, replaceHistory } from '@jetshop/core/components/Filters/utils/updateHistory';
-import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
-import report from '@jetshop/core/errorReporting';
-import qs from 'qs';
-import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { withCookies } from 'react-cookie';
-import { useHistory, useLocation } from 'react-router';
-const updateHistory = ({ history, location }, newPage, queryParam, options) => {
-    const currentSearch = qs.parse(typeof window === 'undefined' ? location.search : window.location.search, { ignoreQueryPrefix: true });
-    const search = Object.assign(Object.assign({}, currentSearch), { [queryParam]: newPage });
-    if (options && options.replace) {
-        replaceHistory({
-            history,
-            pathname: location.pathname,
-            hash: location.hash,
-            search,
-            resetPage: newPage === 1,
-            routeType: 'paginationChange'
-        });
-    }
-    else {
-        pushHistory({
-            history,
-            pathname: location.pathname,
-            hash: location.hash,
-            search,
-            resetPage: newPage === 1,
-            routeType: 'paginationChange'
-        });
-    }
-    return true;
-};
-const getPageFromSearch = (location, queryParam) => {
-    let page = null;
-    // Get the page from the search parameter in the URL
-    if (location.search) {
-        page = parseInt(qs.parse(location.search, { ignoreQueryPrefix: true })[queryParam], 10);
-    }
-    return page;
-};
-const calculateOffset = (page, perPage) => {
-    if (page > 0 && page < 1000) {
-        return (page - 1) * perPage;
-    }
-    else {
-        return 0;
-    }
-};
-const PaginationProvider = ({ cookies, defaultProductsPerPage = 16, children, queryParam = 'page', errorReportingEnabled = true }) => {
-    const history = useHistory();
-    const location = useLocation();
-    const [currentPage, setCurrentPage] = useState(getPageFromSearch(location, queryParam) || 1);
-    useEffect(() => {
-        const page = getPageFromSearch(location, queryParam);
-        if (page) {
-            setCurrentPage(page);
-        }
-        if (!page && currentPage !== 1) {
-            setCurrentPage(1);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [location]);
-    const goToPage = useCallback((page, options) => {
-        setCurrentPage(page);
-        updateHistory({ location, history }, page, queryParam, options);
-    }, [location, history, queryParam]);
-    const setProductsPerPage = useCallback((perPage) => {
-        cookies.set('perPage', `${perPage}`);
-        setCurrentPage(1);
-    }, [cookies]);
-    const cookieProductsPerPage = parseInt(cookies.get('perPage'), 10);
-    const perPage = cookieProductsPerPage || defaultProductsPerPage;
-    if (errorReportingEnabled && currentPage >= 1000) {
-        report(new Error('Page number is too nigh'), {
-            currentPage,
-            perPage,
-            location,
-            history
-        });
-    }
-    const value = useMemo(() => ({
-        currentPage,
-        offset: calculateOffset(currentPage, perPage),
-        perPage,
-        goToPage,
-        setProductsPerPage,
-        queryParam
-    }), [currentPage, perPage, goToPage, setProductsPerPage, queryParam]);
-    return (React.createElement(PaginationContext.Provider, { value: value }, children));
-};
-export function usePagination() {
-    return useContext(PaginationContext);
-}
-export default withCookies(PaginationProvider);
+import { pushHistory, replaceHistory } from '@jetshop/core/components/Filters/utils/updateHistory';
+import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
+import report from '@jetshop/core/errorReporting';
+import qs from 'qs';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { withCookies } from 'react-cookie';
+import { useHistory, useLocation } from 'react-router';
+const updateHistory = ({ history, location }, newPage, queryParam, options) => {
+    const currentSearch = qs.parse(typeof window === 'undefined' ? location.search : window.location.search, { ignoreQueryPrefix: true });
+    const search = Object.assign(Object.assign({}, currentSearch), { [queryParam]: newPage });
+    if (options && options.replace) {
+        replaceHistory({
+            history,
+            pathname: location.pathname,
+            hash: location.hash,
+            search,
+            resetPage: newPage === 1,
+            routeType: 'paginationChange'
+        });
+    }
+    else {
+        pushHistory({
+            history,
+            pathname: location.pathname,
+            hash: location.hash,
+            search,
+            resetPage: newPage === 1,
+            routeType: 'paginationChange'
+        });
+    }
+    return true;
+};
+const getPageFromSearch = (location, queryParam) => {
+    let page = null;
+    // Get the page from the search parameter in the URL
+    if (location.search) {
+        page = parseInt(qs.parse(location.search, { ignoreQueryPrefix: true })[queryParam], 10);
+    }
+    return page;
+};
+const calculateOffset = (page, perPage) => {
+    if (page > 0 && page < 1000) {
+        return (page - 1) * perPage;
+    }
+    else {
+        return 0;
+    }
+};
+const PaginationProvider = ({ cookies, defaultProductsPerPage = 16, children, queryParam = 'page', errorReportingEnabled = true }) => {
+    const history = useHistory();
+    const location = useLocation();
+    const [currentPage, setCurrentPage] = useState(getPageFromSearch(location, queryParam) || 1);
+    useEffect(() => {
+        const page = getPageFromSearch(location, queryParam);
+        if (page) {
+            setCurrentPage(page);
+        }
+        if (!page && currentPage !== 1) {
+            setCurrentPage(1);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [location]);
+    const goToPage = useCallback((page, options) => {
+        setCurrentPage(page);
+        updateHistory({ location, history }, page, queryParam, options);
+    }, [location, history, queryParam]);
+    const setProductsPerPage = useCallback((perPage) => {
+        cookies.set('perPage', `${perPage}`);
+        setCurrentPage(1);
+    }, [cookies]);
+    const cookieProductsPerPage = parseInt(cookies.get('perPage'), 10);
+    const perPage = cookieProductsPerPage || defaultProductsPerPage;
+    if (errorReportingEnabled && currentPage >= 1000) {
+        report(new Error('Page number is too nigh'), {
+            currentPage,
+            perPage,
+            location,
+            history
+        });
+    }
+    const value = useMemo(() => ({
+        currentPage,
+        offset: calculateOffset(currentPage, perPage),
+        perPage,
+        goToPage,
+        setProductsPerPage,
+        queryParam
+    }), [currentPage, perPage, goToPage, setProductsPerPage, queryParam]);
+    return (React.createElement(PaginationContext.Provider, { value: value }, children));
+};
+export function usePagination() {
+    return useContext(PaginationContext);
+}
+export default withCookies(PaginationProvider);
 //# sourceMappingURL=PaginationProvider.js.map