@jetshop/core 5.13.2 → 5.13.12-0

package/components/Head.js

@@ -1,75 +1,75 @@
-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) {
-    const channel = channelsById[alternateRoute.channelId];
-    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", { key: href + alternateRoute.culture, rel: "alternate", href: href, hrefLang: alternateRoute.alias || alternateRoute.culture }));
-}
-const queryParamsWhitelist = ['page'];
-const Head = ({ data, route }) => {
-    var _a;
-    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 } = 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 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 isCurrentRouteCanonical = pathname === (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)),
-            href && React.createElement("link", { rel: "canonical", href: href })),
-        !disableOpenGraphGeneralData && (React.createElement(OpenGraphGeneralPageData, { route: route, data: data })),
-        (route === null || route === void 0 ? void 0 : route.canonicalPath) === '/' && React.createElement(SiteLinksSearchStructuredData, null)));
-};
-export default Head;
+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) {
+    const channel = channelsById[alternateRoute.channelId];
+    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", { key: href + alternateRoute.culture, rel: "alternate", href: href, hrefLang: alternateRoute.alias || alternateRoute.culture }));
+}
+const queryParamsWhitelist = ['page'];
+const Head = ({ data, route }) => {
+    var _a;
+    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 } = 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 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 isCurrentRouteCanonical = pathname === (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)),
+            href && React.createElement("link", { rel: "canonical", href: href })),
+        !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/Mutation/AddToCart/addToCartUtils.d.ts

@@ -1,18 +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;
+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

@@ -1,52 +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 }));
-    };
-}
+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

package/components/Mutation/AddToCartFormik.d.ts

@@ -1,53 +1,53 @@
-import React from 'react';
-import { FormikProps, FormikConfig } from 'formik';
-import { DocumentNode } from 'graphql';
-import { ApolloError } from 'apollo-server-core';
-import { ProductVariant, Product, ProductVariantOption } from '../../types';
-interface Comments {
-    [name: string]: string;
-}
-interface Options {
-    [name: string]: string;
-}
-export interface AddToCartFormikValues {
-    quantity: number;
-    comments: Comments;
-    options?: Options;
-    [otherValues: string]: any;
-}
-export interface AddToCartFormikErrors {
-    quantity?: string;
-    comments?: Comments;
-    options?: Options;
-    [otherValues: string]: any;
-}
-export interface AddToCartCallbackOptions {
-    mutationId: string;
-    quantity: number;
-    product: Product;
-    selectedVariation: ProductVariant;
-}
-export interface AddToCartFormProps {
-    cartQuery?: DocumentNode;
-    cartMutation?: DocumentNode;
-    onAddToCartInit?: (opts: AddToCartCallbackOptions) => void;
-    onAddToCartSuccess?: (opts: AddToCartCallbackOptions) => void;
-    onAddToCartError?: (opts: AddToCartCallbackOptions & {
-        error: Error | ApolloError;
-    }) => void;
-    children: (props: FormikProps<AddToCartFormikValues>) => React.ReactNode;
-    initialValues: {
-        [otherValues: string]: any;
-    };
-    variant?: ProductVariant;
-    product?: Product;
-    getMissingOptions?(): ProductVariantOption[] | null;
-    commentValidators: {
-        [commentName: string]: ({ name, value }: {
-            name?: string;
-            value: string;
-        }) => string;
-    };
-}
-declare const AddToCartFormik: ({ children, onAddToCartInit, onAddToCartError, onAddToCartSuccess, cartQuery, cartMutation, initialValues, variant, product, commentValidators, getMissingOptions, ...props }: AddToCartFormProps & FormikConfig<AddToCartFormikValues>) => JSX.Element;
-export default AddToCartFormik;
+import React from 'react';
+import { FormikProps, FormikConfig } from 'formik';
+import { DocumentNode } from 'graphql';
+import { ApolloError } from 'apollo-server-core';
+import { ProductVariant, Product, ProductVariantOption } from '../../types';
+interface Comments {
+    [name: string]: string;
+}
+interface Options {
+    [name: string]: string;
+}
+export interface AddToCartFormikValues {
+    quantity: number;
+    comments: Comments;
+    options?: Options;
+    [otherValues: string]: any;
+}
+export interface AddToCartFormikErrors {
+    quantity?: string;
+    comments?: Comments;
+    options?: Options;
+    [otherValues: string]: any;
+}
+export interface AddToCartCallbackOptions {
+    mutationId: string;
+    quantity: number;
+    product: Product;
+    selectedVariation: ProductVariant;
+}
+export interface AddToCartFormProps {
+    cartQuery?: DocumentNode;
+    cartMutation?: DocumentNode;
+    onAddToCartInit?: (opts: AddToCartCallbackOptions) => void;
+    onAddToCartSuccess?: (opts: AddToCartCallbackOptions) => void;
+    onAddToCartError?: (opts: AddToCartCallbackOptions & {
+        error: Error | ApolloError;
+    }) => void;
+    children: (props: FormikProps<AddToCartFormikValues>) => React.ReactNode;
+    initialValues: {
+        [otherValues: string]: any;
+    };
+    variant?: ProductVariant;
+    product?: Product;
+    getMissingOptions?(): ProductVariantOption[] | null;
+    commentValidators: {
+        [commentName: string]: ({ name, value }: {
+            name?: string;
+            value: string;
+        }) => string;
+    };
+}
+declare const AddToCartFormik: ({ children, onAddToCartInit, onAddToCartError, onAddToCartSuccess, cartQuery, cartMutation, initialValues, variant, product, commentValidators, getMissingOptions, ...props }: AddToCartFormProps & FormikConfig<AddToCartFormikValues>) => JSX.Element;
+export default AddToCartFormik;