@shopgate/pwa-common-commerce 7.30.0-alpha.7 → 7.30.0-alpha.9

package/product/reducers/resultsByHash.js

@@ -1,13 +1,129 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}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 uniq from'lodash/uniq';import pickBy from'lodash/pickBy';import{ENOTFOUND}from'@shopgate/pwa-core';import{SELECT_GLOBAL_LOCATION}from'@shopgate/engage/core';import{PRODUCT_LIFETIME,REQUEST_PRODUCTS,RECEIVE_PRODUCTS,ERROR_PRODUCTS,EXPIRE_PRODUCT_BY_ID,EXPIRE_PRODUCTS_BY_HASH,ERROR_PRODUCT,EXPIRE_PRODUCT_DATA}from"../constants";/**
+import "core-js/modules/es.array.reduce.js";
+import uniq from 'lodash/uniq';
+import pickBy from 'lodash/pickBy';
+import { ENOTFOUND } from '@shopgate/pwa-core';
+import { SELECT_GLOBAL_LOCATION } from '@shopgate/engage/core';
+import { PRODUCT_LIFETIME, REQUEST_PRODUCTS, RECEIVE_PRODUCTS, ERROR_PRODUCTS, EXPIRE_PRODUCT_BY_ID, EXPIRE_PRODUCTS_BY_HASH, ERROR_PRODUCT, EXPIRE_PRODUCT_DATA } from "../constants";
+
+/**
  * Stores a collection of products by the related hash of the request parameters.
  * @param {Object} [state={}] The current state.
  * @param {Object} action The current redux action.
  * @return {Object} The new state.
- */export default function resultsByHash(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case REQUEST_PRODUCTS:return _extends({},state,_defineProperty({},action.hash,_extends({},state[action.hash],{isFetching:true,expires:0})));case RECEIVE_PRODUCTS:{if(!action.hash){return state;}var products=state[action.hash].products;var nextProducts=action.products||[];/**
-       * If there are no previous products and no incoming products
-       * its set to empty array, otherwise it will be an array of the previous and the
-       * new products. Duplicates are removed.
-       */var stateProducts=products||nextProducts.length?uniq([].concat(products||[],nextProducts.map(function(product){return product.id;}))):[];return _extends({},state,_defineProperty({},action.hash,_extends({},state[action.hash],{products:stateProducts,totalResultCount:typeof action.totalResultCount!=='undefined'?action.totalResultCount:null,isFetching:false,expires:action.cached?Date.now()+(action.cachedTime||PRODUCT_LIFETIME):0})));}/* Remove not found product from hash results */case ERROR_PRODUCT:if(action.errorCode===ENOTFOUND){return Object.keys(state).reduce(function(accumulator,hash){if(accumulator[hash].products&&accumulator[hash].products.includes(action.productId)){accumulator[hash]=_extends({},accumulator[hash],{products:accumulator[hash].products.filter(function(pId){return pId!==action.productId;})});}return accumulator;},_extends({},state));}return state;case EXPIRE_PRODUCTS_BY_HASH:{return _extends({},state,_defineProperty({},action.hash,_extends({},state[action.hash],{products:[],expires:0})));}case EXPIRE_PRODUCT_BY_ID:{var productIds=[].concat(action.productId);return Object.keys(state).reduce(function(accumulator,hash){if(accumulator[hash].products&&productIds.some(function(id){return accumulator[hash].products.includes(id);})){accumulator[hash]=_extends({},accumulator[hash],{expires:0},action.complete&&{products:accumulator[hash].products.filter(function(id){return!productIds.includes(id);})});}return accumulator;},_extends({},state));}// Mark all product data as expired
-case EXPIRE_PRODUCT_DATA:{if(Array.isArray(action.scopes)&&action.scopes.includes('price')){return Object.keys(state).reduce(function(accumulator,hash){accumulator[hash]=_extends({},accumulator[hash],{expires:0});return accumulator;},_extends({},state));}return state;}case ERROR_PRODUCTS:return _extends({},state,_defineProperty({},action.hash,_extends({},state[action.hash],{isFetching:false})));case SELECT_GLOBAL_LOCATION:// Remove all hashes that are not bound to a location
-// because stock information may change per location
-return pickBy(state,function(value,key){return!JSON.parse(key).locationCodes;});default:return state;}}
+ */
+export default function resultsByHash(state = {}, action) {
+  switch (action.type) {
+    case REQUEST_PRODUCTS:
+      return {
+        ...state,
+        [action.hash]: {
+          ...state[action.hash],
+          isFetching: true,
+          expires: 0
+        }
+      };
+    case RECEIVE_PRODUCTS:
+      {
+        if (!action.hash) {
+          return state;
+        }
+        const {
+          products
+        } = state[action.hash];
+        const nextProducts = action.products || [];
+
+        /**
+         * If there are no previous products and no incoming products
+         * its set to empty array, otherwise it will be an array of the previous and the
+         * new products. Duplicates are removed.
+         */
+        const stateProducts = products || nextProducts.length ? uniq([...(products || []), ...nextProducts.map(product => product.id)]) : [];
+        return {
+          ...state,
+          [action.hash]: {
+            ...state[action.hash],
+            products: stateProducts,
+            totalResultCount: typeof action.totalResultCount !== 'undefined' ? action.totalResultCount : null,
+            isFetching: false,
+            expires: action.cached ? Date.now() + (action.cachedTime || PRODUCT_LIFETIME) : 0
+          }
+        };
+      }
+
+    /* Remove not found product from hash results */
+    case ERROR_PRODUCT:
+      if (action.errorCode === ENOTFOUND) {
+        return Object.keys(state).reduce((accumulator, hash) => {
+          if (accumulator[hash].products && accumulator[hash].products.includes(action.productId)) {
+            accumulator[hash] = {
+              ...accumulator[hash],
+              products: accumulator[hash].products.filter(pId => pId !== action.productId)
+            };
+          }
+          return accumulator;
+        }, {
+          ...state
+        });
+      }
+      return state;
+    case EXPIRE_PRODUCTS_BY_HASH:
+      {
+        return {
+          ...state,
+          [action.hash]: {
+            ...state[action.hash],
+            products: [],
+            expires: 0
+          }
+        };
+      }
+    case EXPIRE_PRODUCT_BY_ID:
+      {
+        const productIds = [].concat(action.productId);
+        return Object.keys(state).reduce((accumulator, hash) => {
+          if (accumulator[hash].products && productIds.some(id => accumulator[hash].products.includes(id))) {
+            accumulator[hash] = {
+              ...accumulator[hash],
+              expires: 0,
+              ...(action.complete && {
+                products: accumulator[hash].products.filter(id => !productIds.includes(id))
+              })
+            };
+          }
+          return accumulator;
+        }, {
+          ...state
+        });
+      }
+    // Mark all product data as expired
+    case EXPIRE_PRODUCT_DATA:
+      {
+        if (Array.isArray(action.scopes) && action.scopes.includes('price')) {
+          return Object.keys(state).reduce((accumulator, hash) => {
+            accumulator[hash] = {
+              ...accumulator[hash],
+              expires: 0
+            };
+            return accumulator;
+          }, {
+            ...state
+          });
+        }
+        return state;
+      }
+    case ERROR_PRODUCTS:
+      return {
+        ...state,
+        [action.hash]: {
+          ...state[action.hash],
+          isFetching: false
+        }
+      };
+    case SELECT_GLOBAL_LOCATION:
+      // Remove all hashes that are not bound to a location
+      // because stock information may change per location
+      return pickBy(state, (value, key) => !JSON.parse(key).locationCodes);
+    default:
+      return state;
+  }
+}

