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

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationSection.js

@@ -6,6 +6,7 @@ import { Card, TextLink } from '@shopgate/engage/components';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 import { isIOSTheme } from '@shopgate/engage/core';
 import { i18n } from "../../../core/helpers/i18n";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   colors,
   variables
@@ -111,50 +112,64 @@ const CheckoutConfirmationSegment = ({
     return null;
   }
   const isString = typeof content === 'string';
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.wrapper, className)
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: styles.headline
-  }, i18n.text(title)), /*#__PURE__*/React.createElement(Card, {
-    className: classNames(styles.card, {
-      [styles.cardWithForm]: hasForm
-    })
-  }, isString && /*#__PURE__*/React.createElement("span", null, content), !isString && !isSummary && /*#__PURE__*/React.createElement("dl", {
-    className: styles.list
-  }, content.map(({
-    label,
-    text,
-    link
-  }) => /*#__PURE__*/React.createElement(Fragment, {
-    key: label || text
-  }, label && /*#__PURE__*/React.createElement("dt", {
-    className: styles.listTitle
-  }, i18n.text(label)), link ? /*#__PURE__*/React.createElement("dd", {
-    className: styles.listEntry
-  }, /*#__PURE__*/React.createElement(TextLink, {
-    href: link,
-    className: styles.link
-  }, /*#__PURE__*/React.createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  }))) : /*#__PURE__*/React.createElement("dd", {
-    className: styles.listEntry,
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  })))), children, isSummary && /*#__PURE__*/React.createElement("table", {
-    className: styles.table
-  }, /*#__PURE__*/React.createElement("tbody", null, content.map(({
-    label,
-    text
-  }) => /*#__PURE__*/React.createElement("tr", {
-    key: label || text
-  }, label && /*#__PURE__*/React.createElement("td", null, i18n.text(label)), /*#__PURE__*/React.createElement("td", {
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  }))))))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames(styles.wrapper, className),
+    children: [/*#__PURE__*/_jsx("h3", {
+      className: styles.headline,
+      children: i18n.text(title)
+    }), /*#__PURE__*/_jsxs(Card, {
+      className: classNames(styles.card, {
+        [styles.cardWithForm]: hasForm
+      }),
+      children: [isString && /*#__PURE__*/_jsx("span", {
+        children: content
+      }), !isString && !isSummary && /*#__PURE__*/_jsx("dl", {
+        className: styles.list,
+        children: content.map(({
+          label,
+          text,
+          link
+        }) => /*#__PURE__*/_jsxs(Fragment, {
+          children: [label && /*#__PURE__*/_jsx("dt", {
+            className: styles.listTitle,
+            children: i18n.text(label)
+          }), link ? /*#__PURE__*/_jsx("dd", {
+            className: styles.listEntry,
+            children: /*#__PURE__*/_jsx(TextLink, {
+              href: link,
+              className: styles.link,
+              children: /*#__PURE__*/_jsx("span", {
+                dangerouslySetInnerHTML: {
+                  __html: text
+                }
+              })
+            })
+          }) : /*#__PURE__*/_jsx("dd", {
+            className: styles.listEntry,
+            dangerouslySetInnerHTML: {
+              __html: text
+            }
+          })]
+        }, label || text))
+      }), children, isSummary && /*#__PURE__*/_jsx("table", {
+        className: styles.table,
+        children: /*#__PURE__*/_jsx("tbody", {
+          children: content.map(({
+            label,
+            text
+          }) => /*#__PURE__*/_jsxs("tr", {
+            children: [label && /*#__PURE__*/_jsx("td", {
+              children: i18n.text(label)
+            }), /*#__PURE__*/_jsx("td", {
+              dangerouslySetInnerHTML: {
+                __html: text
+              }
+            })]
+          }, label || text))
+        })
+      })]
+    })]
+  });
 };
 CheckoutConfirmationSegment.defaultProps = {
   children: null,

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationShippedTo.js

@@ -7,6 +7,7 @@ import CheckoutConfirmationSection from "./CheckoutConfirmationSection";
  * CheckoutConfirmationShippedTo component
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const CheckoutConfirmationShippedTo = ({
   order,
   className
@@ -30,15 +31,15 @@ const CheckoutConfirmationShippedTo = ({
     return [{
       label: i18n.text('checkout.success.address'),
       text: address
-    }, ...(shippingMethodServiceLevel ? {
+    }].concat(shippingMethodServiceLevel ? {
       label: i18n.text('checkout.success.shipping_method'),
       text: shippingMethodServiceLevel
-    } : [])];
+    } : []);
   }, [order]);
   if (!content) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(CheckoutConfirmationSection, {
+  return /*#__PURE__*/_jsx(CheckoutConfirmationSection, {
     title: "checkout.success.shipped_to",
     content: content,
     className: className

package/checkout/components/GuestCheckout/GuestCheckout.js

@@ -14,6 +14,7 @@ import Pickup from "./GuestCheckoutPickup";
 import PickupNotes from "./GuestCheckoutPickupNotes";
 import GuestCheckoutOptIn from "./GuestCheckoutOptIn";
 import { ShippingMethods } from "../ShippingMethods";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   root: css({
     display: 'flex',
@@ -42,29 +43,35 @@ const styles = {
  * The Cart component.
  * @returns {JSX}
  */
-const GuestCheckout = () => /*#__PURE__*/React.createElement(CheckoutProvider, {
+const GuestCheckout = () => /*#__PURE__*/_jsxs(CheckoutProvider, {
   pathPattern: GUEST_CHECKOUT_PAYMENT_PATTERN,
   orderInitialized: true,
   orderReadOnly: true,
-  isGuestCheckout: true
-}, /*#__PURE__*/React.createElement(Header, {
-  stepFrom: 2,
-  stepTo: 2
-}), /*#__PURE__*/React.createElement("div", {
-  className: styles.root
-}, /*#__PURE__*/React.createElement("div", {
-  className: styles.main
-}, /*#__PURE__*/React.createElement(Pickup, null), /*#__PURE__*/React.createElement(PickupNotes, null), /*#__PURE__*/React.createElement(Address, {
-  type: ADDRESS_TYPE_BILLING
-}), /*#__PURE__*/React.createElement(Address, {
-  type: ADDRESS_TYPE_SHIPPING
-}), /*#__PURE__*/React.createElement(GuestCheckoutOptIn, null), /*#__PURE__*/React.createElement(ShippingMethods, null), /*#__PURE__*/React.createElement(PaymentProvider, null), /*#__PURE__*/React.createElement(ResponsiveContainer, {
-  breakpoint: "<md",
-  appAlways: true
-}, /*#__PURE__*/React.createElement(Summary, null)), /*#__PURE__*/React.createElement(Actions, null)), /*#__PURE__*/React.createElement("div", {
-  className: styles.side
-}, /*#__PURE__*/React.createElement(ResponsiveContainer, {
-  breakpoint: ">=md",
-  webOnly: true
-}, /*#__PURE__*/React.createElement(Summary, null)))));
+  isGuestCheckout: true,
+  children: [/*#__PURE__*/_jsx(Header, {
+    stepFrom: 2,
+    stepTo: 2
+  }), /*#__PURE__*/_jsxs("div", {
+    className: styles.root,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.main,
+      children: [/*#__PURE__*/_jsx(Pickup, {}), /*#__PURE__*/_jsx(PickupNotes, {}), /*#__PURE__*/_jsx(Address, {
+        type: ADDRESS_TYPE_BILLING
+      }), /*#__PURE__*/_jsx(Address, {
+        type: ADDRESS_TYPE_SHIPPING
+      }), /*#__PURE__*/_jsx(GuestCheckoutOptIn, {}), /*#__PURE__*/_jsx(ShippingMethods, {}), /*#__PURE__*/_jsx(PaymentProvider, {}), /*#__PURE__*/_jsx(ResponsiveContainer, {
+        breakpoint: "<md",
+        appAlways: true,
+        children: /*#__PURE__*/_jsx(Summary, {})
+      }), /*#__PURE__*/_jsx(Actions, {})]
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.side,
+      children: /*#__PURE__*/_jsx(ResponsiveContainer, {
+        breakpoint: ">=md",
+        webOnly: true,
+        children: /*#__PURE__*/_jsx(Summary, {})
+      })
+    })]
+  })]
+});
 export default GuestCheckout;

package/checkout/components/GuestCheckout/GuestCheckoutOptIn.js

@@ -8,6 +8,7 @@ import Section from "../Checkout/CheckoutSection";
 import { useCheckoutContext } from "../../hooks/common";
 import generateFormConfig from "./GuestCheckoutOptIn.config";
 import { CHECKOUT_MARKETING_OPTIN } from "../../constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   variables
 } = themeConfig;
@@ -48,18 +49,21 @@ const GuestCheckoutOptIn = () => {
   const handleUpdate = useCallback(values => {
     optInFormSetValues(values);
   }, [optInFormSetValues]);
-  return /*#__PURE__*/React.createElement(SurroundPortals, {
-    portalName: CHECKOUT_MARKETING_OPTIN
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, /*#__PURE__*/React.createElement(Section, {
-    hasForm: true
-  }, /*#__PURE__*/React.createElement(FormBuilder, {
-    className: styles.form,
-    name: "GuestCheckoutOptIn",
-    config: formConfig,
-    defaults: defaultOptInFormState,
-    handleUpdate: handleUpdate
-  }))));
+  return /*#__PURE__*/_jsx(SurroundPortals, {
+    portalName: CHECKOUT_MARKETING_OPTIN,
+    children: /*#__PURE__*/_jsx("div", {
+      className: styles.root,
+      children: /*#__PURE__*/_jsx(Section, {
+        hasForm: true,
+        children: /*#__PURE__*/_jsx(FormBuilder, {
+          className: styles.form,
+          name: "GuestCheckoutOptIn",
+          config: formConfig,
+          defaults: defaultOptInFormState,
+          handleUpdate: handleUpdate
+        })
+      })
+    })
+  });
 };
 export default GuestCheckoutOptIn;

package/checkout/components/GuestCheckout/GuestCheckoutPickup.js

@@ -5,6 +5,7 @@ import { GUEST_CHECKOUT_PATTERN } from "../../constants/routes";
 import Section from "../Checkout/CheckoutSection";
 import { useCheckoutContext } from "../../hooks/common";
 import { ADDRESS_TYPE_PICKUP } from "../../constants";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   variables
 } = themeConfig;
@@ -36,12 +37,20 @@ const GuestCheckoutPickup = () => {
   if (!pickupAddress) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, /*#__PURE__*/React.createElement(Section, {
-    className: styles.card,
-    title: headline,
-    editLink: `${GUEST_CHECKOUT_PATTERN}?edit=${ADDRESS_TYPE_PICKUP}`
-  }, /*#__PURE__*/React.createElement("span", null, pickupAddress.middleName?.length ? `${pickupAddress.firstName} ${pickupAddress.middleName} ${pickupAddress.lastName}` : `${pickupAddress.firstName} ${pickupAddress.lastName}`), /*#__PURE__*/React.createElement("span", null, pickupAddress.emailAddress), /*#__PURE__*/React.createElement("span", null, pickupAddress.mobile)));
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.root,
+    children: /*#__PURE__*/_jsxs(Section, {
+      className: styles.card,
+      title: headline,
+      editLink: `${GUEST_CHECKOUT_PATTERN}?edit=${ADDRESS_TYPE_PICKUP}`,
+      children: [/*#__PURE__*/_jsx("span", {
+        children: pickupAddress.middleName?.length ? `${pickupAddress.firstName} ${pickupAddress.middleName} ${pickupAddress.lastName}` : `${pickupAddress.firstName} ${pickupAddress.lastName}`
+      }), /*#__PURE__*/_jsx("span", {
+        children: pickupAddress.emailAddress
+      }), /*#__PURE__*/_jsx("span", {
+        children: pickupAddress.mobile
+      })]
+    })
+  });
 };
 export default GuestCheckoutPickup;

