@shopgate/pwa-tracking 7.30.0-alpha.7 → 7.30.0-alpha.8

package/helpers/index.js

@@ -1,55 +1,452 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import get from'lodash/get';import find from'lodash/find';import queryString from'query-string';import{logger}from'@shopgate/pwa-core/helpers';import{QR_CODE_TYPE_HOMEPAGE,QR_CODE_TYPE_PRODUCT,QR_CODE_TYPE_PRODUCT_WITH_COUPON,QR_CODE_TYPE_COUPON,QR_CODE_TYPE_CATEGORY,QR_CODE_TYPE_SEARCH,QR_CODE_TYPE_PAGE,SCANNER_FORMATS_BARCODE,SCANNER_FORMATS_QR_CODE}from'@shopgate/pwa-common-commerce/scanner/constants';import{parse2dsQrCode}from'@shopgate/pwa-common-commerce/scanner/helpers';import core from'@shopgate/tracking-core/core/Core';import appConfig,{shopNumber}from'@shopgate/pwa-common/helpers/config';import{i18n}from'@shopgate/engage/core';/**
+import "core-js/modules/web.url.js";
+import "core-js/modules/web.url.to-json.js";
+import "core-js/modules/web.url-search-params.js";
+import get from 'lodash/get';
+import find from 'lodash/find';
+import queryString from 'query-string';
+import { logger } from '@shopgate/pwa-core/helpers';
+import { QR_CODE_TYPE_HOMEPAGE, QR_CODE_TYPE_PRODUCT, QR_CODE_TYPE_PRODUCT_WITH_COUPON, QR_CODE_TYPE_COUPON, QR_CODE_TYPE_CATEGORY, QR_CODE_TYPE_SEARCH, QR_CODE_TYPE_PAGE, SCANNER_FORMATS_BARCODE, SCANNER_FORMATS_QR_CODE } from '@shopgate/pwa-common-commerce/scanner/constants';
+import { parse2dsQrCode } from '@shopgate/pwa-common-commerce/scanner/helpers';
+import core from '@shopgate/tracking-core/core/Core';
+import appConfig, { shopNumber } from '@shopgate/pwa-common/helpers/config';
+import { i18n } from '@shopgate/engage/core';
+
+/**
  * Converts a price to a formatted string.
  * @param {number} price The original price.
  * @return {string|*} The converted price or the original value, if the price was not convertible.
- */export var convertPriceToString=function convertPriceToString(price){if(typeof price==='number'){return price.toFixed(2);}return price;};/**
+ */
+export const convertPriceToString = price => {
+  if (typeof price === 'number') {
+    return price.toFixed(2);
+  }
+  return price;
+};
+
+/**
  * Re-format a given product from the store.
  * @param {Object} productData The product data from the store
  * @returns {Object|null} The formatted product.
- */export var formatProductData=function formatProductData(productData){if(!productData){return null;}var id=productData.id,name=productData.name,price=productData.price,manufacturer=productData.manufacturer,_productData$tags=productData.tags,tags=_productData$tags===void 0?[]:_productData$tags,_productData$identifi=productData.identifiers,identifiers=_productData$identifi===void 0?{}:_productData$identifi;var uid=appConfig.tracking.useSkuAsProductId&&identifiers.sku?identifiers.sku:id;return{name:name,manufacturer:manufacturer,tags:tags,uid:uid,amount:{net:convertPriceToString(price.unitPriceNet),gross:convertPriceToString(price.unitPriceWithTax),striked:convertPriceToString(price.unitPriceStriked),currency:price.currency}};};/**
+ */
+export const formatProductData = productData => {
+  if (!productData) {
+    return null;
+  }
+  const {
+    id,
+    name,
+    price,
+    manufacturer,
+    tags = [],
+    identifiers = {}
+  } = productData;
+  const uid = appConfig.tracking.useSkuAsProductId && identifiers.sku ? identifiers.sku : id;
+  return {
+    name,
+    manufacturer,
+    tags,
+    uid,
+    amount: {
+      net: convertPriceToString(price.unitPriceNet),
+      gross: convertPriceToString(price.unitPriceWithTax),
+      striked: convertPriceToString(price.unitPriceStriked),
+      currency: price.currency
+    }
+  };
+};
+
+/**
  * Reformat product data for addToCart from the store to the format our core expects.
  * @param {Object} product Product from the store
  * @param {Object} quantity Quantity of the product
  * @return {Object}
- */export var formatAddToCartProductData=function formatAddToCartProductData(_ref){var product=_ref.product,quantity=_ref.quantity;return _extends({},formatProductData(product),{quantity:quantity});};/**
+ */
+export const formatAddToCartProductData = ({
+  product,
+  quantity
+}) => ({
+  ...formatProductData(product),
+  quantity
+});
+
+/**
  * Reformat product data from the store to the format our core expects.
  * @param {Object} product Product from the store
  * @param {Object} quantity Quantity of the product
  * @return {Object}
- */export var formatCartProductData=function formatCartProductData(_ref2){var product=_ref2.product,quantity=_ref2.quantity;return{uid:product.id,name:product.name,amount:{gross:convertPriceToString(product.price.unit)},quantity:quantity};};/**
+ */
+export const formatCartProductData = ({
+  product,
+  quantity
+}) => ({
+  uid: product.id,
+  name: product.name,
+  amount: {
+    gross: convertPriceToString(product.price.unit)
+  },
+  quantity
+});
+
+/**
  * Reformat order data from web checkout to the format our core expects.
  * @param {Object} passedOrder Information about the order.
  * @return {Object}
- */export var formatPurchaseData=function formatPurchaseData(passedOrder){// Return the passedOrder if the format is already correct
-if(!passedOrder.totals&&passedOrder.amount){return{order:passedOrder};}var defaults={totals:[],products:[],number:'',currency:''};var order=_extends({},defaults,{},passedOrder);var _ref3=find(order.totals,{type:'grandTotal'})||{},_ref3$amount=_ref3.amount,grandTotal=_ref3$amount===void 0?0:_ref3$amount;var _ref4=find(order.totals,{type:'shipping'})||{},_ref4$amount=_ref4.amount,shipping=_ref4$amount===void 0?0:_ref4$amount;var _ref5=find(order.totals,{type:'tax'})||{},_ref5$amount=_ref5.amount,tax=_ref5$amount===void 0?0:_ref5$amount;var grandTotalNet=grandTotal-tax;var products=order.products.map(function(product){return{uid:product.id||'',productNumber:product.id||'',name:product.name||'',quantity:product.quantity||1,amount:{currency:order.currency,gross:convertPriceToString(get(product,'price.withTax',0)),net:convertPriceToString(get(product,'price.net',0))}};});return{shop:{name:''},order:{number:order.number,amount:{currency:order.currency,gross:convertPriceToString(grandTotal),net:convertPriceToString(grandTotalNet),tax:convertPriceToString(tax)},shipping:{amount:{gross:convertPriceToString(shipping),net:convertPriceToString(shipping)}},products:products,shippingAddress:{city:'',country:''}}};};/**
+ */
+export const formatPurchaseData = passedOrder => {
+  // Return the passedOrder if the format is already correct
+  if (!passedOrder.totals && passedOrder.amount) {
+    return {
+      order: passedOrder
+    };
+  }
+  const defaults = {
+    totals: [],
+    products: [],
+    number: '',
+    currency: ''
+  };
+  const order = {
+    ...defaults,
+    ...passedOrder
+  };
+  const {
+    amount: grandTotal = 0
+  } = find(order.totals, {
+    type: 'grandTotal'
+  }) || {};
+  const {
+    amount: shipping = 0
+  } = find(order.totals, {
+    type: 'shipping'
+  }) || {};
+  const {
+    amount: tax = 0
+  } = find(order.totals, {
+    type: 'tax'
+  }) || {};
+  const grandTotalNet = grandTotal - tax;
+  const products = order.products.map(product => ({
+    uid: product.id || '',
+    productNumber: product.id || '',
+    name: product.name || '',
+    quantity: product.quantity || 1,
+    amount: {
+      currency: order.currency,
+      gross: convertPriceToString(get(product, 'price.withTax', 0)),
+      net: convertPriceToString(get(product, 'price.net', 0))
+    }
+  }));
+  return {
+    shop: {
+      name: ''
+    },
+    order: {
+      number: order.number,
+      amount: {
+        currency: order.currency,
+        gross: convertPriceToString(grandTotal),
+        net: convertPriceToString(grandTotalNet),
+        tax: convertPriceToString(tax)
+      },
+      shipping: {
+        amount: {
+          gross: convertPriceToString(shipping),
+          net: convertPriceToString(shipping)
+        }
+      },
+      products,
+      shippingAddress: {
+        city: '',
+        country: ''
+      }
+    }
+  };
+};
+
+/**
  * Reformat order data from native checkout to the format our core expects.
  * @param {Object} order Information about the order.
  * @return {Object}
- */export var formatNativeCheckoutPurchaseData=function formatNativeCheckoutPurchaseData(){var order=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var orderNumber=order.orderNumber,total=order.total,taxAmount=order.taxAmount,shippingTotal=order.shippingTotal,currencyCode=order.currencyCode,_order$lineItems=order.lineItems,lineItems=_order$lineItems===void 0?[]:_order$lineItems;var products=lineItems.map(function(_ref6){var quantity=_ref6.quantity,itemCurrencyCode=_ref6.currencyCode,itemTaxAmount=_ref6.taxAmount,price=_ref6.price,_ref6$product=_ref6.product,product=_ref6$product===void 0?{}:_ref6$product;return{uid:(product===null||product===void 0?void 0:product.code)||'',productNumber:(product===null||product===void 0?void 0:product.code)||'',name:(product===null||product===void 0?void 0:product.name)||'',quantity:quantity||1,amount:{currency:itemCurrencyCode,gross:convertPriceToString(price),net:convertPriceToString(price-itemTaxAmount)}};});return{shop:{name:''},order:{number:orderNumber,amount:{currency:currencyCode,gross:convertPriceToString(total),net:convertPriceToString(total-taxAmount),tax:convertPriceToString(taxAmount)},shipping:{amount:{gross:convertPriceToString(shippingTotal),net:convertPriceToString(shippingTotal)}},products:products,shippingAddress:{city:'',country:''}}};};/**
+ */
+export const formatNativeCheckoutPurchaseData = (order = {}) => {
+  const {
+    orderNumber,
+    total,
+    taxAmount,
+    shippingTotal,
+    currencyCode,
+    lineItems = []
+  } = order;
+  const products = lineItems.map(({
+    quantity,
+    currencyCode: itemCurrencyCode,
+    taxAmount: itemTaxAmount,
+    price,
+    product = {}
+  }) => ({
+    uid: product?.code || '',
+    productNumber: product?.code || '',
+    name: product?.name || '',
+    quantity: quantity || 1,
+    amount: {
+      currency: itemCurrencyCode,
+      gross: convertPriceToString(price),
+      net: convertPriceToString(price - itemTaxAmount)
+    }
+  }));
+  return {
+    shop: {
+      name: ''
+    },
+    order: {
+      number: orderNumber,
+      amount: {
+        currency: currencyCode,
+        gross: convertPriceToString(total),
+        net: convertPriceToString(total - taxAmount),
+        tax: convertPriceToString(taxAmount)
+      },
+      shipping: {
+        amount: {
+          gross: convertPriceToString(shippingTotal),
+          net: convertPriceToString(shippingTotal)
+        }
+      },
+      products,
+      shippingAddress: {
+        city: '',
+        country: ''
+      }
+    }
+  };
+};
+
+/**
  * Creates data for the scanner tracking events.
  * @param {Object} params params
  * @return {Object}
- */export var createScannerEventData=function createScannerEventData(_ref7){var event=_ref7.event,format=_ref7.format,payload=_ref7.payload,userInteraction=_ref7.userInteraction;var eventLabel=[];if(payload){eventLabel=[format];if(SCANNER_FORMATS_QR_CODE.includes(format)){var parsedPayload=parse2dsQrCode(payload);if(parsedPayload){var type=parsedPayload.type,data=parsedPayload.data;switch(type){case QR_CODE_TYPE_HOMEPAGE:eventLabel.push('main');break;case QR_CODE_TYPE_PRODUCT:eventLabel.push('product');eventLabel.push(data.productId);break;case QR_CODE_TYPE_PRODUCT_WITH_COUPON:eventLabel.push('productcoupon');eventLabel.push("".concat(data.productId,"_").concat(data.couponCode));break;case QR_CODE_TYPE_COUPON:eventLabel.push('coupon');eventLabel.push(data.couponCode);break;case QR_CODE_TYPE_CATEGORY:eventLabel.push('category');eventLabel.push(data.categoryId);break;case QR_CODE_TYPE_SEARCH:eventLabel.push('search');eventLabel.push(data.searchPhrase);break;case QR_CODE_TYPE_PAGE:eventLabel.push('page');eventLabel.push(data.pageId);break;default:break;}}}else if(SCANNER_FORMATS_BARCODE.includes(format)){if(payload){eventLabel.push(payload);}}}eventLabel=eventLabel.join(' - ');return _extends({eventAction:event},eventLabel&&{eventLabel:eventLabel},{},typeof userInteraction==='boolean'&&{userInteraction:userInteraction});};/**
+ */
+export const createScannerEventData = ({
+  event,
+  format,
+  payload,
+  userInteraction
+}) => {
+  let eventLabel = [];
+  if (payload) {
+    eventLabel = [format];
+    if (SCANNER_FORMATS_QR_CODE.includes(format)) {
+      const parsedPayload = parse2dsQrCode(payload);
+      if (parsedPayload) {
+        const {
+          type,
+          data
+        } = parsedPayload;
+        switch (type) {
+          case QR_CODE_TYPE_HOMEPAGE:
+            eventLabel.push('main');
+            break;
+          case QR_CODE_TYPE_PRODUCT:
+            eventLabel.push('product');
+            eventLabel.push(data.productId);
+            break;
+          case QR_CODE_TYPE_PRODUCT_WITH_COUPON:
+            eventLabel.push('productcoupon');
+            eventLabel.push(`${data.productId}_${data.couponCode}`);
+            break;
+          case QR_CODE_TYPE_COUPON:
+            eventLabel.push('coupon');
+            eventLabel.push(data.couponCode);
+            break;
+          case QR_CODE_TYPE_CATEGORY:
+            eventLabel.push('category');
+            eventLabel.push(data.categoryId);
+            break;
+          case QR_CODE_TYPE_SEARCH:
+            eventLabel.push('search');
+            eventLabel.push(data.searchPhrase);
+            break;
+          case QR_CODE_TYPE_PAGE:
+            eventLabel.push('page');
+            eventLabel.push(data.pageId);
+            break;
+          default:
+            break;
+        }
+      }
+    } else if (SCANNER_FORMATS_BARCODE.includes(format)) {
+      if (payload) {
+        eventLabel.push(payload);
+      }
+    }
+  }
+  eventLabel = eventLabel.join(' - ');
+  return {
+    eventAction: event,
+    ...(eventLabel && {
+      eventLabel
+    }),
+    ...(typeof userInteraction === 'boolean' && {
+      userInteraction
+    })
+  };
+};
+
+/**
  * Creates data for the scanner utm url.
  * @param {Object} params params
  * @return {Object}
- */export var buildScannerUtmUrl=function buildScannerUtmUrl(_ref8){var scannerRoute=_ref8.scannerRoute,format=_ref8.format,payload=_ref8.payload,referer=_ref8.referer;var source='shopgate';var medium='scanner';var campaign="".concat(shopNumber,"Scanner");var term='';if(SCANNER_FORMATS_BARCODE.includes(format)){medium='barcode_scanner';campaign="".concat(shopNumber,"BarcodeScan");term=payload;}else if(SCANNER_FORMATS_QR_CODE.includes(format)){medium='qrcode_scanner';campaign="".concat(shopNumber,"QRScan");var _ref10=parse2dsQrCode(payload)||{},type=_ref10.type,data=_ref10.data;if(type===QR_CODE_TYPE_SEARCH){term=data.searchPhrase;}}var parsedPayload;var utmContent;try{parsedPayload=queryString.parseUrl(payload);}catch(e){// noting to do here
-}if(parsedPayload&&parsedPayload.query){if(parsedPayload.query.utm_content){utmContent=parsedPayload.query.utm_content;}}var location=scannerRoute.location;var newPath=new URL(location,'http://scanner.com');/* eslint-disable camelcase */var utms={utm_source:source,utm_medium:medium,utm_campaign:campaign,utm_term:term,utm_content:utmContent||referer};/* eslint-enable camelcase */Object.keys(utms).forEach(function(utm){if(!newPath.searchParams.has(utm)&&utms[utm]){newPath.searchParams.set(utm,utms[utm]);}});return"".concat(newPath.pathname).concat(newPath.search);};/**
+ */
+export const buildScannerUtmUrl = ({
+  scannerRoute,
+  format,
+  payload,
+  referer
+}) => {
+  const source = 'shopgate';
+  let medium = 'scanner';
+  let campaign = `${shopNumber}Scanner`;
+  let term = '';
+  if (SCANNER_FORMATS_BARCODE.includes(format)) {
+    medium = 'barcode_scanner';
+    campaign = `${shopNumber}BarcodeScan`;
+    term = payload;
+  } else if (SCANNER_FORMATS_QR_CODE.includes(format)) {
+    medium = 'qrcode_scanner';
+    campaign = `${shopNumber}QRScan`;
+    const {
+      type,
+      data
+    } = parse2dsQrCode(payload) || {};
+    if (type === QR_CODE_TYPE_SEARCH) {
+      term = data.searchPhrase;
+    }
+  }
+  let parsedPayload;
+  let utmContent;
+  try {
+    parsedPayload = queryString.parseUrl(payload);
+  } catch (e) {
+    // noting to do here
+  }
+  if (parsedPayload && parsedPayload.query) {
+    if (parsedPayload.query.utm_content) {
+      utmContent = parsedPayload.query.utm_content;
+    }
+  }
+  const {
+    location
+  } = scannerRoute;
+  const newPath = new URL(location, 'http://scanner.com');
+  /* eslint-disable camelcase */
+  const utms = {
+    utm_source: source,
+    utm_medium: medium,
+    utm_campaign: campaign,
+    utm_term: term,
+    utm_content: utmContent || referer
+  };
+  /* eslint-enable camelcase */
+
+  Object.keys(utms).forEach(utm => {
+    if (!newPath.searchParams.has(utm) && utms[utm]) {
+      newPath.searchParams.set(utm, utms[utm]);
+    }
+  });
+  return `${newPath.pathname}${newPath.search}`;
+};
+
+/**
  * Creates tracking data for a category.
  * @param {Object} category The category data from the store.
  * @returns {Object|null}
- */export var createCategoryData=function createCategoryData(category){if(!category){return null;}var name=category.name,uid=category.id,path=category.path;return{uid:uid,name:name,path:path};};/**
+ */
+export const createCategoryData = category => {
+  if (!category) {
+    return null;
+  }
+  const {
+    name,
+    id: uid,
+    path
+  } = category;
+  return {
+    uid,
+    name,
+    path
+  };
+};
+
+/**
  * Creates tracking data for the root category.
  * @param {Object} rootCategory The category data from the store.
  * @return {Object|null}
- */export var createRootCategoryData=function createRootCategoryData(rootCategory){if(!rootCategory){return null;}return{uid:null,name:i18n.text('titles.categories'),path:null};};/**
+ */
+export const createRootCategoryData = rootCategory => {
+  if (!rootCategory) {
+    return null;
+  }
+  return {
+    uid: null,
+    name: i18n.text('titles.categories'),
+    path: null
+  };
+};
+
+/**
  * Creates tracking data for the page view event.
  * @param {Object} data The input data.
  * @return {Object}
- */export var createPageviewData=function createPageviewData(_ref11){var _ref11$page=_ref11.page,page=_ref11$page===void 0?null:_ref11$page,_ref11$cart=_ref11.cart,cart=_ref11$cart===void 0?null:_ref11$cart,_ref11$favorites=_ref11.favorites,favorites=_ref11$favorites===void 0?null:_ref11$favorites,_ref11$search=_ref11.search,search=_ref11$search===void 0?null:_ref11$search,_ref11$category=_ref11.category,category=_ref11$category===void 0?null:_ref11$category,_ref11$product=_ref11.product,product=_ref11$product===void 0?null:_ref11$product,pageConfig=_ref11.pageConfig;var title='';if(pageConfig){title=pageConfig.title;}else if(category&&category.name){title=category.name;}else if(product&&product.name){title=product.name;}return{page:page?_extends({},page,{title:title}):null,cart:cart,favouriteList:{products:favorites},search:search,category:category,product:product};};/**
+ */
+export const createPageviewData = ({
+  page = null,
+  cart = null,
+  favorites = null,
+  search = null,
+  category = null,
+  product = null,
+  pageConfig
+}) => {
+  let title = '';
+  if (pageConfig) {
+    ({
+      title
+    } = pageConfig);
+  } else if (category && category.name) {
+    title = category.name;
+  } else if (product && product.name) {
+    title = product.name;
+  }
+  return {
+    page: page ? {
+      ...page,
+      title
+    } : null,
+    cart,
+    favouriteList: {
+      products: favorites
+    },
+    search,
+    category,
+    product
+  };
+};
+/**
  * Helper to pass the redux state to the tracking core
  * @param {string} eventName The name of the event.
  * @param {Object} data The tracking data of the event.
  * @param {Object} state The current redux state.
  * @return {Core|boolean}
- */export var track=function track(eventName,data,state){if(typeof core.track[eventName]!=='function'){logger.warn('Unknown tracking event:',eventName);return false;}try{core.track[eventName](data,undefined,undefined,state);}catch(e){logger.error(e);}return core;};
+ */
+export const track = (eventName, data, state) => {
+  if (typeof core.track[eventName] !== 'function') {
+    logger.warn('Unknown tracking event:', eventName);
+    return false;
+  }
+  try {
+    core.track[eventName](data, undefined, undefined, state);
+  } catch (e) {
+    logger.error(e);
+  }
+  return core;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopgate/pwa-tracking",
-  "version": "7.30.0-alpha.7",
+  "version": "7.30.0-alpha.8",
   "description": "Tracking library for the Shopgate Connect PWA.",
   "license": "Apache-2.0",
   "author": "Shopgate <support@shopgate.com>",
@@ -15,10 +15,10 @@
     "connect"
   ],
   "devDependencies": {
-    "@shopgate/pwa-common": "7.30.0-alpha.7",
-    "@shopgate/pwa-common-commerce": "7.30.0-alpha.7",
-    "@shopgate/pwa-core": "7.30.0-alpha.7",
-    "@shopgate/tracking-core": "7.30.0-alpha.7",
+    "@shopgate/pwa-common": "7.30.0-alpha.8",
+    "@shopgate/pwa-common-commerce": "7.30.0-alpha.8",
+    "@shopgate/pwa-core": "7.30.0-alpha.8",
+    "@shopgate/tracking-core": "7.30.0-alpha.8",
     "reselect": "^4.1.8",
     "rxjs": "~5.5.12"
   }

