@jetshop/core 5.13.11-0 → 5.14.0-alpha.abd04298

package/analytics/integrations/gtm/index.js

@@ -1,201 +1,201 @@
-import { injectScript } from '../../utils/script';
-import { getBrand } from '@jetshop/core/components/OpenGraph/OpenGraphProductData';
-import { unSlugify } from '../unslugify';
-import { breadcrumbsWithoutProduct } from '../../utils/breadcrumbsWithoutProduct';
-function push(event) {
-    if (window.dataLayer) {
-        if (event.ecommerce) {
-            window.dataLayer.push({ ecommerce: null });
-        }
-        window.dataLayer.push(event);
-    }
-}
-function getProductData({ product, selectedVariation, useArticleNumberAsId = false, brandCustomField, category = '' }) {
-    if (useArticleNumberAsId) {
-        return {
-            id: (selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.articleNumber) || product.articleNumber,
-            productId: product.id,
-            productSKU: product.articleNumber,
-            variant: selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.values.join('_'),
-            variantSKU: selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.articleNumber,
-            name: product.name,
-            base_product: product.articleNumber,
-            category,
-            brand: getBrand(product, brandCustomField)
-        };
-    }
-    else {
-        // This is kept as backwards compatibility. Some shops rely on the product id being the internal Jetshop id, instead of the article number.
-        // Changing this could affect the statistics in Google Ads/Merchant/Analytics, so we want the new behaviour to be opt-in.
-        return {
-            id: product.id,
-            variant: selectedVariation
-                ? selectedVariation.articleNumber
-                : product.articleNumber,
-            name: product.name,
-            base_product: product.articleNumber,
-            category,
-            brand: getBrand(product, brandCustomField)
-        };
-    }
-}
-export const gtmTracker = ({ containerId, currency, useArticleNumberAsId = false, brandCustomField }) => ({
-    name: 'gtm',
-    initBrowser() {
-        const script = `https://www.googletagmanager.com/gtm.js?id=${containerId}`;
-        const w = window;
-        w.dataLayer = w.dataLayer || [];
-        w.dataLayer.push({
-            'gtm.start': new Date().getTime(),
-            event: 'gtm.js',
-            originalLocation: document.location.protocol +
-                '//' +
-                document.location.hostname +
-                document.location.pathname +
-                document.location.search
-        });
-        injectScript({ src: script });
-    },
-    trackProduct({ quantity, action, product, selectedVariation, list, listName, index, category }, context) {
-        const productData = Object.assign(Object.assign({}, getProductData({
-            product,
-            selectedVariation,
-            useArticleNumberAsId,
-            brandCustomField,
-            category
-        })), { price: (selectedVariation && selectedVariation.price.incVat) ||
-                (product.price && product.price.incVat), quantity, position: index });
-        switch (action) {
-            case 'click':
-                push({
-                    event: 'productClick',
-                    productIds: product.articleNumber,
-                    ecommerce: {
-                        click: {
-                            actionField: { list: list || listName || context.list },
-                            products: [productData]
-                        }
-                    }
-                });
-                break;
-            case 'view':
-                push({
-                    event: 'productDetails',
-                    ecommerce: {
-                        currencyCode: currency,
-                        detail: {
-                            products: [productData]
-                        }
-                    }
-                });
-                break;
-            case 'add':
-                push({
-                    event: 'addToCart',
-                    productIds: product.articleNumber,
-                    ecommerce: {
-                        actionField: {
-                            list: list || listName || context.list
-                        },
-                        currencyCode: currency,
-                        add: {
-                            products: [productData]
-                        }
-                    }
-                });
-                break;
-            case 'remove':
-                push({
-                    event: 'removeFromCart',
-                    productIds: product.articleNumber,
-                    pageType: 'cart',
-                    ecommerce: {
-                        currencyCode: currency,
-                        remove: {
-                            products: [productData]
-                        }
-                    }
-                });
-                break;
-            default:
-                console.log('Error: Gtag can not track action ' + action);
-                break;
-        }
-    },
-    trackCartCheckout({ cart }) {
-        const items = cart.items.map((item) => {
-            var _a, _b, _c;
-            return (Object.assign(Object.assign({}, getProductData({
-                product: item.product,
-                selectedVariation: item.variant,
-                useArticleNumberAsId,
-                brandCustomField,
-                category: breadcrumbsWithoutProduct((_a = item.product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
-                    unSlugify((_c = (_b = item.product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
-                    ''
-            })), { price: item.total.incVat, quantity: item.quantity }));
-        });
-        push({
-            event: 'checkout',
-            ecommerce: {
-                products: items
-            }
-        });
-    },
-    trackPageView({ pathname, title }) {
-        push({
-            event: 'pageView',
-            pagePath: pathname,
-            pageTitle: title
-        });
-    },
-    trackList({ listName, products, category }) {
-        const productData = products.map((product, i) => {
-            var _a, _b, _c, _d;
-            return (Object.assign(Object.assign({}, getProductData({
-                product,
-                selectedVariation: null,
-                useArticleNumberAsId,
-                brandCustomField,
-                category: category ||
-                    breadcrumbsWithoutProduct((_a = product === null || product === void 0 ? void 0 : product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
-                    unSlugify((_c = (_b = product === null || product === void 0 ? void 0 : product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path)
-            })), { price: (_d = product.price) === null || _d === void 0 ? void 0 : _d.incVat, position: i, list: listName }));
-        });
-        push({
-            event: 'productList',
-            ecommerce: {
-                currencyCode: currency,
-                impressions: productData
-            }
-        });
-    },
-    trackExperiment({ id, variant }) {
-        push({
-            experiment: `${id}.${variant}`
-        });
-    },
-    trackUser({ userId }) {
-        push({
-            userId
-        });
-    },
-    trackLogin() {
-        push({
-            event: 'login'
-        });
-    },
-    trackRegister() {
-        push({
-            event: 'register'
-        });
-    },
-    trackAddToWishList({ articleNumber, productName }) {
-        push({
-            event: 'addToWishlist',
-            articleNumber,
-            productName
-        });
-    }
-});
+import { injectScript } from '../../utils/script';
+import { getBrand } from '@jetshop/core/components/OpenGraph/OpenGraphProductData';
+import { unSlugify } from '../unslugify';
+import { breadcrumbsWithoutProduct } from '../../utils/breadcrumbsWithoutProduct';
+function push(event) {
+    if (window.dataLayer) {
+        if (event.ecommerce) {
+            window.dataLayer.push({ ecommerce: null });
+        }
+        window.dataLayer.push(event);
+    }
+}
+function getProductData({ product, selectedVariation, useArticleNumberAsId = false, brandCustomField, category = '' }) {
+    if (useArticleNumberAsId) {
+        return {
+            id: (selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.articleNumber) || product.articleNumber,
+            productId: product.id,
+            productSKU: product.articleNumber,
+            variant: selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.values.join('_'),
+            variantSKU: selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.articleNumber,
+            name: product.name,
+            base_product: product.articleNumber,
+            category,
+            brand: getBrand(product, brandCustomField)
+        };
+    }
+    else {
+        // This is kept as backwards compatibility. Some shops rely on the product id being the internal Jetshop id, instead of the article number.
+        // Changing this could affect the statistics in Google Ads/Merchant/Analytics, so we want the new behaviour to be opt-in.
+        return {
+            id: product.id,
+            variant: selectedVariation
+                ? selectedVariation.articleNumber
+                : product.articleNumber,
+            name: product.name,
+            base_product: product.articleNumber,
+            category,
+            brand: getBrand(product, brandCustomField)
+        };
+    }
+}
+export const gtmTracker = ({ containerId, currency, useArticleNumberAsId = false, brandCustomField }) => ({
+    name: 'gtm',
+    initBrowser() {
+        const script = `https://www.googletagmanager.com/gtm.js?id=${containerId}`;
+        const w = window;
+        w.dataLayer = w.dataLayer || [];
+        w.dataLayer.push({
+            'gtm.start': new Date().getTime(),
+            event: 'gtm.js',
+            originalLocation: document.location.protocol +
+                '//' +
+                document.location.hostname +
+                document.location.pathname +
+                document.location.search
+        });
+        injectScript({ src: script });
+    },
+    trackProduct({ quantity, action, product, selectedVariation, list, listName, index, category }, context) {
+        const productData = Object.assign(Object.assign({}, getProductData({
+            product,
+            selectedVariation,
+            useArticleNumberAsId,
+            brandCustomField,
+            category
+        })), { price: (selectedVariation && selectedVariation.price.incVat) ||
+                (product.price && product.price.incVat), quantity, position: index });
+        switch (action) {
+            case 'click':
+                push({
+                    event: 'productClick',
+                    productIds: product.articleNumber,
+                    ecommerce: {
+                        click: {
+                            actionField: { list: list || listName || context.list },
+                            products: [productData]
+                        }
+                    }
+                });
+                break;
+            case 'view':
+                push({
+                    event: 'productDetails',
+                    ecommerce: {
+                        currencyCode: currency,
+                        detail: {
+                            products: [productData]
+                        }
+                    }
+                });
+                break;
+            case 'add':
+                push({
+                    event: 'addToCart',
+                    productIds: product.articleNumber,
+                    ecommerce: {
+                        actionField: {
+                            list: list || listName || context.list
+                        },
+                        currencyCode: currency,
+                        add: {
+                            products: [productData]
+                        }
+                    }
+                });
+                break;
+            case 'remove':
+                push({
+                    event: 'removeFromCart',
+                    productIds: product.articleNumber,
+                    pageType: 'cart',
+                    ecommerce: {
+                        currencyCode: currency,
+                        remove: {
+                            products: [productData]
+                        }
+                    }
+                });
+                break;
+            default:
+                console.log('Error: Gtag can not track action ' + action);
+                break;
+        }
+    },
+    trackCartCheckout({ cart }) {
+        const items = cart.items.map((item) => {
+            var _a, _b, _c;
+            return (Object.assign(Object.assign({}, getProductData({
+                product: item.product,
+                selectedVariation: item.variant,
+                useArticleNumberAsId,
+                brandCustomField,
+                category: breadcrumbsWithoutProduct((_a = item.product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
+                    unSlugify((_c = (_b = item.product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
+                    ''
+            })), { price: item.total.incVat, quantity: item.quantity }));
+        });
+        push({
+            event: 'checkout',
+            ecommerce: {
+                products: items
+            }
+        });
+    },
+    trackPageView({ pathname, title }) {
+        push({
+            event: 'pageView',
+            pagePath: pathname,
+            pageTitle: title
+        });
+    },
+    trackList({ listName, products, category }) {
+        const productData = products.map((product, i) => {
+            var _a, _b, _c, _d;
+            return (Object.assign(Object.assign({}, getProductData({
+                product,
+                selectedVariation: null,
+                useArticleNumberAsId,
+                brandCustomField,
+                category: category ||
+                    breadcrumbsWithoutProduct((_a = product === null || product === void 0 ? void 0 : product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
+                    unSlugify((_c = (_b = product === null || product === void 0 ? void 0 : product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path)
+            })), { price: (_d = product.price) === null || _d === void 0 ? void 0 : _d.incVat, position: i, list: listName }));
+        });
+        push({
+            event: 'productList',
+            ecommerce: {
+                currencyCode: currency,
+                impressions: productData
+            }
+        });
+    },
+    trackExperiment({ id, variant }) {
+        push({
+            experiment: `${id}.${variant}`
+        });
+    },
+    trackUser({ userId }) {
+        push({
+            userId
+        });
+    },
+    trackLogin() {
+        push({
+            event: 'login'
+        });
+    },
+    trackRegister() {
+        push({
+            event: 'register'
+        });
+    },
+    trackAddToWishList({ articleNumber, productName }) {
+        push({
+            event: 'addToWishlist',
+            articleNumber,
+            productName
+        });
+    }
+});
 //# sourceMappingURL=index.js.map

package/analytics/integrations/gtm/referrerModifier.d.ts

@@ -1 +1 @@
-export declare function referrerModifier(trackingId: string): void;
+export declare function referrerModifier(trackingId: string): void;

package/analytics/integrations/gtm/referrerModifier.js

@@ -1,62 +1,62 @@
-const version = 1;
-export function referrerModifier(trackingId) {
-    if (typeof document === 'undefined')
-        return;
-    // _ga-ss cookie made of 3 cookieParts -> version | trackingId | referrer
-    const referrerCookie = getCookie('_ga-ss');
-    const isViaGoogleAd = document.location.href.match(/(d|g)clid|utm_source/);
-    const referrer = document.referrer;
-    let trackingIds = [];
-    let cookieReferrer, cookieVersion, cookieParts;
-    if (!referrerCookie && !isViaGoogleAd)
-        return;
-    if (!!referrerCookie) {
-        cookieParts = referrerCookie.split('|');
-        cookieVersion = Number(cookieParts[0]);
-        if (version === cookieVersion) {
-            trackingIds =
-                cookieParts[1].length > 0 ? cookieParts[1].split(',') : trackingIds;
-            cookieReferrer = decodeURIComponent(cookieParts[2]);
-        }
-        if (!referrer)
-            return setRefCookie(trackingIds, cookieReferrer);
-    }
-    if (cookieReferrer === referrer) {
-        if (trackingIds.includes(trackingId)) {
-            Object.defineProperty(document, 'referrer', {
-                configurable: true,
-                get: function () {
-                    return '';
-                }
-            });
-        }
-    }
-    else {
-        if (!isViaGoogleAd) {
-            // New referrer and no campaign params, we can dump the cookie entirely
-            document.cookie =
-                '_ga-ss=; Expires=Thu, 01 Jan 1970 00:00:01 GMT; Path=/';
-        }
-        else {
-            // First visit of a user from an ad, we register the _ga-ss cookie
-            trackingIds = [trackingId];
-            setRefCookie(trackingIds, referrer);
-        }
-    }
-}
-function setRefCookie(trackingIds, referrer) {
-    document.cookie =
-        '_ga-ss=' +
-            [version, trackingIds.join(), encodeURIComponent(referrer)].join('|') +
-            '; Expires=' +
-            new Date(+new Date() + 1000 * 60 * 30).toUTCString() +
-            '; Path=/';
-}
-function getCookie(cookieName) {
-    cookieName = '; ' + cookieName + '=';
-    const cookieStr = '; ' + document.cookie;
-    if (cookieStr.indexOf(cookieName) > -1) {
-        return cookieStr.split(cookieName)[1].split(';')[0];
-    }
-}
+const version = 1;
+export function referrerModifier(trackingId) {
+    if (typeof document === 'undefined')
+        return;
+    // _ga-ss cookie made of 3 cookieParts -> version | trackingId | referrer
+    const referrerCookie = getCookie('_ga-ss');
+    const isViaGoogleAd = document.location.href.match(/(d|g)clid|utm_source/);
+    const referrer = document.referrer;
+    let trackingIds = [];
+    let cookieReferrer, cookieVersion, cookieParts;
+    if (!referrerCookie && !isViaGoogleAd)
+        return;
+    if (!!referrerCookie) {
+        cookieParts = referrerCookie.split('|');
+        cookieVersion = Number(cookieParts[0]);
+        if (version === cookieVersion) {
+            trackingIds =
+                cookieParts[1].length > 0 ? cookieParts[1].split(',') : trackingIds;
+            cookieReferrer = decodeURIComponent(cookieParts[2]);
+        }
+        if (!referrer)
+            return setRefCookie(trackingIds, cookieReferrer);
+    }
+    if (cookieReferrer === referrer) {
+        if (trackingIds.includes(trackingId)) {
+            Object.defineProperty(document, 'referrer', {
+                configurable: true,
+                get: function () {
+                    return '';
+                }
+            });
+        }
+    }
+    else {
+        if (!isViaGoogleAd) {
+            // New referrer and no campaign params, we can dump the cookie entirely
+            document.cookie =
+                '_ga-ss=; Expires=Thu, 01 Jan 1970 00:00:01 GMT; Path=/';
+        }
+        else {
+            // First visit of a user from an ad, we register the _ga-ss cookie
+            trackingIds = [trackingId];
+            setRefCookie(trackingIds, referrer);
+        }
+    }
+}
+function setRefCookie(trackingIds, referrer) {
+    document.cookie =
+        '_ga-ss=' +
+            [version, trackingIds.join(), encodeURIComponent(referrer)].join('|') +
+            '; Expires=' +
+            new Date(+new Date() + 1000 * 60 * 30).toUTCString() +
+            '; Path=/';
+}
+function getCookie(cookieName) {
+    cookieName = '; ' + cookieName + '=';
+    const cookieStr = '; ' + document.cookie;
+    if (cookieStr.indexOf(cookieName) > -1) {
+        return cookieStr.split(cookieName)[1].split(';')[0];
+    }
+}
 //# sourceMappingURL=referrerModifier.js.map

package/analytics/integrations/releware/index.d.ts

@@ -1,3 +1,3 @@
-import { AnalyticsConfigReleware } from './../../AnalyticsProvider';
-import { Tracker } from '../../trackerRegistry';
-export declare const relewareTracker: (config: AnalyticsConfigReleware) => Tracker;
+import { AnalyticsConfigReleware } from './../../AnalyticsProvider';
+import { Tracker } from '../../trackerRegistry';
+export declare const relewareTracker: (config: AnalyticsConfigReleware) => Tracker;

package/analytics/integrations/releware/index.js

@@ -1,39 +1,39 @@
-function track(options, config) {
-    fetch(constructUrl(options, config), { mode: 'no-cors' }).catch(() => console.log('Error: could not fetch Releware tracking pixel'));
-}
-function constructUrl(options, config) {
-    const { baseUrl, uid } = config;
-    return `https://log.releware.net/log.gif?_item_id=${options.productId}&aid=jetshop&o=${options.logType}&sid=${baseUrl}&uid=${uid}`;
-}
-export const relewareTracker = (config) => ({
-    name: 'releware',
-    trackProduct(args) {
-        if (!args.product) {
-            console.log('Error: Releware did not receive a valid product to track');
-            return;
-        }
-        const { id: productId } = args.product;
-        switch (args.action) {
-            case 'view':
-                track({ productId, logType: 'view_item' }, config);
-                break;
-            case 'heed_recommendation':
-                track({ productId, logType: 'heed_recommendation' }, config);
-                break;
-            case 'add':
-                track({ productId, logType: 'pick_item' }, config);
-                break;
-            default:
-                console.log('Error: Releware can not track action ' + args.action);
-                break;
-        }
-    },
-    trackCartCheckout(args) {
-        if (!args.cart) {
-            console.log('Error: Releware did not receive a valid cart to track');
-            return;
-        }
-        args.cart.items.map((item) => track({ productId: item.product.id, logType: 'buy_item' }, config));
-    }
-});
+function track(options, config) {
+    fetch(constructUrl(options, config), { mode: 'no-cors' }).catch(() => console.log('Error: could not fetch Releware tracking pixel'));
+}
+function constructUrl(options, config) {
+    const { baseUrl, uid } = config;
+    return `https://log.releware.net/log.gif?_item_id=${options.productId}&aid=jetshop&o=${options.logType}&sid=${baseUrl}&uid=${uid}`;
+}
+export const relewareTracker = (config) => ({
+    name: 'releware',
+    trackProduct(args) {
+        if (!args.product) {
+            console.log('Error: Releware did not receive a valid product to track');
+            return;
+        }
+        const { id: productId } = args.product;
+        switch (args.action) {
+            case 'view':
+                track({ productId, logType: 'view_item' }, config);
+                break;
+            case 'heed_recommendation':
+                track({ productId, logType: 'heed_recommendation' }, config);
+                break;
+            case 'add':
+                track({ productId, logType: 'pick_item' }, config);
+                break;
+            default:
+                console.log('Error: Releware can not track action ' + args.action);
+                break;
+        }
+    },
+    trackCartCheckout(args) {
+        if (!args.cart) {
+            console.log('Error: Releware did not receive a valid cart to track');
+            return;
+        }
+        args.cart.items.map((item) => track({ productId: item.product.id, logType: 'buy_item' }, config));
+    }
+});
 //# sourceMappingURL=index.js.map

package/analytics/integrations/unslugify.d.ts

@@ -1 +1 @@
-export declare function unSlugify(slug?: string): string;
+export declare function unSlugify(slug?: string): string;

package/analytics/integrations/unslugify.js

@@ -1,18 +1,16 @@
-import logWarningInDev from '@jetshop/core/helpers/logWarningInDev';
-export function unSlugify(slug) {
-    logWarningInDev(true, 'Update your queries to request "breadcrumbs" on routes, for improved performance');
-    if (slug) {
-        slug = slug
-            .split('-')
-            .map((part) => part.length > 0 ? part[0].toUpperCase() + part.substring(1) : '')
-            .join(' ');
-        slug =
-            '/' +
-                slug
-                    .split('/')
-                    .map((part) => part.length > 0 ? part[0].toUpperCase() + part.substring(1) : '')
-                    .join('/');
-    }
-    return slug;
-}
+export function unSlugify(slug) {
+    if (slug) {
+        slug = slug
+            .split('-')
+            .map((part) => part.length > 0 ? part[0].toUpperCase() + part.substring(1) : '')
+            .join(' ');
+        slug =
+            '/' +
+                slug
+                    .split('/')
+                    .map((part) => part.length > 0 ? part[0].toUpperCase() + part.substring(1) : '')
+                    .join('/');
+    }
+    return slug;
+}
 //# sourceMappingURL=unslugify.js.map