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

package/cart/components/CartItem/CartItemQuantityPicker.js

@@ -1,3 +1,4 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
 import { i18n } from '@shopgate/engage/core';
@@ -18,40 +19,40 @@ import { inputStyle } from "./CartItemQuantityPicker.style";
 /**
  * The Quantity Picker component.
  */
-export class CartItemQuantityPicker extends React.Component {
+import { jsx as _jsx } from "react/jsx-runtime";
+export let CartItemQuantityPicker = /*#__PURE__*/function (_React$Component) {
   /**
    * Constructor.
    * @param {Object} props The component props.
    */
-  constructor(props) {
-    super(props);
-    this.regex = void 0;
-    this.input = void 0;
-    this.defaultQuantity = 1;
+  function CartItemQuantityPicker(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.input = void 0;
     /**
      * Handles the input click event.
      * @param {Event} event The click event.
      */
-    this.handleInputClick = event => {
+    _this.handleInputClick = event => {
       event.stopPropagation();
       event.preventDefault();
-      if (this.props.onToggleEditMode) {
-        this.props.onToggleEditMode(true);
+      if (_this.props.onToggleEditMode) {
+        _this.props.onToggleEditMode(true);
       }
     };
-    this.handleInputFocus = () => {
-      if (this.props.onToggleEditMode) {
-        this.props.onToggleEditMode(true);
+    _this.handleInputFocus = () => {
+      if (_this.props.onToggleEditMode) {
+        _this.props.onToggleEditMode(true);
       }
     };
     /**
      * Handles the form submission event.
      * @param {Event} event The submit event.
      */
-    this.handleSubmitForm = event => {
+    _this.handleSubmitForm = event => {
       event.preventDefault();
-      if (this.input.current) {
-        this.input.current.blur();
+      if (_this.input.current) {
+        _this.input.current.blur();
       }
     };
     /**
@@ -59,27 +60,29 @@ export class CartItemQuantityPicker extends React.Component {
      * @param {Event} event The blur event.
      * @param {number} newQuantity The new quantity value.
      */
-    this.handleInputBlur = (event, newQuantity) => {
+    _this.handleInputBlur = (event, newQuantity) => {
       const {
         onChange
-      } = this.props;
-      if (this.props.onToggleEditMode) {
-        this.props.onToggleEditMode(false);
+      } = _this.props;
+      if (_this.props.onToggleEditMode) {
+        _this.props.onToggleEditMode(false);
       }
-      if (this.props.quantity !== newQuantity) {
+      if (_this.props.quantity !== newQuantity) {
         if (onChange) {
           onChange(newQuantity);
         }
       }
     };
-    this.regex = /^([0-9.,]+)$/;
-    this.input = /*#__PURE__*/React.createRef();
+    _this.input = /*#__PURE__*/React.createRef();
+    return _this;
   }
 
   /**
    * Called after mount. Focuses the input if the edit mode is active.
    */
-  componentDidMount() {
+  _inheritsLoose(CartItemQuantityPicker, _React$Component);
+  var _proto = CartItemQuantityPicker.prototype;
+  _proto.componentDidMount = function componentDidMount() {
     if (this.props.editMode && this.input.current) {
       this.input.current.focus();
     }
@@ -95,8 +98,8 @@ export class CartItemQuantityPicker extends React.Component {
   /**
    * The componentWillReceiveProps lifecycle hook. I will bring the input into the correct state.
    * @param {Object} nextProps The next set of props.
-   */
-  UNSAFE_componentWillReceiveProps(nextProps) {
+   */;
+  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.input.current) {
       if (nextProps.editMode) {
         this.input.current.focus();
@@ -104,46 +107,37 @@ export class CartItemQuantityPicker extends React.Component {
         this.input.current.blur();
       }
     }
-  }
-  /**
-   * Returns the initial quantity based on the props.
-   * If the props are set to 0 or lower, it will fall back to 1.
-   * @return {number}
-   */
-  get initialQuantity() {
-    if (this.props.quantity && (this.props.quantity === 0 || this.props.quantity < this.defaultQuantity)) {
-      return this.defaultQuantity;
-    }
-    return this.props.quantity || this.defaultQuantity;
-  }
+  };
   /**
    * Renders the component.
    * @return {JSX.Element}
    */
-  render() {
+  _proto.render = function render() {
     const {
       unit,
       hasCatchWeight
     } = this.props;
     const hasCustomUnit = unit && hasCatchWeight || false;
-    return /*#__PURE__*/React.createElement("form", {
+    return /*#__PURE__*/_jsx("form", {
       onSubmit: this.handleSubmitForm,
-      className: "theme__cart__product__quantity-picker"
-    }, /*#__PURE__*/React.createElement(QuantityInput, {
-      ref: this.input,
-      className: inputStyle.toString(),
-      value: this.props.quantity,
-      onClick: this.handleInputClick,
-      onFocus: this.handleInputFocus,
-      onBlur: this.handleInputBlur,
-      unit: hasCustomUnit ? unit : null,
-      maxDecimals: hasCustomUnit ? 2 : 0,
-      "data-test-id": "quantityPicker",
-      disabled: this.props.disabled,
-      "aria-label": i18n.text('product.quantity')
-    }));
-  }
-}
+      className: "theme__cart__product__quantity-picker",
+      children: /*#__PURE__*/_jsx(QuantityInput, {
+        ref: this.input,
+        className: inputStyle.toString(),
+        value: this.props.quantity,
+        onClick: this.handleInputClick,
+        onFocus: this.handleInputFocus,
+        onBlur: this.handleInputBlur,
+        unit: hasCustomUnit ? unit : null,
+        maxDecimals: hasCustomUnit ? 2 : 0,
+        "data-test-id": "quantityPicker",
+        disabled: this.props.disabled,
+        "aria-label": i18n.text('product.quantity')
+      })
+    });
+  };
+  return CartItemQuantityPicker;
+}(React.Component);
 /**
  * @type {Props}
  */

package/cart/components/CartItem/CartItemSubstitution.js

@@ -10,8 +10,11 @@ import { root } from "./CartItemSubstitution.style";
 /**
  * Renders the cart reservation card label.
  * @param {Object} props The component props.
- * @returns {JSX}
+ * @param {Function} props.setSubstitutionAllowed The action to set substitution allowed flag.
+ * @param {boolean} props.editable Whether the substitution option is editable.
+ * @returns {JSX.Element}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const CartItemSubstitution = ({
   setSubstitutionAllowed,
   editable
@@ -26,14 +29,16 @@ const CartItemSubstitution = ({
   if (![ROPIS, BOPIS].includes(fulfillment?.method || [])) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(SubstitutionWrapper, null, /*#__PURE__*/React.createElement(Substitution, {
-    className: root,
-    id: `substitution-${id}`,
-    label: i18n.text('cart.allow_substitution'),
-    checked: substitutionAllowed,
-    onChange: () => setSubstitutionAllowed(id, !substitutionAllowed),
-    disabled: !editable
-  }));
+  return /*#__PURE__*/_jsx(SubstitutionWrapper, {
+    children: /*#__PURE__*/_jsx(Substitution, {
+      className: root,
+      id: `substitution-${id}`,
+      label: i18n.text('cart.allow_substitution'),
+      checked: substitutionAllowed,
+      onChange: () => setSubstitutionAllowed(id, !substitutionAllowed),
+      disabled: !editable
+    })
+  });
 };
 CartItemSubstitution.defaultProps = {
   editable: false

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')
+      })
+    })]
+  })
+});