package/selectors/cart.js

@@ -1,15 +1,40 @@
-import{createSelector}from'reselect';import{getProduct}from'@shopgate/pwa-common-commerce/product/selectors/product';import{getSubTotal,getCurrency,getCartProducts,getDiscountsAmount}from'@shopgate/pwa-common-commerce/cart/selectors/index';import{convertPriceToString,formatCartProductData,formatAddToCartProductData}from"../helpers";/**
+import { createSelector } from 'reselect';
+import { getProduct } from '@shopgate/pwa-common-commerce/product/selectors/product';
+import { getSubTotal, getCurrency, getCartProducts, getDiscountsAmount } from '@shopgate/pwa-common-commerce/cart/selectors/index';
+import { convertPriceToString, formatCartProductData, formatAddToCartProductData } from "../helpers";
+
+/**
  * Selects the products from the cart and reformat them.
  * @param {Object} state The current state.
  * @return {Array} The reformatted products.
- */var getProducts=createSelector(getCartProducts,function(products){return products.map(formatCartProductData);});/**
+ */
+const getProducts = createSelector(getCartProducts, products => products.map(formatCartProductData));
+
+/**
  * Selects products by ID and reformat them.
  * @param {Object} state The current state.
  * @param {Array} products Array of products.
  * @returns {Array} Formatted products.
- */export var getAddToCartProducts=function getAddToCartProducts(state,products){return products.map(function(product){return{product:getProduct(state,{productId:product.productId}),quantity:product.quantity};}).map(formatAddToCartProductData);};/**
+ */
+export const getAddToCartProducts = (state, products) => products.map(product => ({
+  product: getProduct(state, {
+    productId: product.productId
+  }),
+  quantity: product.quantity
+})).map(formatAddToCartProductData);
+
+/**
  * Selects the cart information.
  * @param {Object} state The current state.
  * @returns {Object} The cart information.
- */export default createSelector(getSubTotal,getDiscountsAmount,getCurrency,getProducts,function(subTotal,discounts,currency,products){return{amount:{gross:convertPriceToString(subTotal-discounts),// TODO: Correct net prices are not possible atm.
-net:convertPriceToString(subTotal-discounts),currency:currency},products:products,productsCount:products.length};});
+ */
+export default createSelector(getSubTotal, getDiscountsAmount, getCurrency, getProducts, (subTotal, discounts, currency, products) => ({
+  amount: {
+    gross: convertPriceToString(subTotal - discounts),
+    // TODO: Correct net prices are not possible atm.
+    net: convertPriceToString(subTotal - discounts),
+    currency
+  },
+  products,
+  productsCount: products.length
+}));

