@shopgate/engage 7.30.0-alpha.7 → 7.30.0-alpha.8

package/product/providers/ProductListEntry/context.js

@@ -1,4 +1,9 @@
-import React from'react';/* eslint-disable import/named, no-unused-vars */import{ProductListTypeContextType,ProductListTypeContextSubType}from"../ProductListType/context";/* eslint-enable import/named, no-unused-vars */ /**
+import React from 'react';
+/* eslint-disable import/named, no-unused-vars */
+import { ProductListTypeContextType, ProductListTypeContextSubType } from "../ProductListType/context";
+/* eslint-enable import/named, no-unused-vars */
+
+/**
  * @typedef ProductListEntryContextValue
  * @property {string} productId A product identifier.
  * @property {ProductListTypeContextType} [productListType=null] Type of the active
@@ -6,4 +11,10 @@ import React from'react';/* eslint-disable import/named, no-unused-vars */import
  * @property {ProductListTypeContextSubType} [productListSubType=null] Optional sub type of the
  * active ProductListTypeContext. Depending on its usage it can make a statement about in which
  * context the product list is used e.g. "widgets".
- */export{};export default React.createContext({productListType:null,productListSubType:null,productId:null});
+ */
+export {};
+export default /*#__PURE__*/React.createContext({
+  productListType: null,
+  productListSubType: null,
+  productId: null
+});

package/product/providers/ProductListEntry/index.js

@@ -1,4 +1,9 @@
-import React,{useMemo}from'react';import PropTypes from'prop-types';import useProductListType from"../../hooks/useProductListType";import Context from"./context";/**
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import useProductListType from "../../hooks/useProductListType";
+import Context from "./context";
+
+/**
  * The ProductListEntryProvider is usually wrapped around components that render products and
  * provides basic information about them.
  *
@@ -8,4 +13,25 @@ import React,{useMemo}from'react';import PropTypes from'prop-types';import usePr
  * @param {Object} param The component props
  * @param {string} param.productId Product identifier.
  * @returns {JSX}
- */function ProductListEntryProvider(_ref){var children=_ref.children,productId=_ref.productId;var _useProductListType=useProductListType(),type=_useProductListType.type,subType=_useProductListType.subType;var value=useMemo(function(){return{productListType:type,productListSubType:subType,productId:productId};},[productId,subType,type]);return React.createElement(Context.Provider,{value:value},children);}ProductListEntryProvider.defaultProps={children:null};export default ProductListEntryProvider;
+ */
+function ProductListEntryProvider({
+  children,
+  productId
+}) {
+  const {
+    type,
+    subType
+  } = useProductListType();
+  const value = useMemo(() => ({
+    productListType: type,
+    productListSubType: subType,
+    productId
+  }), [productId, subType, type]);
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: value
+  }, children);
+}
+ProductListEntryProvider.defaultProps = {
+  children: null
+};
+export default ProductListEntryProvider;

package/product/providers/ProductListType/context.js

@@ -1,8 +1,19 @@
-import React from'react';/* eslint-disable max-len */ /**
+import React from 'react';
+
+/* eslint-disable max-len */
+/**
  * @typedef {"productSlider"|"productGrid"|"productList"|"favoritesList"|"cart"|"liveshopping"|"pdp"|"productGallery"} ProductListTypeContextType
- */export{};/**
+ */
+export {};
+
+/**
  * @typedef {"widgets"|"category"} ProductListTypeContextSubType
- */export{};/* eslint-enable max-len */ /**
+ */
+export {};
+
+/* eslint-enable max-len */
+
+/**
  * @typedef ProductListTypeContextValue
  * @property {ProductListTypeContextType} [type=null] Type of the active ProductListTypeContext
  * e.g. "productSlider" or "productGrid".
@@ -10,4 +21,10 @@ import React from'react';/* eslint-disable max-len */ /**
  * ProductListTypeContext. Depending on its usage it can make a statement about in which context
  * the product list is used e.g. "widgets".
  * @property {Object} [meta=null] Optional meta information that can be used by child components
- */export{};export default React.createContext({type:null,subType:null,meta:null});
+ */
+export {};
+export default /*#__PURE__*/React.createContext({
+  type: null,
+  subType: null,
+  meta: null
+});

package/product/providers/ProductListType/index.js