package/checkout/components/GuestCheckout/GuestCheckoutPickupNotes.js

@@ -5,6 +5,7 @@ import { StylePresets } from '@shopgate/engage/components/Form';
 import generateFormConfig from "./GuestCheckoutPickupNotes.config";
 import Section from "../Checkout/CheckoutSection";
 import { useCheckoutContext } from "../../hooks/common";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   root: css({
     padding: '16px 16px 0',
@@ -39,18 +40,20 @@ const GuestCheckoutPickupNotes = () => {
   if (!isPickupContactSelectionEnabled) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, /*#__PURE__*/React.createElement(Section, {
-    title: "",
-    hasForm: true
-  }, /*#__PURE__*/React.createElement(FormBuilder, {
-    className: styles.form,
-    name: "PickupNotesForm",
-    config: formConfig,
-    defaults: defaultPickupPersonState,
-    validationErrors: formValidationErrors,
-    handleUpdate: handleUpdate
-  })));
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.root,
+    children: /*#__PURE__*/_jsx(Section, {
+      title: "",
+      hasForm: true,
+      children: /*#__PURE__*/_jsx(FormBuilder, {
+        className: styles.form,
+        name: "PickupNotesForm",
+        config: formConfig,
+        defaults: defaultPickupPersonState,
+        validationErrors: formValidationErrors,
+        handleUpdate: handleUpdate
+      })
+    })
+  });
 };
 export default GuestCheckoutPickupNotes;