package/selectors/category.js

@@ -1,4 +1,27 @@
-import{createSelector}from'reselect';import{hex2bin}from'@shopgate/engage/core/helpers';import{makeGetRouteParam,makeGetRoutePattern}from'@shopgate/engage/core/selectors';import{CATEGORY_PATTERN,ROOT_CATEGORY_PATTERN}from'@shopgate/engage/category/constants';import{getRootCategories,getCategory}from'@shopgate/engage/category/selectors';import{createCategoryData,createRootCategoryData}from"../helpers";/**
+import { createSelector } from 'reselect';
+import { hex2bin } from '@shopgate/engage/core/helpers';
+import { makeGetRouteParam, makeGetRoutePattern } from '@shopgate/engage/core/selectors';
+import { CATEGORY_PATTERN, ROOT_CATEGORY_PATTERN } from '@shopgate/engage/category/constants';
+import { getRootCategories, getCategory } from '@shopgate/engage/category/selectors';
+import { createCategoryData, createRootCategoryData } from "../helpers";
+
+/**
  * Creates a selector that retrieves a formatted category for the current route.
  * @returns {Function}
- */export var makeGetRouteCategory=function makeGetRouteCategory(){var getRoutePattern=makeGetRoutePattern();var getCategoryIdRouteParam=makeGetRouteParam('categoryId');return createSelector(function(state){return state;},getRoutePattern,getCategoryIdRouteParam,getRootCategories,function(state,pattern,categoryId,rootCategories){var decodedCategoryId=categoryId?hex2bin(categoryId):null;if(pattern===ROOT_CATEGORY_PATTERN){return createRootCategoryData(rootCategories);}if(pattern===CATEGORY_PATTERN&&decodedCategoryId){return createCategoryData(getCategory(state,{categoryId:decodedCategoryId}));}return null;});};
+ */
+export const makeGetRouteCategory = () => {
+  const getRoutePattern = makeGetRoutePattern();
+  const getCategoryIdRouteParam = makeGetRouteParam('categoryId');
+  return createSelector(state => state, getRoutePattern, getCategoryIdRouteParam, getRootCategories, (state, pattern, categoryId, rootCategories) => {
+    const decodedCategoryId = categoryId ? hex2bin(categoryId) : null;
+    if (pattern === ROOT_CATEGORY_PATTERN) {
+      return createRootCategoryData(rootCategories);
+    }
+    if (pattern === CATEGORY_PATTERN && decodedCategoryId) {
+      return createCategoryData(getCategory(state, {
+        categoryId: decodedCategoryId
+      }));
+    }
+    return null;
+  });
+};

