@rebuy/rebuy-hydrogen 3.0.0-beta.2 → 3.0.0-beta.20

package/package.json

@@ -1,35 +1,36 @@
 {
     "name": "@rebuy/rebuy-hydrogen",
+    "version": "3.0.0-beta.20",
     "description": "This is the default library for Rebuy + Shopify Hydrogen",
-    "version": "3.0.0-beta.2",
     "license": "MIT",
     "author": "Rebuy, Inc.",
+    "type": "module",
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.ts",
-    "type": "module",
-    "publishConfig": {
-        "access": "public"
-    },
     "files": [
         "dist",
-        "README.md",
-        "**/*.d.ts",
-        "**/*.ts",
-        "**/*.tsx"
+        "README.md"
     ],
     "scripts": {
-        "clean": "rm -rf dist",
-        "build:types": "tsc --emitDeclarationOnly --outDir dist",
-        "build:code": "node esbuild.config.mjs",
         "build": "npm run clean && npm run build:types && npm run build:code",
+        "build:code": "node esbuild.config.mjs",
+        "build:types": "tsc --emitDeclarationOnly --outDir dist",
         "build:watch": "npm run clean && npm run build:types && node esbuild.config.mjs --watch",
-        "format": "npm run lint -- --fix",
-        "lint": "eslint . --ext .js,.jsx,.json",
+        "check-types": "tsc --noEmit",
+        "clean": "rm -rf dist",
+        "deploy": "npm run build && npx semantic-release --debug --no-ci",
+        "deploy:dryrun": "npm run deploy -- --dry-run",
+        "dev": "npm run clean && concurrently \"npm run types:watch\" \"npm run build:watch\"",
+        "format": "npm run lint -- --fix && npm run lint:css -- --fix",
+        "lint": "eslint --ext .js,.jsx,.json,.mjs,.ts,.tsx ./src",
+        "lint:css": "stylelint './src/**/*.{css,scss}'",
+        "lint:css-skip-warn": "npm run lint:css -- --quiet",
+        "lint:skip-warn": "npm run lint -- --quiet",
         "prepare": "husky install",
+        "sort-package": "sort-package-json",
         "test": "echo \"Error: no test specified\" && exit 1",
-        "types:watch": "tsc --emitDeclarationOnly --outDir dist --watch",
-        "dev": "npm run clean && concurrently \"npm run types:watch\" \"npm run build:watch\""
+        "types:watch": "tsc --emitDeclarationOnly --outDir dist --watch"
     },
     "config": {
         "commitizen": {
@@ -39,25 +40,27 @@
             "config": ".cz-config.cjs"
         }
     },
-    "repository": {
-        "type": "git",
-        "url": "git+ssh://git@bitbucket.org/rebuyengine/npm-rebuy-hydrogen.git"
-    },
-    "bugs": {
-        "url": "https://bitbucket.org/rebuyengine/npm-rebuy-hydrogen/issues"
+    "dependencies": {
+        "@rebuy/rebuy": "^2.0.2",
+        "clsx": "^2.1.1",
+        "dompurify": "^3.2.5",
+        "lodash-es": "^4.17.21",
+        "zod": "^3.24.4",
+        "zustand": "^5.0.4"
     },
-    "homepage": "https://bitbucket.org/rebuyengine/npm-rebuy-hydrogen#readme",
     "devDependencies": {
         "@commitlint/cli": "^19.8.0",
         "@commitlint/config-conventional": "^19.8.0",
         "@semantic-release/changelog": "^6.0.3",
         "@semantic-release/commit-analyzer": "^13.0.1",
-        "@semantic-release/git": "^10.0.1",
-        "@semantic-release/npm": "^12.0.1",
+        "@semantic-release/exec": "^7.1.0",
         "@semantic-release/release-notes-generator": "^14.0.3",
-        "@shopify/hydrogen": ">=2025.0.1",
-        "@shopify/hydrogen-react": ">=2025.0.1",
-        "@types/react": "^18.0.0",
+        "@shopify/hydrogen": ">=2025.5.0",
+        "@shopify/hydrogen-react": ">=2025.4.0",
+        "@types/dompurify": "^3.0.5",
+        "@types/lodash-es": "^4.17.12",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.7",
         "@types/three": "^0.175.0",
         "@typescript-eslint/eslint-plugin": "^8.26.1",
         "@typescript-eslint/parser": "^8.26.1",
@@ -66,35 +69,48 @@
         "cz-conventional-changelog": "^3.3.0",
         "cz-customizable": "^7.4.0",
         "esbuild": "0.25.2",
+        "esbuild-plugin-css-modules": "^0.3.0",
         "eslint": "^8.57.0",
         "eslint-config-prettier": "^10.1.1",
+        "eslint-import-resolver-typescript": "^4.3.4",
         "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-jsdoc": "^50.2.4",
         "eslint-plugin-json": "^4.0.1",
         "eslint-plugin-prettier": "^5.2.3",
         "eslint-plugin-react": "^7.37.4",
-        "eslint-plugin-react-hooks": "^5.2.0",
+        "eslint-plugin-react-hooks": "^4.6.2",
         "eslint-plugin-sort-destructure-keys": "^2.0.0",
         "eslint-plugin-sort-keys": "^2.3.5",
         "eslint-plugin-typescript-sort-keys": "^3.3.0",
+        "eslint-plugin-unused-imports": "^4.1.4",
         "husky": "^9.1.7",
         "lint-staged": "^15.5.0",
         "prettier": "^3.5.2",
-        "react": "^18.0.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-router": "7.6.0",
+        "react-router-dom": "7.6.0",
         "semantic-release": "^24.2.3",
+        "sort-package-json": "^2.10.0",
+        "stylelint": "^16.19.1",
+        "stylelint-config-css-modules": "^4.4.0",
+        "stylelint-config-standard": "^36.0.1",
         "typescript": "^5.8.2"
     },
-    "dependencies": {
-        "@rebuy/rebuy": "^1.5.1"
-    },
     "peerDependencies": {
-        "@remix-run/react": ">=2.10.0",
-        "@shopify/hydrogen": ">=2025.0.1",
-        "@shopify/hydrogen-react": ">=2025.0.1"
+        "@shopify/hydrogen": ">=2025.5.0",
+        "@shopify/hydrogen-react": ">=2025.4.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-router": "7.6.0",
+        "react-router-dom": "7.6.0"
     },
-    "lint-staged": {
-        "**/*.{js,jsx,json}": [
-            "npm run format",
-            "prettier --write"
-        ]
+    "peerDependenciesMeta": {
+        "@shopify/hydrogen-react": {
+            "optional": true
+        }
+    },
+    "publishConfig": {
+        "access": "public"
     }
 }

package/dist/types/rebuySmartCart.d.ts

@@ -1,184 +0,0 @@
-export type ProgressBarTier = {
-    id: number;
-    minimum: number | null;
-    presentment_currencies: {
-        enabled: boolean;
-    };
-    product_amount_reached_label: boolean;
-    product_amount_reached_label_text: string;
-    product_amount_remaining_label: boolean;
-    product_amount_remaining_label_text: string;
-    products: unknown[];
-    type: string;
-};
-export type ProgressBar = {
-    country_codes: string[];
-    exclude_discount: boolean;
-    free_shipping_enabled: boolean;
-    free_shipping_on_all_products: boolean;
-    free_shipping_on_subscription: boolean;
-    geolocation_enabled: boolean;
-    id: number;
-    layout: string;
-    name: string;
-    tiers: ProgressBarTier[];
-};
-export type SmartCartLanguage = {
-    bmsm_discount_message: string;
-    bmsm_discount_success: string;
-    cart_title: string;
-    checking_out_label: string;
-    checkout_label: string;
-    continue_shopping_label: string;
-    discount_button_label: string;
-    discount_code_label: string;
-    discount_invalid_message: string;
-    discount_label: string;
-    empty_cart: string;
-    free_shipping_helper: string;
-    free_shipping_reached: string;
-    free_shipping_remaining: string;
-    notes_label: string;
-    notes_placeholder: string;
-    notes_remaining_characters: string;
-    subtotal_plural_text: string;
-    subtotal_singular_text: string;
-    view_cart_label: string;
-    view_cart_working_label: string;
-};
-export type SmartCartComponent = {
-    always_visible?: boolean;
-    hidden?: boolean;
-    id: string;
-    settings?: unknown;
-    static?: boolean;
-    title: string;
-    type: string;
-};
-export type SmartCartAnchor = {
-    components: string[];
-    id: string;
-    title: string;
-};
-export type SmartCart = {
-    accelerated_checkout: {
-        enabled: boolean;
-    };
-    accessibility: {
-        heading: string;
-    };
-    anchorData: {
-        anchorOrder: string[];
-        anchors: {
-            [key: string]: SmartCartAnchor;
-        };
-        components: {
-            [key: string]: SmartCartComponent;
-        };
-    };
-    announcement_bar: {
-        enabled: boolean;
-        messages: string[];
-    };
-    apps: unknown[];
-    attribution_tracking_disabled: boolean;
-    buy_more_save_more: {
-        discount_products: unknown[];
-        discount_type: string;
-        display_type: string;
-        enabled: boolean;
-        language: {
-            bmsm_discount_message: string;
-            bmsm_discount_success: string;
-        };
-        tiers: {
-            discount: number;
-            quantity: number;
-        }[];
-    };
-    callbacks: {
-        [key: string]: {
-            enabled: boolean;
-            function: string;
-        };
-    };
-    cart_page_checkout_override: {
-        enabled: boolean;
-    };
-    checkout_button: {
-        enabled: boolean;
-        routing: string;
-        routing_link: string;
-    };
-    continue_shopping_button: {
-        enabled: boolean;
-    };
-    cross_sells: string[];
-    custom_css: string;
-    disable_cart_page: boolean;
-    discount: {
-        enabled: boolean;
-        use_message_only: boolean;
-    };
-    enable_product_metafields: boolean;
-    has_legacy_shipping: boolean;
-    installments: {
-        enabled: boolean;
-        payment_count: number;
-        provider: string;
-        terms_url: string;
-    };
-    integrations: {
-        code: string;
-        enabled: boolean;
-    };
-    language: SmartCartLanguage;
-    layout: string;
-    name: string;
-    notes: {
-        enabled: boolean;
-        limit_characters: boolean;
-        max_length: number;
-    };
-    pre_purchase: {
-        enabled: boolean;
-        id: string;
-    };
-    preview_mode: boolean;
-    product_form_redirect: string;
-    progress_bar: {
-        bars: ProgressBar[];
-        enabled: boolean;
-    };
-    selectors: {
-        cart_subtotal: string;
-        item_count: string;
-    };
-    shop_pay: {
-        enabled: boolean;
-    };
-    switch_to_subscription: {
-        disable_downgrade: boolean;
-        enabled: boolean;
-        language: {
-            downgrading_label: string;
-            onetime_option_group_label: string;
-            onetime_option_label: string;
-            subscription_option_group_label: string;
-            subscription_option_label: string;
-            upgrade_to_subscription_default_frequency: string;
-            upgrade_to_subscription_label: string;
-            upgrade_to_subscription_without_discount_label: string;
-            upgrading_label: string;
-        };
-    };
-    terms: {
-        disclaimer: string;
-        enabled: boolean;
-    };
-    version: number;
-    view_cart_button: {
-        enabled: boolean;
-    };
-};
-//# sourceMappingURL=rebuySmartCart.d.ts.map

package/dist/types/rebuySmartCart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rebuySmartCart.d.ts","sourceRoot":"","sources":["../../src/types/rebuySmartCart.ts"],"names":[],"mappings":"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"}

package/src/components/AddToCartBtn/AddToCartBtn.tsx

@@ -1,45 +0,0 @@
-import { HydrogenAddToCartBtn } from './HydrogenAddToCartBtn';
-import { HydrogenReactAddToCartBtn } from './HydrogenReactAddToCartBtn';
-
-import type { AddToCartBtnProps } from '~/components/AddToCartBtn/types';
-
-export const AddToCartBtn = ({
-    addToCartBtnText,
-    addToCartCallback,
-    disabled,
-    isHydrogenReact,
-    moneyData,
-    selectedVariants,
-}: AddToCartBtnProps) => {
-    const linesToAdd = selectedVariants.map((variant) => ({
-        attributes: [
-            { key: '_source', value: 'Rebuy' },
-            { key: '_attribution', value: 'Rebuy Product Recommendations' },
-        ],
-        merchandiseId: variant.id,
-        quantity: 1,
-        selectedVariant: variant,
-    }));
-
-    if (isHydrogenReact) {
-        return (
-            <HydrogenReactAddToCartBtn
-                addToCartBtnText={addToCartBtnText}
-                addToCartCallback={addToCartCallback}
-                disabled={disabled}
-                linesToAdd={linesToAdd}
-                moneyData={moneyData}
-            />
-        );
-    }
-
-    return (
-        <HydrogenAddToCartBtn
-            addToCartBtnText={addToCartBtnText}
-            addToCartCallback={addToCartCallback}
-            disabled={disabled}
-            linesToAdd={linesToAdd}
-            moneyData={moneyData}
-        />
-    );
-};

package/src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx

@@ -1,43 +0,0 @@
-import { type FetcherWithComponents } from '@remix-run/react';
-import { CartForm, Money } from '@shopify/hydrogen';
-
-import styles from './AddToCartBtn.module.css';
-
-import type { btnProps } from '~/components/AddToCartBtn/types';
-
-export const HydrogenAddToCartBtn = ({
-    addToCartBtnText,
-    addToCartCallback,
-    disabled,
-    linesToAdd,
-    moneyData,
-}: btnProps) => {
-    return (
-        <CartForm
-            action={CartForm.ACTIONS.LinesAdd}
-            inputs={{
-                lines: linesToAdd,
-            }}
-            route="/cart"
-        >
-            {(fetcher: FetcherWithComponents<unknown>) => (
-                <>
-                    <button
-                        className={styles.button}
-                        disabled={disabled || fetcher.state !== 'idle'}
-                        onClick={addToCartCallback}
-                        type="submit"
-                    >
-                        {addToCartBtnText}
-                        {moneyData && (
-                            <>
-                                <span> | </span>
-                                <Money data={moneyData} withoutTrailingZeros />
-                            </>
-                        )}
-                    </button>
-                </>
-            )}
-        </CartForm>
-    );
-};

package/src/components/AddToCartBtn/HydrogenReactAddToCartBtn.tsx

@@ -1,35 +0,0 @@
-import { Money, useCart } from '@shopify/hydrogen-react';
-
-import styles from './AddToCartBtn.module.css';
-
-import type { btnProps } from '~/components/AddToCartBtn/types';
-
-export const HydrogenReactAddToCartBtn = ({
-    addToCartBtnText,
-    addToCartCallback,
-    disabled,
-    linesToAdd,
-    moneyData,
-}: btnProps) => {
-    const { linesAdd } = useCart();
-    const handleAddToCart = () => {
-        linesAdd(linesToAdd);
-        addToCartCallback?.();
-    };
-    return (
-        <button
-            className={styles.button}
-            disabled={disabled}
-            onClick={handleAddToCart}
-            type="button"
-        >
-            {addToCartBtnText}
-            {moneyData && (
-                <>
-                    <span> | </span>
-                    <Money data={moneyData} withoutTrailingZeros />
-                </>
-            )}
-        </button>
-    );
-};

package/src/components/AddToCartBtn/index.ts

@@ -1 +0,0 @@
-export * from './AddToCartBtn';

package/src/components/AddToCartBtn/types.ts

@@ -1,27 +0,0 @@
-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;
-    selectedVariants: RebuyProductVariant[];
-};

package/src/components/ProductCard/ProductCard.tsx

@@ -1,70 +0,0 @@
-import { Link } from '@remix-run/react';
-import { Image } from '@shopify/hydrogen';
-import { useState } from 'react';
-
-import styles from './ProductCard.module.css';
-
-import type { ProductCardProps } from '~/components/ProductCard/types';
-import type { RebuyProduct } from '~/types/rebuyCustom';
-
-import { AddToCartBtn } from '~/components/AddToCartBtn';
-import { RebuyProductPrice } from '~/components/ProductPrice/ProductPrice';
-import { Title } from '~/components/Title';
-import { VariantSelect } from '~/components/VariantSelect';
-
-export const ProductCard = ({
-    addToCartBtnText,
-    addToCartCallback,
-    isHydrogenReact,
-    product,
-    productCardTitleLevel,
-}: ProductCardProps) => {
-    const [selectedVariant, setSelectedVariant] = useState(
-        product.variants.nodes[0]
-    );
-
-    const { image } = selectedVariant;
-    const handleSelectedVariant = (
-        product: RebuyProduct,
-        variant_id: string
-    ) => {
-        const updatedVariant = product.variants.nodes.find(
-            (variant) => variant.id === variant_id
-        );
-        if (updatedVariant) {
-            setSelectedVariant(updatedVariant);
-        }
-    };
-    return (
-        <div className={styles.container}>
-            <div>
-                <Link to={`/products/${product.handle}`}>
-                    <Image
-                        alt={image?.altText ?? `Picture of ${product.title}`}
-                        data={image}
-                        sizes="(max-width: 320px) 280px, (max-width: 768px) 720px, 1440px"
-                    />
-                </Link>
-                <div className={styles.productInfo}>
-                    <Link to={`/products/${product.handle}`}>
-                        <Title
-                            level={productCardTitleLevel}
-                            text={product.title}
-                        />
-                    </Link>
-                    <RebuyProductPrice selectedVariant={selectedVariant} />
-                    <VariantSelect
-                        handleSelectedVariant={handleSelectedVariant}
-                        product={product}
-                    />
-                </div>
-            </div>
-            <AddToCartBtn
-                addToCartBtnText={addToCartBtnText}
-                addToCartCallback={addToCartCallback}
-                isHydrogenReact={isHydrogenReact}
-                selectedVariants={[selectedVariant]}
-            />
-        </div>
-    );
-};

package/src/components/ProductCard/index.ts

@@ -1 +0,0 @@
-export * from './ProductCard';

package/src/components/ProductCard/types.ts

@@ -1,10 +0,0 @@
-import type { ProductCardTitleLevel } from '~/types/common';
-import type { RebuyProduct } from '~/types/rebuyCustom';
-
-export type ProductCardProps = {
-    addToCartBtnText?: string;
-    addToCartCallback?: () => void; // to allow for custom add to cart logic/opening the cart drawer
-    isHydrogenReact?: boolean;
-    product: RebuyProduct;
-    productCardTitleLevel: ProductCardTitleLevel;
-};

package/src/components/ProductPrice/ProductPrice.tsx

@@ -1,49 +0,0 @@
-import { Money } from '@shopify/hydrogen';
-
-import styles from './ProductPrice.module.css';
-
-import type { MoneyV2 } from '@shopify/hydrogen-react/storefront-api-types';
-import type { RebuyProductVariant } from '~/types/rebuyCustom';
-
-export const RebuyProductPrice = ({
-    selectedVariant,
-}: {
-    selectedVariant: RebuyProductVariant;
-}) => {
-    if (!selectedVariant) return null;
-    const { compareAtPriceV2: compareAtPrice, priceV2: price } =
-        selectedVariant;
-
-    const isDiscounted = (
-        price: MoneyV2 | null,
-        compareAtPrice: MoneyV2 | null
-    ) => Number(compareAtPrice?.amount) > Number(price?.amount);
-
-    const CompareAtPrice = ({
-        data: compareAtPrice,
-    }: {
-        data: MoneyV2 | null;
-    }) => {
-        return (
-            compareAtPrice && (
-                <Money
-                    as="span"
-                    className={styles.compareAtPrice}
-                    data={compareAtPrice}
-                    withoutTrailingZeros
-                />
-            )
-        );
-    };
-
-    return (
-        price && (
-            <div className={styles.priceContainer}>
-                <Money data={price} withoutTrailingZeros />
-                {compareAtPrice && isDiscounted(price, compareAtPrice) && (
-                    <CompareAtPrice data={compareAtPrice} />
-                )}
-            </div>
-        )
-    );
-};

package/src/components/ProductPrice/index.ts

@@ -1 +0,0 @@
-export * from './ProductPrice';

package/src/components/Title/Title.tsx

@@ -1,19 +0,0 @@
-import type { TitleProps } from '~/components/Title/types';
-
-export const Title = ({ level, style, text }: TitleProps) => {
-    switch (level) {
-        case 'h1':
-            return <h1 style={style}>{text}</h1>;
-        default:
-        case 'h2':
-            return <h2 style={style}>{text}</h2>;
-        case 'h3':
-            return <h3 style={style}>{text}</h3>;
-        case 'h4':
-            return <h4 style={style}>{text}</h4>;
-        case 'h5':
-            return <h5 style={style}>{text}</h5>;
-        case 'h6':
-            return <h6 style={style}>{text}</h6>;
-    }
-};

package/src/components/Title/index.ts

@@ -1 +0,0 @@
-export * from './Title';

package/src/components/Title/types.ts

@@ -1,7 +0,0 @@
-import type { ProductCardTitleLevel } from '~/types/common';
-
-export type TitleProps = {
-    level: ProductCardTitleLevel;
-    style?: React.CSSProperties;
-    text: string;
-};