@shopgate/engage 7.30.3 → 7.31.0-alpha.1

package/favorites/components/FavoriteButtonWide/FavoriteButtonWide.js

@@ -1,16 +1,15 @@
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { css } from 'glamor';
 import { connect } from 'react-redux';
 import { RippleButton } from '@shopgate/engage/components';
-import { i18n } from '@shopgate/engage/core';
+import { makeStyles } from '@shopgate/engage/styles';
+import { i18n } from '@shopgate/engage/core/helpers';
 import { toggleFavoriteWithListChooser } from '@shopgate/pwa-common-commerce/favorites/actions/toggleFavorites';
 import { makeIsProductOnFavoriteList, hasMultipleFavoritesList } from '@shopgate/pwa-common-commerce/favorites/selectors';
 import { getWishlistItemQuantityEnabled } from '@shopgate/engage/core/selectors/shopSettings';
 import appConfig from '@shopgate/pwa-common/helpers/config';
 
 /**
- * @param {Object} state State.
  * @returns {Object}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -30,8 +29,8 @@ const makeMapStateToProps = () => {
 const mapDispatchToProps = dispatch => ({
   toggle: productId => dispatch(toggleFavoriteWithListChooser(productId))
 });
-const styles = {
-  root: css({
+const useStyles = makeStyles()({
+  root: {
     '&&': {
       margin: '0 0px 16px 16px',
       backgroundColor: '#fff',
@@ -42,11 +41,11 @@ const styles = {
       textTransform: 'none',
       padding: 0
     }
-  }).toString(),
-  ripple: css({
+  },
+  ripple: {
     padding: '8px 16px'
-  }).toString()
-};
+  }
+});
 
 /** @returns {JSX} */
 const FavoriteButtonWide = ({
@@ -56,6 +55,9 @@ const FavoriteButtonWide = ({
   hasMultipleLists,
   wishlistItemQuantityEnabled
 }) => {
+  const {
+    classes
+  } = useStyles();
   const label = useMemo(() => {
     // When wishlist item quantity is active, items cannot be removed via the button
     if (!isOnList || wishlistItemQuantityEnabled) {
@@ -70,8 +72,8 @@ const FavoriteButtonWide = ({
     return null;
   }
   return /*#__PURE__*/_jsx(RippleButton, {
-    className: styles.root,
-    rippleClassName: styles.ripple,
+    className: classes.root,
+    rippleClassName: classes.ripple,
     type: "primary",
     onClick: () => toggle(productId),
     children: i18n.text(label)

package/favorites/components/Item/Item.d.ts

@@ -0,0 +1,62 @@
+declare const _default: import("react-redux").ConnectedComponent<{
+    ({ listId, product, notes, quantity, remove, addToCart, isBaseProduct, isOrderable, isRopeProductOrderable, hasVariants, showModal, historyPush, updateFavoriteItem, openCommentDialog, }: {
+        listId: any;
+        product: any;
+        notes: any;
+        quantity: any;
+        remove: any;
+        addToCart: any;
+        isBaseProduct: any;
+        isOrderable: any;
+        isRopeProductOrderable: any;
+        hasVariants: any;
+        showModal: any;
+        historyPush: any;
+        updateFavoriteItem: any;
+        openCommentDialog: any;
+    }): JSX.Element;
+    propTypes: {
+        addToCart: PropTypes.Validator<(...args: any[]) => any>;
+        historyPush: PropTypes.Validator<(...args: any[]) => any>;
+        listId: PropTypes.Validator<string>;
+        openCommentDialog: PropTypes.Validator<(...args: any[]) => any>;
+        product: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;
+        remove: PropTypes.Validator<(...args: any[]) => any>;
+        showModal: PropTypes.Validator<(...args: any[]) => any>;
+        updateFavoriteItem: PropTypes.Validator<(...args: any[]) => any>;
+        hasVariants: PropTypes.Requireable<boolean>;
+        isBaseProduct: PropTypes.Requireable<boolean>;
+        isOrderable: PropTypes.Requireable<boolean>;
+        isRopeProductOrderable: PropTypes.Requireable<boolean>;
+        notes: PropTypes.Requireable<string>;
+        quantity: PropTypes.Requireable<number>;
+    };
+    defaultProps: {
+        isBaseProduct: boolean;
+        isOrderable: boolean;
+        isRopeProductOrderable: boolean;
+        hasVariants: boolean;
+        notes: undefined;
+        quantity: number;
+    };
+}, {
+    historyPush: (...args: any[]) => any;
+    quantity?: number | null | undefined;
+    notes?: string | null | undefined;
+    listId: string;
+    product: NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+    remove: (...args: any[]) => any;
+    addToCart: (...args: any[]) => any;
+    isBaseProduct?: boolean | null | undefined;
+    isOrderable?: boolean | null | undefined;
+    isRopeProductOrderable?: boolean | null | undefined;
+    hasVariants?: boolean | null | undefined;
+    showModal: (...args: any[]) => any;
+    updateFavoriteItem: (...args: any[]) => any;
+    openCommentDialog: (...args: any[]) => any;
+    context?: import("react-redux/es/components/Context").ReactReduxContextInstance | undefined;
+    store?: import("redux").Store | undefined;
+}>;
+export default _default;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=Item.d.ts.map

package/favorites/components/Item/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../favorites/components/Item/Item.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;QAiLY,GAAG,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAzKD,YAAY"}

package/favorites/components/Item/Item.js

@@ -1,7 +1,6 @@
 import React, { useCallback, useMemo, useLayoutEffect, useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import { css } from 'glamor';
 import { MODAL_VARIANT_SELECT } from '@shopgate/pwa-ui-shared/Dialog/constants';
 import { ProductImage, ITEM_PATH, PriceInfo, isBaseProduct as isBaseProductSelector, isProductOrderable, hasProductVariants, ProductListEntryProvider } from '@shopgate/engage/product';
 import { bin2hex, showModal as showModalAction, historyPush as historyPushAction, getThemeSettings, i18n } from '@shopgate/engage/core';
@@ -10,24 +9,20 @@ import { Link, TextLink, SurroundPortals } from '@shopgate/engage/components';
 import { makeIsRopeProductOrderable, getPreferredLocation, StockInfoLists } from '@shopgate/engage/locations';
 import { FAVORITES_PRODUCT_NAME, FAVORITES_PRODUCT_PRICE, FAVORITES_ADD_TO_CART, FAVORITES_AVAILABILITY_TEXT } from '@shopgate/engage/favorites';
 import { broadcastLiveMessage } from '@shopgate/engage/a11y';
-import { responsiveMediaQuery } from '@shopgate/engage/styles';
+import { makeStyles, responsiveMediaQuery } from '@shopgate/engage/styles';
 import Price from '@shopgate/pwa-ui-shared/Price';
 import PriceStriked from '@shopgate/pwa-ui-shared/PriceStriked';
 import AddToCart from '@shopgate/pwa-ui-shared/AddToCartButton';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 import { updateFavorite } from '@shopgate/pwa-common-commerce/favorites/actions/toggleFavorites';
 import { openFavoritesCommentDialog } from '@shopgate/pwa-common-commerce/favorites/action-creators';
 import AvailableText from '@shopgate/pwa-ui-shared/Availability';
-import classNames from 'classnames';
 import Remove from "../RemoveButton";
 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;
+const EMPTY_CHARACTERISTICS = [];
 
 /**
  * @return {Function} The extended component props.
@@ -54,15 +49,15 @@ const mapDispatchToProps = dispatch => ({
   },
   openCommentDialog: (productId, listId) => dispatch(openFavoritesCommentDialog(productId, listId))
 });
-const styles = {
-  root: css({
+const useStyles = makeStyles()(theme => ({
+  root: {
     display: 'flex',
     position: 'relative',
     '&:not(:last-child)': {
       marginBottom: 16
     }
-  }).toString(),
-  imageContainer: css({
+  },
+  imageContainer: {
     flex: 0.4,
     marginRight: 18,
     [responsiveMediaQuery('>=xs', {
@@ -83,62 +78,62 @@ const styles = {
       width: 120,
       flex: 'none'
     }
-  }).toString(),
-  infoContainer: css({
+  },
+  infoContainer: {
     flex: 1,
     display: 'flex',
     flexDirection: 'column',
     flexWrap: 'wrap',
     gap: 8
-  }).toString(),
-  infoContainerRow: css({
+  },
+  infoContainerRow: {
     flexDirection: 'row',
     display: 'flex',
     justifyContent: 'space-between'
-  }).toString(),
-  quantityContainer: css({
+  },
+  quantityContainer: {
     flexDirection: 'row',
     display: 'flex',
     alignItems: 'center',
     flexWrap: 'wrap',
     gap: 16
-  }).toString(),
-  priceContainer: css({
+  },
+  priceContainer: {
     minWidth: 100
-  }).toString(),
-  priceContainerInner: css({
+  },
+  priceContainerInner: {
     display: 'inline-block',
     textAlign: 'right'
-  }),
-  price: css({
+  },
+  price: {
     justifyContent: 'flex-end'
-  }).toString(),
-  priceInfo: css({
+  },
+  priceInfo: {
     wordBreak: 'break-word',
     fontSize: '0.875rem',
     lineHeight: '0.875rem',
-    color: 'var(--color-text-low-emphasis)',
-    padding: `${variables.gap.xsmall}px 0`
-  }).toString(),
-  titleWrapper: css({
+    color: theme.palette.text.secondary,
+    padding: theme.spacing(0.5, 0)
+  },
+  titleWrapper: {
     display: 'flex',
     flexDirection: 'column',
     gap: 8
-  }).toString(),
-  titleContainer: css({
+  },
+  titleContainer: {
     marginRight: 10,
     flex: 1
-  }).toString(),
-  title: css({
+  },
+  title: {
     fontSize: 17,
     fontWeight: 600
-  }).toString(),
-  removeContainer: css({
+  },
+  removeContainer: {
     display: 'flex',
     flexShrink: 0,
     alignItems: 'flex-start'
-  })
-};
+  }
+}));
 
 /**
  * Favorite Item component
@@ -160,6 +155,10 @@ const FavoriteItem = ({
   updateFavoriteItem,
   openCommentDialog
 }) => {
+  const {
+    classes,
+    cx
+  } = useStyles();
   const {
     ListImage: gridResolutions
   } = getThemeSettings('AppImages') || {};
@@ -168,7 +167,7 @@ const FavoriteItem = ({
   const defaultPrice = product.price?.unitPrice || 0;
   const specialPrice = product.price?.unitPriceStriked;
   const hasStrikePrice = typeof specialPrice === 'number' && specialPrice > defaultPrice;
-  const characteristics = product?.characteristics || [];
+  const characteristics = product?.characteristics ?? EMPTY_CHARACTERISTICS;
   const productLink = `${ITEM_PATH}/${bin2hex(product.id)}`;
   const notesButtonRef = useRef();
   const [internalQuantity, setInternalQuantity] = useState(quantity);
@@ -262,32 +261,32 @@ const FavoriteItem = ({
       portalName: FAVORITES_LIST_ITEM,
       portalProps: product,
       children: /*#__PURE__*/_jsxs("div", {
-        className: classNames(styles.root, 'engage__favorites__item'),
+        className: cx(classes.root, 'engage__favorites__item'),
         children: [/*#__PURE__*/_jsx(Link, {
-          className: classNames(styles.imageContainer, 'engage__favorites__item__image-container'),
+          className: cx(classes.imageContainer, 'engage__favorites__item__image-container'),
           component: "div",
           href: productLink,
           "aria-hidden": true,
           children: /*#__PURE__*/_jsx(ProductImage, {
-            className: classNames('engage__favorites__item__image'),
+            className: cx('engage__favorites__item__image'),
             src: product.featuredImageBaseUrl,
             resolutions: gridResolutions
           })
         }), /*#__PURE__*/_jsxs("div", {
-          className: classNames(styles.infoContainer, 'engage__favorites__item__info-container'),
+          className: cx(classes.infoContainer, 'engage__favorites__item__info-container'),
           children: [/*#__PURE__*/_jsxs("div", {
-            className: classNames(styles.infoContainerRow),
+            className: classes.infoContainerRow,
             children: [/*#__PURE__*/_jsx("div", {
-              className: styles.titleWrapper,
+              className: classes.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'),
+                  className: cx(classes.titleContainer, 'engage__favorites__item__title-container'),
                   children: /*#__PURE__*/_jsx("span", {
-                    className: styles.title
+                    className: classes.title
                     // eslint-disable-next-line react/no-danger
                     ,
                     dangerouslySetInnerHTML: {
@@ -297,7 +296,7 @@ const FavoriteItem = ({
                 })
               })
             }), /*#__PURE__*/_jsx("div", {
-              className: styles.removeContainer,
+              className: classes.removeContainer,
               children: /*#__PURE__*/_jsx(Remove, {
                 onClick: remove
               })
@@ -311,14 +310,14 @@ const FavoriteItem = ({
               text: commonPortalProps.availability.text,
               state: commonPortalProps.availability.state,
               showWhenAvailable: true,
-              className: styles.availability
+              className: classes.availability
             })
           }) : /*#__PURE__*/_jsx(StockInfoLists, {
             product: product
           }), /*#__PURE__*/_jsxs("div", {
-            className: styles.infoContainerRow,
+            className: classes.infoContainerRow,
             children: [/*#__PURE__*/_jsxs("div", {
-              className: styles.quantityContainer,
+              className: classes.quantityContainer,
               children: [/*#__PURE__*/_jsx(SurroundPortals, {
                 portalName: FAVORITES_QUANTITY,
                 portalProps: commonPortalProps,
@@ -330,9 +329,9 @@ const FavoriteItem = ({
                 portalName: FAVORITES_PRODUCT_PRICE,
                 portalProps: commonPortalProps,
                 children: /*#__PURE__*/_jsxs("div", {
-                  className: styles.priceContainer,
+                  className: classes.priceContainer,
                   children: [/*#__PURE__*/_jsxs("div", {
-                    className: styles.priceContainerInner,
+                    className: classes.priceContainerInner,
                     children: [hasStrikePrice ? /*#__PURE__*/_jsx(PriceStriked, {
                       value: specialPrice,
                       currency: currency
@@ -340,12 +339,12 @@ const FavoriteItem = ({
                       currency: currency,
                       discounted: hasStrikePrice,
                       unitPrice: defaultPrice,
-                      className: styles.price
+                      className: classes.price
                     })]
                   }), /*#__PURE__*/_jsx(PriceInfo, {
                     product: product,
                     currency: currency,
-                    className: styles.priceInfo
+                    className: classes.priceInfo
                   })]
                 })
               })]

package/favorites/components/Item/ItemCharacteristics.d.ts

@@ -0,0 +1,17 @@
+export default ItemCharacteristics;
+/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */
+declare function ItemCharacteristics({ characteristics }: Object): JSX;
+declare namespace ItemCharacteristics {
+    namespace propTypes {
+        let characteristics: PropTypes.Requireable<(PropTypes.InferProps<PropTypes.ValidationMap<any>> | null | undefined)[]>;
+    }
+    namespace defaultProps {
+        let characteristics_1: null;
+        export { characteristics_1 as characteristics };
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=ItemCharacteristics.d.ts.map

package/favorites/components/Item/ItemCharacteristics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemCharacteristics.d.ts","sourceRoot":"","sources":["../../../../favorites/components/Item/ItemCharacteristics.jsx"],"names":[],"mappings":";AAYA;;;GAGG;AACH,0DAHW,MAAM,GACJ,GAAG,CAmBf;;;;;;;;;;sBAhCqB,YAAY"}

package/favorites/components/Item/ItemCharacteristics.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { css } from 'glamor';
+import { makeStyles } from '@shopgate/engage/styles';
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-const styles = {
-  property: css({
+const useStyles = makeStyles()({
+  property: {
     fontSize: 14,
     color: 'var(--color-text-medium-emphasis)',
     fontWeight: 400
-  })
-};
+  }
+});
 
 /**
  * @param {Object} props The component props
@@ -17,6 +17,9 @@ const styles = {
 const ItemCharacteristics = ({
   characteristics
 }) => {
+  const {
+    classes
+  } = useStyles();
   if (!characteristics || characteristics.length === 0) {
     return null;
   }
@@ -25,7 +28,7 @@ const ItemCharacteristics = ({
       label,
       value
     }) => /*#__PURE__*/_jsxs("li", {
-      className: styles.property,
+      className: classes.property,
       children: [label, ': ', value]
     }, `${label}-${value}`))
   });

package/favorites/components/Item/ItemNotes.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react-redux").ConnectedComponent<React.ComponentType<never>, never>;
+export default _default;
+import React from 'react';
+//# sourceMappingURL=ItemNotes.d.ts.map

package/favorites/components/Item/ItemNotes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemNotes.d.ts","sourceRoot":"","sources":["../../../../favorites/components/Item/ItemNotes.jsx"],"names":[],"mappings":";;kBAAkB,OAAO"}

package/favorites/components/Item/ItemNotes.js

@@ -1,17 +1,17 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { css } from 'glamor';
 import { connect } from 'react-redux';
 import { i18n } from '@shopgate/engage/core';
+import { makeStyles } from '@shopgate/engage/styles';
 import { getWishlistItemNotesEnabled } from "../../../core/selectors/shopSettings";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const styles = {
-  root: css({
+const useStyles = makeStyles()(theme => ({
+  root: {
     display: 'flex',
     flexWrap: 'wrap',
     alignItems: 'center'
-  }),
-  addCommentButton: css({
+  },
+  addCommentButton: {
     fontSize: 17,
     color: 'var(--color-secondary)',
     fontWeight: 500,
@@ -21,23 +21,23 @@ const styles = {
     paddingLeft: 0,
     paddingRight: 0,
     textAlign: 'left'
-  }),
-  comment: css({
+  },
+  comment: {
     fontSize: 17,
-    color: 'var(--color-text-high-emphasis)',
+    color: theme.palette.text.primary,
     fontWeight: 500,
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis'
-  }),
-  notes: css({
+  },
+  notes: {
     paddingRight: 4,
     fontStyle: 'italic'
-  }),
-  buttons: css({
+  },
+  buttons: {
     whiteSpace: 'nowrap'
-  })
-};
+  }
+}));
 
 /**
  * @return {Function} The extended component props.
@@ -58,27 +58,30 @@ const ItemNotes = ({
   onClickDeleteComment,
   notesButtonRef
 }) => {
+  const {
+    classes
+  } = useStyles();
   if (!wishlistItemNotesEnabled) {
     return null;
   }
   /* eslint-disable jsx-a11y/aria-role */
   return /*#__PURE__*/_jsxs("div", {
-    className: styles.root,
+    className: classes.root,
     children: [notes && /*#__PURE__*/_jsxs("span", {
       role: "text",
       children: [/*#__PURE__*/_jsx("span", {
-        className: styles.comment,
+        className: classes.comment,
         children: `${i18n.text('favorites.comments.notes')}: `
       }), /*#__PURE__*/_jsx("span", {
-        className: styles.notes,
+        className: classes.notes,
         children: `"${notes}"`
       })]
     }), /*#__PURE__*/_jsxs("span", {
-      className: styles.buttons,
+      className: classes.buttons,
       children: [/*#__PURE__*/_jsx("button", {
         type: "button",
         onClick: onClickOpenComment,
-        className: styles.addCommentButton,
+        className: classes.addCommentButton,
         ref: notesButtonRef,
         children: notes ? i18n.text('favorites.comments.edit') : i18n.text('favorites.comments.add')
       }), notes && /*#__PURE__*/_jsxs(_Fragment, {
@@ -88,7 +91,7 @@ const ItemNotes = ({
         }), /*#__PURE__*/_jsx("button", {
           type: "button",
           onClick: onClickDeleteComment,
-          className: styles.addCommentButton,
+          className: classes.addCommentButton,
           children: i18n.text('favorites.comments.delete')
         })]
       })]

package/favorites/components/Item/ItemQuantity.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react-redux").ConnectedComponent<React.ComponentType<never>, never>;
+export default _default;
+import React from 'react';
+//# sourceMappingURL=ItemQuantity.d.ts.map

package/favorites/components/Item/ItemQuantity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemQuantity.d.ts","sourceRoot":"","sources":["../../../../favorites/components/Item/ItemQuantity.jsx"],"names":[],"mappings":";;kBAAwD,OAAO"}

package/favorites/components/Item/ItemQuantity.js

@@ -1,15 +1,15 @@
 import React, { useState, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { css } from 'glamor';
 import { connect } from 'react-redux';
+import { makeStyles } from '@shopgate/engage/styles';
 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({
+const useStyles = makeStyles()({
+  root: {
     width: 120
-  })
-};
+  }
+});
 
 /**
  * @return {Function} The extended component props.
@@ -28,6 +28,9 @@ const ItemQuantity = ({
   quantity,
   onChange
 }) => {
+  const {
+    classes
+  } = useStyles();
   const [internalQuantity, setInternalQuantity] = useState(quantity);
   const handleChange = useCallback(newQuantity => {
     setInternalQuantity(newQuantity);
@@ -40,7 +43,7 @@ const ItemQuantity = ({
     return null;
   }
   return /*#__PURE__*/_jsx("div", {
-    className: styles.root,
+    className: classes.root,
     children: /*#__PURE__*/_jsx(UnitQuantityPicker, {
       maxValue: 99,
       minValue: 1,

package/favorites/components/Item/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Item";
+//# sourceMappingURL=index.d.ts.map

package/favorites/components/Item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../favorites/components/Item/index.js"],"names":[],"mappings":""}

package/favorites/components/ItemFulfillmentMethod/ItemFulfillmentMethod.d.ts

@@ -0,0 +1,16 @@
+export default ItemFulfillmentMethod;
+/**
+ * @param {Object} props Props.
+ * @returns {JSX.Element}
+ */
+declare function ItemFulfillmentMethod({ isOpen, methods, onClose, onSelect, }: Object): JSX.Element;
+declare namespace ItemFulfillmentMethod {
+    namespace propTypes {
+        let isOpen: PropTypes.Validator<boolean>;
+        let methods: PropTypes.Validator<(string | null | undefined)[]>;
+        let onClose: PropTypes.Validator<(...args: any[]) => any>;
+        let onSelect: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=ItemFulfillmentMethod.d.ts.map

package/favorites/components/ItemFulfillmentMethod/ItemFulfillmentMethod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemFulfillmentMethod.d.ts","sourceRoot":"","sources":["../../../../favorites/components/ItemFulfillmentMethod/ItemFulfillmentMethod.jsx"],"names":[],"mappings":";AAKA;;;GAGG;AACH,gFAHW,MAAM,GACJ,GAAG,CAAC,OAAO,CA+BvB;;;;;;;;;sBArCqB,YAAY"}

package/favorites/components/ItemFulfillmentMethod/ItemFulfillmentMethod.js

@@ -1,6 +1,7 @@
+import "core-js/modules/es.array.includes.js";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { i18n } from '@shopgate/engage/core';
+import { i18n } from '@shopgate/engage/core/helpers';
 import { SheetList, SheetDrawer } from '@shopgate/engage/components';
 
 /**

package/favorites/components/ItemFulfillmentMethod/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ItemFulfillmentMethod";
+//# sourceMappingURL=index.d.ts.map

package/favorites/components/ItemFulfillmentMethod/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../favorites/components/ItemFulfillmentMethod/index.js"],"names":[],"mappings":""}