♻️ refactor(line-items): deprecate LineItemsContainer, add LineItems standalone component

[acasazza]

Summary

Refactors the line items components following the same pattern used by orders, prices, and SKU lists.

Changes

@commercelayer/core

• line_items/getLineItems.ts — fetches an order's line items with full includes (line_item_options.sku_option, item)
• line_items/updateLineItem.ts — updates quantity / external price flag
• line_items/deleteLineItem.ts — deletes a line item

@commercelayer/hooks

• useLineItems({ accessToken?, orderId?, interceptors? }) — SWR-based hook exposing lineItems, isLoading, error, updateLineItem, deleteLineItem, reload, mutate
  • Both accessToken and orderId are optional; the hook skips fetching when either is absent

@commercelayer/react-components

• New LineItems standalone component
  • Props: types? (filter by item_type), loader?, onUpdate?, onDelete?
  • Reads accessToken from <CommerceLayer> context and orderId from <Order> context automatically
  • Uses useLineItems internally; feeds LineItemContext privately so all child components work unchanged
• LineItemsContainer marked @deprecated → migrate to <LineItems>
• LineItemContext — added reload?() to context value type
• LineItemsCount — fixed contextComponentName warning (LineItemsContainer → LineItems)

Improvements over old container

	LineItemsContainer	LineItems
Requires explicit accessToken prop	✅	❌ (from context)
Requires explicit orderId prop	✅	❌ (from context)
types filter	❌ (defined, never used)	✅
onUpdate / onDelete callbacks	❌	✅
reload() in context	❌	✅

Test coverage

All new files have 100% coverage (statements, branches, functions, lines):

• 17 core tests (getLineItems, updateLineItem, deleteLineItem)
• 14 hook tests (useLineItems)
• 13 component tests (LineItems)

Usage

<CommerceLayer accessToken={token} endpoint={endpoint}>
  <Order>
    <LineItems
      types={["skus", "bundles"]}
      onDelete={(id) => toast(`Item ${id} removed`)}
    >
      <LineItem>
        <LineItemName />
        <LineItemQuantity />
        <LineItemRemoveLink />
      </LineItem>
      <LineItemsCount />
      <LineItemsEmpty />
    </LineItems>
  </Order>
</CommerceLayer>

[pkg-pr-new]

npm i https://pkg.pr.new/@commercelayer/react-components@776

commit: 156b24d