package/product/reducers/shippingByProductId.js

@@ -1,6 +1,41 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}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{PRODUCT_LIFETIME,REQUEST_PRODUCT_SHIPPING,RECEIVE_PRODUCT_SHIPPING,ERROR_PRODUCT_SHIPPING}from"../constants";/**
+import { PRODUCT_LIFETIME, REQUEST_PRODUCT_SHIPPING, RECEIVE_PRODUCT_SHIPPING, ERROR_PRODUCT_SHIPPING } from "../constants";
+
+/**
  * Stores product shipping by it's product ID.
  * @param {Object} [state={}] The current state.
  * @param {Object} action The action object.
  * @return {Object} The new state.
- */export default function shippingByProductId(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case REQUEST_PRODUCT_SHIPPING:return _extends({},state,_defineProperty({},action.productId,_extends({},state[action.productId],{isFetching:true,expires:0})));case RECEIVE_PRODUCT_SHIPPING:return _extends({},state,_defineProperty({},action.productId,_extends({},state[action.productId],{shipping:action.shipping,isFetching:false,expires:Date.now()+PRODUCT_LIFETIME})));case ERROR_PRODUCT_SHIPPING:return _extends({},state,_defineProperty({},action.productId,_extends({},state[action.productId],{isFetching:false})));default:return state;}}
+ */
+export default function shippingByProductId(state = {}, action) {
+  switch (action.type) {
+    case REQUEST_PRODUCT_SHIPPING:
+      return {
+        ...state,
+        [action.productId]: {
+          ...state[action.productId],
+          isFetching: true,
+          expires: 0
+        }
+      };
+    case RECEIVE_PRODUCT_SHIPPING:
+      return {
+        ...state,
+        [action.productId]: {
+          ...state[action.productId],
+          shipping: action.shipping,
+          isFetching: false,
+          expires: Date.now() + PRODUCT_LIFETIME
+        }
+      };
+    case ERROR_PRODUCT_SHIPPING:
+      return {
+        ...state,
+        [action.productId]: {
+          ...state[action.productId],
+          isFetching: false
+        }
+      };
+    default:
+      return state;
+  }
+}

