@shopgate/engage 7.30.0-alpha.9 → 7.30.0-beta.2

package/development/components/DevelopmentTools/DevelopmentTools.js

@@ -10,12 +10,17 @@ import SimulatedInsets from "../SimulatedInsets";
  * @param {React.ReactNode} props.children The child components.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const DevelopmentTools = ({
   children
 }) => {
   if (!isDev) {
     return children;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Shortcuts, null), /*#__PURE__*/React.createElement(SimulatedInsets, null, children));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Shortcuts, {}), /*#__PURE__*/_jsx(SimulatedInsets, {
+      children: children
+    })]
+  });
 };
 export default /*#__PURE__*/memo(DevelopmentTools);

package/development/components/SimulatedInsets/SimulatedInsetBottom.js

@@ -1,8 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { css } from 'glamor';
+import { jsx as _jsx } from "react/jsx-runtime";
 const classes = {
   container: css({
     position: 'fixed',
@@ -44,14 +44,15 @@ const SimulatedInsetBottom = ({
   const containerClasses = useMemo(() => classNames(classes.container, {
     [classes.containerHighlight]: highlightInset
   }), [highlightInset]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", {
     "aria-hidden": true,
     role: "presentation",
-    className: containerClasses
-  }, props, {
-    onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classes.handle
-  }));
+    className: containerClasses,
+    ...props,
+    onClick: onClick,
+    children: /*#__PURE__*/_jsx("div", {
+      className: classes.handle
+    })
+  });
 };
 export default SimulatedInsetBottom;

package/development/components/SimulatedInsets/SimulatedInsetTop.js

@@ -1,10 +1,10 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useSelector } from 'react-redux';
 import { css } from 'glamor';
 import { getStatusBarStyleStorage } from '@shopgate/engage/development/selectors';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const classes = {
   container: css({
     position: 'fixed',
@@ -89,18 +89,21 @@ const SimulatedInsetTop = ({
     [classes.styleLight]: statusBarStyle === 'light',
     [classes.styleNone]: statusBarStyle === 'none'
   }), [highlightInset, statusBarStyle]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", {
     "aria-hidden": true,
     role: "presentation",
-    className: classNames(containerClasses)
-  }, props, {
-    onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classes.info
-  }, time), /*#__PURE__*/React.createElement("div", {
-    className: classes.notch
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classes.info
-  }, "5G"));
+    className: classNames(containerClasses),
+    ...props,
+    onClick: onClick,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: classes.info,
+      children: time
+    }), /*#__PURE__*/_jsx("div", {
+      className: classes.notch
+    }), /*#__PURE__*/_jsx("div", {
+      className: classes.info,
+      children: "5G"
+    })]
+  });
 };
 export default SimulatedInsetTop;

