@faststore/core 2.0.72-alpha.0 → 2.0.74-alpha.0

package/.next/server/chunks/{528.js → 317.js}

@@ -1,9 +1,9 @@
 "use strict";
-exports.id = 528;
-exports.ids = [528];
+exports.id = 317;
+exports.ids = [317];
 exports.modules = {
 
-/***/ 4528:
+/***/ 1317:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -52,12 +52,12 @@ const ArrowRight = () => (external_react_default().createElement("svg", { xmlns:
     external_react_default().createElement("polyline", { points: "144 56 216 128 144 200", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "24" })));
 /* harmony default export */ const assets_ArrowRight = (ArrowRight);
 //# sourceMappingURL=ArrowRight.js.map
-;// CONCATENATED MODULE: ../components/dist/organisms/Hero/HeroHeading.js
+;// CONCATENATED MODULE: ../components/dist/organisms/Hero/HeroHeader.js
 
 
 
 
-const HeroHeading = (0,external_react_.forwardRef)(function HeroHeading({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+const HeroHeader = (0,external_react_.forwardRef)(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
     const { variant, colorVariant } = useHero();
     return (external_react_default().createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
         external_react_default().createElement("div", { "data-fs-hero-wrapper": true, className: "layout__content" },
@@ -67,8 +67,8 @@ const HeroHeading = (0,external_react_.forwardRef)(function HeroHeading({ icon,
                 !!link && (external_react_default().createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_default().createElement(assets_ArrowRight, null), iconPosition: "right" }, linkText))),
             icon && variant === 'secondary' && (external_react_default().createElement(Icon/* default */.Z, { "data-fs-hero-icon": true, component: icon })))));
 });
-/* harmony default export */ const Hero_HeroHeading = (HeroHeading);
-//# sourceMappingURL=HeroHeading.js.map
+/* harmony default export */ const Hero_HeroHeader = (HeroHeader);
+//# sourceMappingURL=HeroHeader.js.map
 // EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 3 modules
 var Image = __webpack_require__(2154);
 // EXTERNAL MODULE: ./src/components/sections/Section/index.ts + 1 modules
@@ -105,7 +105,7 @@ const Hero_Hero_Hero = ({
           height: 240,
           sizes: "(max-width: 768px) 70vw, 50vw"
         })
-      }), /*#__PURE__*/jsx_runtime_.jsx(Hero_HeroHeading, {
+      }), /*#__PURE__*/jsx_runtime_.jsx(Hero_HeroHeader, {
         title: title,
         subtitle: subtitle,
         link: link,

package/.next/server/chunks/371.js

@@ -278,14 +278,12 @@ function Facets({
 }
 
 /* harmony default export */ const Filter_Facets = (Facets);
-// EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
-var IconButton = __webpack_require__(2765);
+// 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/Button/Button.js + 1 modules
 var Button = __webpack_require__(4842);
-// EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
-var Icon = __webpack_require__(2478);
-// EXTERNAL MODULE: ./src/components/ui/SlideOver/index.ts + 1 modules
-var SlideOver = __webpack_require__(5731);
 // EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
 var useFadeEffect = __webpack_require__(6074);
 // EXTERNAL MODULE: ./src/components/search/Filter/filter-slider.module.scss
@@ -307,8 +305,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
-
 function FilterSlider({
   facets,
   testId,
@@ -338,27 +334,18 @@ function FilterSlider({
     onTransitionEnd: () => fade === 'out' && closeFilter(),
     children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
       "data-fs-filter-slider-content": true,
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("header", {
-        "data-fs-filter-slider-header": true,
-        children: [/*#__PURE__*/jsx_runtime_.jsx("h2", {
+      children: [/*#__PURE__*/jsx_runtime_.jsx(SlideOverHeader/* default */.Z, {
+        onClose: () => {
+          dispatch({
+            type: 'selectFacets',
+            payload: state.selectedFacets
+          });
+          fadeOut();
+        },
+        children: /*#__PURE__*/jsx_runtime_.jsx("h2", {
           className: "text__lead",
           children: "Filters"
-        }), /*#__PURE__*/jsx_runtime_.jsx(IconButton/* default */.Z, {
-          "data-fs-filter-slider-header-icon": true,
-          "aria-label": "Close Filters",
-          icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
-            name: "X",
-            width: 32,
-            height: 32
-          }),
-          onClick: () => {
-            dispatch({
-              type: 'selectFacets',
-              payload: state.selectedFacets
-            });
-            fadeOut();
-          }
-        })]
+        })
       }), /*#__PURE__*/jsx_runtime_.jsx(Filter_Facets, {
         facets: facets,
         testId: `mobile-${testId}`,

package/.next/server/chunks/{352.js → 377.js}

@@ -1,11 +1,11 @@
-exports.id = 352;
-exports.ids = [352];
+"use strict";
+exports.id = 377;
+exports.ids = [377];
 exports.modules = {
 
 /***/ 7377:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -76,82 +76,6 @@ const QuantitySelector = ({ max, min = 1, initial, disabled = false, onChange, t
 /* harmony default export */ const QuantitySelector_QuantitySelector = (QuantitySelector);
 //# sourceMappingURL=QuantitySelector.js.map
 
-/***/ }),
-
-/***/ 7902:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ ui_Price_Price)
-});
-
-// EXTERNAL MODULE: ../components/dist/atoms/SROnly/SROnly.js
-var SROnly = __webpack_require__(2691);
-// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
-var Price = __webpack_require__(7549);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-// EXTERNAL MODULE: ./src/components/ui/Price/price.module.scss
-var price_module = __webpack_require__(9204);
-var price_module_default = /*#__PURE__*/__webpack_require__.n(price_module);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/ui/Price/Price.tsx
-const _excluded = ["classes", "SRText"];
-
-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 Price_Price(_ref) {
-  let {
-    classes = '',
-    SRText
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
-    children: [/*#__PURE__*/jsx_runtime_.jsx(SROnly/* default */.Z, {
-      text: SRText
-    }), /*#__PURE__*/jsx_runtime_.jsx(Price/* default */.Z, _objectSpread({
-      "data-fs-price": true,
-      className: `${(price_module_default()).fsPrice} ${classes}`
-    }, props))]
-  });
-}
-
-/* harmony default export */ const ui_Price_Price = (/*#__PURE__*/(0,external_react_.memo)(Price_Price));
-;// CONCATENATED MODULE: ./src/components/ui/Price/index.ts
-
-
-/***/ }),
-
-/***/ 9204:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"fs-price": "price_fs-price__7Y_0s",
-	"fsPrice": "price_fs-price__7Y_0s"
-};
-
-
 /***/ })
 
 };

package/.next/server/chunks/650.js

@@ -28,9 +28,9 @@ var IconButton = __webpack_require__(2765);
 
 
 
-const ModalHeader = ({ onClose, title, closeButtonProps = {}, description, }) => {
+const ModalHeader = ({ onClose, title, closeBtnProps = {}, description, }) => {
     return (external_react_default().createElement("header", { "data-fs-modal-header": true },
-        onClose && (external_react_default().createElement(IconButton/* default */.Z, { onClick: () => onClose?.(), "data-fs-modal-header-close-button": true, icon: external_react_default().createElement(X/* default */.Z, null), "aria-label": "Close modal", ...closeButtonProps })),
+        onClose && (external_react_default().createElement(IconButton/* default */.Z, { onClick: () => onClose?.(), "data-fs-modal-header-close-button": true, icon: external_react_default().createElement(X/* default */.Z, null), "aria-label": "Close modal", ...closeBtnProps })),
         external_react_default().createElement("p", { "data-fs-modal-header-title": true }, title),
         description && external_react_default().createElement("p", { "data-fs-modal-header-description": true }, description)));
 };
@@ -154,7 +154,7 @@ function RegionalizationModalContent({
       onClose: () => onClose(),
       title: "Set your location",
       description: "Prices, offers and availability may vary according to your location.",
-      closeButtonProps: {
+      closeBtnProps: {
         'aria-label': 'Close Regionalization Modal'
       }
     }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(Modal_ModalBody, {

package/.next/server/chunks/664.js

@@ -0,0 +1,124 @@
+"use strict";
+exports.id = 664;
+exports.ids = [664,143];
+exports.modules = {
+
+/***/ 3664:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ sendEvent)
+/* harmony export */ });
+/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9143);
+
+function sendEvent(event) {
+  // VTEX RC
+  window?.sendrc?.(event.name, event.params); // VTEX Intelligent Search
+
+  (0,_search__WEBPACK_IMPORTED_MODULE_0__["default"])(event);
+}
+
+/***/ }),
+
+/***/ 9143:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _faststore_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7183);
+/* harmony import */ var _faststore_config__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_faststore_config__WEBPACK_IMPORTED_MODULE_0__);
+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; }
+
+/**
+ * More info at: https://www.notion.so/vtexhandbook/Event-API-Documentation-48eee26730cf4d7f80f8fd7262231f84
+ */
+
+const THIRTY_MINUTES_S = 30 * 60;
+const ONE_YEAR_S = 365 * 24 * 3600;
+
+const randomUUID = () => typeof crypto.randomUUID === 'function' ? crypto.randomUUID() : (Math.random() * 1e6).toFixed(0);
+
+const createStorage = (key, expiresSecond) => {
+  const timelapsed = past => (Date.now() - past) / 1e3;
+
+  return () => {
+    const item = JSON.parse(localStorage.getItem(key) ?? 'null');
+    const isExpired = !item || timelapsed(item.createdAt) > expiresSecond;
+    const payload = isExpired ? randomUUID() : item.payload;
+
+    if (isExpired) {
+      const data = {
+        payload,
+        createdAt: Date.now()
+      };
+      localStorage.setItem(key, JSON.stringify(data));
+    }
+
+    return payload;
+  };
+};
+
+const user = {
+  anonymous: createStorage('vtex.search.anonymous', ONE_YEAR_S),
+  session: createStorage('vtex.search.session', THIRTY_MINUTES_S)
+};
+
+const sendEvent = options => fetch(`https://sp.vtex.com/event-api/v1/${(_faststore_config__WEBPACK_IMPORTED_MODULE_0___default().api.storeId)}/event`, {
+  method: 'POST',
+  body: JSON.stringify(_objectSpread(_objectSpread({}, options), {}, {
+    userAgent: navigator.userAgent,
+    anonymous: user.anonymous(),
+    session: user.session()
+  })),
+  headers: {
+    'content-type': 'application/json'
+  }
+});
+
+const isFullTextSearch = url => typeof url.searchParams.get('q') === 'string' && /^\/s(\/)?$/g.test(url.pathname);
+
+const handleEvent = event => {
+  if (event.name !== 'search_select_item') {
+    return;
+  }
+
+  const url = new URL(event.params.url);
+
+  if (!isFullTextSearch(url)) {
+    return;
+  }
+
+  for (const item of event.params.items ?? []) {
+    const productId = item.item_id ?? item.item_variant;
+    const position = item.index;
+
+    if (productId && position) {
+      sendEvent({
+        type: 'search.click',
+        productId,
+        position,
+        url: url.href,
+        text: url.searchParams.get('q') ?? '<empty>'
+      });
+    }
+  }
+};
+
+setInterval(() => sendEvent({
+  type: 'session.ping'
+}), 60 * 1e3
+/* One minute */
+);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (handleEvent);
+
+/***/ })
+
+};
+;

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