package/product/reducers/variantsByProductId.js

@@ -1,6 +1,60 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}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{PRODUCT_LIFETIME,REQUEST_PRODUCT_VARIANTS,RECEIVE_PRODUCT_VARIANTS,ERROR_PRODUCT_VARIANTS,EXPIRE_PRODUCT_BY_ID,EXPIRE_PRODUCT_DATA}from"../constants";/**
+import "core-js/modules/es.array.reduce.js";
+import { PRODUCT_LIFETIME, REQUEST_PRODUCT_VARIANTS, RECEIVE_PRODUCT_VARIANTS, ERROR_PRODUCT_VARIANTS, EXPIRE_PRODUCT_BY_ID, EXPIRE_PRODUCT_DATA } from "../constants";
+
+/**
  * Stores product variants by the ID of the related parent product.
  * @param {Object} [state={}] The current state.
  * @param {Object} action The action object.
  * @return {Object} The new state.
- */export default function variantsByProductId(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case REQUEST_PRODUCT_VARIANTS:return _extends({},state,_defineProperty({},action.productId,_extends({},state[action.productId],{isFetching:true,expires:0})));case RECEIVE_PRODUCT_VARIANTS:return _extends({},state,_defineProperty({},action.productId,_extends({},state[action.productId],{variants:action.variants,isFetching:false,expires:Date.now()+PRODUCT_LIFETIME})));case ERROR_PRODUCT_VARIANTS:return _extends({},state,_defineProperty({},action.productId,_extends({},state[action.productId],{isFetching:false})));case EXPIRE_PRODUCT_BY_ID:return _extends({},state,_defineProperty({},action.productId,_extends({},state[action.productId],{expires:0})));case EXPIRE_PRODUCT_DATA:{return Object.keys(state).reduce(function(acc,productId){acc[productId]=_extends({},state[productId],{expires:0});return acc;},{});}default:return state;}}
+ */
+export default function variantsByProductId(state = {}, action) {
+  switch (action.type) {
+    case REQUEST_PRODUCT_VARIANTS:
+      return {
+        ...state,
+        [action.productId]: {
+          ...state[action.productId],
+          isFetching: true,
+          expires: 0
+        }
+      };
+    case RECEIVE_PRODUCT_VARIANTS:
+      return {
+        ...state,
+        [action.productId]: {
+          ...state[action.productId],
+          variants: action.variants,
+          isFetching: false,
+          expires: Date.now() + PRODUCT_LIFETIME
+        }
+      };
+    case ERROR_PRODUCT_VARIANTS:
+      return {
+        ...state,
+        [action.productId]: {
+          ...state[action.productId],
+          isFetching: false
+        }
+      };
+    case EXPIRE_PRODUCT_BY_ID:
+      return {
+        ...state,
+        [action.productId]: {
+          ...state[action.productId],
+          expires: 0
+        }
+      };
+    case EXPIRE_PRODUCT_DATA:
+      {
+        return Object.keys(state).reduce((acc, productId) => {
+          acc[productId] = {
+            ...state[productId],
+            expires: 0
+          };
+          return acc;
+        }, {});
+      }
+    default:
+      return state;
+  }
+}

package/product/selectors/options.js

