@lime-bundles/react 6.2.0 → 7.1.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CartLineInput, BuyerResolver, WidgetConfig, ProductVariant, ParsedBundle, OutOfStockBehavior } from '@lime-bundles/core';
-export { BUNDLES_FOR_PRODUCT_QUERY, BUNDLE_METAOBJECT_QUERY, BogoBundleData, BundleParseError, BundleType, CartLineInput, CountdownConfig, CtaConfig, DEFAULT_OUT_OF_STOCK_BEHAVIOR, DiscountConfig, FixedBundleData, FixedBundlePricing, HeaderConfig, ImageTransform, LayoutConfig, MixMatchBundleData, MultiStepBundleData, OutOfStockBehavior, ParsedBundle, ParsedMultiStep, PopularBadgeConfig, PricingConfig, PricingRow, Product, ProductListConfig, ProductVariant, SHOP_SETTINGS_QUERY, SavingsBarConfig, StorefrontApiError, ThumbnailRatio, VolumeBundleData, VolumeTier, WIDGET_CONFIG_DEFAULTS, WidgetConfig, applyWidgetConfigVars, calculateDiscount, calculateTierSavings, computeBundleSaleCents, computeFixedPricing, createStorefrontClient, fetchBundlesForProduct, formatCents, formatCountdown, formatMoney, formatUnitPrice, getActiveTier, injectCustomCss, mergeWidgetConfig, observeImpression, parseCents, parseMetaobjectBundle, parseMetaobjectBundleStrict, parseOutOfStockBehavior, percentageDiscountUnit, productsForStep, reportAddToCart, reportImpression, sanitizeCustomCss, stepHeadroom, thumbnailRatioVars, transformImageUrl, validateQuantity } from '@lime-bundles/core';
+import { CartLineInput, BuyerResolver, WidgetConfig, ProductVariant, ParsedBundle } from '@lime-bundles/core';
+export { BUNDLES_FOR_PRODUCT_QUERY, BUNDLE_METAOBJECT_QUERY, BogoBundleData, BundleParseError, BundleType, CartLineInput, CountdownConfig, CtaConfig, DiscountConfig, FixedBundleData, FixedBundlePricing, HeaderConfig, ImageTransform, LayoutConfig, MixMatchBundleData, MultiStepBundleData, ParsedBundle, ParsedMultiStep, PopularBadgeConfig, PricingConfig, PricingRow, Product, ProductListConfig, ProductVariant, SHOP_SETTINGS_QUERY, SavingsBarConfig, StorefrontApiError, ThumbnailRatio, VolumeBundleData, VolumeTier, WIDGET_CONFIG_DEFAULTS, WidgetConfig, applyWidgetConfigVars, calculateDiscount, calculateTierSavings, computeBundleSaleCents, computeFixedPricing, createStorefrontClient, fetchBundlesForProduct, formatCents, formatCountdown, formatMoney, formatUnitPrice, getActiveTier, injectCustomCss, mergeWidgetConfig, observeImpression, parseCents, parseMetaobjectBundle, parseMetaobjectBundleStrict, percentageDiscountUnit, productsForStep, reportAddToCart, reportImpression, sanitizeCustomCss, stepHeadroom, thumbnailRatioVars, transformImageUrl, validateQuantity } from '@lime-bundles/core';
 
 /**
  * Shared props for bundle components.
@@ -51,6 +51,14 @@ interface BundleComponentProps {
      * `marketIds` doesn't include this market.
      */
     marketId?: string;
+    /**
+     * The product page this component is rendered on — full GID
+     * (`gid://shopify/Product/123`) or bare numeric id. Multi-product
+     * renderers (`<VolumeBundle>`) price and sell this product; without it
+     * they fall back to the bundle's first product, so any bundle spanning
+     * more than one product should pass it.
+     */
+    productId?: string;
 }
 
 declare function FixedBundle(props: BundleComponentProps): react_jsx_runtime.JSX.Element | null;
