@shopgate/engage 7.30.0-alpha.8 → 7.30.0-beta.1

package/locations/components/Cart/CartContextMenuItemChangeFulfillment.js

@@ -9,6 +9,7 @@ import connect from "./CartContextMenuItemChangeFulfillment.connector";
  * @property {Function} props.closeMenu closeMenu
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export const CartContextMenuItemChangeFulfillment = connect(props => {
   const {
     onClick,
@@ -18,12 +19,13 @@ export const CartContextMenuItemChangeFulfillment = connect(props => {
   if (!Array.isArray(enabledFulfillmentMethods) || enabledFulfillmentMethods.length <= 1) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(ContextMenu.Item, {
+  return /*#__PURE__*/_jsx(ContextMenu.Item, {
     onClick: onClick,
-    closeMenu: closeMenu
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: "locations.change_fulfillment_method"
-  }));
+    closeMenu: closeMenu,
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "locations.change_fulfillment_method"
+    })
+  });
 });
 CartContextMenuItemChangeFulfillment.defaultProps = {
   onClick: noop,

package/locations/components/Cart/CartContextMenuItemChangeLocation.js

@@ -12,6 +12,7 @@ import { DIRECT_SHIP } from "../../constants";
  * @param {Function} [props.closeMenu=noop] The menu close handler.
  * @returns {JSX.Element|null} The rendered component or null.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export const CartContextMenuItemChangeLocation = ({
   cartItem,
   onClick,
@@ -20,12 +21,13 @@ export const CartContextMenuItemChangeLocation = ({
   if (!cartItem.fulfillment || cartItem.fulfillment.method === DIRECT_SHIP) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(ContextMenu.Item, {
+  return /*#__PURE__*/_jsx(ContextMenu.Item, {
     onClick: onClick,
-    closeMenu: closeMenu
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: "locations.change_location"
-  }));
+    closeMenu: closeMenu,
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "locations.change_location"
+    })
+  });
 };
 CartContextMenuItemChangeLocation.defaultProps = {
   onClick: noop,

package/locations/components/Cart/CartItemProductChangeLocation.js

@@ -19,6 +19,7 @@ import connect from "./CartItemProductChangeLocation.connector";
  * @param {Props} props The component props.
  * @returns {JSX.Element|null}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const CartItemProductChangeLocation = props => {
   const {
     cartItem,
@@ -61,7 +62,7 @@ const CartItemProductChangeLocation = props => {
   if (!opened || !fulfillment) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(FulfillmentSheet, {
+  return /*#__PURE__*/_jsx(FulfillmentSheet, {
     stage: STAGE_SELECT_STORE,
     open: true,
     title: "locations.headline",

package/locations/components/ChangeLocationButton/ChangeLocationButton.js

@@ -11,25 +11,28 @@ import { PRODUCT_FULFILLMENT_CHANGE_LOCATION } from "../../constants/Portals";
  * @param {boolean} [props.disabled=false] Whether the button is disabled.
  * @returns {JSX.Element} The rendered component.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export const ChangeLocationButtonUnwrapped = ({
   onClick,
   disabled
-}) => /*#__PURE__*/React.createElement(SurroundPortals, {
+}) => /*#__PURE__*/_jsx(SurroundPortals, {
   portalName: PRODUCT_FULFILLMENT_CHANGE_LOCATION,
   portalProps: {
     onClick,
     disabled
-  }
-}, /*#__PURE__*/React.createElement(RippleButton, {
-  onClick: onClick,
-  className: button,
-  disabled: disabled,
-  rippleClassName: ripple,
-  type: "secondary",
-  flat: true
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "locations.change_location"
-})));
+  },
+  children: /*#__PURE__*/_jsx(RippleButton, {
+    onClick: onClick,
+    className: button,
+    disabled: disabled,
+    rippleClassName: ripple,
+    type: "secondary",
+    flat: true,
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "locations.change_location"
+    })
+  })
+});
 ChangeLocationButtonUnwrapped.defaultProps = {
   disabled: false
 };

package/locations/components/FulfillmentPath/FulfillmentPath.js

@@ -5,17 +5,18 @@ import { useFulfillmentState } from "../../locations.hooks";
 import { IN_STORE_PICKUP_BOPIS_LABEL, IN_STORE_PICKUP_ROPIS_LABEL, DIRECT_SHIP_LABEL, DIRECT_SHIP, ROPIS, BOPIS } from "../../constants";
 import { container, radioGroup } from "./FulfillmentPath.style";
 import { FulfillmentPathItem } from "./FulfillmentPathItem";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const labelMapping = {
+  [DIRECT_SHIP]: DIRECT_SHIP_LABEL,
+  [ROPIS]: IN_STORE_PICKUP_ROPIS_LABEL,
+  [BOPIS]: IN_STORE_PICKUP_BOPIS_LABEL
+};
 
 /**
  * Renders the fulfillment path selector stage.
  * @returns {JSX}
  */
 export function FulfillmentPath() {
-  const labelMapping = {
-    [DIRECT_SHIP]: DIRECT_SHIP_LABEL,
-    [ROPIS]: IN_STORE_PICKUP_ROPIS_LABEL,
-    [BOPIS]: IN_STORE_PICKUP_BOPIS_LABEL
-  };
   const {
     product,
     enabledFulfillmentMethods,
@@ -38,33 +39,36 @@ export function FulfillmentPath() {
     const method = Object.keys(labelMapping).find(key => labelMapping[key] === elementName);
     setSelection(method);
     changeFulfillment(method, cartItem);
-  }, [cartItem, changeFulfillment, labelMapping]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: container
-  }, /*#__PURE__*/React.createElement(RadioGroup, {
-    name: "cartItem.fulfillment_selector",
-    value: selection,
-    onChange: handleChange,
-    className: radioGroup,
-    isControlled: true,
-    direction: "column"
-  }, enabledFulfillmentMethods.includes(DIRECT_SHIP) && /*#__PURE__*/React.createElement(FulfillmentPathItem, {
-    name: DIRECT_SHIP_LABEL,
-    attributes: {
-      disabled: !cartItemFulfillmentMethods.includes(DIRECT_SHIP)
-    }
-  }, /*#__PURE__*/React.createElement(Availability, {
-    productId: product.id,
-    fulfillmentSelection: DIRECT_SHIP
-  })), enabledFulfillmentMethods.includes(BOPIS) && /*#__PURE__*/React.createElement(FulfillmentPathItem, {
-    name: IN_STORE_PICKUP_BOPIS_LABEL,
-    attributes: {
-      disabled: !cartItemFulfillmentMethods.includes(BOPIS)
-    }
-  }), enabledFulfillmentMethods.includes(ROPIS) && /*#__PURE__*/React.createElement(FulfillmentPathItem, {
-    name: IN_STORE_PICKUP_ROPIS_LABEL,
-    attributes: {
-      disabled: !cartItemFulfillmentMethods.includes(ROPIS)
-    }
-  })));
+  }, [cartItem, changeFulfillment]);
+  return /*#__PURE__*/_jsx("div", {
+    className: container,
+    children: /*#__PURE__*/_jsxs(RadioGroup, {
+      name: "cartItem.fulfillment_selector",
+      value: selection,
+      onChange: handleChange,
+      className: radioGroup,
+      isControlled: true,
+      direction: "column",
+      children: [enabledFulfillmentMethods.includes(DIRECT_SHIP) && /*#__PURE__*/_jsx(FulfillmentPathItem, {
+        name: DIRECT_SHIP_LABEL,
+        attributes: {
+          disabled: !cartItemFulfillmentMethods.includes(DIRECT_SHIP)
+        },
+        children: /*#__PURE__*/_jsx(Availability, {
+          productId: product.id,
+          fulfillmentSelection: DIRECT_SHIP
+        })
+      }), enabledFulfillmentMethods.includes(BOPIS) && /*#__PURE__*/_jsx(FulfillmentPathItem, {
+        name: IN_STORE_PICKUP_BOPIS_LABEL,
+        attributes: {
+          disabled: !cartItemFulfillmentMethods.includes(BOPIS)
+        }
+      }), enabledFulfillmentMethods.includes(ROPIS) && /*#__PURE__*/_jsx(FulfillmentPathItem, {
+        name: IN_STORE_PICKUP_ROPIS_LABEL,
+        attributes: {
+          disabled: !cartItemFulfillmentMethods.includes(ROPIS)
+        }
+      })]
+    })
+  });
 }