@@ -1,33 +1,110 @@
-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{createSelector}from'reselect';import{validateSelectorParams}from'@shopgate/pwa-common/helpers/data';import{getProduct,getProductId,getProductState,getProductCurrency}from"./product";import{OPTION_TYPE_SELECT,OPTION_TYPE_TEXT}from"../constants";/**
+import "core-js/modules/es.regexp.flags.js";
+import { createSelector } from 'reselect';
+import { validateSelectorParams } from '@shopgate/pwa-common/helpers/data';
+import { getProduct, getProductId, getProductState, getProductCurrency } from "./product";
+import { OPTION_TYPE_SELECT, OPTION_TYPE_TEXT } from "../constants";
+
+/**
  * Retrieves the product options state.
  * @param {Object} state The application state.
  * @returns {Object} The product options state.
- */var getProductOptionsState=createSelector(getProductState,function(state){return state.optionsByProductId;});/**
+ */
+const getProductOptionsState = createSelector(getProductState, state => state.optionsByProductId);
+
+/**
  * Finds a product option item by the option id and item id.
  * @param {Object} options All available options.
  * @param {Object} optionId The Id of the option.
  * @param {Object} itemId The Id of the item.
  * @returns {Object}
- */var findProductOptionItem=function findProductOptionItem(options,optionId,itemId){return options.find(function(opt){return opt.id===optionId;}).values.find(function(item){return item.id===itemId;});};/**
+ */
+const findProductOptionItem = (options, optionId, itemId) => options.find(opt => opt.id === optionId).values.find(item => item.id === itemId);
+
+/**
  * Retrieves the current products options.
  * @param {Object} state The application state.
  * @returns {Object} The product options.
- */export var getRawProductOptions=createSelector(getProductId,getProductOptionsState,function(productId,productOptionsState){var productOptions=productOptionsState[productId];if(!productOptions||productOptions.isFetching){return null;}return productOptions.options;});// TODO: This needs to be optimized!
-var getOptionItems=createSelector(function(options){return options;},function(options,values){return values;},function(options,values,option){return option;},function(options,values,option,selected){return selected;},function(options,values,option,selected,currency){return currency;},function(options){var values=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var option=arguments.length>2?arguments[2]:undefined;var selected=arguments.length>3?arguments[3]:undefined;var currency=arguments.length>4?arguments[4]:undefined;return values.map(function(value){// Add prices to each item that are relative to the current total product price.
-if(!selected){return{label:value.label,currency:currency,value:value.id,// Price modifier and difference are equal, when nothing is selected.
-price:value.unitPriceModifier,priceDifference:value.unitPriceModifier};}var _findProductOptionIte=findProductOptionItem(options,option.id,selected),_findProductOptionIte2=_findProductOptionIte.unitPriceModifier,siblingPrice=_findProductOptionIte2===void 0?0:_findProductOptionIte2;return{label:value.label,currency:currency,value:value.id,// Price which affects the unit price.
-price:value.unitPriceModifier,// Difference to the currently selected sibling.
-priceDifference:value.unitPriceModifier-siblingPrice};});});/**
+ */
+export const getRawProductOptions = createSelector(getProductId, getProductOptionsState, (productId, productOptionsState) => {
+  const productOptions = productOptionsState[productId];
+  if (!productOptions || productOptions.isFetching) {
+    return null;
+  }
+  return productOptions.options;
+});
+
+// TODO: This needs to be optimized!
+const getOptionItems = createSelector(options => options, (options, values) => values, (options, values, option) => option, (options, values, option, selected) => selected, (options, values, option, selected, currency) => currency, (options, values = [], option, selected, currency) => values.map(value => {
+  // Add prices to each item that are relative to the current total product price.
+  if (!selected) {
+    return {
+      label: value.label,
+      currency,
+      value: value.id,
+      // Price modifier and difference are equal, when nothing is selected.
+      price: value.unitPriceModifier,
+      priceDifference: value.unitPriceModifier
+    };
+  }
+  const {
+    unitPriceModifier: siblingPrice = 0
+  } = findProductOptionItem(options, option.id, selected);
+  return {
+    label: value.label,
+    currency,
+    value: value.id,
+    // Price which affects the unit price.
+    price: value.unitPriceModifier,
+    // Difference to the currently selected sibling.
+    priceDifference: value.unitPriceModifier - siblingPrice
+  };
+}));
+
+/**
  * Retrieves the current products options and transforms it to the correct data structure.
  * @param {Object} state The application state.
  * @returns {Array} The product options.
- */export var getProductOptions=createSelector(getProductCurrency,function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.currentOptions;},getRawProductOptions,validateSelectorParams(function(currency,currentOptions,options){return options.map(function(option){return _extends({id:option.id,label:option.label,type:option.type,value:currentOptions[option.id]},option.type===OPTION_TYPE_SELECT&&{items:getOptionItems(options,option.values,option,currentOptions[option.id],currency)},{},option.type===OPTION_TYPE_TEXT&&{info:option.annotation,required:!!option.required,price:option.unitPriceModifier});})// Move select type options on top, keep the rest
-.sort(function(a,b){if(a.type===b.type){return 0;}if(a.type==='select'){return-1;}return b.type==='select'?1:0;});}));/**
+ */
+export const getProductOptions = createSelector(getProductCurrency, (state, props = {}) => props.currentOptions, getRawProductOptions, validateSelectorParams((currency, currentOptions, options) => options.map(option => ({
+  id: option.id,
+  label: option.label,
+  type: option.type,
+  value: currentOptions[option.id],
+  ...(option.type === OPTION_TYPE_SELECT && {
+    items: getOptionItems(options, option.values, option, currentOptions[option.id], currency)
+  }),
+  ...(option.type === OPTION_TYPE_TEXT && {
+    info: option.annotation,
+    required: !!option.required,
+    price: option.unitPriceModifier
+  })
+}))
+// Move select type options on top, keep the rest
+.sort((a, b) => {
+  if (a.type === b.type) {
+    return 0;
+  }
+  if (a.type === 'select') {
+    return -1;
+  }
+  return b.type === 'select' ? 1 : 0;
+})));
+
+/**
  * Checks if the product has any options.
  * @param {Object} state The application state.
  * @returns {boolean}
- */export var hasProductOptions=createSelector(getProduct,function(product){if(!product){return false;}return product.flags.hasOptions;});/**
+ */
+export const hasProductOptions = createSelector(getProduct, product => {
+  if (!product) {
+    return false;
+  }
+  return product.flags.hasOptions;
+});
+
+/**
  * Checks if all product options for the product are set
  * @param {Object} state The application state.
  * @returns {boolean}
- */export var areProductOptionsSet=createSelector(getRawProductOptions,function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.options||false;},validateSelectorParams(function(options,currentOptions){return options.length===Object.keys(currentOptions).length;}));
+ */
+export const areProductOptionsSet = createSelector(getRawProductOptions, (state, props = {}) => props.options || false, validateSelectorParams((options, currentOptions) => options.length === Object.keys(currentOptions).length));

