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

package/cart/components/CartItems/CartItemCard.js

@@ -13,6 +13,7 @@ import { withBorder } from "./CartItemCard.style";
  * @param {boolean} [props.hasMessages=false] Whether the cart item has messages.
  * @returns {JSX.Element} The rendered component.
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export const CartItemCard = ({
   children,
   fulfillmentLocationId,
@@ -23,12 +24,15 @@ export const CartItemCard = ({
   if (!multiLineReservation) {
     return children;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
-    className: fulfillmentLocationId && !hasMessages ? withBorder : null
-  }, children), !!fulfillmentLocationId && /*#__PURE__*/React.createElement(CartItemCardReservation, {
-    locationId: fulfillmentLocationId,
-    fulfillmentMethod: fulfillmentMethod
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("ul", {
+      className: fulfillmentLocationId && !hasMessages ? withBorder : null,
+      children: children
+    }), !!fulfillmentLocationId && /*#__PURE__*/_jsx(CartItemCardReservation, {
+      locationId: fulfillmentLocationId,
+      fulfillmentMethod: fulfillmentMethod
+    })]
+  });
 };
 CartItemCard.defaultProps = {
   fulfillmentLocationId: null,

package/cart/components/CartItems/CartItemCardReservation.js

@@ -17,6 +17,7 @@ import { accordionToggle } from "./CartItemCard.style";
  * @param {OptionalLocationAware} props The component props.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const CartItemCardReservation = ({
   location,
   fulfillmentMethod
@@ -34,29 +35,34 @@ const CartItemCardReservation = ({
     } = {}
   } = location;
   if ((!operationHours || _every(operationHours, _isEmpty)) && !phoneNumber && (!location.address || !location.address.street)) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: accordionToggle
-    }, /*#__PURE__*/React.createElement(CartItemCardReservationLabel, {
-      location: location,
-      fulfillmentMethod: fulfillmentMethod
-    }));
+    return /*#__PURE__*/_jsx("div", {
+      className: accordionToggle,
+      children: /*#__PURE__*/_jsx(CartItemCardReservationLabel, {
+        location: location,
+        fulfillmentMethod: fulfillmentMethod
+      })
+    });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    webOnly: true,
-    breakpoint: ">xs"
-  }, !isOrderDetails && /*#__PURE__*/React.createElement(CartItemCardReservationAccordion, {
-    openWithChevron: true,
-    location: location,
-    fulfillmentMethod: fulfillmentMethod,
-    operationHours: operationHours
-  })), /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    appAlways: true,
-    breakpoint: "<=xs"
-  }, !isOrderDetails && /*#__PURE__*/React.createElement(CartItemCardReservationAccordion, {
-    location: location,
-    fulfillmentMethod: fulfillmentMethod,
-    operationHours: operationHours
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ResponsiveContainer, {
+      webOnly: true,
+      breakpoint: ">xs",
+      children: !isOrderDetails && /*#__PURE__*/_jsx(CartItemCardReservationAccordion, {
+        openWithChevron: true,
+        location: location,
+        fulfillmentMethod: fulfillmentMethod,
+        operationHours: operationHours
+      })
+    }), /*#__PURE__*/_jsx(ResponsiveContainer, {
+      appAlways: true,
+      breakpoint: "<=xs",
+      children: !isOrderDetails && /*#__PURE__*/_jsx(CartItemCardReservationAccordion, {
+        location: location,
+        fulfillmentMethod: fulfillmentMethod,
+        operationHours: operationHours
+      })
+    })]
+  });
 };
 CartItemCardReservation.defaultProps = {
   location: null,

package/cart/components/CartItems/CartItemCardReservationAccordion.js

@@ -12,31 +12,36 @@ import { accordionToggle, accordionContent, locationAddress, locationHours } fro
  * @param {OptionalLocationAware} props The component props.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CartItemCardReservationAccordion = ({
   openWithChevron,
   location,
   fulfillmentMethod,
   operationHours
-}) => /*#__PURE__*/React.createElement(Accordion, {
+}) => /*#__PURE__*/_jsx(Accordion, {
   className: accordionToggle,
   openWithChevron: openWithChevron,
-  renderLabel: () => /*#__PURE__*/React.createElement(CartItemCardReservationLabel, {
+  renderLabel: () => /*#__PURE__*/_jsx(CartItemCardReservationLabel, {
     location: location,
     fulfillmentMethod: fulfillmentMethod
+  }),
+  children: /*#__PURE__*/_jsxs("div", {
+    className: accordionContent,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: locationAddress,
+      children: /*#__PURE__*/_jsx(StoreAddress, {
+        address: location.address,
+        pure: true
+      })
+    }), operationHours && /*#__PURE__*/_jsx("div", {
+      className: locationHours,
+      children: /*#__PURE__*/_jsx(StoreOpeningHours, {
+        hours: operationHours,
+        pure: true
+      })
+    })]
   })
-}, /*#__PURE__*/React.createElement("div", {
-  className: accordionContent
-}, /*#__PURE__*/React.createElement("div", {
-  className: locationAddress
-}, /*#__PURE__*/React.createElement(StoreAddress, {
-  address: location.address,
-  pure: true
-})), operationHours && /*#__PURE__*/React.createElement("div", {
-  className: locationHours
-}, /*#__PURE__*/React.createElement(StoreOpeningHours, {
-  hours: operationHours,
-  pure: true
-}))));
+});
 CartItemCardReservationAccordion.defaultProps = {
   openWithChevron: false,
   location: null,

package/cart/components/CartItems/CartItemCardReservationLabel.js

@@ -13,6 +13,7 @@ import { address, addressIcon, titles, name, method } from "./CartItemCard.style
  * @param {LocationAware} props The component props.
  * @returns {JSX.Element|null}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function CartItemCardReservationLabel({
   location,
   fulfillmentMethod
@@ -26,25 +27,32 @@ export function CartItemCardReservationLabel({
     return null;
   }
   const suffix = fulfillmentMethod === BOPIS ? 'bopis' : 'ropis';
-  return /*#__PURE__*/React.createElement("div", {
-    className: address
-  }, /*#__PURE__*/React.createElement("div", {
-    className: addressIcon
-  }, /*#__PURE__*/React.createElement(LocationIcon, null)), /*#__PURE__*/React.createElement("div", {
-    className: titles
-  }, /*#__PURE__*/React.createElement("div", {
-    className: name
-  }, location.name), isEditable && /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    webOnly: true,
-    breakpoint: ">xs"
-  }, /*#__PURE__*/React.createElement(CartItemCardReservationLabelChangeStore, null), /*#__PURE__*/React.createElement(CartItemProductChangeLocation, {
-    cartItem: cartItem,
-    registerAction: registerFulfillmentAction
-  })), /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    appAlways: true,
-    breakpoint: "<=xs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: method
-  }, i18n.text(`locations.method.${suffix}`)))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: address,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: addressIcon,
+      children: /*#__PURE__*/_jsx(LocationIcon, {})
+    }), /*#__PURE__*/_jsxs("div", {
+      className: titles,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: name,
+        children: location.name
+      }), isEditable && /*#__PURE__*/_jsxs(ResponsiveContainer, {
+        webOnly: true,
+        breakpoint: ">xs",
+        children: [/*#__PURE__*/_jsx(CartItemCardReservationLabelChangeStore, {}), /*#__PURE__*/_jsx(CartItemProductChangeLocation, {
+          cartItem: cartItem,
+          registerAction: registerFulfillmentAction
+        })]
+      }), /*#__PURE__*/_jsx(ResponsiveContainer, {
+        appAlways: true,
+        breakpoint: "<=xs",
+        children: /*#__PURE__*/_jsx("div", {
+          className: method,
+          children: i18n.text(`locations.method.${suffix}`)
+        })
+      })]
+    })]
+  });
 }
 export default CartItemCardReservationLabel;

