@rebuy/rebuy-hydrogen 3.0.0-beta.16 → 3.0.0-beta.18

package/README.md

@@ -26,14 +26,18 @@ First, determine whether your application uses:
 
 This distinction is important as different hooks/functions are used in each case. Note that if you're using Hydrogen React, Hydrogen is also being used by default. Our components will call the appropriate hooks/functions/components for Hydrogen React applications.
 
+### Prerequisites
+
+"@shopify/hydrogen": ">=2025.5.0",
+
+- If you are also using hydrogen-react along with just hydrogen
+"@shopify/hydrogen-react": ">=2025.4.0"
+
+
 ### Installation Steps
 
 1. Install the beta version of our package from npm:
 
-```bash
-npm i @rebuy/rebuy-hydrogen@3.0.0-beta.15
-```
-
 Package URL: [https://www.npmjs.com/package/@rebuy/rebuy-hydrogen](https://www.npmjs.com/package/@rebuy/rebuy-hydrogen)
 
 2. In your server entry file (typically `app/entry.server.tsx`), update the `createContentSecurityPolicy` to have `rebuyengine.com` in the `connectSrc`.
@@ -282,8 +286,8 @@ Place this component on any page or element where you would like to record that
 | :---- | :---- |
 | `productId` | The Shopify product ID |
 | `product` | The entire product object |
-| `productHandle` | The product’s handle |
-| `customerId` | The ID of the customer viewing the product. If no customerId is passed a UUID will be used locally instead. |                                                                                                                    |
+| `productHandle` | The product's handle |
+| `customerId` | The ID of the customer viewing the product. If no customerId is passed a UUID will be used locally instead. |
 
 ### RebuyRecentlyViewedProducts
 
@@ -296,8 +300,56 @@ Component returns a list of the products that a customer has recently viewed bas
 | `customTitleStyle` | An object of custom styles for the title (e.g., text color, text align) |
 | `addToCartCallBack` | A callback function for custom functionality when items are added to the cart |
 | `addToCartBtnText` | Custom text for the Add To Cart button |
-| `productId` | If you pass in a shopify productId, then that product will be excluded from the list of returned products. Use case would be if on a product page and you do not want the product on that page also displaying in the recently viewed products component. |                                                                                                                   |
+| `productId` | If you pass in a shopify productId, then that product will be excluded from the list of returned products. Use case would be if on a product page and you do not want the product on that page also displaying in the recently viewed products component. |
+
+### Using useRebuyWidget in Custom Components
 
+You can create custom components that access Rebuy widget data by using the `useRebuyWidget` hook within a `RebuyWidgetContainer`. This allows you to build custom UIs while maintaining access to all Rebuy widget functionality.
+
+```typescript
+import { useRebuyWidget } from '@rebuy/rebuy-hydrogen';
+
+// In your page/layout:
+<RebuyWidgetContainer dataSource="/api/v1/products/recommended" limit={4}>
+    <MyCustomComponent />
+    <RebuyProductRecommendations />
+</RebuyWidgetContainer>
+
+// In your custom component:
+const MyCustomComponent = () => {
+    const {
+        products,
+        isHydrogenReact,
+        metadata,
+        product,
+        variant
+    } = useRebuyWidget();
+
+    return (
+        <div>
+            {/* Custom implementation using Rebuy data */}
+        </div>
+    );
+};
+```
+
+**Available Context Properties:**
+
+| Property | Type | Description |
+| :------- | :--- | :---------- |
+| `products` | `RebuyProduct[]` | Array of recommended products |
+| `isHydrogenReact` | `boolean` | Whether the app is using Hydrogen React |
+| `metadata` | `RebuyWidgetMetadata` | Widget metadata from Rebuy |
+| `product` | `HydrogenProduct \| undefined` | The main product if provided |
+| `variant` | `RebuyProductVariant \| undefined` | The selected variant if provided |
+| `productId` | `string \| undefined` | The product ID if provided |
+| `variantId` | `string \| undefined` | The variant ID if provided |
+| `dataSource` | `string` | The Rebuy API endpoint being used |
+| `limit` | `number` | Maximum number of products to return |
+| `options` | `Record<string, unknown>` | Additional Rebuy API options |
+| `key` | `string` | Unique key for the widget instance |
+| `cacheKey` | `string \| undefined` | The shop's cache key for Rebuy |
+| `apiKey` | `string \| undefined` | The Rebuy API key for the shop |
 
 ---
 
@@ -332,9 +384,9 @@ In your root layout file (`app/root.tsx`), add the `enableSmartCart` prop to you
 
 **For Hydrogen-only Applications:**
 ```typescript
-<RebuyHydrogenContextProvider 
-  cart={data.cart} 
-  shop="example.com" 
+<RebuyHydrogenContextProvider
+  cart={data.cart}
+  shop="example.com"
   publicStoreDomain="example.myshopify.com"
   enableSmartCart={true}
 >
@@ -345,10 +397,10 @@ In your root layout file (`app/root.tsx`), add the `enableSmartCart` prop to you
 
 **For Hydrogen React Applications:**
 ```typescript
-<RebuyHydrogenReactContextProvider 
-  publicPrimaryDomain="example.com" 
-  publicStoreDomain="example.myshopify.com" 
-  publicStorefrontToken="1233456" 
+<RebuyHydrogenReactContextProvider
+  publicPrimaryDomain="example.com"
+  publicStoreDomain="example.myshopify.com"
+  publicStorefrontToken="1233456"
   publicStorefrontId="12345678"
   enableSmartCart={true}
 >
@@ -379,10 +431,10 @@ import { useSmartCart } from '@rebuy/rebuy-hydrogen';
 
 export function Header() {
   const { toggleCart } = useSmartCart();
-  
+
   // In your cart button/icon
   return (
-    <button 
+    <button
       onClick={(e) => {
         e.preventDefault();
         toggleCart();
@@ -403,7 +455,7 @@ import { useSmartCart } from '@rebuy/rebuy-hydrogen';
 
 export function ProductForm() {
   const { toggleCart } = useSmartCart();
-  
+
   // After successful add to cart
   const handleAddToCart = async () => {
     // ... add to cart logic
@@ -416,11 +468,11 @@ export function ProductForm() {
 
 Here's a complete example of converting a cart badge component:
 
-**Before (Native Hydrogen):**
+**Before (Hydrogen):**
 ```typescript
 function CartBadge() {
   const { open } = useAside();
-  
+
   return (
     <a href="/cart" onClick={(e) => {
       e.preventDefault();
@@ -438,7 +490,7 @@ import { useSmartCart } from '@rebuy/rebuy-hydrogen';
 
 function CartBadge() {
   const { toggleCart } = useSmartCart();
-  
+
   return (
     <a href="/cart" onClick={(e) => {
       e.preventDefault();

package/dist/components/ProductCard/ProductCard.d.ts

@@ -1,3 +1,3 @@
 import type { ProductCardProps } from '~/components/ProductCard/types';
-export declare const ProductCard: ({ addToCartBtnText, addToCartCallback, isHydrogenReact, isInPopup, onPopupDismiss, product, productCardTitleLevel, settings, variantOptionsText, }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductCard: ({ addToCartBtnText, addToCartCallback, isCrossSell, isHydrogenReact, isInPopup, onPopupDismiss, product, productCardTitleLevel, settings, variantOptionsText, }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProductCard.d.ts.map

package/dist/components/ProductCard/ProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAUvE,eAAO,MAAM,WAAW,GAAI,oJAUzB,gBAAgB,4CAoOlB,CAAC"}
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAYvE,eAAO,MAAM,WAAW,GAAI,iKAWzB,gBAAgB,4CA0SlB,CAAC"}

package/dist/components/ProductCard/types.d.ts

@@ -3,6 +3,7 @@ import type { RebuyProduct } from '~/types/rebuyCustom';
 export type ProductCardProps = {
     addToCartBtnText?: string;
     addToCartCallback?: () => void;
+    isCrossSell?: boolean;
     isHydrogenReact?: boolean;
     isInPopup?: boolean;
     onPopupDismiss?: () => void;

package/dist/components/ProductCard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE;QACb,0BAA0B,EAAE,OAAO,CAAC;QACpC,aAAa,EAAE,OAAO,CAAC;QACvB,qFAAqF;QACrF,0BAA0B,EAAE,OAAO,CAAC;QACpC,wBAAwB,EAAE,MAAM,CAAC;QACjC,yBAAyB,EAAE,MAAM,CAAC;QAClC,oBAAoB,EAAE,MAAM,CAAC;QAC7B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,yBAAyB,EAAE,OAAO,CAAC;QACnC,qBAAqB,EAAE,MAAM,CAAC;KACjC,CAAC;IACF,aAAa,CAAC,EAAE;QACZ,gBAAgB,EAAE,MAAM,CAAC;QACzB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,gBAAgB,CAAC,EAAE;QACf,MAAM,EAAE,MAAM,CAAC;QACf,iBAAiB,EAAE;YACf,gBAAgB,EAAE,MAAM,CAAC;YACzB,yBAAyB,EAAE,OAAO,CAAC;YACnC,OAAO,EAAE,OAAO,CAAC;SACpB,CAAC;QACF,mBAAmB,EAAE;YACjB,OAAO,EAAE,OAAO,CAAC;YACjB,6BAA6B,EAAE,MAAM,CAAC;SACzC,CAAC;QACF,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE;QACb,0BAA0B,EAAE,OAAO,CAAC;QACpC,aAAa,EAAE,OAAO,CAAC;QACvB,qFAAqF;QACrF,0BAA0B,EAAE,OAAO,CAAC;QACpC,wBAAwB,EAAE,MAAM,CAAC;QACjC,yBAAyB,EAAE,MAAM,CAAC;QAClC,oBAAoB,EAAE,MAAM,CAAC;QAC7B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,yBAAyB,EAAE,OAAO,CAAC;QACnC,qBAAqB,EAAE,MAAM,CAAC;KACjC,CAAC;IACF,aAAa,CAAC,EAAE;QACZ,gBAAgB,EAAE,MAAM,CAAC;QACzB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,gBAAgB,CAAC,EAAE;QACf,MAAM,EAAE,MAAM,CAAC;QACf,iBAAiB,EAAE;YACf,gBAAgB,EAAE,MAAM,CAAC;YACzB,yBAAyB,EAAE,OAAO,CAAC;YACnC,OAAO,EAAE,OAAO,CAAC;SACpB,CAAC;QACF,mBAAmB,EAAE;YACjB,OAAO,EAAE,OAAO,CAAC;YACjB,6BAA6B,EAAE,MAAM,CAAC;SACzC,CAAC;QACF,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC"}

package/dist/components/ProductCarousel/ProductCarousel.d.ts

@@ -1,17 +1,3 @@
-import type { ProductCardSettings } from '~/components/ProductCard/types';
-import type { ProductCardTitleLevel } from '~/types/common';
-import type { RebuyProduct } from '~/types/rebuyCustom';
-type ProductCarouselProps = {
-    addToCartBtnText?: string;
-    addToCartCallback?: () => void;
-    columns: number;
-    isHydrogenReact?: boolean;
-    productCardTitleLevel: ProductCardTitleLevel;
-    products: RebuyProduct[];
-    settings: ProductCardSettings;
-    showPagination?: boolean;
-    variantOptionsText?: string;
-};
-export declare const ProductCarousel: ({ addToCartBtnText, addToCartCallback, columns, isHydrogenReact, productCardTitleLevel, products, settings, showPagination, variantOptionsText, }: ProductCarouselProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import type { ProductCarouselProps } from './types';
+export declare const ProductCarousel: ({ addToCartBtnText, addToCartCallback, columns, isCrossSell, isHydrogenReact, isInPopup, onPopupDismiss, productCardTitleLevel, products, settings, showPagination, variantOptionsText, }: ProductCarouselProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProductCarousel.d.ts.map

package/dist/components/ProductCarousel/ProductCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCarousel/ProductCarousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,KAAK,oBAAoB,GAAG;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,mJAU7B,oBAAoB,4CAqGtB,CAAC"}
+{"version":3,"file":"ProductCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCarousel/ProductCarousel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,eAAO,MAAM,eAAe,GAAI,2LAa7B,oBAAoB,4CAwGtB,CAAC"}

package/dist/components/ProductCarousel/types.d.ts

@@ -0,0 +1,18 @@
+import type { ProductCardTitleLevel } from '~/types/common';
+import type { RebuyProduct } from '~/types/rebuyCustom';
+import type { ProductCardSettings } from '../ProductCard/types';
+export type ProductCarouselProps = {
+    addToCartBtnText?: string;
+    addToCartCallback?: () => void;
+    columns: number;
+    isCrossSell?: boolean;
+    isHydrogenReact?: boolean;
+    isInPopup?: boolean;
+    onPopupDismiss?: () => void;
+    productCardTitleLevel: ProductCardTitleLevel;
+    products: RebuyProduct[];
+    settings: ProductCardSettings;
+    showPagination?: boolean;
+    variantOptionsText?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ProductCarousel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCarousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC"}

package/dist/components/RebuyLink/RebuyLink.d.ts

@@ -0,0 +1,3 @@
+import type { RebuyLinkProps } from './types';
+export declare const RebuyLink: ({ ariaLabel, children, className, handle, onClick, role }: RebuyLinkProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RebuyLink.d.ts.map

package/dist/components/RebuyLink/RebuyLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RebuyLink.d.ts","sourceRoot":"","sources":["../../../src/components/RebuyLink/RebuyLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS,GAAI,2DAAoE,cAAc,4CAM3G,CAAC"}

package/dist/components/RebuyLink/index.d.ts

@@ -0,0 +1,2 @@
+export { RebuyLink } from './RebuyLink';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RebuyLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RebuyLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/RebuyLink/types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type RebuyLinkProps = {
+    ariaLabel: string;
+    children: ReactNode;
+    className?: string;
+    handle: string;
+    onClick?: () => void;
+    role?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/RebuyLink/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RebuyLink/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/context/RebuyWidgetContext.d.ts

@@ -0,0 +1,7 @@
+import type { RebuyWidgetContextType } from '~/types/widgets';
+export declare const useRebuyWidget: () => RebuyWidgetContextType;
+export declare const RebuyWidgetProvider: React.FC<{
+    children: React.ReactNode;
+    value: RebuyWidgetContextType;
+}>;
+//# sourceMappingURL=RebuyWidgetContext.d.ts.map

package/dist/context/RebuyWidgetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RebuyWidgetContext.d.ts","sourceRoot":"","sources":["../../src/context/RebuyWidgetContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAc9D,eAAO,MAAM,cAAc,8BAAuC,CAAC;AAEnE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,sBAAsB,CAAC;CACjC,CAEA,CAAC"}

package/dist/index.css

@@ -11,7 +11,7 @@
   clip: rect(0, 0, 0, 0);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/AnnouncementBar/AnnouncementBar.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/AnnouncementBar/AnnouncementBar.css */
 .AnnouncementBar_rebuy-announcement-bar__container {
   position: relative;
   background-color: var(--rb-color-banner-background);
@@ -47,7 +47,7 @@
   overflow-wrap: break-word;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartItem/CartItem.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartItem/CartItem.css */
 .CartItem_rebuy-cart-item {
   display: flex;
   position: relative;
@@ -562,7 +562,7 @@
   opacity: 0.5;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/EmptyCart/EmptyCart.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/EmptyCart/EmptyCart.css */
 .EmptyCart_rebuy-empty-cart-message {
   flex: 0 0 auto;
   margin: 0;
@@ -583,7 +583,7 @@
   text-decoration: var(--rb-empty-cart-message-link-text-decoration-hover);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartItemList/CartItemList.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartItemList/CartItemList.css */
 .CartItemList_rebuy-cart-item-list__container {
   display: flex;
   flex-flow: column nowrap;
@@ -605,7 +605,7 @@
   min-height: var(--rb-cart-item-list-min-height);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartNoteInput/CartNoteInput.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartNoteInput/CartNoteInput.css */
 .CartNoteInput_rebuy-cart-note-input {
   display: flex;
   flex-direction: column;
@@ -815,7 +815,7 @@
   gap: var(--rb-cart-note-input-gap);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartSubtotal/CartSubtotal.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartSubtotal/CartSubtotal.css */
 .CartSubtotal_rebuy-cart-subtotal {
   display: flex;
   margin: 0;
@@ -931,7 +931,7 @@
   font-weight: var(--rb-cart-subtotal-discount-summary-item-amount-font-weight);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartTitleBar/CartTitleBar.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartTitleBar/CartTitleBar.css */
 .CartTitleBar_rebuy-cart-title-bar {
   flex-grow: var(--rb-cart-title-bar-flex-grow);
   margin: 0;
@@ -947,7 +947,7 @@
   font-weight: var(--rb-cart-title-bar-font-weight);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CheckoutArea/CheckoutArea.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CheckoutArea/CheckoutArea.css */
 .CheckoutArea_rebuy-checkout-area {
   display: flex;
   flex-flow: column nowrap;
@@ -1138,7 +1138,7 @@
   text-decoration: none;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/AddToCartBtn/AddToCartBtn.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/components/AddToCartBtn/AddToCartBtn.css */
 .AddToCartBtn_rebuy-cart-button {
   padding: var(--rb-spacing-unit-2x, 8px) var(--rb-spacing-unit-4x, 16px);
   border-radius: var(--rb-border-radius-button, 4px);
@@ -1190,7 +1190,7 @@
   max-width: 100%;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/ProductPrice/ProductPrice.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/components/ProductPrice/ProductPrice.css */
 .ProductPrice_rebuy-product-price {
   display: flex;
   align-items: baseline;
@@ -1212,7 +1212,7 @@
   font-size: var(--rb-font-size-small, 0.875em);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/QuantityInput/QuantityInput.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/components/QuantityInput/QuantityInput.css */
 .QuantityInput_rebuy-quantity__container {
   display: flex;
   align-items: center;
@@ -1230,17 +1230,7 @@
   appearance: auto;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/Title/Title.css */
-.Title_rebuy-title {
-  font-family: var(--rb-font-family-base);
-  font-weight: var(--rb-font-weight-bold);
-  line-height: var(--rb-line-height-tight);
-  color: var(--rb-color-text-default);
-  margin: 0;
-  padding: 0;
-}
-
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/VariantSelect/VariantSelect.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/components/VariantSelect/VariantSelect.css */
 .VariantSelect_rebuy-variant__container {
   position: relative;
 }
@@ -1306,7 +1296,17 @@
   border-color: #999;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/ProductCard/ProductCard.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/components/Title/Title.css */
+.Title_rebuy-title {
+  font-family: var(--rb-font-family-base);
+  font-weight: var(--rb-font-weight-bold);
+  line-height: var(--rb-line-height-tight);
+  color: var(--rb-color-text-default);
+  margin: 0;
+  padding: 0;
+}
+
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/components/ProductCard/ProductCard.css */
 :root {
   --rb-product-card-gap: var(--rb-spacing-unit-2x, 8px);
   --rb-product-card-padding: var(--rb-spacing-unit-3x, 12px);
@@ -1546,7 +1546,7 @@
   margin-top: var(--rb-spacing-unit-1x, 0.5em);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/ProductCarousel/ProductCarousel.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/components/ProductCarousel/ProductCarousel.css */
 .ProductCarousel_rebuy-carousel {
   position: relative;
   overflow: hidden;
@@ -1629,7 +1629,7 @@
   flex: 0 0 calc(16.66% - 1.25em);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/Timer/Timer.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/components/Timer/Timer.css */
 .Timer_rebuy-timer__container {
   margin: 0 auto;
   padding: 10px;
@@ -1690,10 +1690,11 @@
   }
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyWidget/RebuyWidget.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/widgets/RebuyWidget/RebuyWidget.css */
 .RebuyWidget_rebuy-widget__container {
   width: 100%;
   padding: 0;
+  position: relative;
 }
 .RebuyWidget_rebuy-widget__popup-overlay {
   position: fixed;
@@ -1792,7 +1793,7 @@
   align-items: flex-start;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/DiscountCodeInput/DiscountCodeInput.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/DiscountCodeInput/DiscountCodeInput.css */
 .DiscountCodeInput_rebuy-discount-code-input {
   display: flex;
   flex-flow: row wrap;
@@ -2006,7 +2007,7 @@
   font-weight: var(--rb-discount-code-input-total-discount-amount-font-weight);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/LoginButton/LoginButton.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/LoginButton/LoginButton.css */
 .LoginButton_rebuy-login-button {
   appearance: none;
   box-sizing: border-box;
@@ -2048,7 +2049,7 @@
   color: var(--rb-login-button-text-color-active);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/TieredProgressBar/TieredProgressBar.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/TieredProgressBar/TieredProgressBar.css */
 .TieredProgressBar_rebuy-tiered-progress-bar {
   display: flex;
   flex-direction: column;
@@ -2323,7 +2324,7 @@
   border-color: var(--rb-tiered-progress-bar-gift-item-select-border-color-hover);
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/_Layouts/LayoutStyles.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/_Layouts/LayoutStyles.css */
 .LayoutStyles_rebuy-smart-cart-layout__anchor-goal-box {
   display: flex;
   flex-flow: column nowrap;
@@ -2421,13 +2422,16 @@
 @media screen and (width <= 900px) {
   .LayoutStyles_rebuy-smart-cart-layout__flyout-inner {
     flex-direction: column;
+    height: 100%;
+    overflow: hidden;
   }
   .LayoutStyles_rebuy-smart-cart-layout__column--primary {
-    flex-basis: auto;
+    flex: 1 1 auto;
     width: 100%;
     max-width: 100%;
-    height: auto;
-    overflow: visible;
+    height: 100%;
+    min-height: 0;
+    overflow: hidden;
   }
   .LayoutStyles_rebuy-smart-cart-layout__column--secondary {
     display: none;
@@ -2435,6 +2439,11 @@
 }
 
 /* src/smart-cart/components/SmartCartContainer/Global.css */
+body.rebuy-smart-cart-open {
+  overflow: hidden;
+  position: fixed;
+  width: 100%;
+}
 .rebuy-preview-highlight .rebuy-smart-cart {
   border: var(--rb-preview-highlight-outline-width, 2px) solid var(--rb-preview-highlight-outline-color, #2491c4) !important;
 }
@@ -2450,7 +2459,7 @@
   box-sizing: border-box !important;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/SmartCartContainer/SmartCartContainer.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/smart-cart/components/SmartCartContainer/SmartCartContainer.css */
 .SmartCartContainer_rebuy-smart-cart,
 .SmartCartContainer_rebuy-smart-cart *,
 .SmartCartContainer_rebuy-smart-cart *::before,
@@ -2604,12 +2613,13 @@
   }
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.css */
 .RebuyCompleteTheLook_container {
   padding: 32px 1em;
   margin: 1em 0;
   background-color: #f0f4f8;
   border-radius: 1em;
+  position: relative;
   @media (width >= 768px) {
     padding: 4em;
   }
@@ -2630,13 +2640,14 @@
   width: 100%;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.css */
 .RebuyDynamicBundleProducts_container {
   padding: 32px 16px;
   background-color: #f0f4f8;
   border-radius: 16px;
   max-width: 768px;
   margin: 16px 0;
+  position: relative;
   @media (width >= 768px) {
     padding: 64px;
   }
@@ -2718,7 +2729,7 @@
   opacity: 0.5;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyProductAddOns/RebuyProductAddOns.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/widgets/RebuyProductAddOns/RebuyProductAddOns.css */
 .RebuyProductAddOns_container {
   display: flex;
   flex-direction: column;
@@ -2727,6 +2738,7 @@
   background-color: #f0f4f8;
   border-radius: 16px;
   padding: 32px 16px;
+  position: relative;
   @media (width >= 768px) {
     padding: 64px;
   }
@@ -2827,12 +2839,13 @@
   justify-content: center;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.css */
 .RebuyProductRecommendations_container {
   padding: 32px 16px;
   background-color: #f0f4f8;
   border-radius: 16px;
   margin: 16px 0;
+  position: relative;
   @media (width >= 768px) {
     padding: 64px;
   }
@@ -2844,12 +2857,13 @@
   list-style: none;
 }
 
-/* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.css */
+/* ../../../../../tmp/tmp-165-xiLw4QszNNPN/opt/atlassian/pipelines/agent/build/src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.css */
 .RebuyRecentlyViewedProducts_rebuy-recently-viewed-products-container {
   padding: 32px 16px;
   background-color: #f0f4f8;
   border-radius: 16px;
   margin: 16px 0;
+  position: relative;
   @media (width >= 768px) {
     padding: 64px;
   }