package/product/selectors/page.js

@@ -1,23 +1,72 @@
-import{createSelector}from'reselect';import{logDeprecationMessage}from'@shopgate/pwa-core/helpers';import{getProduct,getBaseProduct,hasBaseProductVariants,getVariantProductId,getProductVariants}from"./product";/**
+import { createSelector } from 'reselect';
+import { logDeprecationMessage } from '@shopgate/pwa-core/helpers';
+import { getProduct, getBaseProduct, hasBaseProductVariants, getVariantProductId, getProductVariants } from "./product";
+
+/**
  * Checks, if the products of the product page are loading. Depending on the configuration of the
  * base product, it also checks, if the loading process of a selected variant is currently ongoing.
  * @param {Object} state The current application state.
  * @param {Object} props The component props.
  * @return {boolean}
- */export var isProductPageLoading=createSelector(getBaseProduct,hasBaseProductVariants,getProductVariants,getVariantProductId,getProduct,function(baseProduct,hasVariants,variants,variantId,product){// Check if the base product is already present.
-if(!baseProduct){return true;}var baseProductActive=!!(baseProduct===null||baseProduct===void 0?void 0:baseProduct.active);// Check if the base product has variants.
-if(hasVariants&&baseProductActive){var variantsFetching=!variants;// Check if the variant list is currently fetching.
-if(variantsFetching){return true;}var variantSelected=!!variantId;// Check if one of the variants is currently selected by the user.
-if(variantSelected){// Check if the product data of the selected variant is already present.
-return!product;}}return false;});/**
+ */
+export const isProductPageLoading = createSelector(getBaseProduct, hasBaseProductVariants, getProductVariants, getVariantProductId, getProduct, (baseProduct, hasVariants, variants, variantId, product) => {
+  // Check if the base product is already present.
+  if (!baseProduct) {
+    return true;
+  }
+  const baseProductActive = !!baseProduct?.active;
+
+  // Check if the base product has variants.
+  if (hasVariants && baseProductActive) {
+    const variantsFetching = !variants;
+
+    // Check if the variant list is currently fetching.
+    if (variantsFetching) {
+      return true;
+    }
+    const variantSelected = !!variantId;
+    // Check if one of the variants is currently selected by the user.
+    if (variantSelected) {
+      // Check if the product data of the selected variant is already present.
+      return !product;
+    }
+  }
+  return false;
+});
+
+/**
  * Checks, if the product page is currently in a state, that a product can be ordered.
  * @todo Consider the real orderable state of the products.
  * @param {Object} state The application state.
  * @return {boolean}
  * @deprecated
- */export var isProductPageOrderable=createSelector(getBaseProduct,hasBaseProductVariants,getProductVariants,getVariantProductId,getProduct,function(baseProduct,hasVariants,variants,variantId,product){logDeprecationMessage('The selector isProductPageOrderable()');// Check if the base product is already present.
-if(!baseProduct){return false;}var baseProductActive=!!(baseProduct===null||baseProduct===void 0?void 0:baseProduct.active);if(!baseProductActive){return false;}// Check if the base product has variants.
-if(hasVariants){var variantsFetching=!variants;// Check if the variant list is currently fetching.
-if(variantsFetching){return false;}var variantSelected=!!variantId;// Check if one of the variants is currently selected by the user.
-if(variantSelected){// Check if the product data of the selected variant is already present.
-return!!product;}return false;}return true;});
+ */
+export const isProductPageOrderable = createSelector(getBaseProduct, hasBaseProductVariants, getProductVariants, getVariantProductId, getProduct, (baseProduct, hasVariants, variants, variantId, product) => {
+  logDeprecationMessage('The selector isProductPageOrderable()');
+  // Check if the base product is already present.
+  if (!baseProduct) {
+    return false;
+  }
+  const baseProductActive = !!baseProduct?.active;
+  if (!baseProductActive) {
+    return false;
+  }
+
+  // Check if the base product has variants.
+  if (hasVariants) {
+    const variantsFetching = !variants;
+
+    // Check if the variant list is currently fetching.
+    if (variantsFetching) {
+      return false;
+    }
+    const variantSelected = !!variantId;
+    // Check if one of the variants is currently selected by the user.
+    if (variantSelected) {
+      // Check if the product data of the selected variant is already present.
+      return !!product;
+    }
+    return false;
+  }
+  return true;
+});