package/cart/components/CartItems/CartItemCardReservationLabelChangeStore.js

@@ -6,6 +6,7 @@ import { useCartItem } from "../CartItem";
 /**
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const CartItemCardReservationLabelChangeStore = () => {
   const {
     invokeFulfillmentAction,
@@ -22,14 +23,15 @@ const CartItemCardReservationLabelChangeStore = () => {
     } = cartItem;
     invokeFulfillmentAction('changeLocation', method);
   }, [cartItem, invokeFulfillmentAction]);
-  return /*#__PURE__*/React.createElement(RippleButton, {
+  return /*#__PURE__*/_jsx(RippleButton, {
     onClick: handleChangeLocationClick,
     className: button,
     rippleClassName: ripple,
     type: "secondary",
-    flat: true
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: "locations.change_location"
-  }));
+    flat: true,
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "locations.change_location"
+    })
+  });
 };
 export default CartItemCardReservationLabelChangeStore;

package/cart/components/CartItems/CartItemGroup.js

@@ -11,6 +11,7 @@ import CartItemGroupReservation from "./CartItemGroupReservation";
  * @param {string|null} [props.fulfillmentMethod] The fulfillment method.
  * @returns {JSX.Element} The rendered component.
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const CartItemGroup = ({
   children,
   fulfillmentLocationId,
@@ -20,10 +21,12 @@ const CartItemGroup = ({
   if (!multiLineReservation) {
     return children;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!fulfillmentLocationId && /*#__PURE__*/React.createElement(CartItemGroupReservation, {
-    locationId: fulfillmentLocationId,
-    fulfillmentMethod: fulfillmentMethod
-  }), children);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!!fulfillmentLocationId && /*#__PURE__*/_jsx(CartItemGroupReservation, {
+      locationId: fulfillmentLocationId,
+      fulfillmentMethod: fulfillmentMethod
+    }), children]
+  });
 };
 CartItemGroup.defaultProps = {
   fulfillmentLocationId: null,

package/cart/components/CartItems/CartItemGroupReservation.js

@@ -17,6 +17,7 @@ import { accordionToggle, addressDetails, simpleLabel } from "./CartItemGroup.st
  * @param {OptionalLocationAware} props The component props.
  * @returns {JSX.Element|null}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function CartItemGroupReservation({
   location,
   fulfillmentMethod
@@ -31,26 +32,31 @@ function CartItemGroupReservation({
     } = {}
   } = location;
   if ((!operationHours || _every(operationHours, _isEmpty)) && !phoneNumber) {
-    return /*#__PURE__*/React.createElement(CardListItem, {
-      className: simpleLabel.toString()
-    }, /*#__PURE__*/React.createElement(CartItemGroupReservationLabel, {
-      location: location,
-      fulfillmentMethod: fulfillmentMethod
-    }));
+    return /*#__PURE__*/_jsx(CardListItem, {
+      className: simpleLabel.toString(),
+      children: /*#__PURE__*/_jsx(CartItemGroupReservationLabel, {
+        location: location,
+        fulfillmentMethod: fulfillmentMethod
+      })
+    });
   }
-  return /*#__PURE__*/React.createElement(CardListItem, null, /*#__PURE__*/React.createElement(Accordion, {
-    renderLabel: () => /*#__PURE__*/React.createElement(CartItemGroupReservationLabel, {
-      location: location,
-      fulfillmentMethod: fulfillmentMethod
-    }),
-    className: accordionToggle
-  }, /*#__PURE__*/React.createElement("div", {
-    className: addressDetails
-  }, /*#__PURE__*/React.createElement(StoreOpeningHours, {
-    hours: operationHours
-  }), /*#__PURE__*/React.createElement(StorePhoneNumber, {
-    phone: phoneNumber
-  }))));
+  return /*#__PURE__*/_jsx(CardListItem, {
+    children: /*#__PURE__*/_jsx(Accordion, {
+      renderLabel: () => /*#__PURE__*/_jsx(CartItemGroupReservationLabel, {
+        location: location,
+        fulfillmentMethod: fulfillmentMethod
+      }),
+      className: accordionToggle,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: addressDetails,
+        children: [/*#__PURE__*/_jsx(StoreOpeningHours, {
+          hours: operationHours
+        }), /*#__PURE__*/_jsx(StorePhoneNumber, {
+          phone: phoneNumber
+        })]
+      })
+    })
+  });
 }
 CartItemGroupReservation.defaultProps = {
   location: null,

package/cart/components/CartItems/CartItemGroupReservationLabel.js

@@ -11,6 +11,7 @@ import { address, addressIcon, title } from "./CartItemGroup.style";
  * @param {LocationAware} props The component props.
  * @returns {JSX.Element|null}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function CartItemGroupReservationLabel({
   location,
   fulfillmentMethod
@@ -19,12 +20,17 @@ export function CartItemGroupReservationLabel({
     return null;
   }
   const suffix = fulfillmentMethod === BOPIS ? 'bopis' : 'ropis';
-  return /*#__PURE__*/React.createElement("div", {
-    className: address
-  }, /*#__PURE__*/React.createElement("div", {
-    className: addressIcon
-  }, /*#__PURE__*/React.createElement(LocationIcon, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: title
-  }, i18n.text(`locations.method.${suffix}`)), location.name));
+  return /*#__PURE__*/_jsxs("div", {
+    className: address,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: addressIcon,
+      children: /*#__PURE__*/_jsx(LocationIcon, {})
+    }), /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: title,
+        children: i18n.text(`locations.method.${suffix}`)
+      }), location.name]
+    })]
+  });
 }
 export default CartItemGroupReservationLabel;

