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

package/favorites/components/Lists/Lists.js

@@ -1,25 +1,290 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}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;}import React,{useState,useCallback,useRef}from'react';import PropTypes from'prop-types';import{connect}from'react-redux';import{css}from'glamor';import{RippleButton,SurroundPortals}from'@shopgate/engage/components';import{hasNewServices}from'@shopgate/engage/core/helpers';import{i18n}from'@shopgate/engage/core';import{getFavoritesLists,isInitialLoading,getHasMultipleFavoritesListsSupport}from'@shopgate/pwa-common-commerce/favorites/selectors';import addFavoritesList from'@shopgate/pwa-common-commerce/favorites/actions/addFavoritesList';import updateFavoritesList from'@shopgate/pwa-common-commerce/favorites/actions/updateFavoritesList';import removeFavoritesList from'@shopgate/pwa-common-commerce/favorites/actions/removeFavoritesList';import{removeFavorites}from'@shopgate/pwa-common-commerce/favorites/actions/toggleFavorites';import addProductsToCart from'@shopgate/pwa-common-commerce/cart/actions/addProductsToCart';import{FulfillmentSheet,MULTI_LINE_RESERVE,STAGE_SELECT_STORE}from'@shopgate/engage/locations';import{openSheet}from'@shopgate/engage/locations/providers/FulfillmentProvider';import{getWishlistMode}from'@shopgate/engage/core/selectors/shopSettings';import{WISHLIST_MODE_PERSIST_ON_ADD}from'@shopgate/engage/core/constants/shopSettings';import{getPreferredLocation,getPreferredFulfillmentMethod,getUserSearch}from'@shopgate/engage/locations/selectors';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{makeGetEnabledFulfillmentMethods}from'@shopgate/engage/core/config';import{fetchProductLocations}from'@shopgate/engage/locations/actions';import List from"../List";import ListsModal from"./ListsModal";import CommentDialog from"../CommentDialog";import ItemFulfillmentMethod from"../ItemFulfillmentMethod";import{FAVORITES_LIST_ADD_BUTTON,FAVORITES_LIST}from"../../constants/Portals";/**
+import React, { useState, useCallback, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { css } from 'glamor';
+import { RippleButton, SurroundPortals } from '@shopgate/engage/components';
+import { hasNewServices } from '@shopgate/engage/core/helpers';
+import { i18n } from '@shopgate/engage/core';
+import { getFavoritesLists, isInitialLoading, getHasMultipleFavoritesListsSupport } from '@shopgate/pwa-common-commerce/favorites/selectors';
+import addFavoritesList from '@shopgate/pwa-common-commerce/favorites/actions/addFavoritesList';
+import updateFavoritesList from '@shopgate/pwa-common-commerce/favorites/actions/updateFavoritesList';
+import removeFavoritesList from '@shopgate/pwa-common-commerce/favorites/actions/removeFavoritesList';
+import { removeFavorites } from '@shopgate/pwa-common-commerce/favorites/actions/toggleFavorites';
+import addProductsToCart from '@shopgate/pwa-common-commerce/cart/actions/addProductsToCart';
+import { FulfillmentSheet, MULTI_LINE_RESERVE, STAGE_SELECT_STORE } from '@shopgate/engage/locations';
+import { openSheet } from '@shopgate/engage/locations/providers/FulfillmentProvider';
+import { getWishlistMode } from '@shopgate/engage/core/selectors/shopSettings';
+import { WISHLIST_MODE_PERSIST_ON_ADD } from '@shopgate/engage/core/constants/shopSettings';
+import { getPreferredLocation, getPreferredFulfillmentMethod, getUserSearch } from '@shopgate/engage/locations/selectors';
+import { responsiveMediaQuery } from '@shopgate/engage/styles';
+import { makeGetEnabledFulfillmentMethods } from '@shopgate/engage/core/config';
+import { fetchProductLocations } from '@shopgate/engage/locations/actions';
+import List from "../List";
+import ListsModal from "./ListsModal";
+import CommentDialog from "../CommentDialog";
+import ItemFulfillmentMethod from "../ItemFulfillmentMethod";
+import { FAVORITES_LIST_ADD_BUTTON, FAVORITES_LIST } from "../../constants/Portals";
+
+/**
  * @param {Object} state State
  * @param {Object} props Props
  * @returns {Object}
- */var makeMapStateToProps=function makeMapStateToProps(){var getFulfillmentMethods=makeGetEnabledFulfillmentMethods();return function(state,props){return{isInitializing:isInitialLoading(state),lists:getFavoritesLists(state),preferredLocation:getPreferredLocation(state,props),preferredFulfillmentMethod:getPreferredFulfillmentMethod(state,props),shopFulfillmentMethods:getFulfillmentMethods(state,props),wishlistMode:getWishlistMode(state),userSearch:getUserSearch(state),hasMultipleFavoritesListsSupport:getHasMultipleFavoritesListsSupport(state)};};};/**
+ */
+const makeMapStateToProps = () => {
+  const getFulfillmentMethods = makeGetEnabledFulfillmentMethods();
+  return (state, props) => ({
+    isInitializing: isInitialLoading(state),
+    lists: getFavoritesLists(state),
+    preferredLocation: getPreferredLocation(state, props),
+    preferredFulfillmentMethod: getPreferredFulfillmentMethod(state, props),
+    shopFulfillmentMethods: getFulfillmentMethods(state, props),
+    wishlistMode: getWishlistMode(state),
+    userSearch: getUserSearch(state),
+    hasMultipleFavoritesListsSupport: getHasMultipleFavoritesListsSupport(state)
+  });
+};
+
+/**
  * @param {Object} dispatch Dispatch
  * @returns {Object}
- */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{addList:function addList(name){return dispatch(addFavoritesList(name));},updateList:function updateList(id,name){return dispatch(updateFavoritesList(id,name));},removeList:function removeList(id){return dispatch(removeFavoritesList(id));},removeItem:function removeItem(listId,productId){return dispatch(removeFavorites(productId,false,listId));},addToCart:function addToCart(){return dispatch(addProductsToCart.apply(void 0,arguments));},fetchLocations:function fetchLocations(productId,params){return dispatch(fetchProductLocations(productId,params));}};};var styles={root:css(_defineProperty({},responsiveMediaQuery('>=md',{webOnly:true}),{margin:8})),addButton:css(_defineProperty({width:'calc(100% - 32px)',margin:16,backgroundColor:'var(--color-primary)',borderRadius:5},responsiveMediaQuery('>=md',{webOnly:true}),{width:240,"float":'right'})).toString()};/**
+ */
+const mapDispatchToProps = dispatch => ({
+  addList: name => dispatch(addFavoritesList(name)),
+  updateList: (id, name) => dispatch(updateFavoritesList(id, name)),
+  removeList: id => dispatch(removeFavoritesList(id)),
+  removeItem: (listId, productId) => dispatch(removeFavorites(productId, false, listId)),
+  addToCart: (...params) => dispatch(addProductsToCart(...params)),
+  fetchLocations: (productId, params) => dispatch(fetchProductLocations(productId, params))
+});
+const styles = {
+  root: css({
+    [responsiveMediaQuery('>=md', {
+      webOnly: true
+    })]: {
+      margin: 8
+    }
+  }),
+  addButton: css({
+    width: 'calc(100% - 32px)',
+    margin: 16,
+    backgroundColor: 'var(--color-primary)',
+    borderRadius: 5,
+    [responsiveMediaQuery('>=md', {
+      webOnly: true
+    })]: {
+      width: 240,
+      float: 'right'
+    }
+  }).toString()
+};
+
+/**
  * @param {Object} props Props
  * @returns {Object}
- */var FavoriteLists=function FavoriteLists(_ref){var addList=_ref.addList,updateList=_ref.updateList,removeList=_ref.removeList,_removeItem=_ref.removeItem,addToCart=_ref.addToCart,preferredFulfillmentMethod=_ref.preferredFulfillmentMethod,preferredLocation=_ref.preferredLocation,wishlistMode=_ref.wishlistMode,lists=_ref.lists,isInitializing=_ref.isInitializing,shopFulfillmentMethods=_ref.shopFulfillmentMethods,userSearch=_ref.userSearch,fetchLocations=_ref.fetchLocations,hasMultipleFavoritesListsSupport=_ref.hasMultipleFavoritesListsSupport;// Add to cart state.
-var promiseRef=useRef(null);var _useState=useState(null),_useState2=_slicedToArray(_useState,2),activeProductId=_useState2[0],setActiveProductId=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),fulfillmentMethods=_useState4[0],setFulfillmentMethods=_useState4[1];var _useState5=useState(null),_useState6=_slicedToArray(_useState5,2),fulfillmentMethod=_useState6[0],setFulfillmentMethod=_useState6[1];var _useState7=useState(false),_useState8=_slicedToArray(_useState7,2),foMethodChooser=_useState8[0],setFOMethodChooser=_useState8[1];var handleAddToCartWithMethod=useCallback(function(method){// Hide modal if visible.
-setFOMethodChooser(false);// Handle cancellation.
-if(!method){return;}setFulfillmentMethod(method);// Direct ship.
-if(method==='directShip'){addToCart([{productId:activeProductId,quantity:1}]);promiseRef.current.resolve();return;}// Open the sheet
-fetchLocations(activeProductId,userSearch);setTimeout(function(){openSheet({callback:function callback(state){var _promiseRef$current2;if(state){var _promiseRef$current;return(_promiseRef$current=promiseRef.current)===null||_promiseRef$current===void 0?void 0:_promiseRef$current.resolve();}return(_promiseRef$current2=promiseRef.current)===null||_promiseRef$current2===void 0?void 0:_promiseRef$current2.reject();},fulfillmentPath:MULTI_LINE_RESERVE,stage:STAGE_SELECT_STORE});},10);},[activeProductId,addToCart,fetchLocations,userSearch]);var handleAddToCart=useCallback(function(listId,product){var quantity=arguments.length>2&&arguments[2]!==undefined?arguments[2]:1;// Create promise to inform add to cart button when ready.
-var promise=new Promise(function(_resolve,reject){promiseRef.current={resolve:function resolve(){// Remove item from wishlist after adding to cart.
-if(wishlistMode!==WISHLIST_MODE_PERSIST_ON_ADD){_removeItem(listId,product.id);}_resolve();},reject:reject};});if(!hasNewServices()){addToCart([{productId:product.id,quantity:quantity}]);promiseRef.current.resolve();return promise;}// Get location.
-var activeLocation=null;if(preferredLocation){activeLocation=preferredLocation;}// Get fulfillment method that is both active for location and product.
-var activeFulfillmentMethod=preferredFulfillmentMethod||fulfillmentMethod;var availableFulfillmentMethods=(shopFulfillmentMethods===null||shopFulfillmentMethods===void 0?void 0:shopFulfillmentMethods.filter(function(s){return product.fulfillmentMethods.indexOf(s)!==-1;}))||[];if(activeLocation&&!activeFulfillmentMethod&&availableFulfillmentMethods.length===1){var _availableFulfillment=_slicedToArray(availableFulfillmentMethods,1);activeFulfillmentMethod=_availableFulfillment[0];}// If all options are already configured immediately add it to the cart.
-if(activeFulfillmentMethod&&activeLocation){addToCart([{productId:product.id,quantity:quantity,fulfillment:{method:activeFulfillmentMethod,location:{code:activeLocation.code,name:activeLocation.name||''}}}]);promiseRef.current.resolve();return promise;}// Location not set but FO method is set.
-setActiveProductId(product.id);if(activeFulfillmentMethod&&!activeLocation){handleAddToCartWithMethod(activeFulfillmentMethod);return promise;}if(!activeFulfillmentMethod&&!activeFulfillmentMethod){// Long path is required <- fo method and location unset.
-setFulfillmentMethods(shopFulfillmentMethods);setFOMethodChooser(true);return promise;}// Short path is required <- fo method is unset.
-setFulfillmentMethods(availableFulfillmentMethods);setFOMethodChooser(true);return promise;},[addToCart,fulfillmentMethod,handleAddToCartWithMethod,preferredFulfillmentMethod,preferredLocation,_removeItem,shopFulfillmentMethods,wishlistMode]);var handleMethodClose=useCallback(function(){setFOMethodChooser(false);promiseRef.current.reject();},[]);// Modal for renaming and adding.
-var _useState9=useState(false),_useState10=_slicedToArray(_useState9,2),modalOpen=_useState10[0],setModalOpen=_useState10[1];var _useState11=useState(null),_useState12=_slicedToArray(_useState11,2),modalType=_useState12[0],setModalType=_useState12[1];var _useState13=useState(null),_useState14=_slicedToArray(_useState13,2),modalTarget=_useState14[0],setModalTarget=_useState14[1];var openAddModal=useCallback(function(){setModalOpen(true);setModalType('add_list');setModalTarget(null);},[]);var openRenameModal=useCallback(function(code){setModalOpen(true);setModalType('rename_list');setModalTarget(code);},[]);var closeModal=useCallback(function(){setModalOpen(false);setModalType(null);setModalTarget(null);},[]);var confirmModal=useCallback(function(name){if(modalType==='add_list'){addList(name);}else if(modalType==='rename_list'){updateList(modalTarget,name);}closeModal();},[addList,closeModal,modalTarget,modalType,updateList]);if(isInitializing){return null;}return React.createElement("div",{className:styles.root},lists.map(function(list){return React.createElement(SurroundPortals,{key:list.id,portalName:FAVORITES_LIST,portalProps:list},React.createElement(List,{id:list.id,name:list.name,rename:openRenameModal,remove:function remove(){return removeList(list.id);},removeItem:function removeItem(productId){return _removeItem(list.id,productId);},addToCart:function addToCart(product,quantity){return handleAddToCart(list.id,product,quantity);},hasMultipleFavoritesListsSupport:hasMultipleFavoritesListsSupport}));}),modalOpen?React.createElement(ListsModal,{type:modalType,onDismiss:closeModal,onConfirm:confirmModal}):null,activeProductId?React.createElement(FulfillmentSheet,{productId:activeProductId,fulfillmentMethod:fulfillmentMethod}):null,React.createElement(CommentDialog,null),React.createElement(ItemFulfillmentMethod,{isOpen:foMethodChooser,methods:fulfillmentMethods,onSelect:handleAddToCartWithMethod,onClose:handleMethodClose}),React.createElement(SurroundPortals,{portalName:FAVORITES_LIST_ADD_BUTTON},hasMultipleFavoritesListsSupport?React.createElement(RippleButton,{type:"primary",className:styles.addButton,onClick:openAddModal,disabled:false},i18n.text('favorites.add_list')):null));};FavoriteLists.defaultProps={lists:[],userSearch:{},preferredFulfillmentMethod:null,shopFulfillmentMethods:[],preferredLocation:null,isInitializing:true};export default connect(makeMapStateToProps,mapDispatchToProps)(FavoriteLists);
+ */
+const FavoriteLists = ({
+  addList,
+  updateList,
+  removeList,
+  removeItem,
+  addToCart,
+  preferredFulfillmentMethod,
+  preferredLocation,
+  wishlistMode,
+  lists,
+  isInitializing,
+  shopFulfillmentMethods,
+  userSearch,
+  fetchLocations,
+  hasMultipleFavoritesListsSupport
+}) => {
+  // Add to cart state.
+  const promiseRef = useRef(null);
+  const [activeProductId, setActiveProductId] = useState(null);
+  const [fulfillmentMethods, setFulfillmentMethods] = useState([]);
+  const [fulfillmentMethod, setFulfillmentMethod] = useState(null);
+  const [foMethodChooser, setFOMethodChooser] = useState(false);
+  const handleAddToCartWithMethod = useCallback(method => {
+    // Hide modal if visible.
+    setFOMethodChooser(false);
+
+    // Handle cancellation.
+    if (!method) {
+      return;
+    }
+    setFulfillmentMethod(method);
+
+    // Direct ship.
+    if (method === 'directShip') {
+      addToCart([{
+        productId: activeProductId,
+        quantity: 1
+      }]);
+      promiseRef.current.resolve();
+      return;
+    }
+
+    // Open the sheet
+    fetchLocations(activeProductId, userSearch);
+    setTimeout(() => {
+      openSheet({
+        callback: state => {
+          if (state) {
+            return promiseRef.current?.resolve();
+          }
+          return promiseRef.current?.reject();
+        },
+        fulfillmentPath: MULTI_LINE_RESERVE,
+        stage: STAGE_SELECT_STORE
+      });
+    }, 10);
+  }, [activeProductId, addToCart, fetchLocations, userSearch]);
+  const handleAddToCart = useCallback((listId, product, quantity = 1) => {
+    // Create promise to inform add to cart button when ready.
+    const promise = new Promise((resolve, reject) => {
+      promiseRef.current = {
+        resolve: () => {
+          // Remove item from wishlist after adding to cart.
+          if (wishlistMode !== WISHLIST_MODE_PERSIST_ON_ADD) {
+            removeItem(listId, product.id);
+          }
+          resolve();
+        },
+        reject
+      };
+    });
+    if (!hasNewServices()) {
+      addToCart([{
+        productId: product.id,
+        quantity
+      }]);
+      promiseRef.current.resolve();
+      return promise;
+    }
+
+    // Get location.
+    let activeLocation = null;
+    if (preferredLocation) {
+      activeLocation = preferredLocation;
+    }
+
+    // Get fulfillment method that is both active for location and product.
+    let activeFulfillmentMethod = preferredFulfillmentMethod || fulfillmentMethod;
+    const availableFulfillmentMethods = shopFulfillmentMethods?.filter(s => product.fulfillmentMethods.indexOf(s) !== -1) || [];
+    if (activeLocation && !activeFulfillmentMethod && availableFulfillmentMethods.length === 1) {
+      [activeFulfillmentMethod] = availableFulfillmentMethods;
+    }
+
+    // If all options are already configured immediately add it to the cart.
+    if (activeFulfillmentMethod && activeLocation) {
+      addToCart([{
+        productId: product.id,
+        quantity,
+        fulfillment: {
+          method: activeFulfillmentMethod,
+          location: {
+            code: activeLocation.code,
+            name: activeLocation.name || ''
+          }
+        }
+      }]);
+      promiseRef.current.resolve();
+      return promise;
+    }
+
+    // Location not set but FO method is set.
+    setActiveProductId(product.id);
+    if (activeFulfillmentMethod && !activeLocation) {
+      handleAddToCartWithMethod(activeFulfillmentMethod);
+      return promise;
+    }
+    if (!activeFulfillmentMethod && !activeFulfillmentMethod) {
+      // Long path is required <- fo method and location unset.
+      setFulfillmentMethods(shopFulfillmentMethods);
+      setFOMethodChooser(true);
+      return promise;
+    }
+    // Short path is required <- fo method is unset.
+    setFulfillmentMethods(availableFulfillmentMethods);
+    setFOMethodChooser(true);
+    return promise;
+  }, [addToCart, fulfillmentMethod, handleAddToCartWithMethod, preferredFulfillmentMethod, preferredLocation, removeItem, shopFulfillmentMethods, wishlistMode]);
+  const handleMethodClose = useCallback(() => {
+    setFOMethodChooser(false);
+    promiseRef.current.reject();
+  }, []);
+
+  // Modal for renaming and adding.
+  const [modalOpen, setModalOpen] = useState(false);
+  const [modalType, setModalType] = useState(null);
+  const [modalTarget, setModalTarget] = useState(null);
+  const openAddModal = useCallback(() => {
+    setModalOpen(true);
+    setModalType('add_list');
+    setModalTarget(null);
+  }, []);
+  const openRenameModal = useCallback(code => {
+    setModalOpen(true);
+    setModalType('rename_list');
+    setModalTarget(code);
+  }, []);
+  const closeModal = useCallback(() => {
+    setModalOpen(false);
+    setModalType(null);
+    setModalTarget(null);
+  }, []);
+  const confirmModal = useCallback(name => {
+    if (modalType === 'add_list') {
+      addList(name);
+    } else if (modalType === 'rename_list') {
+      updateList(modalTarget, name);
+    }
+    closeModal();
+  }, [addList, closeModal, modalTarget, modalType, updateList]);
+  if (isInitializing) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, lists.map(list => /*#__PURE__*/React.createElement(SurroundPortals, {
+    key: list.id,
+    portalName: FAVORITES_LIST,
+    portalProps: list
+  }, /*#__PURE__*/React.createElement(List, {
+    id: list.id,
+    name: list.name,
+    rename: openRenameModal,
+    remove: () => removeList(list.id),
+    removeItem: productId => removeItem(list.id, productId),
+    addToCart: (product, quantity) => handleAddToCart(list.id, product, quantity),
+    hasMultipleFavoritesListsSupport: hasMultipleFavoritesListsSupport
+  }))), modalOpen ? /*#__PURE__*/React.createElement(ListsModal, {
+    type: modalType,
+    onDismiss: closeModal,
+    onConfirm: confirmModal
+  }) : null, activeProductId ? /*#__PURE__*/React.createElement(FulfillmentSheet, {
+    productId: activeProductId,
+    fulfillmentMethod: fulfillmentMethod
+  }) : null, /*#__PURE__*/React.createElement(CommentDialog, null), /*#__PURE__*/React.createElement(ItemFulfillmentMethod, {
+    isOpen: foMethodChooser,
+    methods: fulfillmentMethods,
+    onSelect: handleAddToCartWithMethod,
+    onClose: handleMethodClose
+  }), /*#__PURE__*/React.createElement(SurroundPortals, {
+    portalName: FAVORITES_LIST_ADD_BUTTON
+  }, hasMultipleFavoritesListsSupport ? /*#__PURE__*/React.createElement(RippleButton, {
+    type: "primary",
+    className: styles.addButton,
+    onClick: openAddModal,
+    disabled: false
+  }, i18n.text('favorites.add_list')) : null));
+};
+FavoriteLists.defaultProps = {
+  lists: [],
+  userSearch: {},
+  preferredFulfillmentMethod: null,
+  shopFulfillmentMethods: [],
+  preferredLocation: null,
+  isInitializing: true
+};
+export default connect(makeMapStateToProps, mapDispatchToProps)(FavoriteLists);

