@faststore/core 2.0.98-alpha.0 → 2.0.100-alpha.0

package/.next/server/chunks/953.js

@@ -0,0 +1,646 @@
+exports.id = 953;
+exports.ids = [953];
+exports.modules = {
+
+/***/ 953:
+/***/ ((__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 */ CartSidebar_CartSidebar)
+});
+
+// EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/analytics/sendAnalyticsEvent.js
+var sendAnalyticsEvent = __webpack_require__(8460);
+// 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);
+// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
+var List = __webpack_require__(1329);
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
+var Button = __webpack_require__(4842);
+// 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/UIProvider.js
+var UIProvider = __webpack_require__(395);
+// EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
+var useFadeEffect = __webpack_require__(6074);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+// EXTERNAL MODULE: ./src/sdk/cart/index.ts
+var sdk_cart = __webpack_require__(7566);
+// 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
+var session = __webpack_require__(5971);
+;// 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: ./src/components/ui/EmptyState/index.ts + 1 modules
+var EmptyState = __webpack_require__(9509);
+;// CONCATENATED MODULE: ./src/components/cart/EmptyCart/EmptyCart.tsx
+
+
+
+
+
+function EmptyCart({
+  onDismiss
+}) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(EmptyState/* default */.Z, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("header", {
+      "data-fs-empty-state-title": true,
+      children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+        name: "ShoppingCart",
+        width: 56,
+        height: 56,
+        weight: "thin"
+      }), /*#__PURE__*/jsx_runtime_.jsx("p", {
+        children: "Your Cart is empty"
+      })]
+    }), /*#__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: ../ui/dist/components/molecules/OrderSummary/OrderSummary.js
+
+
+const OrderSummary = (0,external_react_.forwardRef)(function OrderSummary({ testId = 'store-order-summary', subtotalLabel, subtotalValue, discountLabel, discountValue, totalLabel, 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
+// EXTERNAL MODULE: ./src/components/cart/OrderSummary/order-summary.module.scss
+var order_summary_module = __webpack_require__(9320);
+var order_summary_module_default = /*#__PURE__*/__webpack_require__.n(order_summary_module);
+;// 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)("div", {
+    className: (order_summary_module_default()).fsOrderSummary,
+    children: [/*#__PURE__*/jsx_runtime_.jsx(OrderSummary_OrderSummary, {
+      subtotalLabel: `Subtotal (${numberOfItems} products)`,
+      subtotalValue: (0,useFormattedPrice/* useFormattedPrice */.P)(subTotal),
+      discountLabel: "Discount",
+      discountValue: discount > 0 ? `-${formattedDiscount}` : undefined,
+      totalLabel: "Total",
+      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/cart-sidebar.module.scss
+var cart_sidebar_module = __webpack_require__(285);
+var cart_sidebar_module_default = /*#__PURE__*/__webpack_require__.n(cart_sidebar_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() {
+  const {
+    currency
+  } = (0,session/* useSession */.kP)();
+  const btnProps = useCheckoutButton();
+  const cart = (0,sdk_cart/* useCart */.jD)();
+  const {
+    cart: displayCart,
+    closeCart
+  } = (0,UIProvider/* useUI */.l)();
+  const {
+    fade,
+    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
+  }, []);
+  const closeBtnProps = {
+    testId: 'cart-sidebar-button-close'
+  };
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(SlideOver/* default */.Z, {
+    fade: fade,
+    isOpen: displayCart,
+    onDismiss: () => fadeOut(),
+    size: "partial",
+    direction: "rightSide",
+    className: (cart_sidebar_module_default()).fsCartSidebar,
+    onTransitionEnd: () => fade === 'out' && closeCart(),
+    "data-testid": "cart-sidebar",
+    children: [/*#__PURE__*/jsx_runtime_.jsx(SlideOverHeader/* default */.Z, {
+      closeBtnProps: closeBtnProps,
+      onClose: fadeOut,
+      children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+        "data-fs-cart-sidebar-title": true,
+        children: [/*#__PURE__*/jsx_runtime_.jsx("p", {
+          "data-fs-cart-sidebar-title-text": true,
+          className: "text__lead",
+          children: "Your Cart"
+        }), /*#__PURE__*/jsx_runtime_.jsx(Badge/* default */.Z, {
+          variant: "info",
+          children: totalItems
+        })]
+      })
+    }), /*#__PURE__*/jsx_runtime_.jsx(Alert/* default */.Z, {
+      icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+        name: "Truck"
+      }),
+      children: "Free shipping starts at $300"
+    }), isEmpty ? /*#__PURE__*/jsx_runtime_.jsx(EmptyCart_EmptyCart, {
+      onDismiss: fadeOut
+    }) : /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(List/* default */.Z, {
+        "data-fs-cart-sidebar-list": true,
+        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("footer", {
+        "data-fs-cart-sidebar-footer": true,
+        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({
+            "data-fs-cart-sidebar-checkout-button": true,
+            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 CartSidebar_CartSidebar = (CartSidebar);
+;// CONCATENATED MODULE: ./src/components/cart/CartSidebar/index.ts
+
+
+/***/ }),
+
+/***/ 9509:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ EmptyState_EmptyState)
+});
+
+// EXTERNAL MODULE: ./src/components/ui/EmptyState/empty-state.module.scss
+var empty_state_module = __webpack_require__(8098);
+var empty_state_module_default = /*#__PURE__*/__webpack_require__.n(empty_state_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/ui/EmptyState/EmptyState.tsx
+
+
+
+function EmptyState({
+  children,
+  variant = 'default'
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx("section", {
+    className: (empty_state_module_default()).fsEmptyState,
+    "data-fs-empty-state": true,
+    "data-fs-empty-state-variant": variant,
+    children: children
+  });
+}
+
+/* harmony default export */ const EmptyState_EmptyState = (EmptyState);
+;// CONCATENATED MODULE: ./src/components/ui/EmptyState/index.ts
+
+
+/***/ }),
+
+/***/ 285:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-cart-sidebar": "cart-sidebar_fs-cart-sidebar__vg9bV",
+	"fsCartSidebar": "cart-sidebar_fs-cart-sidebar__vg9bV"
+};
+
+
+/***/ }),
+
+/***/ 9320:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-order-summary": "order-summary_fs-order-summary___R2v8",
+	"fsOrderSummary": "order-summary_fs-order-summary___R2v8"
+};
+
+
+/***/ }),
+
+/***/ 8098:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-empty-state": "empty-state_fs-empty-state__F7Xul",
+	"fsEmptyState": "empty-state_fs-empty-state__F7Xul"
+};
+
+
+/***/ })
+
+};
+;