package/cart/components/CartItems/CartItemGroupShipping.js

@@ -8,10 +8,18 @@ import { address, shippingIcon, shippingTitle } from "./CartItemGroup.style";
  * Renders the cart item group.
  * @returns {JSX.Element}
  */
-export const CartItemGroupShipping = () => /*#__PURE__*/React.createElement(CardListItem, null, /*#__PURE__*/React.createElement("div", {
-  className: address
-}, /*#__PURE__*/React.createElement("div", {
-  className: shippingIcon
-}, /*#__PURE__*/React.createElement(LocalShippingIcon, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-  className: shippingTitle
-}, i18n.text('locations.method.direct_ship')))));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CartItemGroupShipping = () => /*#__PURE__*/_jsx(CardListItem, {
+  children: /*#__PURE__*/_jsxs("div", {
+    className: address,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: shippingIcon,
+      children: /*#__PURE__*/_jsx(LocalShippingIcon, {})
+    }), /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx("div", {
+        className: shippingTitle,
+        children: i18n.text('locations.method.direct_ship')
+      })
+    })]
+  })
+});

package/cart/components/CartItems/CartItems.js

@@ -25,6 +25,7 @@ import CartItemsSubstitution from "./CartItemsSubstitution";
  * @param {string} [props.currencyOverride] The currency override.
  * @returns {JSX.Element|null}
  */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const CartItems = ({
   cartItems,
   onFocus,
@@ -38,51 +39,61 @@ const CartItems = ({
   if (!cartItems || cartItems.length === 0) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    breakpoint: ">xs",
-    webOnly: true
-  }, /*#__PURE__*/React.createElement(CartItemsHeaderWide, {
-    editable: editable,
-    isOrderDetails: isOrderDetails,
-    isDirectShipOnly: isDirectShipOnly,
-    isCheckoutConfirmation: isCheckoutConfirmation
-  })), /*#__PURE__*/React.createElement(CardList, {
-    className: items
-  }, !isOrderDetails ? /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    appAlways: true,
-    breakpoint: "<=xs"
-  }, /*#__PURE__*/React.createElement(FulfillmentSlotSwitcher, {
-    renderBar: true,
-    card: true,
-    editable: editable
-  })) : null, editable && !isDirectShipOnly && /*#__PURE__*/React.createElement(ResponsiveContainer, {
-    breakpoint: "<=xs",
-    appAlways: true
-  }, /*#__PURE__*/React.createElement(CartItemsSubstitution, {
-    cartItems: cartItems,
-    wrapCard: true,
-    className: card
-  })), cartItems.map(item => /*#__PURE__*/React.createElement(CardList.Item, {
-    className: card,
-    key: item.id
-  }, /*#__PURE__*/React.createElement(CartItemProvider, {
-    cartItem: item,
-    isEditable: editable,
-    isOrderDetails: isOrderDetails,
-    cartIsDirectShipOnly: isDirectShipOnly,
-    isCheckoutConfirmation: isCheckoutConfirmation,
-    locationId: item.fulfillmentLocationId
-  }, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement(CartItemCard, {
-    multiLineReservation: multiLineReservation,
-    fulfillmentLocationId: item.fulfillmentLocationId,
-    fulfillmentMethod: item.fulfillmentMethod,
-    hasMessages: Array.isArray(item.messages) && item.messages.length > 0
-  }, /*#__PURE__*/React.createElement(CartItem, {
-    item: item,
-    onFocus: onFocus,
-    editable: editable,
-    currencyOverride: currencyOverride
-  }))))))));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ResponsiveContainer, {
+      breakpoint: ">xs",
+      webOnly: true,
+      children: /*#__PURE__*/_jsx(CartItemsHeaderWide, {
+        editable: editable,
+        isOrderDetails: isOrderDetails,
+        isDirectShipOnly: isDirectShipOnly,
+        isCheckoutConfirmation: isCheckoutConfirmation
+      })
+    }), /*#__PURE__*/_jsxs(CardList, {
+      className: items,
+      children: [!isOrderDetails ? /*#__PURE__*/_jsx(ResponsiveContainer, {
+        appAlways: true,
+        breakpoint: "<=xs",
+        children: /*#__PURE__*/_jsx(FulfillmentSlotSwitcher, {
+          renderBar: true,
+          card: true,
+          editable: editable
+        })
+      }) : null, editable && !isDirectShipOnly && /*#__PURE__*/_jsx(ResponsiveContainer, {
+        breakpoint: "<=xs",
+        appAlways: true,
+        children: /*#__PURE__*/_jsx(CartItemsSubstitution, {
+          cartItems: cartItems,
+          wrapCard: true,
+          className: card
+        })
+      }), cartItems.map(item => /*#__PURE__*/_jsx(CardList.Item, {
+        className: card,
+        children: /*#__PURE__*/_jsx(CartItemProvider, {
+          cartItem: item,
+          isEditable: editable,
+          isOrderDetails: isOrderDetails,
+          cartIsDirectShipOnly: isDirectShipOnly,
+          isCheckoutConfirmation: isCheckoutConfirmation,
+          locationId: item.fulfillmentLocationId,
+          children: /*#__PURE__*/_jsx("ul", {
+            children: /*#__PURE__*/_jsx(CartItemCard, {
+              multiLineReservation: multiLineReservation,
+              fulfillmentLocationId: item.fulfillmentLocationId,
+              fulfillmentMethod: item.fulfillmentMethod,
+              hasMessages: Array.isArray(item.messages) && item.messages.length > 0,
+              children: /*#__PURE__*/_jsx(CartItem, {
+                item: item,
+                onFocus: onFocus,
+                editable: editable,
+                currencyOverride: currencyOverride
+              })
+            })
+          })
+        })
+      }, item.id))]
+    })]
+  });
 };
 CartItems.defaultProps = {
   cartItems: null,

package/cart/components/CartItems/CartItemsHeaderWide.js

@@ -15,49 +15,60 @@ import connect from "./CartItemsHeaderWide.connector";
  * @param {number} props.enabledFulfillmentMethodsCount The count of enabled fulfillment methods.
  * @returns {JSX.Element} The rendered component.
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const CartItemsHeaderWide = ({
   editable,
   isOrderDetails,
   enabledFulfillmentMethodsCount,
   hasLineItemPromotions,
   isDirectShipOnly
-}) => /*#__PURE__*/React.createElement("div", {
-  className: header
-}, /*#__PURE__*/React.createElement("div", {
-  className: imageColumn
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "cart.items"
-})), /*#__PURE__*/React.createElement("div", {
-  className: detailsColumn
-}), /*#__PURE__*/React.createElement("div", {
-  className: classNames(column.toString(), {
-    [priceColumnWide]: hasLineItemPromotions
-  })
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "cart.price"
-})), isOrderDetails && /*#__PURE__*/React.createElement(React.Fragment, null, !isDirectShipOnly ? /*#__PURE__*/React.createElement("div", {
-  className: locationColumn
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "cart.location"
-})) : null, /*#__PURE__*/React.createElement("div", {
-  className: column
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "cart.status"
-})), /*#__PURE__*/React.createElement("div", {
-  className: column
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "cart.fulfilled_quantity"
-}))), /*#__PURE__*/React.createElement("div", {
-  className: editable ? quantityPickerColumn : quantityPickerColumnNotEditable
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: isOrderDetails ? 'cart.ordered_quantity' : 'cart.quantity'
-})), /*#__PURE__*/React.createElement("div", {
-  className: column
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "cart.subtotal"
-})), editable && enabledFulfillmentMethodsCount > 1 && /*#__PURE__*/React.createElement("div", {
-  className: contextMenuColumn
-}));
+}) => /*#__PURE__*/_jsxs("div", {
+  className: header,
+  children: [/*#__PURE__*/_jsx("div", {
+    className: imageColumn,
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "cart.items"
+    })
+  }), /*#__PURE__*/_jsx("div", {
+    className: detailsColumn
+  }), /*#__PURE__*/_jsx("div", {
+    className: classNames(column.toString(), {
+      [priceColumnWide]: hasLineItemPromotions
+    }),
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "cart.price"
+    })
+  }), isOrderDetails && /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!isDirectShipOnly ? /*#__PURE__*/_jsx("div", {
+      className: locationColumn,
+      children: /*#__PURE__*/_jsx(I18n.Text, {
+        string: "cart.location"
+      })
+    }) : null, /*#__PURE__*/_jsx("div", {
+      className: column,
+      children: /*#__PURE__*/_jsx(I18n.Text, {
+        string: "cart.status"
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: column,
+      children: /*#__PURE__*/_jsx(I18n.Text, {
+        string: "cart.fulfilled_quantity"
+      })
+    })]
+  }), /*#__PURE__*/_jsx("div", {
+    className: editable ? quantityPickerColumn : quantityPickerColumnNotEditable,
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: isOrderDetails ? 'cart.ordered_quantity' : 'cart.quantity'
+    })
+  }), /*#__PURE__*/_jsx("div", {
+    className: column,
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "cart.subtotal"
+    })
+  }), editable && enabledFulfillmentMethodsCount > 1 && /*#__PURE__*/_jsx("div", {
+    className: contextMenuColumn
+  })]
+});
 CartItemsHeaderWide.defaultProps = {
   editable: true,
   isOrderDetails: false,