@@ -1,4 +1,8 @@
-import React,{useMemo}from'react';import PropTypes from'prop-types';import Context from"./context";/**
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import Context from "./context";
+
+/**
  * The ProductListTypeProvider is usually wrapped around components that render product lists.
  * It provides information about the type / purpose of those product lists which can be used
  * by child components or extensions to determine how they are supposed to render their content.
@@ -12,4 +16,25 @@ import React,{useMemo}from'react';import PropTypes from'prop-types';import Conte
  * make a statement about in which context the product list is used e.g. "widgets".
  * @param {Object} param.meta Optional meta information that can be used by child components
  * @returns {JSX}
- */function ProductListTypeProvider(_ref){var children=_ref.children,type=_ref.type,subType=_ref.subType,meta=_ref.meta;var value=useMemo(function(){return{type:type,subType:subType,meta:meta};},[meta,subType,type]);return React.createElement(Context.Provider,{value:value},children);}ProductListTypeProvider.defaultProps={children:null,subType:null,meta:null};export default ProductListTypeProvider;
+ */
+function ProductListTypeProvider({
+  children,
+  type,
+  subType,
+  meta
+}) {
+  const value = useMemo(() => ({
+    type,
+    subType,
+    meta
+  }), [meta, subType, type]);
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: value
+  }, children);
+}
+ProductListTypeProvider.defaultProps = {
+  children: null,
+  subType: null,
+  meta: null
+};
+export default ProductListTypeProvider;

package/product/providers/index.js

@@ -1 +1,3 @@
-export{default as ProductProvider}from"./Product";export{default as ProductListTypeProvider}from"./ProductListType";export{default as ProductListEntryProvider}from"./ProductListEntry";
+export { default as ProductProvider } from "./Product";
+export { default as ProductListTypeProvider } from "./ProductListType";
+export { default as ProductListEntryProvider } from "./ProductListEntry";

package/product/selectors/helpers/filterProperties.js

@@ -1,9 +1,33 @@
-import appConfig from'@shopgate/pwa-common/helpers/config';import{PROPERTIES_FILTER_BLACKLIST,PROPERTIES_FILTER_WHITELIST}from'@shopgate/pwa-common-commerce/product/constants';/**
+import appConfig from '@shopgate/pwa-common/helpers/config';
+import { PROPERTIES_FILTER_BLACKLIST, PROPERTIES_FILTER_WHITELIST } from '@shopgate/pwa-common-commerce/product/constants';
+
+/**
  * Reads the setting for product properties whitelisting/blacklisting
  * and filters the properties accordingly.
  * @param {Array} properties Array of properties with label and value attributes.
  * @return {Array} Filtered properties.
- */export function filterProperties(properties){// If there is no setting, we won't filter
-if(!appConfig||!appConfig.productPropertiesFilter){return properties;}return properties.filter(function(_ref){var label=_ref.label,type=_ref.type;var inList=appConfig.productPropertiesFilter.properties.indexOf(label)!==-1;if(appConfig.productPropertiesFilter.type===PROPERTIES_FILTER_WHITELIST){// Show item if allowed in whitelist
-return inList;}if(appConfig.productPropertiesFilter.type===PROPERTIES_FILTER_BLACKLIST){// Hide item if not allowed in blacklist
-return!inList;}if(type&&type!=='simple'){return false;}return true;});}
+ */
+export function filterProperties(properties) {
+  // If there is no setting, we won't filter
+  if (!appConfig || !appConfig.productPropertiesFilter) {
+    return properties;
+  }
+  return properties.filter(({
+    label,
+    type
+  }) => {
+    const inList = appConfig.productPropertiesFilter.properties.indexOf(label) !== -1;
+    if (appConfig.productPropertiesFilter.type === PROPERTIES_FILTER_WHITELIST) {
+      // Show item if allowed in whitelist
+      return inList;
+    }
+    if (appConfig.productPropertiesFilter.type === PROPERTIES_FILTER_BLACKLIST) {
+      // Hide item if not allowed in blacklist
+      return !inList;
+    }
+    if (type && type !== 'simple') {
+      return false;
+    }
+    return true;
+  });
+}

package/product/selectors/helpers/index.js