package/favorites/components/Lists/ListsModal.js

@@ -1,5 +1,69 @@
-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);}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useState,useCallback,useMemo}from'react';import PropTypes from'prop-types';import{hasNewServices}from'@shopgate/engage/core/helpers';import{Dialog,TextField}from'@shopgate/engage/components';import{i18n}from'@shopgate/engage/core';import{themeName}from'@shopgate/pwa-common/helpers/config';import{css}from'glamor';var isIos=themeName.includes('ios');var styles={root:css({display:'flex',flexDirection:'column'}),input:css({textAlign:'left',fontSize:'1rem'}).toString()};/**
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState, useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { hasNewServices } from '@shopgate/engage/core/helpers';
+import { Dialog, TextField } from '@shopgate/engage/components';
+import { i18n } from '@shopgate/engage/core';
+import { themeName } from '@shopgate/pwa-common/helpers/config';
+import { css } from 'glamor';
+const isIos = themeName.includes('ios');
+const styles = {
+  root: css({
+    display: 'flex',
+    flexDirection: 'column'
+  }),
+  input: css({
+    textAlign: 'left',
+    fontSize: '1rem'
+  }).toString()
+};
+
+/**
  * @param {Object} props Props
  * @returns {Object}
- */var ListsModal=function ListsModal(_ref){var type=_ref.type,onConfirm=_ref.onConfirm,onDismiss=_ref.onDismiss;var _useState=useState(''),_useState2=_slicedToArray(_useState,2),input=_useState2[0],setInput=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),error=_useState4[0],setError=_useState4[1];var onConfirmWrapped=useCallback(function(){if(input.length===0){setError(i18n.text('favorites.errors.invalid_name'));return;}onConfirm(input);},[input,onConfirm]);var onChange=useCallback(function(value){setInput(value);},[]);// Favorites list name was restricted to 25 characters on PWA6 in CCP-2535
-var textFieldMaxLength=useMemo(function(){return!hasNewServices()?'25':undefined;},[]);return React.createElement(Dialog,{onConfirm:onConfirmWrapped,onDismiss:onDismiss,modal:{title:i18n.text("favorites.".concat(type,"_modal.title")),dismiss:i18n.text("favorites.".concat(type,"_modal.dismiss")),confirm:i18n.text("favorites.".concat(type,"_modal.confirm"))}},React.createElement("div",{className:styles.root},React.createElement("span",null,i18n.text("favorites.".concat(type,"_modal.message"))),React.createElement(TextField,_extends({name:"name"},isIos?{placeholder:i18n.text("favorites.".concat(type,"_modal.label"))}:{label:i18n.text("favorites.".concat(type,"_modal.label"))},{maxLength:textFieldMaxLength,onChange:onChange,value:input,errorText:error||undefined,className:styles.input}))));};export default ListsModal;
+ */
+const ListsModal = ({
+  type,
+  onConfirm,
+  onDismiss
+}) => {
+  const [input, setInput] = useState('');
+  const [error, setError] = useState(null);
+  const onConfirmWrapped = useCallback(() => {
+    if (input.length === 0) {
+      setError(i18n.text('favorites.errors.invalid_name'));
+      return;
+    }
+    onConfirm(input);
+  }, [input, onConfirm]);
+  const onChange = useCallback(value => {
+    setInput(value);
+  }, []);
+
+  // Favorites list name was restricted to 25 characters on PWA6 in CCP-2535
+  const textFieldMaxLength = useMemo(() => !hasNewServices() ? '25' : undefined, []);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    onConfirm: onConfirmWrapped,
+    onDismiss: onDismiss,
+    modal: {
+      title: i18n.text(`favorites.${type}_modal.title`),
+      dismiss: i18n.text(`favorites.${type}_modal.dismiss`),
+      confirm: i18n.text(`favorites.${type}_modal.confirm`)
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement("span", null, i18n.text(`favorites.${type}_modal.message`)), /*#__PURE__*/React.createElement(TextField, _extends({
+    name: "name"
+  }, isIos ? {
+    placeholder: i18n.text(`favorites.${type}_modal.label`)
+  } : {
+    label: i18n.text(`favorites.${type}_modal.label`)
+  }, {
+    maxLength: textFieldMaxLength,
+    onChange: onChange,
+    value: input,
+    errorText: error || undefined,
+    className: styles.input
+  }))));
+};
+export default ListsModal;