package/checkout/components/PaymentMethodButton/PaymentMethodButton.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { responsiveMediaQuery } from '@shopgate/engage/styles';
 import { css } from 'glamor';
 import { useCheckoutContext } from "../../hooks/common";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   root: css({
     outline: 'none',
@@ -52,11 +53,12 @@ const PaymentMethodButton = ({
   const {
     isLocked
   } = useCheckoutContext();
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/_jsx("button", {
     type: "button",
     disabled: isLocked,
     className: `${styles.root} ${active && styles.active}`,
-    onClick: () => onChange()
-  }, children);
+    onClick: () => onChange(),
+    children: children
+  });
 };
 export default PaymentMethodButton;

package/checkout/components/ResponsiveBackButton/ResponsiveBackButton.js

@@ -8,6 +8,7 @@ import { container, button, buttonIcon } from "./ResponsiveBackButton.style";
  * A back button  for the desktop checkout pages.
  * @returns {JSX}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ResponsiveBackButton = ({
   label,
   onClick
@@ -22,18 +23,20 @@ const ResponsiveBackButton = ({
     }
     pop();
   }, [onClick, pop]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: container
-  }, /*#__PURE__*/React.createElement(RippleButton, {
-    flat: true,
-    className: button,
-    type: "secondary",
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement(ArrowIcon, {
-    className: buttonIcon
-  }), /*#__PURE__*/React.createElement(I18n.Text, {
-    string: label
-  })));
+  return /*#__PURE__*/_jsx("div", {
+    className: container,
+    children: /*#__PURE__*/_jsxs(RippleButton, {
+      flat: true,
+      className: button,
+      type: "secondary",
+      onClick: handleClick,
+      children: [/*#__PURE__*/_jsx(ArrowIcon, {
+        className: buttonIcon
+      }), /*#__PURE__*/_jsx(I18n.Text, {
+        string: label
+      })]
+    })
+  });
 };
 ResponsiveBackButton.defaultProps = {
   label: 'common.back',

package/checkout/components/ShippingMethods/ShippingMethod.js

@@ -6,6 +6,7 @@ import { i18n } from '@shopgate/engage/core';
 import { Image } from '@shopgate/engage/components';
 import { useCheckoutContext } from '@shopgate/engage/checkout/hooks/common';
 import ShippingMethodIcon from '@shopgate/pwa-ui-shared/icons/ShippingMethodIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   root: css({
     display: 'flex',
@@ -50,20 +51,26 @@ const ShippingMethod = ({
     serviceLevel
   } = shippingMethod;
   const [useImage, setUseImage] = useState(!!serviceLevel?.iconUrl);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.root)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.imageContainer
-  }, useImage ? /*#__PURE__*/React.createElement(Image, {
-    className: styles.image,
-    src: serviceLevel?.iconUrl,
-    onError: () => setUseImage(false)
-  }) : /*#__PURE__*/React.createElement(ShippingMethodIcon, {
-    className: styles.image
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.label
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.name
-  }, serviceLevel?.name), /*#__PURE__*/React.createElement("span", null, serviceLevel?.cost ? i18n.price(serviceLevel?.cost, currencyCode, 2) : i18n.text('shipping.free_short'))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames(styles.root),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.imageContainer,
+      children: useImage ? /*#__PURE__*/_jsx(Image, {
+        className: styles.image,
+        src: serviceLevel?.iconUrl,
+        onError: () => setUseImage(false)
+      }) : /*#__PURE__*/_jsx(ShippingMethodIcon, {
+        className: styles.image
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.label,
+      children: [/*#__PURE__*/_jsx("span", {
+        className: styles.name,
+        children: serviceLevel?.name
+      }), /*#__PURE__*/_jsx("span", {
+        children: serviceLevel?.cost ? i18n.price(serviceLevel?.cost, currencyCode, 2) : i18n.text('shipping.free_short')
+      })]
+    })]
+  });
 };
 export default ShippingMethod;