package/selectors/favorites.js

@@ -1,5 +1,10 @@
-import{createSelector}from'reselect';import{getFavorites}from'@shopgate/pwa-common-commerce/favorites/selectors';import{formatProductData}from"../helpers";/**
+import { createSelector } from 'reselect';
+import { getFavorites } from '@shopgate/pwa-common-commerce/favorites/selectors';
+import { formatProductData } from "../helpers";
+
+/**
  * Selects the favorites information.
  * @param {Object} state The current state.
  * @returns {Object} The favorites information.
- */export default createSelector(getFavorites,function(favorites){return favorites.map(function(product){return formatProductData(product);});});
+ */
+export default createSelector(getFavorites, favorites => favorites.map(product => formatProductData(product)));

package/selectors/index.js

@@ -1,8 +1,34 @@
-import{createSelector}from'reselect';import{createPageviewData}from"../helpers";import getPage,{makeGetRoutePageConfig}from"./page";import getCart from"./cart";import getSearch from"./search";import getFavorites from"./favorites";import{makeGetRouteCategory}from"./category";import{makeGetRouteProduct}from"./product";/**
+import { createSelector } from 'reselect';
+import { createPageviewData } from "../helpers";
+import getPage, { makeGetRoutePageConfig } from "./page";
+import getCart from "./cart";
+import getSearch from "./search";
+import getFavorites from "./favorites";
+import { makeGetRouteCategory } from "./category";
+import { makeGetRouteProduct } from "./product";
+
+/**
  * Creates a selector that retrieves tracking data for the current route.
  * @returns {Function}
- */export var makeGetTrackingData=function makeGetTrackingData(){var getRouteCategory=makeGetRouteCategory();var getRouteProduct=makeGetRouteProduct();var getRoutePageConfig=makeGetRoutePageConfig();/**
+ */
+export const makeGetTrackingData = () => {
+  const getRouteCategory = makeGetRouteCategory();
+  const getRouteProduct = makeGetRouteProduct();
+  const getRoutePageConfig = makeGetRoutePageConfig();
+
+  /**
    * Selects the combined tracking information.
    * @param {Object} state The current state.
    * @returns {Object} The tracking data.
-   */return createSelector(getPage,getCart,getFavorites,getSearch,getRouteCategory,getRouteProduct,getRoutePageConfig,function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.pattern;},function(page,cart,favorites,search,category,product,pageConfig,pattern){return createPageviewData({page:page,cart:cart,favorites:favorites,search:search,category:category,product:product,pageConfig:pageConfig,pattern:pattern});});};
+   */
+  return createSelector(getPage, getCart, getFavorites, getSearch, getRouteCategory, getRouteProduct, getRoutePageConfig, (state, props = {}) => props.pattern, (page, cart, favorites, search, category, product, pageConfig, pattern) => createPageviewData({
+    page,
+    cart,
+    favorites,
+    search,
+    category,
+    product,
+    pageConfig,
+    pattern
+  }));
+};