@@ -37,10 +37,12 @@ __webpack_require__.d(__webpack_exports__, {
 
 // 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/IconButton/IconButton.js
-var IconButton = __webpack_require__(2765);
 // EXTERNAL MODULE: ../components/dist/molecules/Alert/Alert.js
 var Alert = __webpack_require__(6970);
 // EXTERNAL MODULE: ../components/dist/atoms/List/List.js
@@ -52,8 +54,6 @@ var external_react_ = __webpack_require__(6689);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 // EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
 var Icon = __webpack_require__(2478);
-// EXTERNAL MODULE: ./src/components/ui/SlideOver/index.ts + 1 modules
-var SlideOver = __webpack_require__(5731);
 // EXTERNAL MODULE: ./src/sdk/cart/index.ts
 var sdk_cart = __webpack_require__(7566);
 // EXTERNAL MODULE: ./faststore.config.js
@@ -90,6 +90,8 @@ var UIProvider = __webpack_require__(395);
 var useFadeEffect = __webpack_require__(6074);
 // EXTERNAL MODULE: ../components/dist/assets/XCircle.js
 var XCircle = __webpack_require__(3417);
+// EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(2765);
 // EXTERNAL MODULE: ../components/dist/molecules/QuantitySelector/QuantitySelector.js + 2 modules
 var QuantitySelector = __webpack_require__(7377);
 // EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
@@ -105,8 +107,8 @@ const CartItem = (0,external_react_.forwardRef)(function CartItem({ testId = 'fs
         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" }),
-                external_react_default().createElement(Price/* default */.Z, { value: price?.value ? price.value : 0, formatter: price?.formatter, variant: "spot" })))));
+                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
@@ -294,15 +296,21 @@ const GiftImage = (0,external_react_.forwardRef)(function GiftImage({ testId = '
 //# sourceMappingURL=GiftImage.js.map
 ;// CONCATENATED MODULE: ../components/dist/molecules/Gift/GiftContent.js
 
-const GiftContent = (0,external_react_.forwardRef)(function GiftContent({ testId = 'fs-gift-content', children, ...otherProps }, ref) {
-    return (external_react_default().createElement("section", { ref: ref, "data-fs-gift-content": true, "data-testid": testId, ...otherProps }, children));
+
+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/Price/index.ts + 1 modules
-var ui_Price = __webpack_require__(7902);
 ;// CONCATENATED MODULE: ./src/components/ui/Gift/Gift.tsx
-const _excluded = ["item", "titleMessage", "badgeLabel"];
+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; }
 
@@ -321,12 +329,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 function Gift_Gift_Gift(_ref) {
   let {
-    item,
-    titleMessage = 'Get a',
-    badgeLabel = 'Free'
+    item
   } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -344,24 +349,13 @@ function Gift_Gift_Gift(_ref) {
         width: 89,
         height: 89
       })
-    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(Gift_GiftContent, {
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("h3", {
-        "data-fs-gift-product-title": true,
-        children: [titleMessage, " ", item.itemOffered.isVariantOf.name]
-      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("span", {
-        "data-fs-gift-product-summary": true,
-        children: [/*#__PURE__*/jsx_runtime_.jsx(ui_Price/* default */.Z, {
-          value: item.price,
-          formatter: useFormattedPrice/* useFormattedPrice */.P,
-          testId: "list-price",
-          "data-value": item.price,
-          variant: "listing",
-          classes: "text__legend",
-          SRText: "Original price:"
-        }), /*#__PURE__*/jsx_runtime_.jsx(Badge/* default */.Z, {
-          children: badgeLabel
-        })]
-      })]
+    }), /*#__PURE__*/jsx_runtime_.jsx(Gift_GiftContent, {
+      productName: item.itemOffered.isVariantOf.name,
+      price: {
+        value: item.price,
+        listPrice: item.listPrice,
+        formatter: useFormattedPrice/* useFormattedPrice */.P
+      }
     })]
   }));
 }
@@ -482,7 +476,6 @@ function CartSidebar_defineProperty(obj, key, value) { if (key in obj) { Object.
 
 
 
-
 function CartSidebar() {
   const {
     currency
@@ -527,18 +520,21 @@ function CartSidebar() {
       }
     }); // 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,
+    onDismiss: () => fadeOut(),
     size: "partial",
     direction: "rightSide",
     className: (cart_sidebar_module_default()).fsCartSidebar,
     onTransitionEnd: () => fade === 'out' && closeCart(),
-    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("header", {
-      "data-fs-cart-sidebar-header": true,
-      "data-testid": "cart-sidebar",
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+    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,
@@ -548,17 +544,7 @@ function CartSidebar() {
           variant: "info",
           children: totalItems
         })]
-      }), /*#__PURE__*/jsx_runtime_.jsx(IconButton/* default */.Z, {
-        "data-fs-cart-sidebar-close-button": true,
-        "data-testid": "cart-sidebar-button-close",
-        "aria-label": "Close Cart",
-        icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
-          name: "X",
-          width: 32,
-          height: 32
-        }),
-        onClick: fadeOut
-      })]
+      })
     }), /*#__PURE__*/jsx_runtime_.jsx(Alert/* default */.Z, {
       icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
         name: "Truck"