@godaddy/gd-commerce-storefront 0.4.0 → 0.6.0

package/dist/index.d.ts

@@ -13,7 +13,8 @@ declare class ApiError extends Error {
   readonly status: number;
   constructor(message: string, status: number, options?: ErrorOptions);
 }
-declare function money(value: number, currency: string): string;
+/** Formats minor units, such as cents, as currency. Inside the provider, prefer `useMoney`, which follows its `locale`. */
+declare function money(value: number, currency: string, locale?: string): string;
 //#endregion
 //#region src/cart-model.d.ts
 interface Money {
@@ -304,17 +305,222 @@ declare function getProductAttributes(skuGroup: SKUGroup | null | undefined): St
 /** The product's display name: its label, then its name. */
 declare function getProductName(skuGroup: SKUGroup): string;
 //#endregion
+//#region src/part.d.ts
+/** Replacement content for a part's text: content, or a function of the part's state. */
+type PartLabel<State> = ReactNode | ((state: State) => ReactNode);
+//#endregion
 //#region src/cart.d.ts
-declare function CartButton(): ReactElement;
-declare function AddToCartButton({
-  sku,
-  name,
-  quantity
-}: {
+interface CartButtonProps {
+  /** Replaces the label and count. A function receives the item count. Keep the count in the label. */
+  children?: PartLabel<{
+    itemCount: number;
+  }>;
+}
+/** Opens the cart drawer and shows the item count. */
+declare function CartButton({
+  children
+}?: CartButtonProps): ReactElement;
+/** What an add-to-cart label can depend on. */
+interface AddToCartLabelState {
+  /** The add is running. */
+  readonly busy: boolean;
+  /** Tracked stock is used up, so the button stays disabled. */
+  readonly soldOut: boolean;
+}
+interface AddToCartButtonProps {
   sku: SKU;
   name: string;
   quantity?: number;
-}): ReactElement;
+  /** Replaces the label. A function receives `busy` and `soldOut`; the button keeps its rules either way. */
+  children?: PartLabel<AddToCartLabelState>;
+}
+declare function AddToCartButton({
+  sku,
+  name,
+  quantity,
+  children
+}: AddToCartButtonProps): ReactElement;
+//#endregion
+//#region src/cart-state.d.ts
+/** One cart line, for custom cart parts. */
+interface CartItemState {
+  /** Empty when the server returned a line without an ID. Such a line cannot be changed or removed. */
+  readonly id: string;
+  readonly name: string;
+  readonly quantity: number;
+  readonly imageUrl: string | null;
+  readonly options: readonly {
+    readonly attribute: string;
+    readonly values: readonly string[];
+  }[];
+  /** The line total in minor units, or `null` when the server did not price it. */
+  readonly subtotal: number | null;
+  readonly currency: string;
+}
+/** Read-only cart contents: the connected store's cart, or the sample cart while no store is connected. */
+interface CartState {
+  readonly items: readonly CartItemState[];
+  readonly itemCount: number;
+  /** The cart subtotal in minor units, or `null` when the server did not price it. */
+  readonly subtotal: number | null;
+  readonly currency: string;
+  readonly isSample: boolean;
+  /** `true` while the saved cart loads. */
+  readonly loading: boolean;
+}
+/** Read the cart from anywhere inside `CommerceProvider`, for example to build a custom cart button. */
+declare function useCart(): CartState;
+//#endregion
+//#region src/cart-parts.d.ts
+/** Props shared by every cart part. `className` is added to the part's outer element. */
+interface CartPartProps {
+  className?: string;
+}
+/** Props for a cart part whose text the host can replace, with or without the sample wording. */
+interface CartTextPartProps extends CartPartProps {
+  /** Replaces the text. A function receives whether the cart is the sample cart. */
+  children?: PartLabel<{
+    isSample: boolean;
+  }>;
+}
+/** Props for a cart button whose label the host can replace. The button keeps its behavior and state. */
+interface CartActionPartProps extends CartPartProps {
+  /** Replaces the button label. A function receives whether the action is running. */
+  children?: PartLabel<{
+    busy: boolean;
+  }>;
+}
+interface CartRootProps {
+  children: ReactNode;
+  /** Added to the root `<section>`. */
+  className?: string;
+}
+/**
+ * Provides the cart to cart parts on a page, such as a `/cart` route. While no store is connected it shows the sample
+ * cart. Use `CartDrawerRoot` for the drawer.
+ */
+declare function CartRoot({
+  children,
+  className
+}: CartRootProps): ReactElement;
+interface CartDrawerRootProps {
+  children: ReactNode;
+  /** Added to the drawer panel. The packaged drawer passes its width, background and column layout here. */
+  className?: string;
+}
+/**
+ * The cart dialog. Opens when an item is added or a `CartButton` is pressed, and returns focus when it closes.
+ * The panel sits at the right edge at full height; `mr-auto` on it moves it to the left. Mount one per provider,
+ * in place of `CartDrawer`.
+ */
+declare function CartDrawerRoot({
+  children,
+  className
+}: CartDrawerRootProps): ReactElement;
+/** "Your cart", or "Sample cart" before a store is connected, as an H2. In the drawer it names the dialog. */
+declare function CartTitle({
+  className,
+  children
+}: CartTextPartProps): ReactElement;
+/** One line about the cart. In the drawer it describes the dialog. */
+declare function CartDescription({
+  className,
+  children
+}: CartTextPartProps): ReactElement;
+/** The drawer's close button. Renders nothing outside the drawer. */
+declare function CartClose({
+  className
+}: CartPartProps): ReactElement | null;
+/** A storage warning, and a cart error with a refresh button. Renders nothing when there are neither. */
+declare function CartNotices({
+  className
+}: CartPartProps): ReactElement | null;
+/** Read the line from inside `CartItemRoot`, for custom item parts. */
+declare function useCartItem(): CartItemState;
+interface CartItemsProps extends CartPartProps {
+  /** One item, rendered for every cart line. Defaults to the packaged item. */
+  children?: ReactNode;
+}
+/**
+ * The cart lines as a list. `className` goes on the list element whose children are the items. While the saved cart
+ * loads, a status message renders just before it.
+ */
+declare function CartItems({
+  className,
+  children
+}: CartItemsProps): ReactElement;
+interface CartItemRootProps {
+  children: ReactNode;
+  /** Added to the item's list item element. */
+  className?: string;
+}
+/** One cart line. Render it as the child of `CartItems`, which renders it once for every line. */
+declare function CartItemRoot({
+  children,
+  className
+}: CartItemRootProps): ReactElement;
+/** The line's product image. Renders nothing without one. */
+declare function CartItemImage({
+  className
+}: CartPartProps): ReactElement | null;
+/** The product name as an H3. */
+declare function CartItemName({
+  className
+}: CartPartProps): ReactElement;
+/** The selected options, one per line, such as "Color: Blue". Renders nothing without options. */
+declare function CartItemOptions({
+  className
+}: CartPartProps): ReactElement | null;
+/** The line total. */
+declare function CartItemPrice({
+  className
+}: CartPartProps): ReactElement;
+/** Decrease and increase buttons around the line's quantity. */
+declare function CartItemQuantity({
+  className
+}: CartPartProps): ReactElement;
+/** Removes the line. */
+declare function CartItemRemove({
+  className,
+  children
+}: CartActionPartProps): ReactElement;
+interface CartEmptyProps extends CartPartProps {
+  /** Replaces the default message and link. */
+  children?: ReactNode;
+}
+/** Renders only when the cart is empty: a message and a link to the catalog, or its children. */
+declare function CartEmpty({
+  className,
+  children
+}: CartEmptyProps): ReactElement | null;
+interface CartSummaryProps extends CartPartProps {
+  children: ReactNode;
+}
+/** A container for the subtotal and checkout. Renders only when the cart has items. */
+declare function CartSummary({
+  className,
+  children
+}: CartSummaryProps): ReactElement | null;
+/** The subtotal, labeled "Sample subtotal" for samples. Renders nothing until the server prices the cart. */
+declare function CartSubtotal({
+  className
+}: CartPartProps): ReactElement | null;
+/**
+ * "Shipping, taxes, and discounts are calculated at checkout." Has the stable
+ * `commerce-cart-checkout-adjustments-note` class. Renders nothing for samples or an empty cart.
+ */
+declare function CartCheckoutNote({
+  className
+}: CartPartProps): ReactElement | null;
+/**
+ * The checkout button when `checkoutSuccessPath` is set; otherwise a message that checkout is unavailable.
+ * Samples never check out. Renders nothing for an empty cart.
+ */
+declare function CartCheckout({
+  className,
+  children
+}: CartActionPartProps): ReactElement | null;
+/** The packaged cart drawer. Compose `CartDrawerRoot` and the cart parts for a custom drawer. */
 declare function CartDrawer(): ReactElement;
 //#endregion
 //#region src/catalog.d.ts
@@ -328,12 +534,21 @@ interface CatalogRootProps {
   className?: string;
   /** Permit built-in examples only while the host confirms this site is unbound. */
   sampleProducts?: boolean;
+  /** Products per page, a whole number of 1 or more. Defaults to 6. Samples are always one page of six. */
+  pageSize?: number;
+  /**
+   * Keep the page cursor in the page URL, as `after`, so a reload or a shared link keeps the page. Defaults to
+   * `true`. Set `false` for every other catalog on the same page, so the catalogs do not share one cursor.
+   */
+  urlState?: boolean;
 }
 /** Loads one cursor page of products, or the built-in samples, and provides them to catalog parts. */
 declare function CatalogRoot({
   children,
   className,
-  sampleProducts
+  sampleProducts,
+  pageSize,
+  urlState
 }: CatalogRootProps): ReactElement;
 interface CatalogHeaderProps extends CatalogPartProps {
   title?: string;
@@ -354,30 +569,48 @@ interface CatalogProductsProps extends CatalogPartProps {
   children?: ReactNode;
 }
 /**
- * The product cards. `className` goes on the element that contains the cards, such as a grid. The loading
- * placeholder, the error with its retry, and the empty message render just before that element.
+ * The product cards. `className` goes on the element that contains the cards, such as a grid. While loading, that
+ * element holds placeholder cards. The error with its retry and, without a `CatalogEmpty`, the empty message render just before it.
  */
 declare function CatalogProducts({
   className,
   children
 }: CatalogProductsProps): ReactElement;
+interface CatalogEmptyProps extends CatalogPartProps {
+  /** Replaces the default message. */
+  children?: ReactNode;
+}
+/**
+ * Renders only when a connected store's catalog has no products: "No products available.", or its children. While
+ * one is mounted, `CatalogProducts` leaves out its own empty message. Samples are never empty.
+ */
+declare function CatalogEmpty({
+  className,
+  children
+}: CatalogEmptyProps): ReactElement | null;
 /** First-page and next-page buttons. Renders nothing for samples, which have one page. */
 declare function CatalogPagination({
   className
 }: CatalogPartProps): ReactElement | null;
 interface CatalogProps {
+  /** @deprecated Compose `CatalogRoot` with `<CatalogHeader title='…' />` instead. */
   title?: string;
+  /** @deprecated Compose `CatalogRoot` with `<CatalogHeader description='…' />` instead. */
   description?: string;
+  /** @deprecated To render the page's own H1, compose `CatalogRoot` without `CatalogHeader` instead. */
   showHeader?: boolean;
   /** Permit built-in examples only while the host confirms this site is unbound. */
   sampleProducts?: boolean;
+  /** Products per page. Defaults to 6. */
+  pageSize?: number;
 }
 /** The packaged catalog. Compose `CatalogRoot` and the catalog parts for a custom layout. */
 declare function Catalog({
   title,
   description,
   showHeader,
-  sampleProducts
+  sampleProducts,
+  pageSize
 }: CatalogProps): ReactElement;
 //#endregion
 //#region src/commerce-provider.d.ts
@@ -387,8 +620,12 @@ interface CommerceContextValue {
   retryConnection: () => void;
   theme: StorefrontTheme;
   config: StorefrontConfig;
+  /** The BCP 47 locale that prices are formatted in, such as `en-US`. */
+  locale: string;
   cart: CartOrder | null;
+  /** Whether the cart drawer is open. Always `false` when no `CartDrawer` or `CartDrawerRoot` is mounted. */
   open: boolean;
+  /** Opens or closes the cart drawer. Opening does nothing without a mounted drawer. */
   setOpen: (open: boolean) => void;
   /** Restores the initiating control after the cart drawer closes. */
   restoreFocus: () => void;
@@ -405,6 +642,11 @@ interface CommerceContextValue {
   checkout: () => Promise<boolean>;
 }
 declare function useCommerce(): CommerceContextValue;
+/**
+ * Formats minor units, such as cents, in the provider's `locale`, the way the package's own parts do. Uses the
+ * store's currency unless `currency` is given.
+ */
+declare function useMoney(): (value: number, currency?: string) => string;
 type StorefrontTheme = CSSProperties & {
   '--commerce-accent'?: string;
   '--commerce-accent-hover'?: string;
@@ -421,13 +663,70 @@ interface CommerceProviderProps {
   theme?: StorefrontTheme;
   /** Set only when your server has enabled checkout and this return route exists. */
   checkoutSuccessPath?: string;
+  /**
+   * The BCP 47 locale for formatting prices, such as `de-DE`. Defaults to `en-US`; an invalid tag falls back to it.
+   * It never selects UI text: localized text will be a separate, opt-in prop, so setting `locale` cannot change wording.
+   */
+  locale?: string;
+  /**
+   * Called after an item is added, live or sample. With a drawer mounted, the drawer also opens. Without one, such as
+   * on a site with a cart page, use it to confirm the add.
+   */
+  onItemAdded?: (item: AddedCartItem) => void;
+  /** Called for every cart change and failure, such as for analytics. See `CommerceEvent`. */
+  onEvent?: (event: CommerceEvent) => void;
+}
+/** A cart operation that can fail. */
+type CommerceOperation = 'add' | 'change-quantity' | 'remove' | 'discount' | 'refresh' | 'checkout';
+/**
+ * What `onEvent` reports. Live changes are reported once the server returns the updated cart; sample changes have
+ * `isSample: true` and never reach the store. New event types may be added, so ignore types you do not handle.
+ */
+type CommerceEvent = {
+  readonly type: 'item-added';
+  /** `null` for a sample product, which is not a SKU. */
+  readonly skuId: string | null;
+  readonly name: string;
+  readonly quantity: number;
+  readonly isSample: boolean;
+} | {
+  readonly type: 'quantity-changed';
+  readonly itemId: string;
+  readonly quantity: number;
+  readonly isSample: boolean;
+} | {
+  readonly type: 'item-removed';
+  readonly itemId: string;
+  readonly isSample: boolean;
+} | {
+  readonly type: 'discount-applied';
+  readonly code: string;
+}
+/** Sent just before the browser leaves for checkout. */ | {
+  readonly type: 'checkout-started';
+  readonly cartId: string;
+}
+/** `message` is the one the cart shows. */ | {
+  readonly type: 'error';
+  readonly operation: CommerceOperation;
+  readonly message: string;
+};
+/** The item passed to `onItemAdded`. */
+interface AddedCartItem {
+  readonly name: string;
+  readonly quantity: number;
+  /** `true` for the sample cart, before a store is connected. */
+  readonly isSample: boolean;
 }
 declare function CommerceProvider({
   children,
   catalogPath,
   productPath,
   checkoutSuccessPath,
-  theme
+  theme,
+  locale,
+  onItemAdded,
+  onEvent
 }: CommerceProviderProps): ReactElement;
 //#endregion
 //#region src/commerce-storefront.d.ts
@@ -438,6 +737,22 @@ declare function CommerceStorefront({
 }: CommerceProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/product-card.d.ts
+interface ProductImageProps {
+  url?: string | null;
+  /** The alt text. Pass `''` for a decorative image, such as a thumbnail next to the product name. */
+  name: string;
+  /** Added to the image, or to its placeholder. */
+  className?: string;
+}
+/**
+ * A product image that fills its container, with a labeled placeholder when there is no URL or it fails to load.
+ * Use it in custom parts so they handle missing images like the package's own.
+ */
+declare function ProductImage({
+  url,
+  name,
+  className
+}: ProductImageProps): ReactElement;
 /** Read-only card state for custom parts rendered inside `ProductCardRoot`. */
 interface ProductCardState {
   /** `null` for a built-in sample, which is not a catalog product. */
@@ -485,13 +800,23 @@ declare function ProductCardDescription({
 declare function ProductCardPrice({
   className
 }: ProductCardPartProps): ReactElement;
+/** What a card action label can depend on. Only `add` can be busy or sold out. */
+interface ProductCardActionLabelState extends AddToCartLabelState {
+  /** `add` adds directly; `choose-options` and `view-product` link to the product page. */
+  readonly action: 'add' | 'choose-options' | 'view-product';
+}
+interface ProductCardActionProps extends ProductCardPartProps {
+  /** Replaces the button or link label. A function receives the action and its state. */
+  children?: PartLabel<ProductCardActionLabelState>;
+}
 /**
  * Adds the product directly when it has exactly one SKU and no options; otherwise links to its page to choose.
  * Samples add to the sample cart.
  */
 declare function ProductCardAction({
-  className
-}: ProductCardPartProps): ReactElement;
+  className,
+  children
+}: ProductCardActionProps): ReactElement;
 interface ProductCardProps {
   product: SKUGroup;
 }
@@ -543,19 +868,45 @@ interface ProductDetailsRootProps {
   children: ReactNode;
   /** Added to the root `<article>`. */
   className?: string;
-}
-/** Loads the product for the route's `:productId` and provides state to product parts. */
+  /** The product to show. Defaults to the route's `:productId` parameter. */
+  productId?: string;
+  /**
+   * Keep the selected options and SKU in the page URL, as `option.<attribute>` and `sku`, so a reload or a shared link
+   * keeps them. Defaults to `true`. Set `false` for every other root on the same page, such as a quick view, so the
+   * roots do not share one selection.
+   */
+  urlState?: boolean;
+  /** Replaces the loading message. */
+  loading?: ReactNode;
+  /** Replaces the not-found heading and link. */
+  notFound?: ReactNode;
+  /** Replaces the load failure. A function receives the failure message and a `retry` for the product request. */
+  error?: PartLabel<ProductDetailsErrorState>;
+}
+/** What a replacement for the product load failure receives. */
+interface ProductDetailsErrorState {
+  readonly message: string;
+  readonly retry: () => void;
+}
+/** Loads one product, by default the route's `:productId`, and provides state to product parts. */
 declare function ProductDetailsRoot({
-  children,
-  className
+  productId: productIdProp,
+  className,
+  ...props
 }: ProductDetailsRootProps): ReactElement;
 //#endregion
 //#region src/product-details.d.ts
 /** The packaged product page for `${productPath}/:productId`. Compose the parts for a custom layout. */
 declare function ProductDetails(): ReactElement;
+interface ProductDetailsBackLinkProps extends ProductDetailsPartProps {
+  /** Replaces "← Back to shop". */
+  children?: ReactNode;
+}
+/** A link to the catalog. */
 declare function ProductDetailsBackLink({
-  className
-}: ProductDetailsPartProps): ReactElement;
+  className,
+  children
+}: ProductDetailsBackLinkProps): ReactElement;
 /** Main image with thumbnails; the selected SKU's images replace the product's when present. */
 declare function ProductDetailsGallery({
   className
@@ -599,16 +950,21 @@ declare function ProductDetailsPurchaseStatus({
 declare function ProductDetailsAvailability({
   className
 }: ProductDetailsPartProps): ReactElement | null;
-/** Quantity for the verified SKU. Renders nothing until a SKU is verified. */
+/** Quantity for the verified SKU, with a message when it cannot be added. Renders nothing until a SKU is verified. */
 declare function ProductDetailsQuantity({
   className
 }: ProductDetailsPartProps): ReactElement | null;
+interface ProductDetailsAddToCartProps extends ProductDetailsPartProps {
+  /** Replaces the button label. A function receives `busy` and `soldOut`; the button keeps its rules either way. */
+  children?: PartLabel<AddToCartLabelState>;
+}
 /** Adds the verified SKU and quantity. While disabled, its accessible description says why. */
 declare function ProductDetailsAddToCart({
-  className
-}: ProductDetailsPartProps): ReactElement;
+  className,
+  children
+}: ProductDetailsAddToCartProps): ReactElement;
 //#endregion
 //#region src/storefront-surface.d.ts
 declare function CommerceStatus(): ReactElement | null;
 //#endregion
-export { AddToCartButton, AddToCartItemInput, ApiError, CartAddress, CartButton, CartDiscount, CartDrawer, CartLineItem, CartLineItemDetails, CartNote, CartOrder, CartSelectedAddon, CartSelectedAddonValue, CartSelectedOption, CartShippingInfo, CartSummaryTotals, CartTax, Catalog, CatalogHeader, type CatalogHeaderProps, CatalogPagination, type CatalogPartProps, CatalogProducts, type CatalogProductsProps, type CatalogProps, CatalogRoot, type CatalogRootProps, CatalogSummary, type CommerceContextValue, CommerceProvider, type CommerceProviderProps, CommerceStatus, CommerceStorefront, Connection, ConnectionEdge, DraftOrderContext, InventoryCount, LabelFilter, LineItemTotals, MediaObject, Money, OrderTotals, PageInfo, PriceRange, ProductCard, ProductCardAction, ProductCardDescription, ProductCardImage, type ProductCardPartProps, ProductCardPrice, type ProductCardProps, ProductCardRoot, type ProductCardRootProps, type ProductCardState, ProductCardTitle, ProductDetails, ProductDetailsAddToCart, ProductDetailsAvailability, ProductDetailsBackLink, ProductDetailsDescription, ProductDetailsGallery, ProductDetailsOption, type ProductDetailsOptionProps, type ProductDetailsOptionState, type ProductDetailsOptionValueState, ProductDetailsOptions, type ProductDetailsPartProps, ProductDetailsPrice, ProductDetailsPurchase, ProductDetailsPurchaseStatus, ProductDetailsQuantity, ProductDetailsRoot, type ProductDetailsRootProps, type ProductDetailsState, type ProductDetailsStatus, ProductDetailsTitle, ProductDetailsVariablesInput, ProductGridVariablesInput, SKU, SKUAttributeValue, SKUGroup, SKUGroupAttribute, SKUGroupAttributeValue, SKUGroupSKU, SKUPrice, SkuGroupResult, SkuGroupVariables, SkuGroupsResult, SkuGroupsVariables, SkuResult, SkuVariables, type StorefrontConfig, StorefrontProductAttribute, StorefrontProductAttributeValue, type StorefrontTheme, StringInFilter, addToCart, getAvailableInventoryQuantity, getCartSummaryTotals, getImageUrls, getLabeledSkuOptions, getPrimaryImageUrl, getProductAttributes, getProductName, getSingleMatchedSku, getSingleMatchedSkuId, money, useCommerce, useProductCard, useProductDetails, useProductDetailsOption };
+export { AddToCartButton, type AddToCartButtonProps, AddToCartItemInput, type AddToCartLabelState, type AddedCartItem, ApiError, type CartActionPartProps, CartAddress, CartButton, type CartButtonProps, CartCheckout, CartCheckoutNote, CartClose, CartDescription, CartDiscount, CartDrawer, CartDrawerRoot, type CartDrawerRootProps, CartEmpty, type CartEmptyProps, CartItemImage, CartItemName, CartItemOptions, CartItemPrice, CartItemQuantity, CartItemRemove, CartItemRoot, type CartItemRootProps, type CartItemState, CartItems, type CartItemsProps, CartLineItem, CartLineItemDetails, CartNote, CartNotices, CartOrder, type CartPartProps, CartRoot, type CartRootProps, CartSelectedAddon, CartSelectedAddonValue, CartSelectedOption, CartShippingInfo, type CartState, CartSubtotal, CartSummary, type CartSummaryProps, CartSummaryTotals, CartTax, type CartTextPartProps, CartTitle, Catalog, CatalogEmpty, type CatalogEmptyProps, CatalogHeader, type CatalogHeaderProps, CatalogPagination, type CatalogPartProps, CatalogProducts, type CatalogProductsProps, type CatalogProps, CatalogRoot, type CatalogRootProps, CatalogSummary, type CommerceContextValue, type CommerceEvent, type CommerceOperation, CommerceProvider, type CommerceProviderProps, CommerceStatus, CommerceStorefront, Connection, ConnectionEdge, DraftOrderContext, InventoryCount, LabelFilter, LineItemTotals, MediaObject, Money, OrderTotals, PageInfo, type PartLabel, PriceRange, ProductCard, ProductCardAction, type ProductCardActionLabelState, type ProductCardActionProps, ProductCardDescription, ProductCardImage, type ProductCardPartProps, ProductCardPrice, type ProductCardProps, ProductCardRoot, type ProductCardRootProps, type ProductCardState, ProductCardTitle, ProductDetails, ProductDetailsAddToCart, type ProductDetailsAddToCartProps, ProductDetailsAvailability, ProductDetailsBackLink, type ProductDetailsBackLinkProps, ProductDetailsDescription, type ProductDetailsErrorState, ProductDetailsGallery, ProductDetailsOption, type ProductDetailsOptionProps, type ProductDetailsOptionState, type ProductDetailsOptionValueState, ProductDetailsOptions, type ProductDetailsPartProps, ProductDetailsPrice, ProductDetailsPurchase, ProductDetailsPurchaseStatus, ProductDetailsQuantity, ProductDetailsRoot, type ProductDetailsRootProps, type ProductDetailsState, type ProductDetailsStatus, ProductDetailsTitle, ProductDetailsVariablesInput, ProductGridVariablesInput, ProductImage, type ProductImageProps, SKU, SKUAttributeValue, SKUGroup, SKUGroupAttribute, SKUGroupAttributeValue, SKUGroupSKU, SKUPrice, SkuGroupResult, SkuGroupVariables, SkuGroupsResult, SkuGroupsVariables, SkuResult, SkuVariables, type StorefrontConfig, StorefrontProductAttribute, StorefrontProductAttributeValue, type StorefrontTheme, StringInFilter, addToCart, getAvailableInventoryQuantity, getCartSummaryTotals, getImageUrls, getLabeledSkuOptions, getPrimaryImageUrl, getProductAttributes, getProductName, getSingleMatchedSku, getSingleMatchedSkuId, money, useCart, useCartItem, useCommerce, useMoney, useProductCard, useProductDetails, useProductDetailsOption };