package/locations/components/FulfillmentPath/FulfillmentPathItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import PropTypes from 'prop-types';
 import { i18n } from "../../../core";
@@ -13,17 +12,22 @@ import { radioItem, itemLabel } from "./FulfillmentPath.style";
  * @param {string} props.name The name of the radio item.
  * @returns {JSX.Element} The rendered component.
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const FulfillmentPathItem = ({
   name,
   children,
   ...rest
-}) => /*#__PURE__*/React.createElement(RadioGroupItem, _extends({}, rest, {
+}) => /*#__PURE__*/_jsx(RadioGroupItem, {
+  ...rest,
   name: name,
   className: radioItem,
-  label: /*#__PURE__*/React.createElement("div", {
-    className: itemLabel
-  }, /*#__PURE__*/React.createElement("span", null, i18n.text(name)), children)
-}));
+  label: /*#__PURE__*/_jsxs("div", {
+    className: itemLabel,
+    children: [/*#__PURE__*/_jsx("span", {
+      children: i18n.text(name)
+    }), children]
+  })
+});
 FulfillmentPathItem.defaultProps = {
   children: null
 };

package/locations/components/FulfillmentPathSelector/FulfillmentPathSelector.js

@@ -4,6 +4,7 @@ import { SheetList } from '@shopgate/engage/components';
 import SheetDrawer from "../../../components/SheetDrawer";
 import { QUICK_RESERVE, MULTI_LINE_RESERVE } from "../../constants";
 import { sheetDrawer } from "./FulfillmentPathSelector.style";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 let callback = null;
 const EVENT_SET_OPEN = 'FulfillmentPathSelector.setOpen';
 