package/development/components/SimulatedInsets/SimulatedInsets.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
@@ -14,6 +13,7 @@ import SimulatedInsetBottom from "./SimulatedInsetBottom";
  * @param {React.ReactNode} props.children The child components.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const SimulatedInsets = ({
   children
 }) => {
@@ -26,12 +26,16 @@ const SimulatedInsets = ({
   const attrs = useLongPress(() => {
     dispatch(toggleInsets(!hasSimulatedSafeAreaInsets));
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, hasSimulatedSafeAreaInsets && /*#__PURE__*/React.createElement(SimulatedInsetTop, _extends({
-    onClick: handleClick,
-    highlightInset: highlightInset
-  }, attrs)), children, hasSimulatedSafeAreaInsets && /*#__PURE__*/React.createElement(SimulatedInsetBottom, _extends({
-    onClick: handleClick,
-    highlightInset: highlightInset
-  }, attrs)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [hasSimulatedSafeAreaInsets && /*#__PURE__*/_jsx(SimulatedInsetTop, {
+      onClick: handleClick,
+      highlightInset: highlightInset,
+      ...attrs
+    }), children, hasSimulatedSafeAreaInsets && /*#__PURE__*/_jsx(SimulatedInsetBottom, {
+      onClick: handleClick,
+      highlightInset: highlightInset,
+      ...attrs
+    })]
+  });
 };
 export default SimulatedInsets;

package/favorites/components/CommentDialog/CommentDialog.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useState, useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
@@ -11,6 +10,7 @@ import { closeFavoritesCommentDialog } from '@shopgate/pwa-common-commerce/favor
 import { themeName } from '@shopgate/pwa-common/helpers/config';
 import { updateFavorite } from '@shopgate/pwa-common-commerce/favorites/actions/toggleFavorites';
 import I18n from '@shopgate/pwa-common/components/I18n';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const isIos = themeName.includes('ios');
 
 /**
@@ -112,38 +112,40 @@ const CommentDialog = ({
   if (!isVisible) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Dialog, {
+  return /*#__PURE__*/_jsx(Dialog, {
     onConfirm: handleSubmit,
     onDismiss: handleClose,
     modal: {
       title: i18n.text(`favorites.comment_modal.${(item?.notes || '').length === 0 ? 'titleAdd' : 'titleEdit'}`),
       dismiss: i18n.text('favorites.comment_modal.dismiss'),
       confirm: i18n.text('favorites.comment_modal.confirm')
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, /*#__PURE__*/React.createElement(TextField, _extends({
-    name: "name"
-  }, isIos ? {
-    placeholder: i18n.text('favorites.comment_modal.label')
-  } : {
-    label: i18n.text('favorites.comment_modal.label')
-  }, {
-    onChange: handleChange,
-    value: value,
-    className: styles.input,
-    attributes: attributes,
-    multiLine: true,
-    tabIndex: 0
-  })), /*#__PURE__*/React.createElement(I18n.Text, {
-    className: styles.characterCount,
-    string: "favorites.comment_modal.characterCount",
-    "aria-hidden": true,
-    params: {
-      maxCount: MAX_CHARACTER_COUNT,
-      count: value?.length || 0
-    }
-  })));
+    },
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.root,
+      children: [/*#__PURE__*/_jsx(TextField, {
+        name: "name",
+        ...(isIos ? {
+          placeholder: i18n.text('favorites.comment_modal.label')
+        } : {
+          label: i18n.text('favorites.comment_modal.label')
+        }),
+        onChange: handleChange,
+        value: value,
+        className: styles.input,
+        attributes: attributes,
+        multiLine: true,
+        tabIndex: 0
+      }), /*#__PURE__*/_jsx(I18n.Text, {
+        className: styles.characterCount,
+        string: "favorites.comment_modal.characterCount",
+        "aria-hidden": true,
+        params: {
+          maxCount: MAX_CHARACTER_COUNT,
+          count: value?.length || 0
+        }
+      })]
+    })
+  });
 };
 CommentDialog.defaultProps = {
   settings: null

package/favorites/components/FavoriteButtonWide/FavoriteButtonWide.js

@@ -13,6 +13,7 @@ import appConfig from '@shopgate/pwa-common/helpers/config';
  * @param {Object} state State.
  * @returns {Object}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const makeMapStateToProps = () => {
   const getIsOnList = makeIsProductOnFavoriteList((_, props) => props.productId);
   return (state, props) => ({
@@ -68,11 +69,12 @@ const FavoriteButtonWide = ({
   if (!appConfig.hasFavorites) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(RippleButton, {
+  return /*#__PURE__*/_jsx(RippleButton, {
     className: styles.root,
     rippleClassName: styles.ripple,
     type: "primary",
-    onClick: () => toggle(productId)
-  }, i18n.text(label));
+    onClick: () => toggle(productId),
+    children: i18n.text(label)
+  });
 };
 export default connect(makeMapStateToProps, mapDispatchToProps)(FavoriteButtonWide);

package/favorites/components/Item/Item.js

@@ -24,6 +24,7 @@ import ItemCharacteristics from "./ItemCharacteristics";
 import ItemQuantity from "./ItemQuantity";
 import ItemNotes from "./ItemNotes";
 import { FAVORITES_LIST_ITEM, FAVORITES_NOTES, FAVORITES_QUANTITY } from "../../constants/Portals";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   variables
 } = themeConfig;
@@ -46,8 +47,8 @@ const makeMapStateToProps = () => {
  * @returns {Object}
  */
 const mapDispatchToProps = dispatch => ({
-  showModal: (...args) => dispatch(showModalAction(...args)),
-  historyPush: (...args) => dispatch(historyPushAction(...args)),
+  showModal: (...args) => dispatch(showModalAction.apply(void 0, args)),
+  historyPush: (...args) => dispatch(historyPushAction.apply(void 0, args)),
   updateFavoriteItem: (productId, listId, quantity, notes) => {
     dispatch(updateFavorite(productId, listId, quantity, notes));
   },
@@ -255,104 +256,123 @@ const FavoriteItem = ({
       broadcastLiveMessage('favorites.comments.removed');
     }, 300);
   }, [listId, product.id, quantity, updateFavoriteItem]);
-  return /*#__PURE__*/React.createElement(ProductListEntryProvider, {
-    productId: product.id
-  }, /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: FAVORITES_LIST_ITEM,
-    portalProps: product
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.root, 'engage__favorites__item')
-  }, /*#__PURE__*/React.createElement(Link, {
-    className: classNames(styles.imageContainer, 'engage__favorites__item__image-container'),
-    component: "div",
-    href: productLink,
-    "aria-hidden": true
-  }, /*#__PURE__*/React.createElement(ProductImage, {
-    className: classNames('engage__favorites__item__image'),
-    src: product.featuredImageBaseUrl,
-    resolutions: gridResolutions
-  })), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.infoContainer, 'engage__favorites__item__info-container')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.infoContainerRow)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.titleWrapper
-  }, /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: FAVORITES_PRODUCT_NAME,
-    portalProps: commonPortalProps
-  }, /*#__PURE__*/React.createElement(TextLink, {
-    href: productLink,
-    tag: "span",
-    className: classNames(styles.titleContainer, 'engage__favorites__item__title-container')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.title
-    // eslint-disable-next-line react/no-danger
-    ,
-    dangerouslySetInnerHTML: {
-      __html: `${product.name}`
-    }
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: styles.removeContainer
-  }, /*#__PURE__*/React.createElement(Remove, {
-    onClick: remove
-  }))), /*#__PURE__*/React.createElement(ItemCharacteristics, {
-    characteristics: characteristics
-  }), !hasNewServices() ? /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: FAVORITES_AVAILABILITY_TEXT,
-    portalProps: commonPortalProps
-  }, /*#__PURE__*/React.createElement(AvailableText, {
-    text: commonPortalProps.availability.text,
-    state: commonPortalProps.availability.state,
-    showWhenAvailable: true,
-    className: styles.availability
-  })) : /*#__PURE__*/React.createElement(StockInfoLists, {
-    product: product
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.infoContainerRow
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.quantityContainer
-  }, /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: FAVORITES_QUANTITY,
-    portalProps: commonPortalProps
-  }, /*#__PURE__*/React.createElement(ItemQuantity, {
-    quantity: internalQuantity,
-    onChange: handleChangeQuantity
-  })), /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: FAVORITES_PRODUCT_PRICE,
-    portalProps: commonPortalProps
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.priceContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.priceContainerInner
-  }, hasStrikePrice ? /*#__PURE__*/React.createElement(PriceStriked, {
-    value: specialPrice,
-    currency: currency
-  }) : null, /*#__PURE__*/React.createElement(Price, {
-    currency: currency,
-    discounted: hasStrikePrice,
-    unitPrice: defaultPrice,
-    className: styles.price
-  })), /*#__PURE__*/React.createElement(PriceInfo, {
-    product: product,
-    currency: currency,
-    className: styles.priceInfo
-  })))), /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: FAVORITES_ADD_TO_CART,
-    portalProps: ctaPortalProps
-  }, /*#__PURE__*/React.createElement(AddToCart, {
-    onClick: handleAddToCart,
-    isLoading: false,
-    isDisabled: isDisabled,
-    "aria-label": i18n.text('product.add_to_cart')
-  }))), /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: FAVORITES_NOTES,
-    portalProps: commonPortalProps
-  }, /*#__PURE__*/React.createElement(ItemNotes, {
-    notes: notes,
-    onClickDeleteComment: handleDeleteComment,
-    onClickOpenComment: handleOpenComment,
-    notesButtonRef: notesButtonRef
-  }))))));
+  return /*#__PURE__*/_jsx(ProductListEntryProvider, {
+    productId: product.id,
+    children: /*#__PURE__*/_jsx(SurroundPortals, {
+      portalName: FAVORITES_LIST_ITEM,
+      portalProps: product,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: classNames(styles.root, 'engage__favorites__item'),
+        children: [/*#__PURE__*/_jsx(Link, {
+          className: classNames(styles.imageContainer, 'engage__favorites__item__image-container'),
+          component: "div",
+          href: productLink,
+          "aria-hidden": true,
+          children: /*#__PURE__*/_jsx(ProductImage, {
+            className: classNames('engage__favorites__item__image'),
+            src: product.featuredImageBaseUrl,
+            resolutions: gridResolutions
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: classNames(styles.infoContainer, 'engage__favorites__item__info-container'),
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: classNames(styles.infoContainerRow),
+            children: [/*#__PURE__*/_jsx("div", {
+              className: styles.titleWrapper,
+              children: /*#__PURE__*/_jsx(SurroundPortals, {
+                portalName: FAVORITES_PRODUCT_NAME,
+                portalProps: commonPortalProps,
+                children: /*#__PURE__*/_jsx(TextLink, {
+                  href: productLink,
+                  tag: "span",
+                  className: classNames(styles.titleContainer, 'engage__favorites__item__title-container'),
+                  children: /*#__PURE__*/_jsx("span", {
+                    className: styles.title
+                    // eslint-disable-next-line react/no-danger
+                    ,
+                    dangerouslySetInnerHTML: {
+                      __html: `${product.name}`
+                    }
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.removeContainer,
+              children: /*#__PURE__*/_jsx(Remove, {
+                onClick: remove
+              })
+            })]
+          }), /*#__PURE__*/_jsx(ItemCharacteristics, {
+            characteristics: characteristics
+          }), !hasNewServices() ? /*#__PURE__*/_jsx(SurroundPortals, {
+            portalName: FAVORITES_AVAILABILITY_TEXT,
+            portalProps: commonPortalProps,
+            children: /*#__PURE__*/_jsx(AvailableText, {
+              text: commonPortalProps.availability.text,
+              state: commonPortalProps.availability.state,
+              showWhenAvailable: true,
+              className: styles.availability
+            })
+          }) : /*#__PURE__*/_jsx(StockInfoLists, {
+            product: product
+          }), /*#__PURE__*/_jsxs("div", {
+            className: styles.infoContainerRow,
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: styles.quantityContainer,
+              children: [/*#__PURE__*/_jsx(SurroundPortals, {
+                portalName: FAVORITES_QUANTITY,
+                portalProps: commonPortalProps,
+                children: /*#__PURE__*/_jsx(ItemQuantity, {
+                  quantity: internalQuantity,
+                  onChange: handleChangeQuantity
+                })
+              }), /*#__PURE__*/_jsx(SurroundPortals, {
+                portalName: FAVORITES_PRODUCT_PRICE,
+                portalProps: commonPortalProps,
+                children: /*#__PURE__*/_jsxs("div", {
+                  className: styles.priceContainer,
+                  children: [/*#__PURE__*/_jsxs("div", {
+                    className: styles.priceContainerInner,
+                    children: [hasStrikePrice ? /*#__PURE__*/_jsx(PriceStriked, {
+                      value: specialPrice,
+                      currency: currency
+                    }) : null, /*#__PURE__*/_jsx(Price, {
+                      currency: currency,
+                      discounted: hasStrikePrice,
+                      unitPrice: defaultPrice,
+                      className: styles.price
+                    })]
+                  }), /*#__PURE__*/_jsx(PriceInfo, {
+                    product: product,
+                    currency: currency,
+                    className: styles.priceInfo
+                  })]
+                })
+              })]
+            }), /*#__PURE__*/_jsx(SurroundPortals, {
+              portalName: FAVORITES_ADD_TO_CART,
+              portalProps: ctaPortalProps,
+              children: /*#__PURE__*/_jsx(AddToCart, {
+                onClick: handleAddToCart,
+                isLoading: false,
+                isDisabled: isDisabled,
+                "aria-label": i18n.text('product.add_to_cart')
+              })
+            })]
+          }), /*#__PURE__*/_jsx(SurroundPortals, {
+            portalName: FAVORITES_NOTES,
+            portalProps: commonPortalProps,
+            children: /*#__PURE__*/_jsx(ItemNotes, {
+              notes: notes,
+              onClickDeleteComment: handleDeleteComment,
+              onClickOpenComment: handleOpenComment,
+              notesButtonRef: notesButtonRef
+            })
+          })]
+        })]
+      })
+    })
+  });
 };
 FavoriteItem.defaultProps = {
   isBaseProduct: true,

package/favorites/components/Item/ItemCharacteristics.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { css } from 'glamor';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   property: css({
     fontSize: 14,
@@ -19,13 +20,15 @@ const ItemCharacteristics = ({
   if (!characteristics || characteristics.length === 0) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("ul", null, characteristics.map(({
-    label,
-    value
-  }) => /*#__PURE__*/React.createElement("li", {
-    key: `${label}-${value}`,
-    className: styles.property
-  }, label, ': ', value)));
+  return /*#__PURE__*/_jsx("ul", {
+    children: characteristics.map(({
+      label,
+      value
+    }) => /*#__PURE__*/_jsxs("li", {
+      className: styles.property,
+      children: [label, ': ', value]
+    }, `${label}-${value}`))
+  });
 };
 ItemCharacteristics.defaultProps = {
   characteristics: null

package/favorites/components/Item/ItemNotes.js

@@ -4,6 +4,7 @@ import { css } from 'glamor';
 import { connect } from 'react-redux';
 import { i18n } from '@shopgate/engage/core';
 import { getWishlistItemNotesEnabled } from "../../../core/selectors/shopSettings";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const styles = {
   root: css({
     display: 'flex',
@@ -61,28 +62,38 @@ const ItemNotes = ({
     return null;
   }
   /* eslint-disable jsx-a11y/aria-role */
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, notes && /*#__PURE__*/React.createElement("span", {
-    role: "text"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.comment
-  }, `${i18n.text('favorites.comments.notes')}: `), /*#__PURE__*/React.createElement("span", {
-    className: styles.notes
-  }, `"${notes}"`)), /*#__PURE__*/React.createElement("span", {
-    className: styles.buttons
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: onClickOpenComment,
-    className: styles.addCommentButton,
-    ref: notesButtonRef
-  }, notes ? i18n.text('favorites.comments.edit') : i18n.text('favorites.comments.add')), notes && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": true
-  }, " | "), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: onClickDeleteComment,
-    className: styles.addCommentButton
-  }, i18n.text('favorites.comments.delete')))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.root,
+    children: [notes && /*#__PURE__*/_jsxs("span", {
+      role: "text",
+      children: [/*#__PURE__*/_jsx("span", {
+        className: styles.comment,
+        children: `${i18n.text('favorites.comments.notes')}: `
+      }), /*#__PURE__*/_jsx("span", {
+        className: styles.notes,
+        children: `"${notes}"`
+      })]
+    }), /*#__PURE__*/_jsxs("span", {
+      className: styles.buttons,
+      children: [/*#__PURE__*/_jsx("button", {
+        type: "button",
+        onClick: onClickOpenComment,
+        className: styles.addCommentButton,
+        ref: notesButtonRef,
+        children: notes ? i18n.text('favorites.comments.edit') : i18n.text('favorites.comments.add')
+      }), notes && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          "aria-hidden": true,
+          children: " | "
+        }), /*#__PURE__*/_jsx("button", {
+          type: "button",
+          onClick: onClickDeleteComment,
+          className: styles.addCommentButton,
+          children: i18n.text('favorites.comments.delete')
+        })]
+      })]
+    })]
+  });
   /* eslint-enable jsx-a11y/aria-role */
 };
 ItemNotes.defaultProps = {

package/favorites/components/Item/ItemQuantity.js

@@ -4,6 +4,7 @@ import { css } from 'glamor';
 import { connect } from 'react-redux';
 import { getWishlistItemQuantityEnabled } from "../../../core/selectors/shopSettings";
 import UnitQuantityPicker from "../../../product/components/UnitQuantityPicker/UnitQuantityPicker";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   root: css({
     width: 120
@@ -38,17 +39,18 @@ const ItemQuantity = ({
   if (!wishlistItemQuantityEnabled) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, /*#__PURE__*/React.createElement(UnitQuantityPicker, {
-    maxValue: 99,
-    minValue: 1,
-    maxDecimals: 0,
-    incrementStep: 1,
-    decrementStep: 1,
-    onChange: handleChange,
-    value: internalQuantity,
-    toggleTabBarOnFocus: true
-  }));
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.root,
+    children: /*#__PURE__*/_jsx(UnitQuantityPicker, {
+      maxValue: 99,
+      minValue: 1,
+      maxDecimals: 0,
+      incrementStep: 1,
+      decrementStep: 1,
+      onChange: handleChange,
+      value: internalQuantity,
+      toggleTabBarOnFocus: true
+    })
+  });
 };
 export default connect(makeMapStateToProps)(ItemQuantity);