package/favorites/components/Lists/index.js

@@ -1 +1 @@
-export{default}from"./Lists";
+export { default } from "./Lists";

package/favorites/components/RemoveButton/RemoveButton.js

@@ -1,4 +1,39 @@
-import React from'react';import PropTypes from'prop-types';import{css}from'glamor';import{i18n}from'@shopgate/engage/core';import{Ripple}from'@shopgate/engage/components';import TrashOutlineIcon from'@shopgate/pwa-ui-shared/icons/TrashOutlineIcon';var styles={root:css({display:'flex',borderRadius:'50%',color:'var(--color-text-high-emphasis)',fontSize:'1.5rem',padding:'0 8px 8px 8px',lineHeight:1,outline:0,justifyContent:'center',alignItems:'center',marginRight:-1}).toString(),ripple:css({flexShrink:0}).toString()};/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from 'glamor';
+import { i18n } from '@shopgate/engage/core';
+import { Ripple } from '@shopgate/engage/components';
+import TrashOutlineIcon from '@shopgate/pwa-ui-shared/icons/TrashOutlineIcon';
+const styles = {
+  root: css({
+    display: 'flex',
+    borderRadius: '50%',
+    color: 'var(--color-text-high-emphasis)',
+    fontSize: '1.5rem',
+    padding: '0 8px 8px 8px',
+    lineHeight: 1,
+    outline: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: -1
+  }).toString(),
+  ripple: css({
+    flexShrink: 0
+  }).toString()
+};
+
+/**
  * The remove favorites button component.
  * @returns {JSX}
- */var RemoveButton=function RemoveButton(_ref){var onClick=_ref.onClick;return React.createElement("button",{className:styles.root,onClick:onClick,type:"button","aria-label":i18n.text('favorites.remove')},React.createElement(Ripple,{className:styles.ripple},React.createElement(TrashOutlineIcon,null)));};export default RemoveButton;
+ */
+const RemoveButton = ({
+  onClick
+}) => /*#__PURE__*/React.createElement("button", {
+  className: styles.root,
+  onClick: onClick,
+  type: "button",
+  "aria-label": i18n.text('favorites.remove')
+}, /*#__PURE__*/React.createElement(Ripple, {
+  className: styles.ripple
+}, /*#__PURE__*/React.createElement(TrashOutlineIcon, null)));
+export default RemoveButton;

