@faststore/core 2.0.123-alpha.0 → 2.0.128-alpha.0

package/.next/server/chunks/502.js

@@ -0,0 +1,603 @@
+exports.id = 502;
+exports.ids = [502];
+exports.modules = {
+
+/***/ 7434:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-testid": testId, ...otherProps },
+        title && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-empty-state-title": true },
+            titleIcon && react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, titleIcon),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, title))),
+        children));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyState);
+//# sourceMappingURL=EmptyState.js.map
+
+/***/ }),
+
+/***/ 2502:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* reexport */ cart_CartSidebar_CartSidebar)
+});
+
+// EXTERNAL MODULE: ../sdk/dist/analytics/sendAnalyticsEvent.js
+var sendAnalyticsEvent = __webpack_require__(1072);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
+var useFadeEffect = __webpack_require__(6074);
+// EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
+var UIProvider = __webpack_require__(395);
+// EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOver.js
+var SlideOver = __webpack_require__(1021);
+// EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOverHeader.js
+var SlideOverHeader = __webpack_require__(9648);
+// EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
+var Badge = __webpack_require__(44);
+// EXTERNAL MODULE: ../components/dist/molecules/Alert/Alert.js
+var Alert = __webpack_require__(6970);
+;// CONCATENATED MODULE: ../components/dist/organisms/CartSidebar/CartSidebar.js
+
+
+function CartSidebar({ testId = 'fs-cart-sidebar', title = 'Your Cart', size = 'partial', direction = 'rightSide', totalItems, children, alertIcon, alertText, overlayProps, onClose, ...otherProps }) {
+    const { fade, fadeOut } = (0,useFadeEffect/* useFadeEffect */.b)();
+    const { closeCart } = (0,UIProvider/* useUI */.l)();
+    return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-cart-sidebar": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeCart(), testId: testId, overlayProps: overlayProps, ...otherProps },
+        external_react_default().createElement(SlideOverHeader/* default */.Z, { closeBtnProps: { testId: 'fs-cart-sidebar-button-close' }, onClose: () => {
+                onClose();
+                fadeOut();
+            } },
+            external_react_default().createElement("h2", { "data-fs-cart-sidebar-title": true },
+                title,
+                external_react_default().createElement(Badge/* default */.Z, { variant: "info" }, totalItems))),
+        alertText && external_react_default().createElement(Alert/* default */.Z, { icon: alertIcon }, alertText),
+        children));
+}
+/* harmony default export */ const CartSidebar_CartSidebar = (CartSidebar);
+//# sourceMappingURL=CartSidebar.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
+var List = __webpack_require__(1329);
+;// CONCATENATED MODULE: ../components/dist/organisms/CartSidebar/CartSidebarList.js
+
+
+function CartSidebarList({ children }) {
+    return external_react_default().createElement(List/* default */.Z, { "data-fs-cart-sidebar-list": true }, children);
+}
+/* harmony default export */ const CartSidebar_CartSidebarList = (CartSidebarList);
+//# sourceMappingURL=CartSidebarList.js.map
+;// CONCATENATED MODULE: ../components/dist/organisms/CartSidebar/CartSidebarFooter.js
+
+function CartSidebarFooter({ children }) {
+    return external_react_default().createElement("footer", { "data-fs-cart-sidebar-footer": true }, children);
+}
+/* harmony default export */ const CartSidebar_CartSidebarFooter = (CartSidebarFooter);
+//# sourceMappingURL=CartSidebarFooter.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
+var Button = __webpack_require__(7578);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+// EXTERNAL MODULE: ./src/sdk/cart/index.ts + 1 modules
+var sdk_cart = __webpack_require__(6073);
+// EXTERNAL MODULE: ./faststore.config.js
+var faststore_config = __webpack_require__(7183);
+var faststore_config_default = /*#__PURE__*/__webpack_require__.n(faststore_config);
+;// CONCATENATED MODULE: ./src/sdk/cart/useCheckoutButton.ts
+
+
+const useCheckoutButton = () => {
+  const {
+    isValidating,
+    id
+  } = (0,sdk_cart/* useCart */.jD)();
+
+  const onClick = e => {
+    e.preventDefault();
+
+    if (!isValidating && id) {
+      window.location.href = `${(faststore_config_default()).checkoutUrl}?orderFormId=${id}`;
+    }
+  };
+
+  return {
+    onClick,
+    disabled: isValidating,
+    'data-testid': 'checkout-button'
+  };
+};
+// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
+var session = __webpack_require__(7295);
+;// CONCATENATED MODULE: ../components/dist/molecules/Gift/Gift.js
+
+const Gift = (0,external_react_.forwardRef)(function Gift({ icon, testId = 'fs-gift', children, ...otherProps }, ref) {
+    const iconProps = { "data-fs-gift-icon": true };
+    const giftIcon = external_react_default().isValidElement(icon) ? external_react_default().cloneElement(icon, iconProps) : icon;
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-gift": true, "data-testid": testId, ...otherProps },
+        external_react_default().isValidElement(giftIcon) && giftIcon,
+        external_react_default().createElement("div", { "data-fs-gift-wrapper": true }, children)));
+});
+/* harmony default export */ const Gift_Gift = (Gift);
+//# sourceMappingURL=Gift.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Gift/GiftImage.js
+
+const GiftImage = (0,external_react_.forwardRef)(function GiftImage({ testId = 'fs-gift-image', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-gift-image": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Gift_GiftImage = (GiftImage);
+//# sourceMappingURL=GiftImage.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
+var Price = __webpack_require__(7549);
+;// CONCATENATED MODULE: ../components/dist/molecules/Gift/GiftContent.js
+
+
+const GiftContent = (0,external_react_.forwardRef)(function GiftContent({ price, productName, titleMessage = 'Get a', badgeLabel = 'Free', testId = 'fs-gift-content', ...otherProps }, ref) {
+    return (external_react_default().createElement("section", { ref: ref, "data-fs-gift-content": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("h3", { "data-fs-gift-product-title": true },
+            titleMessage,
+            " ",
+            productName),
+        external_react_default().createElement("span", { "data-fs-gift-product-summary": true },
+            external_react_default().createElement(Price/* default */.Z, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
+            external_react_default().createElement(Badge/* default */.Z, null, badgeLabel))));
+});
+/* harmony default export */ const Gift_GiftContent = (GiftContent);
+//# sourceMappingURL=GiftContent.js.map
+// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 3 modules
+var Image = __webpack_require__(2154);
+// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
+var useFormattedPrice = __webpack_require__(5346);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/ui/Gift/Gift.tsx
+const _excluded = ["item"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+function Gift_Gift_Gift(_ref) {
+  let {
+    item
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(Gift_Gift, _objectSpread(_objectSpread({
+    icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+      "data-fs-gift-icon": true,
+      name: "Tag",
+      width: 18,
+      height: 18
+    })
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx_runtime_.jsx(Gift_GiftImage, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
+        src: item.itemOffered.image[0].url,
+        alt: item.itemOffered.image[0].alternateName,
+        width: 89,
+        height: 89
+      })
+    }), /*#__PURE__*/jsx_runtime_.jsx(Gift_GiftContent, {
+      productName: item.itemOffered.isVariantOf.name,
+      price: {
+        value: item.price,
+        listPrice: item.listPrice,
+        formatter: useFormattedPrice/* useFormattedPrice */.P
+      }
+    })]
+  }));
+}
+
+/* harmony default export */ const ui_Gift_Gift = (Gift_Gift_Gift);
+;// CONCATENATED MODULE: ./src/components/ui/Gift/index.ts
+
+// EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(2765);
+// EXTERNAL MODULE: ../components/dist/molecules/QuantitySelector/QuantitySelector.js
+var QuantitySelector = __webpack_require__(123);
+;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItem.js
+
+
+const CartItem = (0,external_react_.forwardRef)(function CartItem({ testId = 'fs-cart-item', price, quantity, unavailable, onQuantityChange, children, removeBtnProps, ...otherProps }, ref) {
+    return (external_react_default().createElement("article", { ref: ref, "data-fs-cart-item": unavailable ? 'unavailable' : 'true', "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-cart-item-content": true }, children),
+        external_react_default().createElement(IconButton/* default */.Z, { "data-fs-cart-item-remove-button": true, icon: external_react_default().createElement(Icon/* default */.Z, { name: "XCircle" }), "aria-label": "Remove", ...removeBtnProps }),
+        external_react_default().createElement("div", { "data-fs-cart-item-actions": true },
+            external_react_default().createElement(QuantitySelector/* default */.Z, { min: 1, initial: quantity, onChange: onQuantityChange }),
+            external_react_default().createElement("span", { "data-fs-cart-item-prices": true },
+                external_react_default().createElement(Price/* default */.Z, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, variant: "listing", SRText: "Original price:" }),
+                external_react_default().createElement(Price/* default */.Z, { value: price?.value ? price.value : 0, formatter: price?.formatter, variant: "spot", SRText: "Price:" })))));
+});
+/* harmony default export */ const CartItem_CartItem = (CartItem);
+//# sourceMappingURL=CartItem.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItemImage.js
+
+const CartItemImage = (0,external_react_.forwardRef)(function CartItemImage({ testId = 'fs-cart-item-image', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-cart-item-image": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const CartItem_CartItemImage = (CartItemImage);
+//# sourceMappingURL=CartItemImage.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItemSummary.js
+
+const CartItemSummary = (0,external_react_.forwardRef)(function CartItemSummary({ testId = 'fs-cart-item-summary', title, activeVariations = [], children, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-cart-item-summary": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-cart-item-title": true }, title),
+        activeVariations.length > 0 && (external_react_default().createElement("div", { "data-fs-cart-item-skus": true }, activeVariations.map(({ label, option }) => (external_react_default().createElement("p", { key: label },
+            label,
+            ": ",
+            external_react_default().createElement("span", null, option)))))),
+        children));
+});
+/* harmony default export */ const CartItem_CartItemSummary = (CartItemSummary);
+//# sourceMappingURL=CartItemSummary.js.map
+;// CONCATENATED MODULE: ./src/sdk/cart/useRemoveButton.ts
+
+
+
+
+const useRemoveButton = item => {
+  const {
+    currency: {
+      code
+    }
+  } = (0,session/* useSession */.kP)();
+  const onClick = (0,external_react_.useCallback)(e => {
+    e.preventDefault();
+
+    if (!item) {
+      return;
+    }
+
+    (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
+      name: 'remove_from_cart',
+      params: {
+        currency: code,
+        value: item.price * item.quantity,
+        // TODO: In the future, we can explore more robust ways of calculating the value (gift items, discounts, etc.).
+        items: [{
+          item_id: item.itemOffered.isVariantOf.productGroupID,
+          item_name: item.itemOffered.isVariantOf.name,
+          item_brand: item.itemOffered.brand.name,
+          item_variant: item.itemOffered.sku,
+          quantity: item.quantity,
+          price: item.price,
+          discount: item.listPrice - item.price,
+          currency: code,
+          item_variant_name: item.itemOffered.name,
+          product_reference_id: item.itemOffered.gtin
+        }]
+      }
+    });
+    sdk_cart/* cartStore.removeItem */.i8.removeItem(item.id);
+  }, [code, item]);
+  return {
+    onClick,
+    'data-testid': 'remove-from-cart-button',
+    'data-sku': item?.itemOffered.sku
+  };
+};
+;// CONCATENATED MODULE: ./src/components/cart/CartItem/CartItem.tsx
+
+
+
+
+
+
+
+
+
+
+
+function useCartItemEvent() {
+  const {
+    currency: {
+      code
+    }
+  } = (0,session/* useSession */.kP)();
+  const sendCartItemEvent = (0,external_react_.useCallback)((item, quantity) => {
+    const quantityDelta = quantity - item.quantity;
+    return (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
+      name: quantityDelta > 0 ? 'add_to_cart' : 'remove_from_cart',
+      params: {
+        currency: code,
+        // TODO: In the future, we can explore more robust ways of
+        // calculating the value (gift items, discounts, etc.).
+        value: item.price * Math.abs(quantityDelta),
+        items: [{
+          item_id: item.itemOffered.isVariantOf.productGroupID,
+          item_name: item.itemOffered.isVariantOf.name,
+          item_brand: item.itemOffered.brand.name,
+          item_variant: item.itemOffered.sku,
+          quantity: Math.abs(quantityDelta),
+          price: item.price,
+          discount: item.listPrice - item.price,
+          currency: code,
+          item_variant_name: item.itemOffered.name,
+          product_reference_id: item.itemOffered.gtin
+        }]
+      }
+    });
+  }, [code]);
+  return (0,external_react_.useMemo)(() => ({
+    sendCartItemEvent
+  }), [sendCartItemEvent]);
+}
+
+function CartItem_CartItem_CartItem({
+  item
+}) {
+  const btnProps = useRemoveButton(item);
+  const {
+    sendCartItemEvent
+  } = useCartItemEvent();
+  const onQuantityChange = (0,external_react_.useCallback)(quantity => {
+    sendCartItemEvent(item, quantity);
+    sdk_cart/* cartStore.updateItemQuantity */.i8.updateItemQuantity(item.id, quantity);
+  }, [item, sendCartItemEvent]);
+  const skuActiveVariants = item.itemOffered.isVariantOf.skuVariants.activeVariations;
+  const activeVariations = Object.keys(skuActiveVariants).map(key => ({
+    label: key,
+    option: skuActiveVariants[key]
+  }));
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(CartItem_CartItem, {
+    price: {
+      value: item.price,
+      listPrice: item.listPrice,
+      formatter: useFormattedPrice/* useFormattedPrice */.P
+    },
+    quantity: item.quantity,
+    onQuantityChange: onQuantityChange,
+    removeBtnProps: btnProps,
+    "data-sku": item.itemOffered.sku,
+    "data-seller": item.seller.identifier,
+    children: [/*#__PURE__*/jsx_runtime_.jsx(CartItem_CartItemImage, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
+        src: item.itemOffered.image[0].url,
+        alt: item.itemOffered.image[0].alternateName,
+        width: 56,
+        height: 56
+      })
+    }), /*#__PURE__*/jsx_runtime_.jsx(CartItem_CartItemSummary, {
+      title: item.itemOffered.isVariantOf.name,
+      activeVariations: activeVariations
+    })]
+  });
+}
+
+/* harmony default export */ const cart_CartItem_CartItem = (CartItem_CartItem_CartItem);
+;// CONCATENATED MODULE: ./src/components/cart/CartItem/index.ts
+
+// EXTERNAL MODULE: ../components/dist/organisms/EmptyState/EmptyState.js
+var EmptyState = __webpack_require__(7434);
+;// CONCATENATED MODULE: ./src/components/cart/EmptyCart/EmptyCart.tsx
+
+
+
+function EmptyCart({
+  onDismiss
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx(EmptyState/* default */.Z, {
+    title: "Your Cart is empty",
+    titleIcon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+      name: "ShoppingCart",
+      width: 56,
+      height: 56,
+      weight: "thin"
+    }),
+    children: /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
+      onClick: onDismiss,
+      variant: "secondary",
+      children: "Start Shopping"
+    })
+  });
+}
+
+/* harmony default export */ const EmptyCart_EmptyCart = (EmptyCart);
+;// CONCATENATED MODULE: ./src/components/cart/EmptyCart/index.ts
+
+;// CONCATENATED MODULE: ../components/dist/molecules/OrderSummary/OrderSummary.js
+
+
+const OrderSummary = (0,external_react_.forwardRef)(function OrderSummary({ testId = 'fs-order-summary', subtotalLabel, subtotalValue, discountLabel = 'Discount', discountValue, totalLabel = 'Total', totalValue, ...otherProps }, ref) {
+    return (external_react_default().createElement(List/* default */.Z, { ref: ref, "data-fs-order-summary": true, "data-testid": testId, ...otherProps },
+        subtotalValue ? (external_react_default().createElement("li", { "data-fs-order-summary-subtotal": true },
+            external_react_default().createElement("span", { "data-fs-order-summary-subtotal-label": true, "data-testid": `${testId}-subtotal-label` }, subtotalLabel),
+            external_react_default().createElement("span", { "data-fs-order-summary-subtotal-value": true, "data-testid": `${testId}-subtotal-value` }, subtotalValue))) : null,
+        discountValue ? (external_react_default().createElement("li", { "data-fs-order-summary-discount": true },
+            external_react_default().createElement("span", { "data-fs-order-summary-discount-label": true, "data-testid": `${testId}-discount-label` }, discountLabel),
+            external_react_default().createElement("span", { "data-fs-order-summary-discount-value": true, "data-testid": `${testId}-discount-value` }, discountValue))) : null,
+        external_react_default().createElement("li", { "data-fs-order-summary-total": true },
+            external_react_default().createElement("span", { "data-fs-order-summary-total-label": true, "data-testid": `${testId}-total-label` }, totalLabel),
+            external_react_default().createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue))));
+});
+/* harmony default export */ const OrderSummary_OrderSummary = (OrderSummary);
+//# sourceMappingURL=OrderSummary.js.map
+;// CONCATENATED MODULE: ./src/components/cart/OrderSummary/OrderSummary.tsx
+
+
+
+
+
+
+function OrderSummary_OrderSummary_OrderSummary({
+  subTotal,
+  total,
+  numberOfItems,
+  checkoutButton
+}) {
+  const discount = subTotal - total;
+  const formattedDiscount = (0,useFormattedPrice/* useFormattedPrice */.P)(discount);
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+    children: [/*#__PURE__*/jsx_runtime_.jsx(OrderSummary_OrderSummary, {
+      subtotalLabel: `Subtotal (${numberOfItems} products)`,
+      subtotalValue: (0,useFormattedPrice/* useFormattedPrice */.P)(subTotal),
+      discountValue: discount > 0 ? `-${formattedDiscount}` : undefined,
+      totalValue: (0,useFormattedPrice/* useFormattedPrice */.P)(total)
+    }), checkoutButton]
+  });
+}
+
+/* harmony default export */ const cart_OrderSummary_OrderSummary = (OrderSummary_OrderSummary_OrderSummary);
+;// CONCATENATED MODULE: ./src/components/cart/OrderSummary/index.ts
+
+// EXTERNAL MODULE: ./src/components/cart/CartSidebar/section.module.scss
+var section_module = __webpack_require__(212);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+;// CONCATENATED MODULE: ./src/components/cart/CartSidebar/CartSidebar.tsx
+function CartSidebar_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function CartSidebar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? CartSidebar_ownKeys(Object(source), !0).forEach(function (key) { CartSidebar_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : CartSidebar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function CartSidebar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function CartSidebar_CartSidebar_CartSidebar() {
+  const {
+    currency
+  } = (0,session/* useSession */.kP)();
+  const btnProps = useCheckoutButton();
+  const cart = (0,sdk_cart/* useCart */.jD)();
+  const {
+    closeCart
+  } = (0,UIProvider/* useUI */.l)();
+  const {
+    fadeOut
+  } = (0,useFadeEffect/* useFadeEffect */.b)();
+  const {
+    items,
+    gifts,
+    totalItems,
+    isValidating,
+    subTotal,
+    total
+  } = cart;
+  const isEmpty = items.length === 0;
+  (0,external_react_.useEffect)(() => {
+    (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
+      name: 'view_cart',
+      params: {
+        currency: currency.code,
+        value: total,
+        items: items.concat(gifts).map(item => ({
+          item_id: item.itemOffered.isVariantOf.productGroupID,
+          item_name: item.itemOffered.isVariantOf.name,
+          item_brand: item.itemOffered.brand.name,
+          item_variant: item.itemOffered.sku,
+          quantity: item.quantity,
+          price: item.price,
+          discount: item.listPrice - item.price,
+          currency: currency.code,
+          item_variant_name: item.itemOffered.name,
+          product_reference_id: item.itemOffered.gtin
+        }))
+      }
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/jsx_runtime_.jsx(CartSidebar_CartSidebar, {
+    overlayProps: {
+      className: `section ${(section_module_default()).section} section-cart-sidebar`
+    },
+    totalItems: totalItems,
+    alertIcon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+      name: "Truck"
+    }),
+    alertText: "Free shipping starts at $300",
+    onClose: fadeOut,
+    children: isEmpty ? /*#__PURE__*/jsx_runtime_.jsx(EmptyCart_EmptyCart, {
+      onDismiss: closeCart
+    }) : /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(CartSidebar_CartSidebarList, {
+        children: [items.map(item => /*#__PURE__*/jsx_runtime_.jsx("li", {
+          children: /*#__PURE__*/jsx_runtime_.jsx(cart_CartItem_CartItem, {
+            item: item
+          })
+        }, item.id)), gifts.length > 0 && /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+          children: gifts.map(item => /*#__PURE__*/jsx_runtime_.jsx("li", {
+            children: /*#__PURE__*/jsx_runtime_.jsx(ui_Gift_Gift, {
+              item: item
+            })
+          }, item.id))
+        })]
+      }), /*#__PURE__*/jsx_runtime_.jsx(CartSidebar_CartSidebarFooter, {
+        children: /*#__PURE__*/jsx_runtime_.jsx(cart_OrderSummary_OrderSummary, {
+          subTotal: subTotal,
+          total: total,
+          numberOfItems: totalItems,
+          checkoutButton: /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, CartSidebar_objectSpread(CartSidebar_objectSpread({
+            variant: "primary",
+            icon: !isValidating && /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+              name: "ArrowRight",
+              width: 18,
+              height: 18
+            }),
+            iconPosition: "right"
+          }, btnProps), {}, {
+            children: isValidating ? 'Loading...' : 'Checkout'
+          }))
+        })
+      })]
+    })
+  });
+}
+
+/* harmony default export */ const cart_CartSidebar_CartSidebar = (CartSidebar_CartSidebar_CartSidebar);
+;// CONCATENATED MODULE: ./src/components/cart/CartSidebar/index.ts
+
+
+/***/ }),
+
+/***/ 212:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__yzuox"
+};
+
+
+/***/ })
+
+};
+;