@rebuy/rebuy-hydrogen 2.3.1 → 3.0.0-alpha.1

package/README.md

@@ -1,30 +1,208 @@
-# Rebuy + Hydrogen Overview
+# Beta Documentation: Rebuy Hydrogen 2.0
 
-Rebuy + Hydrogen package is a web development framework used for building Shopify custom storefronts. It includes providers, components, and tooling you need to get started so you can spend your time creating intelligent shopping experiences.
+## Overview
 
-## Rebuy + Hydrogen 2
+The new beta version of our Rebuy Hydrogen package is designed to work with both Hydrogen and Hydrogen React versions 2.0. We've streamlined this package to be as plug-and-play as possible, with the package handling most of the work. Below you'll find descriptions of each component and implementation instructions for your application.
 
-Rebuy makes it incredibly easy to bring powerful personalized product recommendations and smart search to your Shopify Hydrogen 2.0 Storefront. For more details on this, please check out our [Rebuy + Shopify Hydrogen 2.0 documentation](https://developers.rebuyengine.com/reference/rebuy-shopify-hydrogen-2).
+## Initial Setup
 
-Components and more coming soon.
+### Prerequisites
 
-## How Rebuy + Hydrogen Works
+First, determine whether your application uses:
 
-Rebuy + Hydrogen is a lightweight framework for creating personalized shopping experiences that are lightening fast. The framework is composed of:
+- Hydrogen only
+- Both Hydrogen and Hydrogen React
 
-1. **Providers** - these components build contextual objects that are used during network calls.
-2. **Containers** - these components get personalized data from Rebuy and pass the resulting information to children components via props.
-3. **Components** - these components can be used to render various merchandising UI.
-4. **Events** - these components automatically track user behaviors.
+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.
 
-### Data Sources
+### Installation Steps
 
-Rebuy + Hydrogen is powered by Rebuy's Data Sources, which allows for AI-powered product recommendations, custom defined rulesets, or mixture of human and computer derived output. Data Sources are created in Rebuy's App Admin, and the data source URL is used in your Hydrogen project. Separating the logic from the codebase allows non-technical team members to manage the merchandising rules without the need for costly code changes or redeployments.
+1. Install the beta version of our package from npm:
 
-### User Interfaces
+```
+npm i @rebuy/rebuy-hydrogen@3.0.0-beta.13
+```
 
-Rebuy + Hydrogen uses a React container pattern to separate the data fetching logic and state management from the presentational components. As such, container components do not render user interface elements. They simply pass their own properties, as well as data received from Rebuy, to their children components for consumption. This allows you to build your own user interface with your existing components, or use Rebuy's out of the box components to get up and running quickly.
+   Package URL: [https://www.npmjs.com/package/@rebuy/rebuy-hydrogen](https://www.npmjs.com/package/@rebuy/rebuy-hydrogen)
 
-### Getting Started
 
-To get started, please visit our [Rebuy + Shopify Hydrogen documentation](https://developers.rebuyengine.com/reference/shopify-hydrogen-getting-started).
+
+    2\. In your entry.server.tsx add update the creatContentSecurityPolicy to have the [rebuyengine.com](http://rebuyengine.com) in the connectSrc
+
+```
+const {nonce, header, NonceProvider} = createContentSecurityPolicy({
+    shop: {
+      checkoutDomain: context.env.PUBLIC_CHECKOUT_DOMAIN,
+      storeDomain: context.env.PUBLIC_STORE_DOMAIN,
+    },
+    connectSrc: ['*.rebuyengine.com', 'rebuyengine.com']
+  });
+```
+
+### For Hydrogen-only Applications:
+
+1. Navigate to your `app/root.tsx` file and add the following imports:
+
+```
+import { RebuyHydrogenContextProvider } from '@rebuy/rebuy-hydrogen';
+import '@rebuy/rebuy-hydrogen/dist/index.css';
+```
+
+2. Place the `<RebuyHydrogenContextProvider>` component as the parent component after the body. Required props: `cart.data` and `shop(domain) and publicStoreDomain (domain.myshopify.com)`.
+
+```
+{data ? (
+  <RebuyHydrogenContextProvider cart={data.cart} shop="example.com" publicStoreDomain="example.myshopify.com"
+>
+    <Analytics.Provider
+      cart={data.cart}
+      shop={data.shop}
+      consent={data.consent}
+    >
+      <PageLayout {...data}>
+        {children}
+      </PageLayout>
+    </Analytics.Provider>
+  </RebuyHydrogenContextProvider>
+) : (
+  children
+)}
+```
+
+### For Hydrogen React Applications:
+
+1. Navigate to your `app/root.tsx` file and add the import for the CSS:
+
+```
+import '@rebuy/rebuy-hydrogen/dist/index.css';
+```
+
+2. Navigate to where your context providers are located and wrap the `RebuyHydrogenReactContextProvider` around the children. Required Props: `shop(domain) and publicStoreDomain (domain.myshopify.com)` For Pack Digital users, this would be in `app/context/ContextProvider.tsx`:
+
+```
+<RebuyHydrogenReactContextProvider publicPrimaryDomian="example.com" publicStoreDomain="example.myshopify.com" publicStorefrontApiToken="1233456" publicStorefrontId="12345678" >
+  {children}
+</RebuyHydrogenReactContextProvider>
+```
+
+3. With this you can also pass in any CartProvider props that you need to pass in.
+
+   - # Cart Provider Properties
+
+| Property | Type | Required | Description |
+| :---- | :---- | :---- | :---- |
+| `children` | `React.ReactNode` | Yes | Any `ReactNode` elements. |
+| `numCartLines` | `number` | No | Maximum number of cart lines to fetch. Defaults to 250 cart lines. |
+| `onCreate` | `() => void` | No | A callback that is invoked when the process to create a cart begins, but before the cart is created in the Storefront API. |
+| `onLineAdd` | `() => void` | No | A callback that is invoked when the process to add a line item to the cart begins, but before the line item is added to the Storefront API. |
+| `onLineRemove` | `() => void` | No | A callback that is invoked when the process to remove a line item to the cart begins, but before the line item is removed from the Storefront API. |
+| `onLineUpdate` | `() => void` | No | A callback that is invoked when the process to update a line item in the cart begins, but before the line item is updated in the Storefront API. |
+| `onNoteUpdate` | `() => void` | No | A callback that is invoked when the process to add or update a note in the cart begins, but before the note is added or updated in the Storefront API. |
+| `onBuyerIdentityUpdate` | `() => void` | No | A callback that is invoked when the process to update the buyer identity begins, but before the buyer identity is updated in the Storefront API. |
+| `onAttributesUpdate` | `() => void` | No | A callback that is invoked when the process to update the cart attributes begins, but before the attributes are updated in the Storefront API. |
+| `onDiscountCodesUpdate` | `() => void` | No | A callback that is invoked when the process to update the cart discount codes begins, but before the discount codes are updated in the Storefront API. |
+| `onCreateComplete` | `() => void` | No | A callback that is invoked when the process to create a cart completes. |
+| `onLineAddComplete` | `() => void` | No | A callback that is invoked when the process to add a line item to the cart completes. |
+| `onLineRemoveComplete` | `() => void` | No | A callback that is invoked when the process to remove a line item to the cart completes. |
+| `onLineUpdateComplete` | `() => void` | No | A callback that is invoked when the process to update a line item in the cart completes. |
+| `onNoteUpdateComplete` | `() => void` | No | A callback that is invoked when the process to add or update a note in the cart completes. |
+| `onBuyerIdentityUpdateComplete` | `() => void` | No | A callback that is invoked when the process to update the buyer identity completes. |
+| `onAttributesUpdateComplete` | `() => void` | No | A callback that is invoked when the process to update the cart attributes completes. |
+| `onDiscountCodesUpdateComplete` | `() => void` | No | A callback that is invoked when the process to update the cart discount codes completes. |
+| `data` | `PartialDeep<CartType, {recurseIntoArrays: true}>` | No | An object with fields that correspond to the Storefront API's Cart object. |
+| `cartFragment` | `string` | No | A fragment used to query the Storefront API's Cart object for all queries and mutations. A default value is used if no argument is provided. |
+| `customerAccessToken` | `string` | No | A customer access token that's accessible on the server if there's a customer login. |
+| `countryCode` | `CountryCode` | No | The ISO country code for i18n. |
+
+   -
+
+## Override key
+If you need to pass in a different Rebuy Api key from the one that we dynamically use for your store, you can pass it in as a prop on either of the provider components. ie `overrideApiKey="123456"`
+
+## Components
+
+Our components work seamlessly in both Hydrogen-only and Hydrogen React applications by using the existing context to call the correct hooks/functions.
+
+### WidgetContainer
+
+This is the parent component that provides the needed context to child widgets.
+
+**Properties:**
+
+| Property | Description |
+| :---- | :---- |
+| `dataSource` | The Rebuy API endpoint to use for product recommendations |
+| `productId` | The Shopify product ID |
+| `product` | The entire product object |
+| `variantID` | The selected variant ID |
+| `variant` | The selected variant object |
+| `limit` | How many product recommendations to return |
+| `options` | An object with key-value pairs of Rebuy REST API arguments (e.g., `{ metafields: "yes" }`) |
+
+### RebuyCompleteTheLook
+
+**Properties:**
+
+| Property | Description |
+| :---- | :---- |
+| `customTitle` | A custom title displayed above the component |
+| `customTitleLevel` | Sets the initial title level (e.g., if set to `h2`, other titles in the component will adjust to `h3` accordingly) |
+| `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 |
+
+### RebuyDynamicBundleProducts
+
+**Properties:**
+
+| Property | Description |
+| :---- | :---- |
+| `customTitle` | A custom title displayed above the component |
+| `customTitleLevel` | Sets the initial title level (e.g., if set to `h2`, other titles in the component will adjust to `h3` accordingly) |
+| `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 |
+
+### RebuyProductRecommendations
+
+**Properties:**
+
+| Property | Description |
+| :---- | :---- |
+| `customTitle` | A custom title displayed above the component |
+| `customTitleLevel` | Sets the initial title level (e.g., if set to `h2`, other titles in the component will adjust to `h3` accordingly) |
+| `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 |
+
+### RebuyProductAddOns
+
+**Properties:**
+
+| Property | Description |
+| :---- | :---- |
+| `customTitle` | A custom title displayed above the component |
+| `customTitleLevel` | Sets the initial title level (e.g., if set to `h2`, other titles in the component will adjust to `h3` accordingly) |
+| `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 |
+| `includeMainProduct` | Option to include the product passed from the `WidgetContainer` in the add to cart functionality |
+| `learnMoreText` | Text displayed in a CTA that takes users to the product page |
+| `subtotalText` | Text that appears before the subtotal of all add-ons |
+| `withProductText` | Text that appears before the total if the product from `WidgetContainer` is included in the add to cart functionality |
+
+### RebuyWidget
+
+## Dynamic widget that can be set up to display a widget that you have created in the Rebuy Admin
+
+**Properties:**
+
+| Property | Description |
+| :---- | :---- |
+| `widgetId` | The widget Id for the widget that you want to display (can be found in the Rebuy Admin) |
+| `addToCartCallBack` | A callback function for custom functionality when items are added to the cart |
+| `productId` | The Shopify product ID |
+| `product` | The entire product object |
+| `variantID` | The selected variant ID |
+| `variant` | The selected variant object |
+| `popupTriggerid` | If you have configured this to be a popup that is triggered on a button click then you need to pass the id of the element that you want to trigger the popup to appear on |

package/dist/assets/Close.d.ts

@@ -0,0 +1,2 @@
+export declare const Close: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Close.d.ts.map

package/dist/assets/Close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.d.ts","sourceRoot":"","sources":["../../src/assets/Close.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,+CAMjB,CAAC"}

package/dist/components/AddToCartBtn/AddToCartBtn.d.ts

@@ -0,0 +1,3 @@
+import type { AddToCartBtnProps } from '~/components/AddToCartBtn/types';
+export declare const AddToCartBtn: ({ addToCartBtnText, addToCartCallback, disabled, isHydrogenReact, moneyData, quantity, selectedVariants, }: AddToCartBtnProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AddToCartBtn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/AddToCartBtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,eAAO,MAAM,YAAY,GAAI,4GAQ1B,iBAAiB,4CAgCnB,CAAC"}

package/dist/components/AddToCartBtn/HydrogenAddToCartBtn.d.ts

@@ -0,0 +1,3 @@
+import type { btnProps } from '~/components/AddToCartBtn/types';
+export declare const HydrogenAddToCartBtn: ({ addToCartBtnText, addToCartCallback, disabled, linesToAdd, moneyData, }: btnProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HydrogenAddToCartBtn.d.ts.map

package/dist/components/AddToCartBtn/HydrogenAddToCartBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrogenAddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGhE,eAAO,MAAM,oBAAoB,GAAI,2EAMlC,QAAQ,4CA+BV,CAAC"}

package/dist/components/AddToCartBtn/HydrogenReactAddToCartBtn.d.ts

@@ -0,0 +1,3 @@
+import type { btnProps } from '~/components/AddToCartBtn/types';
+export declare const HydrogenReactAddToCartBtn: ({ addToCartBtnText, addToCartCallback, disabled, linesToAdd, moneyData, }: btnProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HydrogenReactAddToCartBtn.d.ts.map

package/dist/components/AddToCartBtn/HydrogenReactAddToCartBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrogenReactAddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/HydrogenReactAddToCartBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGhE,eAAO,MAAM,yBAAyB,GAAI,2EAMvC,QAAQ,4CAkBV,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,27 @@
+import type { MoneyV2 } from '@shopify/hydrogen-react/storefront-api-types';
+import type { RebuyProductVariant } from '~/types/rebuyCustom';
+export type btnProps = {
+    addToCartBtnText?: string;
+    addToCartCallback?: () => void;
+    disabled?: boolean;
+    linesToAdd: {
+        attributes: {
+            key: string;
+            value: string;
+        }[];
+        merchandiseId: string;
+        quantity: number;
+        selectedVariant: unknown;
+    }[];
+    moneyData?: MoneyV2;
+};
+export type AddToCartBtnProps = {
+    addToCartBtnText?: string;
+    addToCartCallback?: () => void;
+    disabled?: boolean;
+    isHydrogenReact?: boolean;
+    moneyData?: MoneyV2;
+    quantity?: number;
+    selectedVariants: RebuyProductVariant[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,QAAQ,GAAG;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE;QACR,UAAU,EAAE;YACR,GAAG,EAAE,MAAM,CAAC;YACZ,KAAK,EAAE,MAAM,CAAC;SACjB,EAAE,CAAC;QACJ,aAAa,EAAE,MAAM,CAAC;QACtB,QAAQ,EAAE,MAAM,CAAC;QACjB,eAAe,EAAE,OAAO,CAAC;KAC5B,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;CAC3C,CAAC"}

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

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

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

@@ -0,0 +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;AAQvE,eAAO,MAAM,WAAW,GAAI,gIASzB,gBAAgB,4CAgMlB,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { ProductCardSettings } from './types';
+export declare const defaultProductCardSettings: ProductCardSettings;
+//# sourceMappingURL=defaultSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultSettings.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/defaultSettings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,0BAA0B,EAAE,mBAsCxC,CAAC"}

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

@@ -0,0 +1,3 @@
+export { defaultProductCardSettings } from './defaultSettings';
+export * from './ProductCard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,52 @@
+import type { ProductCardTitleLevel } from '~/types/common';
+import type { RebuyProduct } from '~/types/rebuyCustom';
+export type ProductCardProps = {
+    addToCartBtnText?: string;
+    addToCartCallback?: () => void;
+    isHydrogenReact?: boolean;
+    isInPopup?: boolean;
+    onPopupDismiss?: () => void;
+    product: RebuyProduct;
+    productCardTitleLevel: ProductCardTitleLevel;
+    settings?: ProductCardSettings;
+};
+export type ProductCardSettings = {
+    layoutStyle?: string;
+    productOptions?: {
+        hide_out_of_stock_variants: boolean;
+        match_variant: boolean;
+        match_variant_out_of_stock: boolean;
+        show_product_description: string;
+        show_subscription_options: string;
+        show_variant_options: string;
+        show_variant_title: string;
+        show_variants_as_products: boolean;
+        variant_display_limit: string;
+    };
+    quantityInput?: {
+        default_quantity: number;
+        enabled: boolean;
+        max_value: number;
+        min_value: number;
+    };
+    settingsDiscount?: {
+        amount: number;
+        bundle_protection: {
+            allowed_removals: number;
+            disable_atc_on_incomplete: boolean;
+            enabled: boolean;
+        };
+        discount_protection: {
+            enabled: boolean;
+            minimum_items_to_get_discount: number;
+        };
+        discounted_by: string;
+        discounted_from: string;
+        message: string;
+        quantity: number;
+        show_saving_amount: boolean;
+        type: string;
+    };
+    variantSelector?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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;CAClC,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,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

@@ -0,0 +1,16 @@
+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;
+};
+export declare const ProductCarousel: ({ addToCartBtnText, addToCartCallback, columns, isHydrogenReact, productCardTitleLevel, products, settings, showPagination, }: ProductCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductCarousel.d.ts.map

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

@@ -0,0 +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;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,+HAS7B,oBAAoB,4CAoGtB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCarousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/ProductPrice/ProductPrice.d.ts

@@ -0,0 +1,3 @@
+import type { ProductPriceProps } from './types';
+export declare const RebuyProductPrice: ({ selectedVariant, settingsDiscount }: ProductPriceProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ProductPrice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPrice.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPrice/ProductPrice.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,GAAI,uCAAuC,iBAAiB,mDAmCzF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPrice/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { RebuyProductVariant } from '~/types/rebuyCustom';
+export type ProductPriceProps = {
+    selectedVariant: RebuyProductVariant;
+    settingsDiscount?: {
+        amount: number;
+        bundle_protection: {
+            allowed_removals: number;
+            disable_atc_on_incomplete: boolean;
+            enabled: boolean;
+        };
+        discount_protection: {
+            enabled: boolean;
+            minimum_items_to_get_discount: number;
+        };
+        discounted_by: string;
+        discounted_from: string;
+        message: string;
+        quantity: number;
+        show_saving_amount: boolean;
+        type: string;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPrice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,eAAe,EAAE,mBAAmB,CAAC;IACrC,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;CACL,CAAC"}

package/dist/components/QuantityInput/QuantityInput.d.ts

@@ -0,0 +1,3 @@
+import type { QuantityInputProps } from './types';
+export declare const QuantityInput: ({ defaultQuantity, handleSelectedQuantity, maxValue, minValue, }: QuantityInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuantityInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityInput.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityInput/QuantityInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,eAAO,MAAM,aAAa,GAAI,kEAK3B,kBAAkB,4CAgCpB,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './QuantityInput';
+export type { QuantityInputProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+export type QuantityInputProps = {
+    defaultQuantity?: number;
+    handleSelectedQuantity?: (quantity: number) => void;
+    maxValue?: number;
+    minValue?: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/dist/components/Timer/Timer.d.ts

@@ -0,0 +1,3 @@
+import type { TimerProps } from './types';
+export declare const Timer: ({ action, durationMinutes, durationSeconds, isPopup, onDismiss, title }: TimerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Timer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timer.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/Timer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,KAAK,GAAI,yEAAiF,UAAU,4CA2EhH,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './Timer';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,16 @@
+export type TimerAction = 'dismiss' | 'checkout' | 'cart' | 'stop';
+export type TimerProps = {
+    /** The action to take when the timer reaches zero */
+    action: TimerAction;
+    /** The duration in minutes */
+    durationMinutes: number;
+    /** The duration in seconds */
+    durationSeconds: number;
+    /** Whether the timer is in a popup context */
+    isPopup?: boolean;
+    /** Callback function to dismiss the popup */
+    onDismiss?: () => void;
+    /** The title text to display above the timer */
+    title?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG;IACrB,qDAAqD;IACrD,MAAM,EAAE,WAAW,CAAC;IACpB,8BAA8B;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/components/Title/Title.d.ts

@@ -0,0 +1,3 @@
+import type { TitleProps } from '~/components/Title/types';
+export declare const Title: ({ className, level, style, text }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title/Title.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAG3D,eAAO,MAAM,KAAK,GAAI,mCAAmC,UAAU,4CA0ClE,CAAC"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { ProductCardTitleLevel } from '~/types/common';
+export type TitleProps = {
+    className?: string;
+    level: ProductCardTitleLevel;
+    style?: React.CSSProperties;
+    text: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Title/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/components/VariantSelect/VariantSelect.d.ts

@@ -0,0 +1,3 @@
+import type { VariantSelectProps } from '~/components/VariantSelect/types';
+export declare const VariantSelect: ({ handleSelectedVariant, product, selectedId, style }: VariantSelectProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=VariantSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VariantSelect.d.ts","sourceRoot":"","sources":["../../../src/components/VariantSelect/VariantSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAI3E,eAAO,MAAM,aAAa,GAAI,uDAAkE,kBAAkB,mDAwEjH,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VariantSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { RebuyProduct } from '~/types/rebuyCustom';
+export type VariantSelectProps = {
+    handleSelectedVariant: (product: RebuyProduct, variant_id: string) => void;
+    product: RebuyProduct;
+    selectedId?: string;
+    style?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/VariantSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,qBAAqB,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/constants/api.d.ts

@@ -0,0 +1,2 @@
+export declare const REBUY_THEME_STYLES_BASE_URL = "https://rebuyengine.com/api/v1/theme-styles";
+//# sourceMappingURL=api.d.ts.map

package/dist/constants/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/constants/api.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,gDAAgD,CAAC"}