package/favorites/components/RemoveButton/index.js

@@ -1 +1 @@
-export{default}from"./RemoveButton";
+export { default } from "./RemoveButton";

package/favorites/constants/Portals.js

@@ -1 +1,7 @@
-import{FAVORITES}from'@shopgate/pwa-common-commerce/favorites/constants/Portals';export var FAVORITES_LIST="".concat(FAVORITES,".list");export var FAVORITES_LIST_ADD_BUTTON="".concat(FAVORITES,".list-add-button");export var FAVORITES_LIST_CONTEXT_MENU="".concat(FAVORITES,".list-context-menu");export var FAVORITES_LIST_ITEM="".concat(FAVORITES,".list-item");export var FAVORITES_NOTES="".concat(FAVORITES,".notes");export var FAVORITES_QUANTITY="".concat(FAVORITES,".quantity");
+import { FAVORITES } from '@shopgate/pwa-common-commerce/favorites/constants/Portals';
+export const FAVORITES_LIST = `${FAVORITES}.list`;
+export const FAVORITES_LIST_ADD_BUTTON = `${FAVORITES}.list-add-button`;
+export const FAVORITES_LIST_CONTEXT_MENU = `${FAVORITES}.list-context-menu`;
+export const FAVORITES_LIST_ITEM = `${FAVORITES}.list-item`;
+export const FAVORITES_NOTES = `${FAVORITES}.notes`;
+export const FAVORITES_QUANTITY = `${FAVORITES}.quantity`;