@@ -103,8 +111,9 @@ interface UseVariantSelectionOptions {
     /** Positional option names for the product, e.g. `['Size', 'Color']`. */
     optionNames: ReadonlyArray<string>;
     /**
-     * Optional initial variant. Defaults to the first available variant, or
-     * the first variant if none are available.
+     * Optional initial variant. Defaults to the first variant that can cover
+     * the slot (per `requiredQtyFor` when supplied), then the first available
+     * variant, then the first variant.
      */
     initialVariant?: ProductVariant | null;
     /**
@@ -114,6 +123,12 @@ interface UseVariantSelectionOptions {
      * order is variant-discovery order (which may not match Shopify admin).
      */
     optionValuesByPosition?: ReadonlyArray<ReadonlyArray<string>>;
+    /**
+     * Per-variant required quantity for the bundle slot this picker fills.
+     * When provided, dropdown availability is quantity-aware (a variant short
+     * of the bundle's needs greys out) instead of plain `availableForSale`.
+     */
+    requiredQtyFor?: (variantId: string) => number;
 }
 interface UseVariantSelectionResult {
     /** Positional option values matching `optionNames`. */
@@ -128,7 +143,7 @@ interface UseVariantSelectionResult {
         disabled: boolean;
     }>;
 }
-declare function useVariantSelection({ variants, optionNames, initialVariant, optionValuesByPosition, }: UseVariantSelectionOptions): UseVariantSelectionResult;
+declare function useVariantSelection({ variants, optionNames, initialVariant, optionValuesByPosition, requiredQtyFor, }: UseVariantSelectionOptions): UseVariantSelectionResult;
 
 /**
  * Framework-agnostic async fetcher for bundle data.
@@ -181,27 +196,6 @@ interface FetchBundleDataOptions {
 }
 declare function fetchBundleData(options: FetchBundleDataOptions): Promise<ParsedBundle>;
 
-/**
- * Best-effort fetch for the shop's `$app` settings metafields.
- *
- * Returns the raw custom CSS (still needs sanitization before injection — see
- * `injectCustomCss` from core) and the shop-wide out-of-stock behaviour.
- *
- * **Per-shop in-memory cache.** Multiple `<FixedBundle>` / `<VolumeBundle>` /
- * `<MixMatchBundle>` components on the same page share one network request —
- * the first caller fetches, concurrent callers await the same promise, and
- * resolved values are cached so subsequent mounts return instantly. Failures
- * are NOT cached so the next caller retries.
- *
- * The cache lives for the life of the JS module (typically one page load).
- * Merchants updating settings see changes on the next page load. The cache is
- * exposed as `__clearShopSettingsCache` for test use only.
- *
- * Both metafields ride in one query. The out-of-stock behaviour must be in hand
- * *before* a bundle renders — a component can't retroactively un-render itself —
- * so components await this alongside their bundle data rather than after it.
- */
-
 interface FetchShopSettingsOptions {
     shopDomain: string;
     storefrontAccessToken: string;
@@ -211,26 +205,14 @@ interface FetchShopSettingsOptions {
 interface ShopSettings {
     /** Raw, unsanitized merchant CSS. Null when unset. */
     customCss: string | null;
-    /** Shop-wide handling of products the store can't sell. */
-    outOfStockBehavior: OutOfStockBehavior;
 }
 declare function fetchShopSettings(options: FetchShopSettingsOptions): Promise<ShopSettings>;
 /**
- * Same fetch, never rejects. Components that need the out-of-stock behaviour
- * to render at all use this — a failed settings request must not stop a bundle
- * from appearing.
+ * Same fetch, never rejects — a failed settings request must not stop a
+ * bundle from appearing.
  */
 declare function fetchShopSettingsOrDefault(options: FetchShopSettingsOptions): Promise<ShopSettings>;
 
-interface UseShopSettingsOptions {
-    shopDomain: string;
-    storefrontAccessToken: string;
-}
-interface UseShopSettingsResult {
-    outOfStockBehavior: OutOfStockBehavior;
-}
-declare function useShopSettings(options: UseShopSettingsOptions): UseShopSettingsResult;
-
 type FetchShopCustomCssOptions = FetchShopSettingsOptions;
 /** @deprecated Use `fetchShopSettings().customCss`. */
 declare function fetchShopCustomCss(options: FetchShopCustomCssOptions): Promise<string | null>;
@@ -304,4 +286,4 @@ declare function useAnalytics(options: UseAnalyticsOptions): {
 
 declare function useWidgetConfigVars(config: WidgetConfig | null | undefined): (el: HTMLElement | null) => void;
 
-export { BogoBundle, type BundleComponentProps, BundleCountdown, type BundleCountdownProps, type FetchBundleDataOptions, type FetchShopCustomCssOptions, type FetchShopSettingsOptions, FixedBundle, MixMatchBundle, type MixMatchBundleProps, MultiStepBundle, type ShopSettings, type UseBundleDataOptions, type UseBundleDataResult, type UseBundlesForProductOptions, type UseBundlesForProductResult, type UseShopSettingsOptions, type UseShopSettingsResult, type UseVariantSelectionOptions, type UseVariantSelectionResult, VariantDropdown, type VariantDropdownOption, type VariantDropdownProps, VolumeBundle, fetchBundleData, fetchShopCustomCss, fetchShopSettings, fetchShopSettingsOrDefault, useAnalytics, useBundleData, useBundlesForProduct, useShopSettings, useVariantSelection, useWidgetConfigVars };
+export { BogoBundle, type BundleComponentProps, BundleCountdown, type BundleCountdownProps, type FetchBundleDataOptions, type FetchShopCustomCssOptions, type FetchShopSettingsOptions, FixedBundle, MixMatchBundle, type MixMatchBundleProps, MultiStepBundle, type ShopSettings, type UseBundleDataOptions, type UseBundleDataResult, type UseBundlesForProductOptions, type UseBundlesForProductResult, type UseVariantSelectionOptions, type UseVariantSelectionResult, VariantDropdown, type VariantDropdownOption, type VariantDropdownProps, VolumeBundle, fetchBundleData, fetchShopCustomCss, fetchShopSettings, fetchShopSettingsOrDefault, useAnalytics, useBundleData, useBundlesForProduct, useVariantSelection, useWidgetConfigVars };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CartLineInput, BuyerResolver, WidgetConfig, ProductVariant, ParsedBundle, OutOfStockBehavior } from '@lime-bundles/core';
-export { BUNDLES_FOR_PRODUCT_QUERY, BUNDLE_METAOBJECT_QUERY, BogoBundleData, BundleParseError, BundleType, CartLineInput, CountdownConfig, CtaConfig, DEFAULT_OUT_OF_STOCK_BEHAVIOR, DiscountConfig, FixedBundleData, FixedBundlePricing, HeaderConfig, ImageTransform, LayoutConfig, MixMatchBundleData, MultiStepBundleData, OutOfStockBehavior, ParsedBundle, ParsedMultiStep, PopularBadgeConfig, PricingConfig, PricingRow, Product, ProductListConfig, ProductVariant, SHOP_SETTINGS_QUERY, SavingsBarConfig, StorefrontApiError, ThumbnailRatio, VolumeBundleData, VolumeTier, WIDGET_CONFIG_DEFAULTS, WidgetConfig, applyWidgetConfigVars, calculateDiscount, calculateTierSavings, computeBundleSaleCents, computeFixedPricing, createStorefrontClient, fetchBundlesForProduct, formatCents, formatCountdown, formatMoney, formatUnitPrice, getActiveTier, injectCustomCss, mergeWidgetConfig, observeImpression, parseCents, parseMetaobjectBundle, parseMetaobjectBundleStrict, parseOutOfStockBehavior, percentageDiscountUnit, productsForStep, reportAddToCart, reportImpression, sanitizeCustomCss, stepHeadroom, thumbnailRatioVars, transformImageUrl, validateQuantity } from '@lime-bundles/core';
+import { CartLineInput, BuyerResolver, WidgetConfig, ProductVariant, ParsedBundle } from '@lime-bundles/core';
+export { BUNDLES_FOR_PRODUCT_QUERY, BUNDLE_METAOBJECT_QUERY, BogoBundleData, BundleParseError, BundleType, CartLineInput, CountdownConfig, CtaConfig, DiscountConfig, FixedBundleData, FixedBundlePricing, HeaderConfig, ImageTransform, LayoutConfig, MixMatchBundleData, MultiStepBundleData, ParsedBundle, ParsedMultiStep, PopularBadgeConfig, PricingConfig, PricingRow, Product, ProductListConfig, ProductVariant, SHOP_SETTINGS_QUERY, SavingsBarConfig, StorefrontApiError, ThumbnailRatio, VolumeBundleData, VolumeTier, WIDGET_CONFIG_DEFAULTS, WidgetConfig, applyWidgetConfigVars, calculateDiscount, calculateTierSavings, computeBundleSaleCents, computeFixedPricing, createStorefrontClient, fetchBundlesForProduct, formatCents, formatCountdown, formatMoney, formatUnitPrice, getActiveTier, injectCustomCss, mergeWidgetConfig, observeImpression, parseCents, parseMetaobjectBundle, parseMetaobjectBundleStrict, percentageDiscountUnit, productsForStep, reportAddToCart, reportImpression, sanitizeCustomCss, stepHeadroom, thumbnailRatioVars, transformImageUrl, validateQuantity } from '@lime-bundles/core';
 
 /**
  * Shared props for bundle components.
@@ -51,6 +51,14 @@ interface BundleComponentProps {
      * `marketIds` doesn't include this market.
      */
     marketId?: string;
+    /**
+     * The product page this component is rendered on — full GID
+     * (`gid://shopify/Product/123`) or bare numeric id. Multi-product
+     * renderers (`<VolumeBundle>`) price and sell this product; without it
+     * they fall back to the bundle's first product, so any bundle spanning
+     * more than one product should pass it.
+     */
+    productId?: string;
 }
 
 declare function FixedBundle(props: BundleComponentProps): react_jsx_runtime.JSX.Element | null;
@@ -103,8 +111,9 @@ interface UseVariantSelectionOptions {
     /** Positional option names for the product, e.g. `['Size', 'Color']`. */
     optionNames: ReadonlyArray<string>;
     /**
-     * Optional initial variant. Defaults to the first available variant, or
-     * the first variant if none are available.
+     * Optional initial variant. Defaults to the first variant that can cover
+     * the slot (per `requiredQtyFor` when supplied), then the first available
+     * variant, then the first variant.
      */
     initialVariant?: ProductVariant | null;
     /**
@@ -114,6 +123,12 @@ interface UseVariantSelectionOptions {
      * order is variant-discovery order (which may not match Shopify admin).
      */
     optionValuesByPosition?: ReadonlyArray<ReadonlyArray<string>>;
+    /**
+     * Per-variant required quantity for the bundle slot this picker fills.
+     * When provided, dropdown availability is quantity-aware (a variant short
+     * of the bundle's needs greys out) instead of plain `availableForSale`.
+     */
+    requiredQtyFor?: (variantId: string) => number;
 }
 interface UseVariantSelectionResult {
     /** Positional option values matching `optionNames`. */
@@ -128,7 +143,7 @@ interface UseVariantSelectionResult {
         disabled: boolean;
     }>;
 }
-declare function useVariantSelection({ variants, optionNames, initialVariant, optionValuesByPosition, }: UseVariantSelectionOptions): UseVariantSelectionResult;
+declare function useVariantSelection({ variants, optionNames, initialVariant, optionValuesByPosition, requiredQtyFor, }: UseVariantSelectionOptions): UseVariantSelectionResult;
 
 /**
  * Framework-agnostic async fetcher for bundle data.
@@ -181,27 +196,6 @@ interface FetchBundleDataOptions {
 }
 declare function fetchBundleData(options: FetchBundleDataOptions): Promise<ParsedBundle>;
 
-/**
- * Best-effort fetch for the shop's `$app` settings metafields.
- *
- * Returns the raw custom CSS (still needs sanitization before injection — see
- * `injectCustomCss` from core) and the shop-wide out-of-stock behaviour.
- *
- * **Per-shop in-memory cache.** Multiple `<FixedBundle>` / `<VolumeBundle>` /
- * `<MixMatchBundle>` components on the same page share one network request —
- * the first caller fetches, concurrent callers await the same promise, and
- * resolved values are cached so subsequent mounts return instantly. Failures
- * are NOT cached so the next caller retries.
- *
- * The cache lives for the life of the JS module (typically one page load).
- * Merchants updating settings see changes on the next page load. The cache is
- * exposed as `__clearShopSettingsCache` for test use only.
- *
- * Both metafields ride in one query. The out-of-stock behaviour must be in hand
- * *before* a bundle renders — a component can't retroactively un-render itself —
- * so components await this alongside their bundle data rather than after it.
- */
-
 interface FetchShopSettingsOptions {
     shopDomain: string;
     storefrontAccessToken: string;
@@ -211,26 +205,14 @@ interface FetchShopSettingsOptions {
 interface ShopSettings {
     /** Raw, unsanitized merchant CSS. Null when unset. */
     customCss: string | null;
-    /** Shop-wide handling of products the store can't sell. */
-    outOfStockBehavior: OutOfStockBehavior;
 }
 declare function fetchShopSettings(options: FetchShopSettingsOptions): Promise<ShopSettings>;
 /**
- * Same fetch, never rejects. Components that need the out-of-stock behaviour
- * to render at all use this — a failed settings request must not stop a bundle
- * from appearing.
+ * Same fetch, never rejects — a failed settings request must not stop a
+ * bundle from appearing.
  */
 declare function fetchShopSettingsOrDefault(options: FetchShopSettingsOptions): Promise<ShopSettings>;
 
-interface UseShopSettingsOptions {
-    shopDomain: string;
-    storefrontAccessToken: string;
-}
-interface UseShopSettingsResult {
-    outOfStockBehavior: OutOfStockBehavior;
-}
-declare function useShopSettings(options: UseShopSettingsOptions): UseShopSettingsResult;
-
 type FetchShopCustomCssOptions = FetchShopSettingsOptions;
 /** @deprecated Use `fetchShopSettings().customCss`. */
 declare function fetchShopCustomCss(options: FetchShopCustomCssOptions): Promise<string | null>;
@@ -304,4 +286,4 @@ declare function useAnalytics(options: UseAnalyticsOptions): {
 
 declare function useWidgetConfigVars(config: WidgetConfig | null | undefined): (el: HTMLElement | null) => void;
 
-export { BogoBundle, type BundleComponentProps, BundleCountdown, type BundleCountdownProps, type FetchBundleDataOptions, type FetchShopCustomCssOptions, type FetchShopSettingsOptions, FixedBundle, MixMatchBundle, type MixMatchBundleProps, MultiStepBundle, type ShopSettings, type UseBundleDataOptions, type UseBundleDataResult, type UseBundlesForProductOptions, type UseBundlesForProductResult, type UseShopSettingsOptions, type UseShopSettingsResult, type UseVariantSelectionOptions, type UseVariantSelectionResult, VariantDropdown, type VariantDropdownOption, type VariantDropdownProps, VolumeBundle, fetchBundleData, fetchShopCustomCss, fetchShopSettings, fetchShopSettingsOrDefault, useAnalytics, useBundleData, useBundlesForProduct, useShopSettings, useVariantSelection, useWidgetConfigVars };
+export { BogoBundle, type BundleComponentProps, BundleCountdown, type BundleCountdownProps, type FetchBundleDataOptions, type FetchShopCustomCssOptions, type FetchShopSettingsOptions, FixedBundle, MixMatchBundle, type MixMatchBundleProps, MultiStepBundle, type ShopSettings, type UseBundleDataOptions, type UseBundleDataResult, type UseBundlesForProductOptions, type UseBundlesForProductResult, type UseVariantSelectionOptions, type UseVariantSelectionResult, VariantDropdown, type VariantDropdownOption, type VariantDropdownProps, VolumeBundle, fetchBundleData, fetchShopCustomCss, fetchShopSettings, fetchShopSettingsOrDefault, useAnalytics, useBundleData, useBundlesForProduct, useVariantSelection, useWidgetConfigVars };