package/checkout/components/ShippingMethods/ShippingMethods.js

@@ -11,6 +11,7 @@ import { RadioGroupV2 as RadioGroup, RadioCard, MessageBar } from '@shopgate/eng
 import { useCheckoutContext } from '@shopgate/engage/checkout/hooks/common';
 import ShippingMethod from "./ShippingMethod";
 import connect from "./connector";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   variables
 } = themeConfig;
@@ -77,9 +78,10 @@ const hashShippingMethod = method => {
  */
 const CardComponent = ({
   children
-}) => /*#__PURE__*/React.createElement("li", {
-  className: styles.card
-}, children);
+}) => /*#__PURE__*/_jsx("li", {
+  className: styles.card,
+  children: children
+});
 CardComponent.defaultProps = {
   children: null
 };
@@ -165,45 +167,51 @@ const ShippingMethods = ({
     return null;
   }
   if (shippingMethods.length === 0) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.root
-    }, /*#__PURE__*/React.createElement("h3", {
-      className: styles.headline
-    }, i18n.text('checkout.shippingMethod.title')), /*#__PURE__*/React.createElement(MessageBar, {
-      messages: [{
-        type: 'error',
-        message: i18n.text(`checkout.shippingMethod.errors.${!shippingAddress ? 'noShippingAddress' : 'invalidShippingAddress'}`)
-      }],
-      classNames: {
-        container: styles.errorMessage
-      },
-      showIcons: true
-    }));
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.root,
+      children: [/*#__PURE__*/_jsx("h3", {
+        className: styles.headline,
+        children: i18n.text('checkout.shippingMethod.title')
+      }), /*#__PURE__*/_jsx(MessageBar, {
+        messages: [{
+          type: 'error',
+          message: i18n.text(`checkout.shippingMethod.errors.${!shippingAddress ? 'noShippingAddress' : 'invalidShippingAddress'}`)
+        }],
+        classNames: {
+          container: styles.errorMessage
+        },
+        showIcons: true
+      })]
+    });
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: styles.headline
-  }, i18n.text('checkout.shippingMethod.title')), shippingMethods.length === 1 ? /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.container, styles.containerSingle)
-  }, /*#__PURE__*/React.createElement(ShippingMethod, {
-    shippingMethod: shippingMethods[0]
-  })) : /*#__PURE__*/React.createElement(RadioGroup, {
-    name: "shipping-methods",
-    value: selectedHash,
-    onChange: onChange,
-    component: "ul",
-    classes: {
-      root: styles.container
-    },
-    disabled: isLoading
-  }, shippingMethods.map(shippingMethod => /*#__PURE__*/React.createElement(RadioCard, {
-    renderCard: CardComponent,
-    value: shippingMethod.hash,
-    key: shippingMethod.hash
-  }, /*#__PURE__*/React.createElement(ShippingMethod, {
-    shippingMethod: shippingMethod
-  })))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.root,
+    children: [/*#__PURE__*/_jsx("h3", {
+      className: styles.headline,
+      children: i18n.text('checkout.shippingMethod.title')
+    }), shippingMethods.length === 1 ? /*#__PURE__*/_jsx("div", {
+      className: classNames(styles.container, styles.containerSingle),
+      children: /*#__PURE__*/_jsx(ShippingMethod, {
+        shippingMethod: shippingMethods[0]
+      })
+    }) : /*#__PURE__*/_jsx(RadioGroup, {
+      name: "shipping-methods",
+      value: selectedHash,
+      onChange: onChange,
+      component: "ul",
+      classes: {
+        root: styles.container
+      },
+      disabled: isLoading,
+      children: shippingMethods.map(shippingMethod => /*#__PURE__*/_jsx(RadioCard, {
+        renderCard: CardComponent,
+        value: shippingMethod.hash,
+        children: /*#__PURE__*/_jsx(ShippingMethod, {
+          shippingMethod: shippingMethod
+        })
+      }, shippingMethod.hash))
+    })]
+  });
 };
 ShippingMethods.defaultProps = {
   orderHasDirectShipItems: false

package/checkout/components/SupplementalContent/SupplementalContent.js

@@ -9,6 +9,7 @@ import connect from "./SupplementalContent.connector";
  * @param {Object} props The component props
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const SupplementalContent = ({
   text,
   className
@@ -18,7 +19,7 @@ const SupplementalContent = ({
   }
 
   /* eslint-disable react/no-danger */
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: classNames(wrapper, className),
     dangerouslySetInnerHTML: {
       __html: text

package/checkout/helpers/index.js

@@ -203,7 +203,7 @@ export const getCheckoutTaxLinesFromOrder = (order = {}) => {
     label: null,
     value: order.subTotal || 0,
     currencyCode: order.currencyCode
-  }, ...getPromotionLinesFromOrder(order), ...getCouponLinesFromOrder(order), {
+  }].concat(getPromotionLinesFromOrder(order), getCouponLinesFromOrder(order), [{
     visible: hasDirectShipItems && hasSelectedShippingMethod,
     type: 'shippingTotal',
     label: null,
@@ -221,7 +221,7 @@ export const getCheckoutTaxLinesFromOrder = (order = {}) => {
     label: null,
     value: order.total || 0,
     currencyCode: order.currencyCode
-  }];
+  }]);
 };
 
 /**