package/favorites/constants/index.js

@@ -1 +1,2 @@
-export*from"./Portals";export var FAVORITES_SHOW_LIMIT=10;
+export * from "./Portals";
+export const FAVORITES_SHOW_LIMIT = 10;

package/favorites/index.js

@@ -1,5 +1,20 @@
-/** @module favorites */ // ACTIONS
-export{default as fetchFavorites}from'@shopgate/pwa-common-commerce/favorites/actions/fetchFavorites';export{default as fetchFavoritesLists}from'@shopgate/pwa-common-commerce/favorites/actions/fetchFavoritesList';export{default as addFavoritesList}from'@shopgate/pwa-common-commerce/favorites/actions/addFavoritesList';export{addFavorite,removeFavorites,requestSync as toggleFavorites,toggleFavoriteWithListChooser,toggleFavorite}from'@shopgate/pwa-common-commerce/favorites/actions/toggleFavorites';export{default as fetchFavoritesListsWithItems}from'@shopgate/pwa-common-commerce/favorites/actions/fetchFavoritesListsWithItems';// CONSTANTS
-export*from'@shopgate/pwa-common-commerce/favorites/constants/index';export*from'@shopgate/pwa-common-commerce/favorites/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/favorites/constants/Portals';export*from"./constants/Portals";// SELECTORS
-export*from'@shopgate/pwa-common-commerce/favorites/selectors';// STREAMS
-export*from'@shopgate/pwa-common-commerce/favorites/streams';
+/** @module favorites */
+
+// ACTIONS
+export { default as fetchFavorites } from '@shopgate/pwa-common-commerce/favorites/actions/fetchFavorites';
+export { default as fetchFavoritesLists } from '@shopgate/pwa-common-commerce/favorites/actions/fetchFavoritesList';
+export { default as addFavoritesList } from '@shopgate/pwa-common-commerce/favorites/actions/addFavoritesList';
+export { addFavorite, removeFavorites, requestSync as toggleFavorites, toggleFavoriteWithListChooser, toggleFavorite } from '@shopgate/pwa-common-commerce/favorites/actions/toggleFavorites';
+export { default as fetchFavoritesListsWithItems } from '@shopgate/pwa-common-commerce/favorites/actions/fetchFavoritesListsWithItems';
+
+// CONSTANTS
+export * from '@shopgate/pwa-common-commerce/favorites/constants/index';
+export * from '@shopgate/pwa-common-commerce/favorites/constants/Pipelines';
+export * from '@shopgate/pwa-common-commerce/favorites/constants/Portals';
+export * from "./constants/Portals";
+
+// SELECTORS
+export * from '@shopgate/pwa-common-commerce/favorites/selectors';
+
+// STREAMS
+export * from '@shopgate/pwa-common-commerce/favorites/streams';