@@ -1 +1,2 @@
-export{filterProperties}from"./filterProperties";export{wrapMemoizedSelector}from"./wrapMemoizedSelector";
+export { filterProperties } from "./filterProperties";
+export { wrapMemoizedSelector } from "./wrapMemoizedSelector";

package/product/selectors/helpers/wrapMemoizedSelector.js

@@ -2,4 +2,11 @@
  * Memoization test
  * @param {Function} selector selector
  * @returns {Function}
- */export var wrapMemoizedSelector=function wrapMemoizedSelector(selector){return function(){var result=selector.apply(void 0,arguments);if(selector.apply(void 0,arguments)!==result){throw new Error('Memoization check failed.');}return result;};};
+ */
+export const wrapMemoizedSelector = selector => (...args) => {
+  const result = selector(...args);
+  if (selector(...args) !== result) {
+    throw new Error('Memoization check failed.');
+  }
+  return result;
+};

package/product/selectors/media.js

@@ -1,13 +1,30 @@
-import{createSelector}from'reselect';import{getProductId,getProductState}from'@shopgate/pwa-common-commerce/product/selectors/product';/**
+import { createSelector } from 'reselect';
+import { getProductId, getProductState } from '@shopgate/pwa-common-commerce/product/selectors/product';
+
+/**
  * Retrieves the product media state.
  * @param {Object} state The application state.
  * @returns {Object} The product options state.
- */export var getProductMediaState=createSelector(getProductState,function(state){return state.mediaByProductId;});/**
+ */
+export const getProductMediaState = createSelector(getProductState, state => state.mediaByProductId);
+/**
  * Creates a selector that retrieves product media for a passed product id.
  * @returns {Function}
- */export var makeGetProductMedia=function makeGetProductMedia(){return(/**
-   * Retrieves the current products media.
-   * @param {Object} state The application state.
-   * @param {Object} props The component props.
-   * @returns {Object[]|null} The product media collection.
-   */createSelector(getProductId,function(state,props){return props.types;},getProductMediaState,function(productId,types,productMediaState){var productMedia=productMediaState[productId];if(!productMedia||productMedia.isFetching){return null;}if(!types||!productMedia.media){return productMedia.media;}return productMedia.media.filter(function(media){return types.includes(media.type);});}));};
+ */
+export const makeGetProductMedia = () =>
+/**
+ * Retrieves the current products media.
+ * @param {Object} state The application state.
+ * @param {Object} props The component props.
+ * @returns {Object[]|null} The product media collection.
+ */
+createSelector(getProductId, (state, props) => props.types, getProductMediaState, (productId, types, productMediaState) => {
+  const productMedia = productMediaState[productId];
+  if (!productMedia || productMedia.isFetching) {
+    return null;
+  }
+  if (!types || !productMedia.media) {
+    return productMedia.media;
+  }
+  return productMedia.media.filter(media => types.includes(media.type));
+});

package/product/selectors/price.js

@@ -1,8 +1,27 @@
-import{createSelector}from'reselect';import{getProductPriceData}from'@shopgate/pwa-common-commerce/product';/**
+import { createSelector } from 'reselect';
+import { getProductPriceData } from '@shopgate/pwa-common-commerce/product';
+
+/**
  * Creates the selector to get a product's price.
  * @returns {Function}
- */export function makeGetProductPriceData(){return createSelector(getProductPriceData,function(price){return price;});}/**
+ */
+export function makeGetProductPriceData() {
+  return createSelector(getProductPriceData, price => price);
+}
+
+/**
  * Creates the selector to get a product's map pricing.
  * @returns {Function}
- */export function makeGetProductMapPrice(){return createSelector(getProductPriceData,function(price){if(!price){return null;}if(!price.mapPricing){return null;}// mapPricing can be array or pojo. force it to pojo
-return[].concat(price.mapPricing)[0];});}
+ */
+export function makeGetProductMapPrice() {
+  return createSelector(getProductPriceData, price => {
+    if (!price) {
+      return null;
+    }
+    if (!price.mapPricing) {
+      return null;
+    }
+    // mapPricing can be array or pojo. force it to pojo
+    return [].concat(price.mapPricing)[0];
+  });
+}

package/product/selectors/product.js