@@ -64,18 +65,21 @@ function FulfillmentPathSelector() {
     setIsOpen(false);
     callback = null;
   }
-  return /*#__PURE__*/React.createElement(SheetDrawer, {
+  return /*#__PURE__*/_jsx(SheetDrawer, {
     isOpen: isOpen,
     title: i18n.text('locations.choose_reservation_type'),
     className: sheetDrawer,
-    onDidClose: handleClose
-  }, /*#__PURE__*/React.createElement(SheetList, null, /*#__PURE__*/React.createElement(SheetList.Item, {
-    title: i18n.text('locations.quick_reserve'),
-    onClick: handleQuickReserve
-  }), /*#__PURE__*/React.createElement(SheetList.Item, {
-    title: i18n.text('locations.reserve_to_cart'),
-    onClick: handleReserveToCart
-  })));
+    onDidClose: handleClose,
+    children: /*#__PURE__*/_jsxs(SheetList, {
+      children: [/*#__PURE__*/_jsx(SheetList.Item, {
+        title: i18n.text('locations.quick_reserve'),
+        onClick: handleQuickReserve
+      }), /*#__PURE__*/_jsx(SheetList.Item, {
+        title: i18n.text('locations.reserve_to_cart'),
+        onClick: handleReserveToCart
+      })]
+    })
+  });
 }
 FulfillmentPathSelector.open = callbackFn => {
   callback = callbackFn;

package/locations/components/FulfillmentSelector/FulfillmentSelector.js

@@ -31,6 +31,7 @@ import connect from "./FulfillmentSelector.connector";
  * @param {Props} props The component props.
  * @returns {JSX.Element|null}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FulfillmentSelector = props => {
   const {
     productId,
@@ -138,10 +139,7 @@ const FulfillmentSelector = props => {
     }
     return shopFulfillmentMethods.filter(method => method !== DIRECT_SHIP).length > 0;
   }, [shopFulfillmentMethods]);
-  if (!shopHasRopeMethods) {
-    return null;
-  }
-  const context = /** @type {FulfillmentSelectorContextProps} */{
+  const context = /** @type {FulfillmentSelectorContextProps} */useMemo(() => ({
     selection,
     selectedLocation,
     inventory,
@@ -161,28 +159,37 @@ const FulfillmentSelector = props => {
     productFulfillmentMethods,
     locationFulfillmentMethods,
     useLocationFulfillmentMethods
-  };
-  return /*#__PURE__*/React.createElement(FulfillmentSelectorContext.Provider, {
-    value: context
-  }, /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: PRODUCT_FULFILLMENT_SELECTOR
-  }, /*#__PURE__*/React.createElement("div", {
-    className: container,
-    role: "radiogroup",
-    tabIndex: "0"
-  }, /*#__PURE__*/React.createElement(FulfillmentSelectorHeader, null), shopFulfillmentMethods.includes(DIRECT_SHIP) && /*#__PURE__*/React.createElement(FulfillmentSelectorItem, {
-    name: DIRECT_SHIP,
-    onChange: handleChange,
-    disabled: !isReady || !isDirectShipEnabled
-  }, /*#__PURE__*/React.createElement(FulfillmentSelectorDirectShip, null)), shopFulfillmentMethods.includes(BOPIS) && /*#__PURE__*/React.createElement(FulfillmentSelectorItem, {
-    name: BOPIS,
-    onChange: handleChange,
-    disabled: !isReady || !isBOPISEnabled
-  }, /*#__PURE__*/React.createElement(FulfillmentSelectorBOPIS, null)), shopFulfillmentMethods.includes(ROPIS) && /*#__PURE__*/React.createElement(FulfillmentSelectorItem, {
-    name: ROPIS,
-    onChange: handleChange,
-    disabled: !isReady || !isROPISEnabled
-  }, /*#__PURE__*/React.createElement(FulfillmentSelectorROPIS, null)))), /*#__PURE__*/React.createElement(FulfillmentSelectorLocation, null), /*#__PURE__*/React.createElement(FulfillmentSelectorAddToCart, null));
+  }), [conditioner, fulfillmentPaths, handleChange, inventory, isBOPISEnabled, isDirectShipEnabled, isOrderable, isROPISEnabled, isReady, locationFulfillmentMethods, merchantSettings, preferredLocation, productFulfillmentMethods, productId, selectedLocation, selection, shopFulfillmentMethods, useLocationFulfillmentMethods, userFulfillmentMethod]);
+  if (!shopHasRopeMethods) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(FulfillmentSelectorContext.Provider, {
+    value: context,
+    children: [/*#__PURE__*/_jsx(SurroundPortals, {
+      portalName: PRODUCT_FULFILLMENT_SELECTOR,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: container,
+        role: "radiogroup",
+        tabIndex: "0",
+        children: [/*#__PURE__*/_jsx(FulfillmentSelectorHeader, {}), shopFulfillmentMethods.includes(DIRECT_SHIP) && /*#__PURE__*/_jsx(FulfillmentSelectorItem, {
+          name: DIRECT_SHIP,
+          onChange: handleChange,
+          disabled: !isReady || !isDirectShipEnabled,
+          children: /*#__PURE__*/_jsx(FulfillmentSelectorDirectShip, {})
+        }), shopFulfillmentMethods.includes(BOPIS) && /*#__PURE__*/_jsx(FulfillmentSelectorItem, {
+          name: BOPIS,
+          onChange: handleChange,
+          disabled: !isReady || !isBOPISEnabled,
+          children: /*#__PURE__*/_jsx(FulfillmentSelectorBOPIS, {})
+        }), shopFulfillmentMethods.includes(ROPIS) && /*#__PURE__*/_jsx(FulfillmentSelectorItem, {
+          name: ROPIS,
+          onChange: handleChange,
+          disabled: !isReady || !isROPISEnabled,
+          children: /*#__PURE__*/_jsx(FulfillmentSelectorROPIS, {})
+        })]
+      })
+    }), /*#__PURE__*/_jsx(FulfillmentSelectorLocation, {}), /*#__PURE__*/_jsx(FulfillmentSelectorAddToCart, {})]
+  });
 };
 FulfillmentSelector.defaultProps = {
   merchantSettings: null,

package/locations/components/FulfillmentSelector/FulfillmentSelectorAlternativeLocation.js

@@ -17,6 +17,7 @@ import { SORT_CLOSEST_LOCATION_WITH_INVENTORY } from "../../constants";
  * The FulfillmentSelectorLocation component
  * @returns {JSX}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function FulfillmentSelectorAlternativeLocation({
   productId,
   show,
@@ -49,44 +50,53 @@ function FulfillmentSelectorAlternativeLocation({
     return null;
   }
   const alternativeLocation = alternativeLocations.find(l => l.code !== selectedLocation?.code);
-  return /*#__PURE__*/React.createElement(SurroundPortals, {
+  return /*#__PURE__*/_jsx(SurroundPortals, {
     portalName: PRODUCT_FULFILLMENT_SELECTOR_ALTERNATIVE_LOCATION,
     portalProps: {
       productId,
       location: alternativeLocation
-    }
-  }, alternativeLocation && /*#__PURE__*/React.createElement(Grid, {
-    component: "div",
-    className: gridClassName
-  }, /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    appAlways: true,
-    breakpoint: "xs"
-  }, /*#__PURE__*/React.createElement(Grid.Item, {
-    className: itemColumn,
-    grow: 1,
-    shrink: 0,
-    component: "div"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: locationName
-  }, alternativeLocation.name)), /*#__PURE__*/React.createElement(Grid.Item, {
-    className: itemColumn,
-    grow: 1,
-    shrink: 0,
-    component: "div"
-  }, /*#__PURE__*/React.createElement(StockInfo, {
-    productId: productId,
-    location: alternativeLocation
-  }))), /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    webOnly: true,
-    breakpoint: ">xs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: locationName
-  }, alternativeLocation.name, /*#__PURE__*/React.createElement("span", {
-    className: itemSpacer
-  }, /*#__PURE__*/React.createElement(StockInfo, {
-    productId: productId,
-    location: alternativeLocation
-  }))))));
+    },
+    children: alternativeLocation && /*#__PURE__*/_jsxs(Grid, {
+      component: "div",
+      className: gridClassName,
+      children: [/*#__PURE__*/_jsxs(ResponsiveContainer, {
+        appAlways: true,
+        breakpoint: "xs",
+        children: [/*#__PURE__*/_jsx(Grid.Item, {
+          className: itemColumn,
+          grow: 1,
+          shrink: 0,
+          component: "div",
+          children: /*#__PURE__*/_jsx("div", {
+            className: locationName,
+            children: alternativeLocation.name
+          })
+        }), /*#__PURE__*/_jsx(Grid.Item, {
+          className: itemColumn,
+          grow: 1,
+          shrink: 0,
+          component: "div",
+          children: /*#__PURE__*/_jsx(StockInfo, {
+            productId: productId,
+            location: alternativeLocation
+          })
+        })]
+      }), /*#__PURE__*/_jsx(ResponsiveContainer, {
+        webOnly: true,
+        breakpoint: ">xs",
+        children: /*#__PURE__*/_jsxs("div", {
+          className: locationName,
+          children: [alternativeLocation.name, /*#__PURE__*/_jsx("span", {
+            className: itemSpacer,
+            children: /*#__PURE__*/_jsx(StockInfo, {
+              productId: productId,
+              location: alternativeLocation
+            })
+          })]
+        })
+      })]
+    })
+  });
 }
 FulfillmentSelectorAlternativeLocation.defaultProps = {
   alternativeLocations: null,

package/locations/components/FulfillmentSelector/FulfillmentSelectorBOPIS.js

@@ -9,6 +9,7 @@ import { useFulfillmentSelectorState } from "./FulfillmentSelector.hooks";
  * Renders the FulfillmentSelectorBOPIS components.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export const FulfillmentSelectorBOPIS = () => {
   const {
     isBOPISEnabled,
@@ -17,7 +18,8 @@ export const FulfillmentSelectorBOPIS = () => {
   const classes = classNames({
     [itemRowDisabled.toString()]: !isReady || !isBOPISEnabled
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes
-  }, i18n.text(IN_STORE_PICKUP_BOPIS_LABEL));
+  return /*#__PURE__*/_jsx("div", {
+    className: classes,
+    children: i18n.text(IN_STORE_PICKUP_BOPIS_LABEL)
+  });
 };

package/locations/components/FulfillmentSelector/FulfillmentSelectorDirectShip.js

@@ -12,6 +12,7 @@ import { FulfillmentSelectorImpossibleError } from "./FulfillmentSelectorImpossi
  * Renders the direct ship item label.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export const FulfillmentSelectorDirectShip = () => {
   const {
     productId,
@@ -25,23 +26,30 @@ export const FulfillmentSelectorDirectShip = () => {
   }), [isDirectShipEnabled, isReady]);
   const selected = selection === DIRECT_SHIP;
   if (selected && !isOrderable) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, i18n.text(DIRECT_SHIP_LABEL)), /*#__PURE__*/React.createElement(FulfillmentSelectorImpossibleError, null));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        children: i18n.text(DIRECT_SHIP_LABEL)
+      }), /*#__PURE__*/_jsx(FulfillmentSelectorImpossibleError, {})]
+    });
   }