package/filter/actions/index.js

@@ -1 +1 @@
-export{default as fetchFilters}from'@shopgate/pwa-common-commerce/filter/actions/fetchFilters';
+export { default as fetchFilters } from '@shopgate/pwa-common-commerce/filter/actions/fetchFilters';

package/filter/components/FilterItem/index.js

@@ -1,5 +1,15 @@
-import React from'react';import PropTypes from'prop-types';import styles from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from "./style";
+
+/**
  * Wraps a single filter page item.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var FilterItem=function FilterItem(_ref){var children=_ref.children;return React.createElement("div",{className:styles},children);};export default FilterItem;
+ */
+const FilterItem = ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: styles
+}, children);
+export default FilterItem;

package/filter/components/FilterItem/spec.js

@@ -1 +1,9 @@
-import React from'react';import{shallow}from'enzyme';import Item from"./index";describe('Filter: <Item />',function(){it('should render',function(){var wrapper=shallow(React.createElement(Item,null,React.createElement("div",null,"Some")));expect(wrapper).toMatchSnapshot();});});
+import React from 'react';
+import { shallow } from 'enzyme';
+import Item from "./index";
+describe('Filter: <Item />', () => {
+  it('should render', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Item, null, /*#__PURE__*/React.createElement("div", null, "Some")));
+    expect(wrapper).toMatchSnapshot();
+  });
+});