@@ -1,75 +1,210 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}import{createSelector}from'reselect';import{logger}from'@shopgate/pwa-core/helpers';import{filterProperties}from"./helpers";/**
+import { createSelector } from 'reselect';
+import { logger } from '@shopgate/pwa-core/helpers';
+import { filterProperties } from "./helpers";
+
+/**
  * The following block of selectors was copied over from @shopgate/pwa-common-commerce/product
  * to prevent circular dependencies.
- */ /**
+ */
+
+/**
  * Retrieves the product state from the store.
  * @param {Object} state The current application state.
  * @return {Object} The product state.
- */export var getProductState=function getProductState(state){return state.product||{};};/**
+ */
+export const getProductState = state => state.product || {};
+
+/**
  * Selects the product properties state.
  * @param {Object} state The current application state.
  * @param {Object} props The component props.
  * @return {Object} The product properties state.
- */export var getProductPropertiesState=createSelector(getProductState,function(state){return state.propertiesByProductId||{};});/**
+ */
+export const getProductPropertiesState = createSelector(getProductState, state => state.propertiesByProductId || {});
+
+/**
  * Selects all products from the store.
  * @param {Object} state The current application state.
  * @return {Object} The collection of products.
- */export var getProducts=createSelector(getProductState,function(state){return state.productsById||{};});/**
+ */
+export const getProducts = createSelector(getProductState, state => state.productsById || {});
+
+/**
  * Retrieves the id of the current selected product from the component props. When the props
  * contain a variant id it will return this one instead of the product id.
  * @param {Object} state The current application state.
  * @param {Object} [props] The component props.
  * @return {string|null} The id of the current product.
- */export var getProductId=function getProductId(state,props){if(!state){return null;}if(typeof props==='undefined'){/**
+ */
+export const getProductId = (state, props) => {
+  if (!state) {
+    return null;
+  }
+  if (typeof props === 'undefined') {
+    /**
      * Before PWA 6.0 some product selectors relied on a "currentProduct" state which doesn't exist
      * anymore. Their successors require a props object which contains a productId or a variantId.
      * To support debugging an error will be logged, if the props are missing at invocation.
-     */logger.error('getProductId() needs to be called with a props object that includes a productId.');return null;}// Since a variantId can have falsy values, we need an "undefined" check here.
-if(typeof props.variantId!=='undefined'&&props.variantId!==null){return props.variantId;}return props.productId||null;};/**
+     */
+    logger.error('getProductId() needs to be called with a props object that includes a productId.');
+    return null;
+  }
+
+  // Since a variantId can have falsy values, we need an "undefined" check here.
+  if (typeof props.variantId !== 'undefined' && props.variantId !== null) {
+    return props.variantId;
+  }
+  return props.productId || null;
+};
+
+/**
  * Retrieves the product data for the passed productId from the store.
  * @param {Object} state The current application state.
  * @param {Object} props The component props.
  * @return {Object} The current product.
- */export var getProduct=createSelector(getProducts,getProductId,function(products,productId){var _ref=products[productId]||{},productData=_ref.productData;return productData||null;});/**
+ */
+export const getProduct = createSelector(getProducts, getProductId, (products, productId) => {
+  const {
+    productData
+  } = products[productId] || {};
+  return productData || null;
+});
+
+/**
  * Retrieves a product by id from state. Different to getProduct() which returns the product
  * entity data if available, this selector returns the pure state entry for a given productId.
  * So the expires and the isFetching property is processable.
  * @param {Object} state The current application state.
  * @param {Object} props The component props.
  * @return {Object|null} The dedicated product.
- */export var getProductById=createSelector(getProducts,function(state,props){return props;},function(products,props){if(_typeof(props)!=='object'){logger.warn('Invocation of getProductById() with a productId will be deprecated soon. Please provide a props object.');return products[props]||null;}if(!props.productId){return null;}return products[props.productId]||null;});export var getProductDataById=createSelector(getProductById,function(product){return product?product.productData:undefined;});/**
+ */
+export const getProductById = createSelector(getProducts, (state, props) => props, (products, props) => {
+  if (typeof props !== 'object') {
+    logger.warn('Invocation of getProductById() with a productId will be deprecated soon. Please provide a props object.');
+    return products[props] || null;
+  }
+  if (!props.productId) {
+    return null;
+  }
+  return products[props.productId] || null;
+});
+export const getProductDataById = createSelector(getProductById, product => product ? product.productData : undefined);
+
+/**
  * Determines a baseProductId for the products which are referenced within the props.
  * When a variantId is passed, the selector will return the id of the related base product.
  * @param {Object} state The current application state.
  * @param {Object} props The component props.
  * @return {string|null}
- */export var getBaseProductId=createSelector(getProduct,function(_){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.productId;},function(_){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.variantId;},function(product,productId,variantId){if(!product){// Return the productId when both ids are present, but no variant product is available yet.
-if(typeof productId!=='undefined'&&typeof variantId!=='undefined'){return productId;}return null;}// First try to determine a baseProductId for a selected product
-var _product$baseProductI=product.baseProductId,baseProductId=_product$baseProductI===void 0?null:_product$baseProductI;return baseProductId||product.id;});/**
+ */
+export const getBaseProductId = createSelector(getProduct, (_, props = {}) => props.productId, (_, props = {}) => props.variantId, (product, productId, variantId) => {
+  if (!product) {
+    // Return the productId when both ids are present, but no variant product is available yet.
+    if (typeof productId !== 'undefined' && typeof variantId !== 'undefined') {
+      return productId;
+    }
+    return null;
+  }
+  // First try to determine a baseProductId for a selected product
+  const {
+    baseProductId = null
+  } = product;
+  return baseProductId || product.id;
+});
+
+/**
  * Retrieves the base product data for the passed productId from the store.
  * @param {Object} state The current application state.
  * @returns {Object|null} The current product.
- */export var getBaseProduct=createSelector(getProducts,getBaseProductId,function(products,baseProductId){if(!baseProductId){return null;}var _ref2=products[baseProductId]||{},_ref2$productData=_ref2.productData,productData=_ref2$productData===void 0?null:_ref2$productData;return productData;});/**
+ */
+export const getBaseProduct = createSelector(getProducts, getBaseProductId, (products, baseProductId) => {
+  if (!baseProductId) {
+    return null;
+  }
+  const {
+    productData = null
+  } = products[baseProductId] || {};
+  return productData;
+});
+
+/**
  * END of the copied block
- */ /**
+ */
+
+/**
  * Selects the is fetching state of the active product.
- */export var getProductIsFetching=createSelector(getProductId,getProducts,function(productId,products){var _products$productId;return((_products$productId=products[productId])===null||_products$productId===void 0?void 0:_products$productId.isFetching)||false;});/**
+ */
+export const getProductIsFetching = createSelector(getProductId, getProducts, (productId, products) => products[productId]?.isFetching || false);
+
+/**
  * Creates the selector to get a product's properties from the state filtered via
  * positive / negative list.
  * @returns {Function}
- */export function makeGetProductProperties(){return createSelector(getProductPropertiesState,getProductId,function(properties,productId){var entry=properties[productId];if(!entry||!entry.properties){return null;}return filterProperties(entry.properties);});}/**
+ */
+export function makeGetProductProperties() {
+  return createSelector(getProductPropertiesState, getProductId, (properties, productId) => {
+    const entry = properties[productId];
+    if (!entry || !entry.properties) {
+      return null;
+    }
+    return filterProperties(entry.properties);
+  });
+}
+
+/**
  * Creates the selector to get a product's properties from the state without filtering.
  * @returns {Function}
- */export var makeGetProductPropertiesUnfiltered=function makeGetProductPropertiesUnfiltered(){return createSelector(getProductId,getProductPropertiesState,function(productId,properties){var entry=properties[productId];if(!entry||entry.isFetching||typeof entry.properties==='undefined'){return null;}return entry.properties;});};/**
+ */
+export const makeGetProductPropertiesUnfiltered = () => createSelector(getProductId, getProductPropertiesState, (productId, properties) => {
+  const entry = properties[productId];
+  if (!entry || entry.isFetching || typeof entry.properties === 'undefined') {
+    return null;
+  }
+  return entry.properties;
+});
+
+/**
  * Creates the selector to get a product's effectivity dates.
  * @returns {Function}
- */export function makeGetProductEffectivityDates(){return createSelector(getProduct,function(product){if(!product){return null;}var _product$startDate=product.startDate,startDate=_product$startDate===void 0?null:_product$startDate,_product$endDate=product.endDate,endDate=_product$endDate===void 0?null:_product$endDate;return startDate||endDate?{startDate:startDate,endDate:endDate}:null;});}/**
+ */
+export function makeGetProductEffectivityDates() {
+  return createSelector(getProduct, product => {
+    if (!product) {
+      return null;
+    }
+    const {
+      startDate = null,
+      endDate = null
+    } = product;
+    return startDate || endDate ? {
+      startDate,
+      endDate
+    } : null;
+  });
+}
+
+/**
  * Creates a selector to return product characteristics.
  * @returns {Function}
- */export function makeGetProductCharacteristics(){return createSelector(getProductDataById,function(product){return!product||!product.characteristics?null:product.characteristics;});}/**
+ */
+export function makeGetProductCharacteristics() {
+  return createSelector(getProductDataById, product => !product || !product.characteristics ? null : product.characteristics);
+}
+
+/**
  * Creates a selector to return product featured media.
  * @returns {Function}
- */export function makeGetProductFeaturedMedia(){return createSelector(getProduct,function(product){if(!product){return null;}return!product.featuredMedia?null:product.featuredMedia;});}/**
+ */
+export function makeGetProductFeaturedMedia() {
+  return createSelector(getProduct, product => {
+    if (!product) {
+      return null;
+    }
+    return !product.featuredMedia ? null : product.featuredMedia;
+  });
+}
+
+/**
  * Creates a selector to indicate if a product is active.
  *
  * @param {boolean} [returnNullIfProductMissing=false] - Flag to determine the return value when
@@ -77,7 +212,15 @@ var _product$baseProductI=product.baseProductId,baseProductId=_product$baseProdu
  * is not found. If `false`, it will return `false`.
  *
  * @returns {Function}
- */export var makeIsProductActive=function makeIsProductActive(){var returnNullIfProductMissing=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;return createSelector(getProduct,function(product){if(!product){return returnNullIfProductMissing?null:false;}return(product===null||product===void 0?void 0:product.active)||false;});};/**
+ */
+export const makeIsProductActive = (returnNullIfProductMissing = false) => createSelector(getProduct, product => {
+  if (!product) {
+    return returnNullIfProductMissing ? null : false;
+  }
+  return product?.active || false;
+});
+
+/**
  * Creates a selector to indicate if the base product is active.
  *
  * @param {boolean} [returnNullIfProductMissing=false] - Flag to determine the return value when
@@ -85,11 +228,33 @@ var _product$baseProductI=product.baseProductId,baseProductId=_product$baseProdu
  * is not found. If `false`, it will return `false`.
  *
  * @returns {Function}
- */export var makeIsBaseProductActive=function makeIsBaseProductActive(){var returnNullIfProductMissing=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;return createSelector(getBaseProduct,function(baseProduct){if(!baseProduct){return returnNullIfProductMissing?null:false;}return(baseProduct===null||baseProduct===void 0?void 0:baseProduct.active)||false;});};/**
+ */
+export const makeIsBaseProductActive = (returnNullIfProductMissing = false) => createSelector(getBaseProduct, baseProduct => {
+  if (!baseProduct) {
+    return returnNullIfProductMissing ? null : false;
+  }
+  return baseProduct?.active || false;
+});
+
+/**
  * Creates a selector to get the property of a product based on a given label
  * @returns {Function}
- */export var makeGetCurrentProductPropertyByLabel=function makeGetCurrentProductPropertyByLabel(){var getProductPropertiesUnfiltered=makeGetProductPropertiesUnfiltered();return createSelector(getProductPropertiesUnfiltered,function(state,props){return props.widgetSettings;},function(currentProductProperties,widgetSettings){if(!currentProductProperties||!widgetSettings||!widgetSettings.propertyLabel){return null;}return currentProductProperties.find(function(_ref3){var label=_ref3.label;return label===widgetSettings.propertyLabel;});});};/**
+ */
+export const makeGetCurrentProductPropertyByLabel = () => {
+  const getProductPropertiesUnfiltered = makeGetProductPropertiesUnfiltered();
+  return createSelector(getProductPropertiesUnfiltered, (state, props) => props.widgetSettings, (currentProductProperties, widgetSettings) => {
+    if (!currentProductProperties || !widgetSettings || !widgetSettings.propertyLabel) {
+      return null;
+    }
+    return currentProductProperties.find(({
+      label
+    }) => label === widgetSettings.propertyLabel);
+  });
+};
+
+/**
  * Create a selector to retrieve the product type.
  * @returns {Function}
  *
- */export var makeGetProductType=function makeGetProductType(){return createSelector(getProduct,function(product){return product===null||product===void 0?void 0:product.type;});};
+ */
+export const makeGetProductType = () => createSelector(getProduct, product => product?.type);