-  return /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/_jsxs(Grid, {
     className: rowClasses,
-    component: "div"
-  }, /*#__PURE__*/React.createElement(Grid.Item, {
-    className: itemColumn,
-    grow: 1,
-    shrink: 0,
-    component: "div"
-  }, i18n.text(DIRECT_SHIP_LABEL)), /*#__PURE__*/React.createElement(Grid.Item, {
-    className: itemColumn,
-    grow: 1,
-    shrink: 0,
-    component: "div"
-  }, isReady && isDirectShipEnabled && isOrderable && /*#__PURE__*/React.createElement(Availability, {
-    productId: productId,
-    fulfillmentSelection: DIRECT_SHIP
-  })));
+    component: "div",
+    children: [/*#__PURE__*/_jsx(Grid.Item, {
+      className: itemColumn,
+      grow: 1,
+      shrink: 0,
+      component: "div",
+      children: i18n.text(DIRECT_SHIP_LABEL)
+    }), /*#__PURE__*/_jsx(Grid.Item, {
+      className: itemColumn,
+      grow: 1,
+      shrink: 0,
+      component: "div",
+      children: isReady && isDirectShipEnabled && isOrderable && /*#__PURE__*/_jsx(Availability, {
+        productId: productId,
+        fulfillmentSelection: DIRECT_SHIP
+      })
+    })]
+  });
 };

