@shopify/hydrogen 0.11.0-experimental.1 → 0.11.1-experimental.0

package/CHANGELOG.md

@@ -0,0 +1,504 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
+and adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
+
+<!-- ## [Unreleased] -->
+
+## 0.11.1-experimental.0
+
+### Patch Changes
+
+- b96179fd: Ensure ProductSeo knows how to handle `featuredImage = null`
+- 2e487b7e: Switch to using Changesets for changelogs.
+- 2d8ab7e2: Hydrogen docs: Preloaded queries and query timing
+
+### Fixed
+
+- Make `featuredImage` optional and handle it in <Seo />
+
+## [0.11.0] - 2022-02-24
+
+### Added
+
+- New React hook `useScriptLoader` is available to more easily load external scripts
+- Add `totalQuantity` to the returned object from `useCart()`
+- Export `ProductPrice` and `ProductMetafield` standalone components
+- Added `useUrl` hook that allows the consumer to get the current url in server or client component
+- Added logging option `showCacheApiStatus` and `cacheControlHeader` by @wizardlyhel in [#472](https://github.com/Shopify/hydrogen/pull/472)
+- Pass HYDROGEN_ASSET_BASE_URL into config to set base URL for compiled assets
+- Introduce Hydrogen the `<Link>` component and `useNavigate` hook for routing
+- Add a default virtual entry-client in `/@shopify/hydrogen/entry-client` that can be used in `index.html`
+- Enable early hydration when streaming
+- Add variantId prop to `<ProductMetafield />` component [#730](https://github.com/Shopify/hydrogen/pull/730)
+- Add query timing logging option `showQueryTiming` [#699](https://github.com/Shopify/hydrogen/pull/699)
+- Add variantId prop to `<ProductPrice />` component
+- Add `preload` option to `useQuery` and `useShopQuery` [#700](https://github.com/Shopify/hydrogen/pull/700)
+
+### Breaking Change
+
+- `<Model3D>` has been renamed to `<ModelViewer>`
+- `<Product />` and `<CartLine />` aliases have been removed; use the original components `<ProductProvider />` and `<CartLineProvider />` instead. Their nested component aliases, such as `<Product.Image />`, have also been removed; in this example you should use `<ProductImage />`.
+- Merge `/src/entry-server.jsx` entry point into `App.server.jsx`
+- The following components had their prop name renamed. Refer to the documentation or [#627](https://github.com/Shopify/hydrogen/issues/627) for more details.
+  - `<ExternalVideo />`: renamed video prop to data
+  - `<Video />`: renamed video prop to data
+  - `<Image>`: renamed image prop to data
+  - `<MediaFile>`: renamed media prop to data
+  - `<ModelViewer>`: renamed model prop to data
+  - `<Metafield>`: renamed metafield prop to data
+  - `<Money>`: renamed money prop to data
+  - `<UnitPrice>`: renamed unitPrice prop to data, unitPriceMeasurement prop to measurement
+  - `<ProductProvider>`: renamed product prop to data
+  - `<CartProvider>`: renamed cart prop to data
+- Helmet component has been renamed to Head
+- Remove the `<SelectedVariantBuyNowButton />` component in favour of using `<BuyNowButton variantId={product.selectedVariant.id} />`
+- `<SelectedVariantAddToCartButton />` has been removed; the `<AddToCartButton />` will now use the selectedVariant by default.
+- Remove the `<SelectedVariantImage />` component in favour of using `<Image data={product.selectedVariant.image} />`
+- Remove the `<SelectedVariantMetafield />` component in favour of using `<ProductMetafield variantId={product.selectedVariant.id} />`
+- Remove the `<SelectedVariantShopPayButton />` component in favour of using `<ShopPayButton variantId={product.selectedVariant.id} />`
+- Remove the `<SelectedVariantPrice/>` and `<SelectedVariantUnitPrice/>` component in favour of using `<ProductPrice variantId={product.selectedVariant.id} />`
+
+### Changed
+
+- Change `/react` RSC path to `/__rsc`
+- `<ShopifyProvider>` can again be used in server components
+- Use hashes as client component ids instead of absolute paths
+- Transition away from deprecated currency selector in favor of country selector
+- Simplify Helmet usage and make it compatible with RSC
+- The `Seo.client` component has been moved from `src/components` to `@shopify/hydrogen`. The props of the `Seo.client` component also changed to always take in `type` and `data`. Refer to the [`Seo` component reference](../src/components/Seo/README.md) for more details. [#539](https://github.com/Shopify/hydrogen/pull/539)
+- Standardize cache control header into caching strategies by @wizardlyhel in [#629](https://github.com/Shopify/hydrogen/pull/629)
+- Target future release to use '2022-01' API Version
+- Correct Typescript issue where `as` was a default prop for all components when it should not be
+- Update types and docs for `useCart()` hook and `<CartProvider>`
+- Track page load performance
+- The following money components no longer allow the function-as-a-child (also known as "render props") pattern; see [#589](https://github.com/Shopify/hydrogen/pull/589)
+  - `<Money>` Use `useMoney()` for customization
+  - `<CartLinePrice>` Use `useMoney()` for customization
+  - `<ProductPrice>` Use `useMoney()` for customization
+  - `<SelectedVariantPrice>` Use `useMoney()` for customization
+  - `<Metafield>` Use `useParsedMetafields()` for customization
+  - `<ProductMetafield>` Use `useParsedMetafields()` for customization
+  - `<SelectedVariantMetafield>` Use `useParsedMetafields()` for customization
+  - `<UnitPrice>` Use `useMoney()` for customization
+  - `<CartLines>` Use `useCart()` for customization
+- `<Metafield>` now renders `ratings` as a `<span>` with text instead of stars; `multi_line_text_field` inside of a `<span>` instead of a `<div>`
+- Use `featureImage` instead of images(first:1) on product query
+- Update `react-helmet-async` to 1.2.3 and remove our custom types
+
+### Fixed
+
+- Fix index routes. See [#562](https://github.com/Shopify/hydrogen/issues/562)
+- Fix missing server state on SSR pass
+- Fix mobile navigation in example that scrolls the body underneath when shown by @Francismori7 in [#582](https://github.com/Shopify/hydrogen/pull/582)
+- Add charset to content type in HTML responses
+- Fix header shift when cart is opened by @Francismori7 in [#600](https://github.com/Shopify/hydrogen/pull/600)
+- Fix bug where search param is not being pass along during RSC streaming call [#623](https://github.com/Shopify/hydrogen/pull/623)
+- Allow custom entry-client filenames
+- Clear browser fetch cache by @wizardlyhel in [#591](https://github.com/Shopify/hydrogen/pull/591)
+- Cannot redefine property error when updating client components
+- `ShopPayButton` supports quantities greater than 1. Also fixed issues with IDs in Storefront API version 2022-01
+- Render error in `Gallery.client.jsx` component when product resource has an external video or no images.
+- Ensure youtube external videos are embed compatible urls
+- Prevent client components from being cached during development
+- Backticks in HTML break RSC hydration.
+
+### Removed
+
+- <CartLineSelectedOptions /> and <CartLineAttributes /> components. These components used the “function-as-a-child” pattern which doesn’t allow the `children` prop to be serialized, preventing them from being rendered within Server components.
+
+_Migration_
+
+The functionality provided by these components can be replicated using the `useCartLine()` hook instead.
+
+_Example_
+
+```tsx
+// Before
+function SomeComponent() {
+  return (
+    <>
+      <CartLineSelectedOptions as="ul" className="text-xs space-y-1">
+        {({name, value}) => (
+          <>
+            {name}: {value}
+          </>
+        )}
+      </CartLineSelectedOptions>
+      <CartLineAttributes as="ul" className="text-sm space-y-1">
+        {({key, value}) => (
+          <>
+            {key}: {value}
+          </>
+        )}
+      </CartLineAttributes>
+    </>
+  );
+}
+
+// After
+function SomeComponent() {
+  const {merchandise} = useCartLine();
+
+  return (
+    <>
+      <ul className="text-xs space-y-1">
+        {merchandise.selectedOptions.map(({name, value}) => (
+          <li key={name}>
+            {name}: {value}
+          </li>
+        ))}
+      </ul>
+    </>
+  );
+}
+```
+
+- Remove `fetch` workaround
+- Remove the following hooks. (All the same functionality can be retrieved through the `useCart()` hook)
+  - `useCartAttributesUpdateCallback`
+  - `useCartBuyerIdentityUpdateCallback`
+  - `useCartCheckoutUrl`
+  - `useCartCreateCallback`
+  - `useCartDiscountCodesUpdateCallback`
+  - `useCartLinesAddCallback`
+  - `useCartLinesRemoveCallback`
+  - `useCartLinesTotalQuantity`
+  - `useCartLinesUpdateCallback`
+  - `useCartNoteUpdateCallback`
+- Remove React Router on the client
+- Remove `handleEvent` in favor of `handleRequest`
+- Remove `assetHandler` parameter in the new `handleRequest`
+- `<SelectedVariantAddToCartButton />` has been removed; the `<AddToCartButton />` will now use the selectedVariant by default.
+- Remove the `<SelectedVariantImage />` component in favour of using `<Image data={product.selectedVariant.image} />`
+- Remove the `<SelectedVariantMetafield />` component in favour of using `<ProductMetafield variantId={product.selectedVariant.id} />`
+- Remove the `<SelectedVariantBuyNowButton />` component in favour of using `<BuyNowButton variantId={product.selectedVariant.id} />`
+- Remove the `<SelectedVariantShopPayButton />` component in favour of using `<ShopPayButton variantId={product.selectedVariant.id} />`
+
+## [0.10.1] - 2022-01-26
+
+### Fixed
+
+- Hot reload for newly added page files
+
+## [0.10.0] - 2022-01-25
+
+### Changed
+
+- Warn instead of error when a page server component is missing valid exports
+- Adopt upstream version of React Server Components. See [#498](https://github.com/Shopify/hydrogen/pull/498) for breaking changes
+- Bump to latest version of React experimental to include [upstream context bugfix](https://github.com/facebook/react/issues/23089)
+- Improve API routes by allowing [strings and JS objects](https://github.com/Shopify/hydrogen/issues/476) to be returned.
+
+### Breaking Change
+
+- The 'locale' option in shopify.config.js had been renamed to 'defaultLocale'
+- Rename `graphqlApiVersion` to `storefrontApiVersion` in `shopify.config.js`
+
+### Fixed
+
+- Make sure that API routes [hot reload properly](https://github.com/Shopify/hydrogen/issues/497)
+
+## [0.9.1] - 2022-01-20
+
+### Changed
+
+- Transitive dependency bump.
+
+## [0.9.0] - 2022-01-20
+
+### Added
+
+- API routes 🎉
+
+### Changed
+
+- Move to undici instead of node-fetch
+
+## [0.8.3] - 2022-01-13
+
+### Added
+
+- Add optional `locale` param to `useShopQuery` to be used as `Accept-Language` in the store Storefront API query
+- Optional purge query cache per build
+
+### Fixed
+
+- Replace log abbreviations with full text.
+
+## [0.8.2] - 2022-01-07
+
+### Changed
+
+- Warn when requests take longer than 3000ms instead of erroring
+- `useQuery` returns an error if the query's fetch was unsuccessful
+- `useShopQuery` will give error hints to look at `shopify.config.js` when the Storefront API responds with a 403
+
+### Fixed
+
+- Load logger only once.
+- Do not attempt to decode product IDs, as they are no longer base64-encoded in `unstable`
+
+## [0.8.1] - 2022-01-04
+
+### Added
+
+- Detect bot user agents and give bots a non-streamed response.
+- Add global `Oxygen.env` for server-only environment variables.
+- Logging abstraction with default timing information
+
+### Changed
+
+- Upgrade to latest React 18 experimental version
+
+### Fixed
+
+- Cart decrease button removes at zero quantity
+
+## [0.8.0] - 2021-12-07
+
+### Fixed
+
+- Export `CartLineSelectedOptions` properly
+- Fix suspense utility function
+
+## [0.7.1] - 2021-12-02
+
+### Changed
+
+- Allow `useShopQuery` to be skippable if no query is passed
+- Remove usage of `react-query` (Not a breaking change)
+
+### Fixed
+
+- Avoid repeating the same identifier for default and named exports
+- Remove sourcemap warnings
+
+## [0.7.0] - 2021-11-22
+
+### Added
+
+- Add file reference metafield support
+- Allow custom Model3D poster
+- Support synchronous server redirects
+
+### Fixed
+
+- Binding of waitUntil in playground/server-components-worker
+- Default to `retry: false` in `useQuery`
+- Warn and ignore reserved properties in server state
+- Run graphiql middleware before vite, fixing graphiql
+
+## [0.6.4] - 2021-11-11
+
+### Fixed
+
+- Let Vite handle public assets in development
+- New lines in hydration request break JSON.parse
+- Normalize POSIX separators to support windows [#201](https://github.com/Shopify/hydrogen/pull/201)
+- Scroll to top on app first load
+- Update variantID to variantId [#78](https://github.com/Shopify/hydrogen/pull/78)
+
+## [0.6.3] - 2021-11-10
+
+### Fixed
+
+- Add trailing slash to user components glob
+
+## [0.6.2] - 2021-11-10
+
+### Fixed
+
+- Remove CartProvider from BuyNowButton
+- Reading property of null for component props
+- Transform deeply-imported client components
+- Duplicated files and contexts in browser
+
+## [0.6.1] - 2021-11-08
+
+### Changed
+
+- Transitive dependency bump.
+
+### Fixed
+
+- Do not set headers after they are sent to client
+
+## [0.6.0] - 2021-11-05
+
+### Changed
+
+- Disable the quantity adjust button when the cart is not idle
+- Use country server state in cart for the inContext directive
+- Use Image url field instead of deprecated originalSrc field
+- Switch to unstable API
+
+### Fixed
+
+- Update interaction prompt and interaction promp style attributes for Model3d
+- Make sure all errors show an error dialog when hydrogen is in dev mode
+- MediaFile component warning on non-Model3D types
+- Remove console logs for caching
+- Lowercased SVG tags in RSC
+- Make the URL search property available via hooks
+
+## 0.5.8 - 2021-11-04
+
+### Fixed
+
+- Ensure delayed callback is fired for cache purposes in Workers runtimes.
+
+## 0.5.3 - 2021-11-02
+
+### Changed
+
+- No updates. Transitive dependency bump.
+
+## 0.5.2 - 2021-11-02
+
+### Changed
+
+- No updates. Transitive dependency bump.
+
+## 0.5.1 - 2021-11-02
+
+### Changed
+
+- No updates. Transitive dependency bump.
+
+## 0.5.0 - 2021-11-01
+
+### Fixed
+
+- Update the ServerStateProvider context
+- Add tabIndex to ShopPayButton
+- Update LocalizationProvider query, context, and exports
+
+## 0.4.3 - 2021-10-29
+
+### Added
+
+- Introduct full-page and sub-request caching API.
+
+## 0.4.2 - 2021-10-29
+
+### Changed
+
+- Update Model3D props and add binding to model-viewer events
+
+### Fixed
+
+- Add `passthoughProps.disabled` to `AddToCartButton`
+- Do not show undefined currency symbol in production
+
+## 0.4.0 - 2021-10-27
+
+### Added
+
+- Add external image support to Image component
+
+### Changed
+
+- Make `CartProvider` a client-only concern. [#631](https://github.com/Shopify/hydrogen/pull/631)
+- Use `Accept: application/hydrogen` as a header when making `fetch` calls against a Hydrogen page. Useful for Custom Responses.
+
+### Fixed
+
+- Lock model-viewer.js version to 1.8
+- Use the Intl.NumberFormat parts for determining the amount value returned by the useMoney hook
+- Optimize React related dependencies at server start to avoid page reloads
+- Do not throw when `storeDomain` contains protocol.
+
+## 0.3.0 - 2021-10-20
+
+### Added
+
+- Export utilities in client bundle
+
+### Fixed
+
+- `parseCookies` will split only on first =
+- Make BuyNowButton a client component since it uses useEffect
+- Preserve original aspect ratio for product images
+- Invoke CartProvider callbacks before performing the GraphQL mutations
+- Fix the accessible label in the AddToCartButton component when an item is added to cart
+- Cart fetch to return stringified error
+
+### Removed
+
+- Remove sourcemap warnings
+
+## 0.2.1 - 2021-10-12
+
+### Fixed
+
+- Starter template GalleryPreview unique key warning
+- Mitigation for upcoming breaking minor Vite update
+
+## 0.2.0 - 2021-10-08
+
+### Added
+
+- Added support for images and collections in the ProductProvider component
+- Added more GraphQL fragments for building block components (Metafield, UnitPrice) and updated exports of these fragments
+
+### Breaking Change
+
+- `useQuery` now behaves exactly like [react-query's hook of the same name](https://react-query.tanstack.com/reference/useQuery#_top)
+
+### Fixed
+
+- Handle products with selling plans
+
+## 0.1.2 - 2021-09-30
+
+### Fixed
+
+- SSR issue when running Vite 2.6
+- Occasional `ProductProviderFragment` error when booting Hydrogen dev server [#571](https://github.com/Shopify/hydrogen/issues/571)
+
+## 0.1.1 - 2021-09-24
+
+### Added
+
+- New GraphQL fragments for Variants, SellingPlans, and SellingPlanGroups
+
+### Changed
+
+- Updated types for the `useProductOptions` hook
+
+### Fixed
+
+- `Dynamic require of "stream" is not supported` error in browser logs
+
+## 0.1.0 - 2021-09-23
+
+### Changed
+
+- No updates. Transitive dependency bump.
+
+## 1.0.0-alpha.22 - 2021-09-22
+
+### Changed
+
+- No updates. Transitive dependency bump.
+
+[0.6.0]: https://github.com/Shopify/hydrogen/releases/tag/v0.6.0
+[0.6.1]: https://github.com/Shopify/hydrogen/releases/tag/v0.6.1
+[0.6.2]: https://github.com/Shopify/hydrogen/releases/tag/v0.6.2
+[0.6.3]: https://github.com/Shopify/hydrogen/releases/tag/v0.6.3
+[0.6.4]: https://github.com/Shopify/hydrogen/releases/tag/v0.6.4
+[0.7.0]: https://github.com/Shopify/hydrogen/releases/tag/v0.7.0
+[0.7.1]: https://github.com/Shopify/hydrogen/releases/tag/v0.7.1
+[0.8.0]: https://github.com/Shopify/hydrogen/releases/tag/v0.8.0
+[0.8.1]: https://github.com/Shopify/hydrogen/releases/tag/v0.8.1
+[0.8.2]: https://github.com/Shopify/hydrogen/releases/tag/v0.8.2
+[0.8.3]: https://github.com/Shopify/hydrogen/releases/tag/v0.8.3
+[0.9.0]: https://github.com/Shopify/hydrogen/releases/tag/v0.9.0
+[0.9.1]: https://github.com/Shopify/hydrogen/releases/tag/v0.9.1
+[0.10.0]: https://github.com/Shopify/hydrogen/releases/tag/v0.10.0
+[0.10.1]: https://github.com/Shopify/hydrogen/releases/tag/v0.10.1
+[0.11.0]: https://github.com/Shopify/hydrogen/releases/tag/v0.11.0
+[unreleased]: https://github.com/Shopify/hydrogen/compare/v0.11.0...HEAD

package/dist/esnext/client.d.ts

@@ -3,5 +3,5 @@ export * from './hooks';
 export * from './foundation/useServerState';
 export * from './foundation/useShop';
 export * from './foundation/ServerStateProvider';
-export { Helmet } from './foundation/Helmet';
+export { Head } from './foundation/Head';
 export * from './utilities';

package/dist/esnext/client.js

@@ -3,5 +3,5 @@ export * from './hooks';
 export * from './foundation/useServerState';
 export * from './foundation/useShop';
 export * from './foundation/ServerStateProvider';
-export { Helmet } from './foundation/Helmet';
+export { Head } from './foundation/Head';
 export * from './utilities';

package/dist/esnext/components/AddToCartButton/AddToCartButton.client.d.ts

@@ -7,7 +7,7 @@ export interface AddToCartButtonProps {
         value: string;
     }[];
     /** The ID of the variant. */
-    variantId: string;
+    variantId?: string | null;
     /** The item quantity. */
     quantity?: number;
     /** Any ReactNode elements. */

package/dist/esnext/components/AddToCartButton/AddToCartButton.client.js

@@ -1,20 +1,29 @@
 import React, { useEffect, useState } from 'react';
 import { useCart } from '../CartProvider';
+import { useProduct } from '../ProductProvider';
 /**
  * The `AddToCartButton` component renders a button that adds an item to the cart when pressed.
  * It must be a descendent of the `CartProvider` component.
  */
 export function AddToCartButton(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const [addingItem, setAddingItem] = useState(false);
-    const { variantId, quantity = 1, attributes, children, onAdd, accessibleAddingToCartLabel, ...passthroughProps } = props;
+    const { variantId: explicitVariantId, quantity = 1, attributes, children, onAdd, accessibleAddingToCartLabel, ...passthroughProps } = props;
     const { status, id, cartCreate, linesAdd } = useCart();
+    const product = useProduct();
+    const variantId = (_h = (_e = (_b = explicitVariantId !== null && explicitVariantId !== void 0 ? explicitVariantId : (_a = product === null || product === void 0 ? void 0 : product.selectedVariant) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : (_d = (_c = product === null || product === void 0 ? void 0 : product.variants) === null || _c === void 0 ? void 0 : _c.find((variant) => variant.availableForSale)) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : (_g = (_f = product === null || product === void 0 ? void 0 : product.variants) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.id) !== null && _h !== void 0 ? _h : '';
+    const disabled = explicitVariantId === null ||
+        variantId === '' ||
+        (product === null || product === void 0 ? void 0 : product.selectedVariant) === null ||
+        addingItem ||
+        passthroughProps.disabled;
     useEffect(() => {
         if (addingItem && status === 'idle') {
             setAddingItem(false);
         }
     }, [status, addingItem]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("button", { ...passthroughProps, disabled: addingItem || passthroughProps.disabled, onClick: () => {
+        React.createElement("button", { ...passthroughProps, disabled: disabled, onClick: () => {
                 setAddingItem(true);
                 if (!id) {
                     cartCreate({

package/dist/esnext/components/CartEstimatedCost/CartEstimatedCost.client.js

@@ -25,5 +25,5 @@ export function CartEstimatedCost(props) {
     if (amount == null) {
         return null;
     }
-    return (React.createElement(Money, { ...passthroughProps, money: amount }, children));
+    return (React.createElement(Money, { ...passthroughProps, data: amount }, children));
 }

package/dist/esnext/components/CartLineImage/CartLineImage.client.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useCartLine } from '../CartLineProvider';
-import { Image as ImageComponent } from '../Image';
+import { Image } from '../Image';
 /**
  * The `CartLineImage` component renders an `Image` component for the cart line merchandise's image.
  * It must be a descendent of a `CartLineProvider` component.
@@ -8,5 +8,5 @@ import { Image as ImageComponent } from '../Image';
 export function CartLineImage(props) {
     const cartLine = useCartLine();
     const { options, ...passthroughProps } = props;
-    return cartLine.merchandise.image ? (React.createElement(ImageComponent, { ...passthroughProps, image: cartLine.merchandise.image, options: options })) : null;
+    return cartLine.merchandise.image ? (React.createElement(Image, { ...passthroughProps, data: cartLine.merchandise.image, options: options })) : null;
 }

package/dist/esnext/components/CartLinePrice/CartLinePrice.client.d.ts

@@ -1,7 +1,7 @@
 import { ElementType } from 'react';
 import { MoneyProps } from '../Money';
 import { Props } from '../types';
-export interface CartLinePriceProps extends Omit<MoneyProps, 'money'> {
+export interface CartLinePriceProps extends Omit<MoneyProps, 'data'> {
     /** The type of price. Valid values:`regular` (default) or `compareAt`. */
     priceType?: 'regular' | 'compareAt';
 }

package/dist/esnext/components/CartLinePrice/CartLinePrice.client.js

@@ -14,7 +14,7 @@ export function CartLinePrice(props) {
     if (price == null) {
         return null;
     }
-    return (React.createElement(Money, { ...passthroughProps, money: {
+    return (React.createElement(Money, { ...passthroughProps, data: {
             amount: price.amount * cartLine.quantity,
             currencyCode: price.currencyCode,
         } }));

package/dist/esnext/components/CartProvider/CartProvider.client.d.ts

@@ -9,7 +9,7 @@ import { CartFragmentFragment } from './graphql/CartFragment';
  * The `CartProvider` component must be a descendent of the `ShopifyProvider` component.
  * You must use this component if you want to use the `useCart` hook or related hooks, or if you would like to use the `AddToCartButton` component.
  */
-export declare function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLineRemove, onLineUpdate, onNoteUpdate, onBuyerIdentityUpdate, onAttributesUpdate, onDiscountCodesUpdate, cart, }: {
+export declare function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLineRemove, onLineUpdate, onNoteUpdate, onBuyerIdentityUpdate, onAttributesUpdate, onDiscountCodesUpdate, data: cart, }: {
     /** Any `ReactNode` elements. */
     children: React.ReactNode;
     numCartLines?: number;
@@ -32,5 +32,5 @@ export declare function CartProvider({ children, numCartLines, onCreate, onLineA
     /**
      * A cart object from the Storefront API to populate the initial state of the provider.
      */
-    cart?: CartFragmentFragment;
+    data?: CartFragmentFragment;
 }): JSX.Element;

package/dist/esnext/components/CartProvider/CartProvider.client.js

@@ -149,7 +149,7 @@ function cartReducer(state, action) {
  * The `CartProvider` component must be a descendent of the `ShopifyProvider` component.
  * You must use this component if you want to use the `useCart` hook or related hooks, or if you would like to use the `AddToCartButton` component.
  */
-export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLineRemove, onLineUpdate, onNoteUpdate, onBuyerIdentityUpdate, onAttributesUpdate, onDiscountCodesUpdate, cart, }) {
+export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLineRemove, onLineUpdate, onNoteUpdate, onBuyerIdentityUpdate, onAttributesUpdate, onDiscountCodesUpdate, data: cart, }) {
     var _a;
     const { serverState } = useServerState();
     const countryCode = (_a = serverState === null || serverState === void 0 ? void 0 : serverState.country) === null || _a === void 0 ? void 0 : _a.isoCode;

package/dist/esnext/components/ExternalVideo/ExternalVideo.d.ts

@@ -6,7 +6,7 @@ export interface ExternalVideoProps {
     /** An object with the keys `host`, `embeddedUrl`, and `id`. Refer to the Storefront API's
      * [`ExternalVideo` type](/api/storefront/reference/products/externalvideo).
      */
-    video: Pick<ExternalVideoType, 'host' | 'embeddedUrl' | 'id'>;
+    data: Pick<ExternalVideoType, 'host' | 'embeddedUrl' | 'id'>;
     /** An object containing the options available for either
      * [YouTube](https://developers.google.com/youtube/player_parameters#Parameters) or
      * [Vimeo](https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters).

package/dist/esnext/components/ExternalVideo/ExternalVideo.js

@@ -6,8 +6,8 @@ import { ExternalVideoFragment as Fragment } from '../../graphql/graphql-constan
  * API's [`ExternalVideo` object](/api/storefront/reference/products/externalvideo).
  */
 export function ExternalVideo(props) {
-    const { video, options, id = video.id, frameBorder = '0', allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', allowFullScreen = true, ...passthroughProps } = props;
-    const url = useEmbeddedVideoUrl(video.embeddedUrl, options);
+    const { data, options, id = data.id, frameBorder = '0', allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', allowFullScreen = true, ...passthroughProps } = props;
+    const url = useEmbeddedVideoUrl(data.embeddedUrl, options);
     return (React.createElement("iframe", { ...passthroughProps, id: id, frameBorder: frameBorder, allow: allow, allowFullScreen: allowFullScreen, src: url }));
 }
 ExternalVideo.Fragment = Fragment;

package/dist/esnext/components/Image/Image.d.ts

@@ -16,7 +16,7 @@ export interface MediaImageProps extends BaseImageProps {
     /** An object with the keys `url`, `altText`, `id`, `width` and `height`. Refer to the
      * Storefront API's [`Image` object](/api/storefront/reference/common-objects/image).
      */
-    image: Pick<ImageType, 'altText' | 'url' | 'id' | 'width' | 'height'>;
+    data: Pick<ImageType, 'altText' | 'url' | 'id' | 'width' | 'height'>;
     /** An object of image size options for Shopify CDN images. */
     options?: ImageSizeOptions;
 }