package/product/selectors/relations.js

@@ -1,7 +1,13 @@
-import{createSelector}from'reselect';import{getProductState,generateProductRelationsHash,getProducts}from'@shopgate/pwa-common-commerce/product';var getProductRelationsState=createSelector(getProductState,function(product){return product.productRelationsByHash;});/**
+import { createSelector } from 'reselect';
+import { getProductState, generateProductRelationsHash, getProducts } from '@shopgate/pwa-common-commerce/product';
+const getProductRelationsState = createSelector(getProductState, product => product.productRelationsByHash);
+
+/**
  * Creates the selector that retrieves the product relations for the current product ID.
  * @returns {Function}
- */function makeGetProductRelations(){/**
+ */
+function makeGetProductRelations() {
+  /**
    * Retrieves the product relations for the current product ID.
    * @param {Object} state The application state.
    * @param {Object} props The component props.
@@ -9,10 +15,23 @@ import{createSelector}from'reselect';import{getProductState,generateProductRelat
    * @param {string} props.type The relation type.
    * @param {number} limit The query limit.
    * @returns {Array}
-   */return createSelector(getProductRelationsState,function(_,props){return generateProductRelationsHash(props);},function(relationsState,hash){if(relationsState[hash]){return relationsState[hash].productIds;}return[];});}/**
+   */
+  return createSelector(getProductRelationsState, (_, props) => generateProductRelationsHash(props), (relationsState, hash) => {
+    if (relationsState[hash]) {
+      return relationsState[hash].productIds;
+    }
+    return [];
+  });
+}
+
+/**
  * Creates the selector that retrieves the related products for the current product ID.
  * @returns {Function}
- */export function makeGetRelatedProducts(){var getProductRelations=makeGetProductRelations();/**
+ */
+export function makeGetRelatedProducts() {
+  const getProductRelations = makeGetProductRelations();
+
+  /**
    * Retrieves the related products for the current product ID.
    * @param {Object} state The application state.
    * @param {Object} props The component props.
@@ -20,10 +39,18 @@ import{createSelector}from'reselect';import{getProductState,generateProductRelat
    * @param {string} props.type The relation type.
    * @param {number} limit The query limit.
    * @returns {Array}
-   */return createSelector(getProductRelations,getProducts,function(){var relations=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var products=arguments.length>1?arguments[1]:undefined;return relations.filter(function(id){return products[id]&&products[id].productData;}).map(function(id){return products[id].productData;});});}/**
+   */
+  return createSelector(getProductRelations, getProducts, (relations = [], products) => relations.filter(id => products[id] && products[id].productData).map(id => products[id].productData));
+}
+
+/**
  * Creates the selector that retrieves a limited set of related products for the current product ID.
  * @returns {Function}
- */export function makeGetMaximumRelatedProducts(){var getRelatedProducts=makeGetRelatedProducts();/**
+ */
+export function makeGetMaximumRelatedProducts() {
+  const getRelatedProducts = makeGetRelatedProducts();
+
+  /**
    * Retrieves a limit set of related products for the current product ID.
    * @param {Object} state The application state.
    * @param {Object} props The component props.
@@ -31,4 +58,17 @@ import{createSelector}from'reselect';import{getProductState,generateProductRelat
    * @param {string} props.type The relation type.
    * @param {number} limit The query limit.
    * @returns {Array}
-   */return createSelector(getRelatedProducts,function(_,props){return props.max||null;},function(products,max){if(!max||products.length<max){return{products:products,productsCount:products.length};}return{products:products.slice(0,max),productsCount:products.length};});}
+   */
+  return createSelector(getRelatedProducts, (_, props) => props.max || null, (products, max) => {
+    if (!max || products.length < max) {
+      return {
+        products,
+        productsCount: products.length
+      };
+    }
+    return {
+      products: products.slice(0, max),
+      productsCount: products.length
+    };
+  });
+}