package/locations/components/FulfillmentSelector/FulfillmentSelectorHeader.js

@@ -6,7 +6,12 @@ import { container } from "./FulfillmentSelectorHeader.style";
  * Renders the fulfillment selector title.
  * @returns {JSX.Element}
  */
-export const FulfillmentSelectorHeader = () => /*#__PURE__*/React.createElement("div", {
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FulfillmentSelectorHeader = () =>
+/*#__PURE__*/
+// eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+_jsx("div", {
   role: "heading",
-  className: container
-}, i18n.text('locations.fulfillment.heading'));
+  className: container,
+  children: i18n.text('locations.fulfillment.heading')
+});

package/locations/components/FulfillmentSelector/FulfillmentSelectorImpossibleError.js

@@ -10,6 +10,7 @@ import { container } from "./FulfillmentSelectorImpossibleError.style";
  * Renders the "not possible" error for each item.
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export function FulfillmentSelectorImpossibleError() {
   const {
     selection,
@@ -33,7 +34,7 @@ export function FulfillmentSelectorImpossibleError() {
   if (!isDirectShip && !selectedLocation?.code) {
     label = i18n.text('locations.fulfillment.error.not_ready');
   }
-  return /*#__PURE__*/React.createElement(Availability, {
+  return /*#__PURE__*/_jsx(Availability, {
     className: container,
     showWhenAvailable: true,
     text: label,

package/locations/components/FulfillmentSelector/FulfillmentSelectorItem.js

@@ -18,6 +18,7 @@ import { DIRECT_SHIP, ROPIS, BOPIS } from "../../constants";
  * @param {boolean} [props.disabled=false] Whether the item is disabled.
  * @returns {JSX.Element} The rendered component.
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FulfillmentSelectorItemUnwrapped = ({
   name,
   children,
@@ -43,26 +44,34 @@ const FulfillmentSelectorItemUnwrapped = ({
   const containerClasses = classNames(radioContainer.toString(), {
     [radioContainerDisabled.toString()]: disabled
   });
-  return /*#__PURE__*/React.createElement("label", {
-    htmlFor: name,
-    className: containerClasses,
-    onClick: handleChange,
-    role: "radio",
-    "aria-checked": checked,
-    tabIndex: "0"
-  }, checked ? /*#__PURE__*/React.createElement(CheckedIcon, {
-    className: disabled ? activeIconDisabled : activeIcon
-  }) : /*#__PURE__*/React.createElement(UncheckedIcon, {
-    className: disabled ? inactiveIconDisabled : inactiveIcon
-  }), /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    checked: checked,
-    name: name,
-    className: radio,
-    readOnly: true
-  }), /*#__PURE__*/React.createElement("div", {
-    className: content
-  }, children));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+    _jsxs("label", {
+      htmlFor: name,
+      className: containerClasses,
+      onClick: handleChange
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
+      ,
+      role: "radio",
+      "aria-checked": checked,
+      tabIndex: "0",
+      children: [checked ? /*#__PURE__*/_jsx(CheckedIcon, {
+        className: disabled ? activeIconDisabled : activeIcon
+      }) : /*#__PURE__*/_jsx(UncheckedIcon, {
+        className: disabled ? inactiveIconDisabled : inactiveIcon
+      }), /*#__PURE__*/_jsx("input", {
+        type: "radio",
+        checked: checked,
+        name: name,
+        className: radio,
+        readOnly: true
+      }), /*#__PURE__*/_jsx("div", {
+        className: content,
+        children: children
+      })]
+    })
+  );
 };
 FulfillmentSelectorItemUnwrapped.defaultProps = {
   disabled: false