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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/README.md +161 -12
  2. package/dist/constants/debug.d.ts +2 -1
  3. package/dist/constants/debug.d.ts.map +1 -1
  4. package/dist/index.css +42 -27
  5. package/dist/index.css.map +3 -3
  6. package/dist/index.d.ts +2 -0
  7. package/dist/index.d.ts.map +1 -1
  8. package/dist/index.js +215 -25
  9. package/dist/index.js.map +4 -4
  10. package/dist/index.mjs +228 -38
  11. package/dist/index.mjs.map +4 -4
  12. package/dist/smart-cart/components/SmartCartContainer/SmartCartContainer.d.ts.map +1 -1
  13. package/dist/types/common.d.ts +7 -0
  14. package/dist/types/common.d.ts.map +1 -1
  15. package/dist/types/rebuyCustom.d.ts +0 -1
  16. package/dist/types/rebuyCustom.d.ts.map +1 -1
  17. package/dist/widgetContainer/RebuyWidgetContainer.d.ts.map +1 -1
  18. package/dist/widgets/RebuyProductViewed/RebuyProductViewed.d.ts +3 -0
  19. package/dist/widgets/RebuyProductViewed/RebuyProductViewed.d.ts.map +1 -0
  20. package/dist/widgets/RebuyProductViewed/index.d.ts +2 -0
  21. package/dist/widgets/RebuyProductViewed/index.d.ts.map +1 -0
  22. package/dist/widgets/RebuyProductViewed/types.d.ts +8 -0
  23. package/dist/widgets/RebuyProductViewed/types.d.ts.map +1 -0
  24. package/dist/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.d.ts +3 -0
  25. package/dist/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.d.ts.map +1 -0
  26. package/dist/widgets/RebuyRecentlyViewedProducts/index.d.ts +2 -0
  27. package/dist/widgets/RebuyRecentlyViewedProducts/index.d.ts.map +1 -0
  28. package/dist/widgets/RebuyRecentlyViewedProducts/types.d.ts +11 -0
  29. package/dist/widgets/RebuyRecentlyViewedProducts/types.d.ts.map +1 -0
  30. package/dist/zustandStores/productViewed.d.ts +9 -0
  31. package/dist/zustandStores/productViewed.d.ts.map +1 -0
  32. package/package.json +1 -1
package/README.md CHANGED
@@ -31,7 +31,7 @@ This distinction is important as different hooks/functions are used in each case
31
31
  1. Install the beta version of our package from npm:
32
32
 
33
33
  ```bash
34
- npm i @rebuy/rebuy-hydrogen@3.0.0-beta.11
34
+ npm i @rebuy/rebuy-hydrogen@3.0.0-beta.15
35
35
  ```
36
36
 