package/filter/components/FilterItem/style.js

@@ -1 +1,9 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;export default css({background:colors.light,marginTop:4});
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  colors
+} = themeConfig;
+export default css({
+  background: colors.light,
+  marginTop: 4
+});

package/filter/components/FilterPageContent/components/ApplyButton/index.js

@@ -1,7 +1,51 @@
-import React,{memo}from'react';import PropTypes from'prop-types';import{I18n,Button,SurroundPortals}from'@shopgate/engage/components';import{PORTAL_FILTER_APPLY_BUTTON}from'@shopgate/engage/filter/constants';import{withWidgetSettings}from'@shopgate/engage/core';import styles from"./style";/**
+import React, { memo } from 'react';
+import PropTypes from 'prop-types';
+import { I18n, Button, SurroundPortals } from '@shopgate/engage/components';
+import { PORTAL_FILTER_APPLY_BUTTON } from '@shopgate/engage/filter/constants';
+import { withWidgetSettings } from '@shopgate/engage/core';
+import styles from "./style";
+
+/**
  * The filter apply button component.
  * @param {Object} props The component props
  * @param {boolean} props.disabled Whether the button is disabled
  * @param {Function} props.onClick Click handler for the button
  * @returns {JSX.Element}
- */var FilterApplyButton=function FilterApplyButton(_ref){var disabled=_ref.disabled,onClick=_ref.onClick,widgetSettings=_ref.widgetSettings;var buttonTextColor=widgetSettings.buttonTextColor,buttonTextColorDisabled=widgetSettings.buttonTextColorDisabled;var buttonColor=!disabled?buttonTextColor:buttonTextColorDisabled;return React.createElement(SurroundPortals,{portalName:PORTAL_FILTER_APPLY_BUTTON,portalProps:{disabled:disabled,onClick:onClick,widgetSettings:widgetSettings}},React.createElement("div",{className:styles.wrapper},React.createElement(Button,{className:styles.button,flat:true,type:"primary",onClick:onClick,disabled:disabled,testId:"applyFilterButton"},React.createElement(I18n.Text,{string:"filter.apply",style:{color:buttonColor}}))));};FilterApplyButton.defaultProps={disabled:false};export default withWidgetSettings(memo(FilterApplyButton),'@shopgate/engage/components/AppBar');
+ */
+const FilterApplyButton = ({
+  disabled,
+  onClick,
+  widgetSettings
+}) => {
+  const {
+    buttonTextColor,
+    buttonTextColorDisabled
+  } = widgetSettings;
+  const buttonColor = !disabled ? buttonTextColor : buttonTextColorDisabled;
+  return /*#__PURE__*/React.createElement(SurroundPortals, {
+    portalName: PORTAL_FILTER_APPLY_BUTTON,
+    portalProps: {
+      disabled,
+      onClick,
+      widgetSettings
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.wrapper
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles.button,
+    flat: true,
+    type: "primary",
+    onClick: onClick,
+    disabled: disabled,
+    testId: "applyFilterButton"
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "filter.apply",
+    style: {
+      color: buttonColor
+    }
+  }))));
+};
+FilterApplyButton.defaultProps = {
+  disabled: false
+};
+export default withWidgetSettings(/*#__PURE__*/memo(FilterApplyButton), '@shopgate/engage/components/AppBar');