package/product/selectors/price.js

@@ -1,36 +1,99 @@
-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{createSelector}from'reselect';import{validateSelectorParams}from'@shopgate/pwa-common/helpers/data';import{getProduct,getProductUnitPrice,hasBaseProductVariants,isVariantSelected}from"./product";import{getRawProductOptions,hasProductOptions,areProductOptionsSet}from"./options";/**
+import "core-js/modules/es.array.reduce.js";
+import { createSelector } from 'reselect';
+import { validateSelectorParams } from '@shopgate/pwa-common/helpers/data';
+import { getProduct, getProductUnitPrice, hasBaseProductVariants, isVariantSelected } from "./product";
+import { getRawProductOptions, hasProductOptions, areProductOptionsSet } from "./options";
+
+/**
  * Calculates the additional price for the current product.
  * @param {Object} state The application state.
  * @returns {number}
- */export var getProductPriceAddition=createSelector(function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.options;},getRawProductOptions,validateSelectorParams(function(options,productOptions){return Object.keys(options).map(function(optionId){var itemId=options[optionId];var productOption=productOptions.find(function(item){return item.id===optionId;});if(productOption.type==='select'){var optionItems=productOptions.find(function(item){return item.id===optionId;}).values;return optionItems.find(function(item){return item.id===itemId;}).unitPriceModifier;}if(productOption.type==='text'&&itemId){return productOption.unitPriceModifier;}return 0;})// Sum up all active option item modifiers to calculate the additional price of the product.
-.reduce(function(a,b){return a+b;},0);},// If product has no options return 0
-0));/**
+ */
+export const getProductPriceAddition = createSelector((state, props = {}) => props.options, getRawProductOptions, validateSelectorParams((options, productOptions) => Object.keys(options).map(optionId => {
+  const itemId = options[optionId];
+  const productOption = productOptions.find(item => item.id === optionId);
+  if (productOption.type === 'select') {
+    const optionItems = productOptions.find(item => item.id === optionId).values;
+    return optionItems.find(item => item.id === itemId).unitPriceModifier;
+  }
+  if (productOption.type === 'text' && itemId) {
+    return productOption.unitPriceModifier;
+  }
+  return 0;
+})
+// Sum up all active option item modifiers to calculate the additional price of the product.
+.reduce((a, b) => a + b, 0),
+// If product has no options return 0
+0));
+/**
  * Calculates the total price by summing up additional product option costs.
  * @param {Object} state The application state.
  * @returns {number}
- */export var getProductTotalPrice=createSelector(getProductUnitPrice,getProductPriceAddition,validateSelectorParams(function(basePrice,priceAddition){return basePrice+priceAddition;}));/**
+ */
+export const getProductTotalPrice = createSelector(getProductUnitPrice, getProductPriceAddition, validateSelectorParams((basePrice, priceAddition) => basePrice + priceAddition));
+
+/**
  * Checks if the full price is already available.
  * When a product has variants with different prices the full price is not available.
  * If the children is selected the full price is available.
  * @param {Object} state The application state.
  * @returns {boolean} The product options.
- */export var isFullPriceAvailable=createSelector(hasBaseProductVariants,isVariantSelected,hasProductOptions,areProductOptionsSet,function(hasVariants,isChildrenSelected,hasOptions,areOptionsSet){// If product has neither variants nor options the full price is available.
-if(!hasVariants&&!hasOptions){return true;}/**
-     * If the product has variants and options,
-     * the full price is only available if options and children are set.
-     */if(hasVariants&&hasOptions){return isChildrenSelected&&areOptionsSet;}/**
-     * If the product has only options,
-     * the full price is only available if the options are set.
-     */if(!hasVariants&&hasOptions){return areOptionsSet;}/**
-     * If the product has only variants,
-     * the full price is only available if the children is set.
-     */if(hasVariants&&!hasOptions){return isChildrenSelected;}return false;});/**
+ */
+export const isFullPriceAvailable = createSelector(hasBaseProductVariants, isVariantSelected, hasProductOptions, areProductOptionsSet, (hasVariants, isChildrenSelected, hasOptions, areOptionsSet) => {
+  // If product has neither variants nor options the full price is available.
+  if (!hasVariants && !hasOptions) {
+    return true;
+  }
+
+  /**
+   * If the product has variants and options,
+   * the full price is only available if options and children are set.
+   */
+  if (hasVariants && hasOptions) {
+    return isChildrenSelected && areOptionsSet;
+  }
+
+  /**
+   * If the product has only options,
+   * the full price is only available if the options are set.
+   */
+  if (!hasVariants && hasOptions) {
+    return areOptionsSet;
+  }
+
+  /**
+   * If the product has only variants,
+   * the full price is only available if the children is set.
+   */
+  if (hasVariants && !hasOptions) {
+    return isChildrenSelected;
+  }
+  return false;
+});
+
+/**
  * Retrieves the current product and adds the total price and manipulates the min price
  * to be always 0 when it is not needed.
  * @param {Object} state The application state.
  * @returns {Object} The extended product data.
- */export var getCalculatedProduct=createSelector(getProduct,getProductTotalPrice,getProductPriceAddition,validateSelectorParams(function(product,totalPrice,addition){return _extends({},product,{price:_extends({},product.price,{modifier:addition,totalPrice:totalPrice})});}));/**
+ */
+export const getCalculatedProduct = createSelector(getProduct, getProductTotalPrice, getProductPriceAddition, validateSelectorParams((product, totalPrice, addition) => ({
+  ...product,
+  price: {
+    ...product.price,
+    modifier: addition,
+    totalPrice
+  }
+})));
+
+/**
  * Retrieves the current product price data.
  * @param {Object} state The current application state.
  * @return {Object|null}
- */export var getProductPrice=createSelector(getCalculatedProduct,function(product){if(!product||!product.price){return null;}return product.price;});
+ */
+export const getProductPrice = createSelector(getCalculatedProduct, product => {
+  if (!product || !product.price) {
+    return null;
+  }
+  return product.price;
+});