37
37
  Package URL: [https://www.npmjs.com/package/@rebuy/rebuy-hydrogen](https://www.npmjs.com/package/@rebuy/rebuy-hydrogen)
@@ -272,6 +272,33 @@ Dynamic widget that can be set up to display a widget that you have created in t
272
272
  | `variant` | The selected variant object. |
273
273
  | `variantId` | The selected variant ID. |
274
274
 
275
+ ### RebuyProductViewed
276
+
277
+ Place this component on any page or element where you would like to record that a customer has viewed one of your products. You will need to pass in either the entire product object, productID, or just the productHandle. This component will generate a UUID for registering the viewed products if a customerId is not passed along as well. To record a customer viewing a product and have that record attached to their customerID you will need to pass in the customerId as a sting.
278
+
279
+ **Properties:**
280
+
281
+ | Property | Description |
282
+ | :---- | :---- |
283
+ | `productId` | The Shopify product ID |
284
+ | `product` | The entire product object |
285
+ | `productHandle` | The product’s handle |
286
+ | `customerId` | The ID of the customer viewing the product. If no customerId is passed a UUID will be used locally instead. | |
287
+
288
+ ### RebuyRecentlyViewedProducts
289
+
290
+ Component returns a list of the products that a customer has recently viewed based on either their customerId or the generated UUID
291
+
292
+ **Properties:**
293
+
294
+ | `customTitleLevel` | Sets the initial title level (e.g., if set to `h2`, other titles in the component will adjust to `h3` accordingly) |
295
+ | :---- | :---- |
296
+ | `customTitleStyle` | An object of custom styles for the title (e.g., text color, text align) |
297
+ | `addToCartCallBack` | A callback function for custom functionality when items are added to the cart |
298
+ | `addToCartBtnText` | Custom text for the Add To Cart button |
299
+ | `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. | |
300
+
301
+
275
302
  ---
276
303
 
277
304
  # 🛒 Smart Cart Guide
@@ -295,6 +322,136 @@ Welcome to the Rebuy Smart Cart! This powerful suite of features is designed to
295
322
  >
296
323
  > If you are using a non-Remix Hydrogen setup or a different React framework, you will need to adapt these instructions. While the core GraphQL fragments for the cart query are reusable, your project's methods for fetching data and handling cart mutations will be different.
297
324
 
325
+ ## Enabling Smart Cart Toggle
326
+
327
+ To replace Hydrogen's native cart drawer with Rebuy's Smart Cart, follow these steps:
328
+
329
+ ### 1. Enable Smart Cart in the Provider
330
+
331
+ In your root layout file (`app/root.tsx`), add the `enableSmartCart` prop to your context provider and include the `RebuySmartCart` component:
332
+
333
+ **For Hydrogen-only Applications:**
334
+ ```typescript
335
+ <RebuyHydrogenContextProvider
336
+ cart={data.cart}
337
+ shop="example.com"
338
+ publicStoreDomain="example.myshopify.com"
339
+ enableSmartCart={true}
340
+ >
341
+ {/* Your app content */}
342
+ <RebuySmartCart />
343
+ </RebuyHydrogenContextProvider>
344
+ ```
345
+
346
+ **For Hydrogen React Applications:**
347
+ ```typescript
348
+ <RebuyHydrogenReactContextProvider
349
+ publicPrimaryDomain="example.com"
350
+ publicStoreDomain="example.myshopify.com"
351
+ publicStorefrontToken="1233456"
352
+ publicStorefrontId="12345678"
353
+ enableSmartCart={true}
354
+ >
355
+ {/* Your app content */}
356
+ <RebuySmartCart />
357
+ </RebuyHydrogenReactContextProvider>
358
+ ```
359
+
360
+ ### 2. Disable the Native Cart Aside
361
+
362
+ Comment out or remove the native `CartAside` component in your layout file (typically in `PageLayout.tsx` or similar):
363
+
364
+ ```typescript
365
+ // Before
366
+ <CartAside cart={cart} />
367
+
368
+ // After - Comment out or remove
369
+ {/* <CartAside cart={cart} /> */}
370
+ ```
371
+
372
+ ### 3. Update Cart Toggle Interactions
373
+
374
+ Replace the native cart toggle functionality with Rebuy's Smart Cart:
375
+
376
+ **In your Header component:**
377
+ ```typescript
378
+ import { useSmartCart } from '@rebuy/rebuy-hydrogen';
379
+
380
+ export function Header() {
381
+ const { toggleCart } = useSmartCart();
382
+
383
+ // In your cart button/icon
384
+ return (
385
+ <button
386
+ onClick={(e) => {
387
+ e.preventDefault();
388
+ toggleCart();
389
+ }}
390
+ >
391
+ Cart ({itemCount})
392
+ </button>
393
+ );
394
+ }
395
+ ```
396
+
397
+ ### 4. Update Add to Cart Actions
398
+
399
+ After successful add to cart actions, open the Smart Cart:
400
+
401
+ ```typescript
402
+ import { useSmartCart } from '@rebuy/rebuy-hydrogen';
403
+
404
+ export function ProductForm() {
405
+ const { toggleCart } = useSmartCart();
406
+
407
+ // After successful add to cart
408
+ const handleAddToCart = async () => {
409
+ // ... add to cart logic
410
+ toggleCart(); // Opens Smart Cart after adding item
411
+ };
412
+ }
413
+ ```
414
+
415
+ ### Complete Example
416
+
417
+ Here's a complete example of converting a cart badge component:
418
+
419
+ **Before (Native Hydrogen):**
420
+ ```typescript
421
+ function CartBadge() {
422
+ const { open } = useAside();
423
+
424
+ return (
425
+ <a href="/cart" onClick={(e) => {
426
+ e.preventDefault();
427
+ open('cart');
428
+ }}>
429
+ Cart
430
+ </a>
431
+ );
432
+ }
433
+ ```
434
+
435
+ **After (Rebuy Smart Cart):**
436
+ ```typescript
437
+ import { useSmartCart } from '@rebuy/rebuy-hydrogen';
438
+
439
+ function CartBadge() {
440
+ const { toggleCart } = useSmartCart();
441
+
442
+ return (
443
+ <a href="/cart" onClick={(e) => {
444
+ e.preventDefault();
445
+ toggleCart();
446
+ }}>
447
+ Cart
448
+ </a>
449
+ );
450
+ }
451
+ ```
452
+
453
+ > **Note:** The `useSmartCart` hook provides `toggleCart()` to toggle the cart open/closed, along with other cart state management functions.
454
+
298
455
  ## Prerequisites
299
456
 
300
457
  Before implementing Smart Cart features, ensure your cart route can handle JSON payloads and your GraphQL queries include the necessary fields for discount and subscription functionality.
@@ -729,17 +886,13 @@ If Smart Cart Apps or Custom Code Blocks aren't working:
729
886
  2. Ensure the nonce is set on the `<body>` element
730
887
  3. Check browser console for CSP violation errors
731
888
 
732
- ### Import Errors
733
-
734
- For React Router 7 projects, use `react-router` imports. For Remix projects, use `@remix-run/react` imports.
735
-
736
889
  ---
737
890
 
738
891
  ## 📋 Compatibility
739
892
 
740
893
  ### Hydrogen Versions
741
894
 
742
- - ✅ Hydrogen 2024.1.0+
895
+ - ✅ Hydrogen 2025.5.0+
743
896
  - ✅ React Router 7.x
744
897
  - ✅ Remix-based Hydrogen projects
745
898
  - ✅ Hydrogen React 2.0+
@@ -749,14 +902,10 @@ For React Router 7 projects, use `react-router` imports. For Remix projects, use
749
902
  - Node.js 18.0.0 or higher
750
903
  - npm 8.0.0 or higher
751
904
 
752
- ### Package Version
753
-
754
- Always use the latest beta version: `@rebuy/rebuy-hydrogen@3.0.0-beta.11`
755
-
756
905
  ### Framework Support
757
906
 
758
- - **Remix Framework**: Full support with `@remix-run/react` imports
759
- - **React Router 7**: Full support with `react-router` imports
907
+ - **Remix Framework**: Full support
908
+ - **React Router 7**: Full support
760
909
  - **Hydrogen React**: Enhanced cart provider with additional props
761
910
 
762
911
  ### Browser Support
@@ -22,6 +22,7 @@ export declare enum DebugKey {
22
22
  WIDGET_COMPLETE_THE_LOOK = "widget-complete-the-look",
23
23
  WIDGET_DYNAMIC_BUNDLE_PRODUCTS = "widget-dynamic-bundle-products",
24
24
  WIDGET_PRODUCT_ADD_ONS = "widget-product-add-ons",
25
- WIDGET_PRODUCT_RECOMMENDATIONS = "widget-product-recommendations"
25
+ WIDGET_PRODUCT_RECOMMENDATIONS = "widget-product-recommendations",
26
+ WIDGET_RECENTLY_VIEWED_PRODUCTS = "widget-recently-viewed-products"
26
27
  }
27
28
  //# sourceMappingURL=debug.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../src/constants/debug.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAChB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,oBAAoB,yBAAyB;IAC7C,6BAA6B,kCAAkC;IAC/D,cAAc,2BAA2B;IACzC,eAAe,4BAA4B;IAC3C,qBAAqB,kCAAkC;IACvD,YAAY,yBAAyB;IACrC,MAAM,mBAAmB;IACzB,cAAc,2BAA2B;IACzC,mBAAmB,gCAAgC;IACnD,eAAe,4BAA4B;IAC3C,oBAAoB,iCAAiC;IACrD,mBAAmB,gCAAgC;IACnD,eAAe,4BAA4B;IAC3C,eAAe,4BAA4B;IAC3C,MAAM,mBAAmB;IACzB,YAAY,yBAAyB;IACrC,oBAAoB,iCAAiC;IACrD,MAAM,iBAAiB;IACvB,wBAAwB,6BAA6B;IACrD,8BAA8B,mCAAmC;IACjE,sBAAsB,2BAA2B;IACjD,8BAA8B,mCAAmC;CACpE"}
1
+ {"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../src/constants/debug.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAChB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,oBAAoB,yBAAyB;IAC7C,6BAA6B,kCAAkC;IAC/D,cAAc,2BAA2B;IACzC,eAAe,4BAA4B;IAC3C,qBAAqB,kCAAkC;IACvD,YAAY,yBAAyB;IACrC,MAAM,mBAAmB;IACzB,cAAc,2BAA2B;IACzC,mBAAmB,gCAAgC;IACnD,eAAe,4BAA4B;IAC3C,oBAAoB,iCAAiC;IACrD,mBAAmB,gCAAgC;IACnD,eAAe,4BAA4B;IAC3C,eAAe,4BAA4B;IAC3C,MAAM,mBAAmB;IACzB,YAAY,yBAAyB;IACrC,oBAAoB,iCAAiC;IACrD,MAAM,iBAAiB;IACvB,wBAAwB,6BAA6B;IACrD,8BAA8B,mCAAmC;IACjE,sBAAsB,2BAA2B;IACjD,8BAA8B,mCAAmC;IACjE,+BAA+B,oCAAoC;CACtE"}
package/dist/index.css CHANGED
@@ -11,7 +11,7 @@
11
11
  clip: rect(0, 0, 0, 0);
12
12
  }
13
13
 
14
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/AnnouncementBar/AnnouncementBar.css */
14
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/AnnouncementBar/AnnouncementBar.css */
15
15
  .AnnouncementBar_rebuy-announcement-bar__container {
16
16
  position: relative;
17
17
  background-color: var(--rb-color-banner-background);
@@ -47,7 +47,7 @@
47
47
  overflow-wrap: break-word;
48
48
  }
49
49
 
50
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartItem/CartItem.css */
50
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartItem/CartItem.css */
51
51
  .CartItem_rebuy-cart-item {
52
52
  display: flex;
53
53
  position: relative;
@@ -562,7 +562,7 @@
562
562
  opacity: 0.5;
563
563
  }
564
564
 
565
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/EmptyCart/EmptyCart.css */
565
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/EmptyCart/EmptyCart.css */
566
566
  .EmptyCart_rebuy-empty-cart-message {
567
567
  flex: 0 0 auto;
568
568
  margin: 0;
@@ -583,7 +583,7 @@
583
583
  text-decoration: var(--rb-empty-cart-message-link-text-decoration-hover);
584
584
  }
585
585
 
586
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartItemList/CartItemList.css */
586
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartItemList/CartItemList.css */
587
587
  .CartItemList_rebuy-cart-item-list__container {
588
588
  display: flex;
589
589
  flex-flow: column nowrap;
@@ -605,7 +605,7 @@
605
605
  min-height: var(--rb-cart-item-list-min-height);
606
606
  }
607
607
 
608
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartNoteInput/CartNoteInput.css */
608
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartNoteInput/CartNoteInput.css */
609
609
  .CartNoteInput_rebuy-cart-note-input {
610
610
  display: flex;
611
611
  flex-direction: column;
@@ -815,7 +815,7 @@
815
815
  gap: var(--rb-cart-note-input-gap);
816
816
  }
817
817
 
818
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartSubtotal/CartSubtotal.css */
818
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartSubtotal/CartSubtotal.css */
819
819
  .CartSubtotal_rebuy-cart-subtotal {
820
820
  display: flex;
821
821
  margin: 0;
@@ -931,7 +931,7 @@
931
931
  font-weight: var(--rb-cart-subtotal-discount-summary-item-amount-font-weight);
932
932
  }
933
933
 
934
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartTitleBar/CartTitleBar.css */
934
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CartTitleBar/CartTitleBar.css */
935
935
  .CartTitleBar_rebuy-cart-title-bar {
936
936
  flex-grow: var(--rb-cart-title-bar-flex-grow);
937
937
  margin: 0;
@@ -947,7 +947,7 @@
947
947
  font-weight: var(--rb-cart-title-bar-font-weight);
948
948
  }
949
949
 
950
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CheckoutArea/CheckoutArea.css */
950
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/CheckoutArea/CheckoutArea.css */
951
951
  .CheckoutArea_rebuy-checkout-area {
952
952
  display: flex;
953
953
  flex-flow: column nowrap;
@@ -1138,7 +1138,7 @@
1138
1138
  text-decoration: none;
1139
1139
  }
1140
1140
 
1141
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/components/AddToCartBtn/AddToCartBtn.css */
1141
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/AddToCartBtn/AddToCartBtn.css */
1142
1142
  .AddToCartBtn_rebuy-cart-button {
1143
1143
  padding: var(--rb-spacing-unit-2x, 8px) var(--rb-spacing-unit-4x, 16px);
1144
1144
  border-radius: var(--rb-border-radius-button, 4px);
@@ -1190,7 +1190,7 @@
1190
1190
  max-width: 100%;
1191
1191
  }
1192
1192
 
1193
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/components/ProductPrice/ProductPrice.css */
1193
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/ProductPrice/ProductPrice.css */
1194
1194
  .ProductPrice_rebuy-product-price {
1195
1195
  display: flex;
1196
1196
  align-items: baseline;
@@ -1212,7 +1212,7 @@
1212
1212
  font-size: var(--rb-font-size-small, 0.875em);
1213
1213
  }
1214
1214
 
1215
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/components/QuantityInput/QuantityInput.css */
1215
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/QuantityInput/QuantityInput.css */
1216
1216
  .QuantityInput_rebuy-quantity__container {
1217
1217
  display: flex;
1218
1218
  align-items: center;
@@ -1230,7 +1230,7 @@
1230
1230
  appearance: auto;
1231
1231
  }
1232
1232
 
1233
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/components/Title/Title.css */
1233
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/Title/Title.css */
1234
1234
  .Title_rebuy-title {
1235
1235
  font-family: var(--rb-font-family-base);
1236
1236
  font-weight: var(--rb-font-weight-bold);
@@ -1240,7 +1240,7 @@
1240
1240
  padding: 0;
1241
1241
  }
1242
1242
 
1243
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/components/VariantSelect/VariantSelect.css */
1243
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/VariantSelect/VariantSelect.css */
1244
1244
  .VariantSelect_rebuy-variant__container {
1245
1245
  position: relative;
1246
1246
  }
@@ -1306,7 +1306,7 @@
1306
1306
  border-color: #999;
1307
1307
  }
1308
1308
 
1309
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/components/ProductCard/ProductCard.css */
1309
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/ProductCard/ProductCard.css */
1310
1310
  :root {
1311
1311
  --rb-product-card-gap: var(--rb-spacing-unit-2x, 8px);
1312
1312
  --rb-product-card-padding: var(--rb-spacing-unit-3x, 12px);
@@ -1546,7 +1546,7 @@
1546
1546
  margin-top: var(--rb-spacing-unit-1x, 0.5em);
1547
1547
  }
1548
1548
 
1549
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/components/ProductCarousel/ProductCarousel.css */
1549
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/ProductCarousel/ProductCarousel.css */
1550
1550
  .ProductCarousel_rebuy-carousel {
1551
1551
  position: relative;
1552
1552
  overflow: hidden;
@@ -1629,7 +1629,7 @@
1629
1629
  flex: 0 0 calc(16.66% - 1.25em);
1630
1630
  }
1631
1631
 
1632
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/components/Timer/Timer.css */
1632
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/components/Timer/Timer.css */
1633
1633
  .Timer_rebuy-timer__container {
1634
1634
  margin: 0 auto;
1635
1635
  padding: 10px;
@@ -1690,7 +1690,7 @@
1690
1690
  }
1691
1691
  }
1692
1692
 
1693
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/widgets/RebuyWidget/RebuyWidget.css */
1693
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyWidget/RebuyWidget.css */
1694
1694
  .RebuyWidget_rebuy-widget__container {
1695
1695
  width: 100%;
1696
1696
  padding: 0;
@@ -1792,7 +1792,7 @@
1792
1792
  align-items: flex-start;
1793
1793
  }
1794
1794
 
1795
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/DiscountCodeInput/DiscountCodeInput.css */
1795
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/DiscountCodeInput/DiscountCodeInput.css */
1796
1796
  .DiscountCodeInput_rebuy-discount-code-input {
1797
1797
  display: flex;
1798
1798
  flex-flow: row wrap;
@@ -2006,7 +2006,7 @@
2006
2006
  font-weight: var(--rb-discount-code-input-total-discount-amount-font-weight);
2007
2007
  }
2008
2008
 
2009
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/LoginButton/LoginButton.css */
2009
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/LoginButton/LoginButton.css */
2010
2010
  .LoginButton_rebuy-login-button {
2011
2011
  appearance: none;
2012
2012
  box-sizing: border-box;
@@ -2048,7 +2048,7 @@
2048
2048
  color: var(--rb-login-button-text-color-active);
2049
2049
  }
2050
2050
 
2051
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/TieredProgressBar/TieredProgressBar.css */
2051
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/TieredProgressBar/TieredProgressBar.css */
2052
2052
  .TieredProgressBar_rebuy-tiered-progress-bar {
2053
2053
  display: flex;
2054
2054
  flex-direction: column;
@@ -2323,7 +2323,7 @@
2323
2323
  border-color: var(--rb-tiered-progress-bar-gift-item-select-border-color-hover);
2324
2324
  }
2325
2325
 
2326
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/_Layouts/LayoutStyles.css */
2326
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/_Layouts/LayoutStyles.css */
2327
2327
  .LayoutStyles_rebuy-smart-cart-layout__anchor-goal-box {
2328
2328
  display: flex;
2329
2329
  flex-flow: column nowrap;
@@ -2450,7 +2450,7 @@
2450
2450
  box-sizing: border-box !important;
2451
2451
  }
2452
2452
 
2453
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/smart-cart/components/SmartCartContainer/SmartCartContainer.css */
2453
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/smart-cart/components/SmartCartContainer/SmartCartContainer.css */
2454
2454
  .SmartCartContainer_rebuy-smart-cart,
2455
2455
  .SmartCartContainer_rebuy-smart-cart *,
2456
2456
  .SmartCartContainer_rebuy-smart-cart *::before,
@@ -2604,7 +2604,7 @@
2604
2604
  }
2605
2605
  }
2606
2606
 
2607
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.css */
2607
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.css */
2608
2608
  .RebuyCompleteTheLook_container {
2609
2609
  padding: 32px 1em;
2610
2610
  margin: 1em 0;
@@ -2630,7 +2630,7 @@
2630
2630
  width: 100%;
2631
2631
  }
2632
2632
 
2633
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.css */
2633
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.css */
2634
2634
  .RebuyDynamicBundleProducts_container {
2635
2635
  padding: 32px 16px;
2636
2636
  background-color: #f0f4f8;
@@ -2718,7 +2718,7 @@
2718
2718
  opacity: 0.5;
2719
2719
  }
2720
2720
 
2721
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/widgets/RebuyProductAddOns/RebuyProductAddOns.css */
2721
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyProductAddOns/RebuyProductAddOns.css */
2722
2722
  .RebuyProductAddOns_container {
2723
2723
  display: flex;
2724
2724
  flex-direction: column;
@@ -2827,7 +2827,7 @@
2827
2827
  justify-content: center;
2828
2828
  }
2829
2829
 
2830
- /* ../../../../../tmp/tmp-185-UhDbL3useibe/opt/atlassian/pipelines/agent/build/src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.css */
2830
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.css */
2831
2831
  .RebuyProductRecommendations_container {
2832
2832
  padding: 32px 16px;
2833
2833
  background-color: #f0f4f8;
@@ -2843,6 +2843,21 @@
2843
2843
  gap: 32px;
2844
2844
  list-style: none;
2845
2845
  }
2846
- .RebuyProductRecommendations_productItem {
2846
+
2847
+ /* ../../../../../tmp/tmp-165-ANnZixNQysaG/opt/atlassian/pipelines/agent/build/src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.css */
2848
+ .RebuyRecentlyViewedProducts_rebuy-recently-viewed-products-container {
2849
+ padding: 32px 16px;
2850
+ background-color: #f0f4f8;
2851
+ border-radius: 16px;
2852
+ margin: 16px 0;
2853
+ @media (width >= 768px) {
2854
+ padding: 64px;
2855
+ }
2856
+ }
2857
+ .RebuyRecentlyViewedProducts_product-grid {
2858
+ display: grid;
2859
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
2860
+ gap: 32px;
2861
+ list-style: none;
2847
2862
  }
2848
2863
  /*# sourceMappingURL=index.css.map */