package/filter/components/FilterPageContent/components/ApplyButton/spec.js

@@ -1 +1,45 @@
-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 React from'react';import{shallow}from'enzyme';import ApplyButton from"./index";var clickMock=jest.fn();jest.mock('@shopgate/engage/components');jest.mock('@shopgate/engage/core',function(){return{withWidgetSettings:function withWidgetSettings(Comp){return function(props){return React.createElement(Comp,_extends({widgetSettings:{}},props));};}};});jest.mock('@shopgate/engage/components',function(){return{SurroundPortals:function SurroundPortals(_ref){var children=_ref.children;return children;},I18n:{Text:function Text(){return'I18n.Text';}},Button:function Button(){return'Button';}};});describe('Filter: <ApplyButton />',function(){it('should render as activated',function(){var wrapper=shallow(React.createElement(ApplyButton,{onClick:function onClick(){}})).dive();expect(wrapper).toMatchSnapshot();});it('should render as deactivated',function(){var wrapper=shallow(React.createElement(ApplyButton,{disabled:true,onClick:function onClick(){}})).dive();expect(wrapper).toMatchSnapshot();});it('should handle clicks',function(){var wrapper=shallow(React.createElement(ApplyButton,{onClick:clickMock})).dive();expect(wrapper).toMatchSnapshot();wrapper.find('Button').simulate('click');expect(clickMock).toHaveBeenCalled();});});
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { shallow } from 'enzyme';
+import ApplyButton from "./index";
+const clickMock = jest.fn();
+jest.mock('@shopgate/engage/components');
+jest.mock('@shopgate/engage/core', () => ({
+  withWidgetSettings: function withWidgetSettings(Comp) {
+    return props => /*#__PURE__*/React.createElement(Comp, _extends({
+      widgetSettings: {}
+    }, props));
+  }
+}));
+jest.mock('@shopgate/engage/components', () => ({
+  SurroundPortals: ({
+    children
+  }) => children,
+  I18n: {
+    Text: () => 'I18n.Text'
+  },
+  Button: () => 'Button'
+}));
+describe('Filter: <ApplyButton />', () => {
+  it('should render as activated', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ApplyButton, {
+      onClick: () => {}
+    })).dive();
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should render as deactivated', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ApplyButton, {
+      disabled: true,
+      onClick: () => {}
+    })).dive();
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should handle clicks', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ApplyButton, {
+      onClick: clickMock
+    })).dive();
+    expect(wrapper).toMatchSnapshot();
+    wrapper.find('Button').simulate('click');
+    expect(clickMock).toHaveBeenCalled();
+  });
+});