@shopify/hydrogen 0.23.0 → 0.24.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog
 
+## 0.24.0
+
+### Minor Changes
+
+- [#1489](https://github.com/Shopify/hydrogen/pull/1489) [`e2ee2d45`](https://github.com/Shopify/hydrogen/commit/e2ee2d4575613ae34727de9c1a6280904bb2e3ff) Thanks [@blittle](https://github.com/blittle)! - In an effort to be performant by default, the [preloaded queries](https://shopify.dev/custom-storefronts/hydrogen/framework/preloaded-queries) are turned on by default when caching is also enabled. By default, each query has caching enabled too, so `preload` will on universally by default.
+
+* [#1237](https://github.com/Shopify/hydrogen/pull/1237) [`356e75f3`](https://github.com/Shopify/hydrogen/commit/356e75f351c04ff393e996c34632005331ec0872) Thanks [@frehner](https://github.com/frehner)! - Updated Cart queries in two ways, one of which requires you to be using Storefront API `2022-07`:
+
+  1. [`CartLine`](https://shopify.dev/api/storefront/2022-04/objects/CartLine#fields) now uses [`CartLineEstimatedCost`'s `totalAmount`](https://shopify.dev/api/storefront/2022-04/objects/CartLineEstimatedCost) field for calculating the Line's total, instead of doing it manually.
+  2. Cart now uses [`totalQuantity`](https://shopify.dev/api/storefront/2022-07/objects/Cart#field-cart-totalquantity) for calculating how many items are in the cart, instead of doing this manually. **Note that this feature is only available in Storefront API `2022-07` and newer.**
+
+### Patch Changes
+
+- [#1473](https://github.com/Shopify/hydrogen/pull/1473) [`a7f3b4bf`](https://github.com/Shopify/hydrogen/commit/a7f3b4bfe0d66fb0440dff3d641a181372de313a) Thanks [@frandiox](https://github.com/frandiox)! - Reduce CPU consumption when rendering React Server Components.
+
+* [#1453](https://github.com/Shopify/hydrogen/pull/1453) [`84b9e6d3`](https://github.com/Shopify/hydrogen/commit/84b9e6d3516a74f94fab691d6ff7605623351f1e) Thanks [@jplhomer](https://github.com/jplhomer)! - Update `setSelectedVariant` types to allow `null` to be passed.
+
+- [#1484](https://github.com/Shopify/hydrogen/pull/1484) [`990bfd8b`](https://github.com/Shopify/hydrogen/commit/990bfd8b928425f2685901c1a02b686354d18d4d) Thanks [@wizardlyhel](https://github.com/wizardlyhel)! - Fix ClientAnalytics losing subscriber object when passed as a param
+
+* [#1509](https://github.com/Shopify/hydrogen/pull/1509) [`05081b01`](https://github.com/Shopify/hydrogen/commit/05081b01283c023e9c751c04ed496003daf47091) Thanks [@jplhomer](https://github.com/jplhomer)! - Fix `<BuyNowButton>` so it can be rendered without being nested in a `<CartProvider>`
+
+- [#1469](https://github.com/Shopify/hydrogen/pull/1469) [`07d45290`](https://github.com/Shopify/hydrogen/commit/07d452905492bfa1bd58c681b8d56407fdc4716b) Thanks [@frandiox](https://github.com/frandiox)! - Fix path resolution when using aliases in server components.
+
+* [#1471](https://github.com/Shopify/hydrogen/pull/1471) [`5b4e08df`](https://github.com/Shopify/hydrogen/commit/5b4e08df97dd2343452b0d1f7ff59ac5bbf98d32) Thanks [@frandiox](https://github.com/frandiox)! - Added an experimental hook `useRequestContext` that provides server-only context for third party integrations.
+
+- [#1486](https://github.com/Shopify/hydrogen/pull/1486) [`a31e007d`](https://github.com/Shopify/hydrogen/commit/a31e007dbc2a1a6ce12e39ffc3f63f45e90abfa7) Thanks [@frehner](https://github.com/frehner)! - Fix `<ProductOptionsProvider/>`'s `setSelectedOptions()` function to update the `selectedVariant` as well
+
 ## 0.23.0
 
 ### Minor Changes

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

@@ -8,14 +8,11 @@ import { Money } from '../Money';
 export function CartLinePrice(props) {
     const cartLine = useCartLine();
     const { priceType = 'regular', ...passthroughProps } = props;
-    const price = priceType === 'regular'
-        ? cartLine.merchandise.priceV2
-        : cartLine.merchandise.compareAtPriceV2;
-    if (price == null) {
+    const moneyV2 = priceType === 'regular'
+        ? cartLine.estimatedCost.totalAmount
+        : cartLine.estimatedCost.compareAtAmount;
+    if (moneyV2 == null) {
         return null;
     }
-    return (React.createElement(Money, { ...passthroughProps, data: {
-            amount: `${parseFloat(price.amount) * cartLine.quantity}`,
-            currencyCode: price.currencyCode,
-        } }));
+    return React.createElement(Money, { ...passthroughProps, data: moneyV2 });
 }

package/dist/esnext/components/CartLineProvider/context.d.ts

@@ -4,15 +4,25 @@ export declare const CartLineContext: import("react").Context<({
     attributes: ({
         __typename?: "Attribute" | undefined;
     } & Pick<import("../../storefront-api-types").Attribute, "key" | "value">)[];
+    estimatedCost: {
+        __typename?: "CartLineEstimatedCost" | undefined;
+    } & {
+        totalAmount: {
+            __typename?: "MoneyV2" | undefined;
+        } & Pick<import("../../storefront-api-types").MoneyV2, "amount" | "currencyCode">;
+        compareAtAmount?: import("../../storefront-api-types").Maybe<{
+            __typename?: "MoneyV2" | undefined;
+        } & Pick<import("../../storefront-api-types").MoneyV2, "amount" | "currencyCode">> | undefined;
+    };
     merchandise: {
         __typename?: "ProductVariant" | undefined;
     } & Pick<import("../../storefront-api-types").ProductVariant, "id" | "title" | "availableForSale" | "requiresShipping"> & {
         compareAtPriceV2?: import("../../storefront-api-types").Maybe<{
             __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">> | undefined;
+        } & Pick<import("../../storefront-api-types").MoneyV2, "amount" | "currencyCode">> | undefined;
         priceV2: {
             __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">;
+        } & Pick<import("../../storefront-api-types").MoneyV2, "amount" | "currencyCode">;
         image?: import("../../storefront-api-types").Maybe<{
             __typename?: "Image" | undefined;
         } & Pick<import("../../storefront-api-types").Image, "id" | "height" | "width" | "url" | "altText">> | undefined;

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

@@ -453,6 +453,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [countryCode, customerAccessToken]);
     const cartContextValue = useMemo(() => {
+        var _a, _b;
         return {
             ...('cart' in state
                 ? state.cart
@@ -463,11 +464,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 }),
             status: state.status,
             error: 'error' in state ? state.error : undefined,
-            totalQuantity: 'cart' in state
-                ? state.cart.lines.reduce((previous, current) => {
-                    return previous + current.quantity;
-                }, 0)
-                : 0,
+            totalQuantity: 'cart' in state ? (_b = (_a = state === null || state === void 0 ? void 0 : state.cart) === null || _a === void 0 ? void 0 : _a.totalQuantity) !== null && _b !== void 0 ? _b : 0 : 0,
             cartCreate,
             linesAdd(lines) {
                 if ('cart' in state && state.cart.id) {

package/dist/esnext/components/CartProvider/cart-queries.d.ts

@@ -7,4 +7,4 @@ export declare const CartBuyerIdentityUpdate: (cartFragment: string) => string;
 export declare const CartAttributesUpdate: (cartFragment: string) => string;
 export declare const CartDiscountCodesUpdate: (cartFragment: string) => string;
 export declare const CartQuery: (cartFragment: string) => string;
-export declare const defaultCartFragment = "\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
+export declare const defaultCartFragment = "\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  totalQuantity\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        estimatedCost {\n          totalAmount {\n            amount\n            currencyCode\n          }\n          compareAtAmount {\n            amount\n            currencyCode\n          }\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";

package/dist/esnext/components/CartProvider/cart-queries.js

@@ -104,6 +104,7 @@ export const defaultCartFragment = `
 fragment CartFragment on Cart {
   id
   checkoutUrl
+  totalQuantity
   buyerIdentity {
     countryCode
     customer {
@@ -125,6 +126,16 @@ fragment CartFragment on Cart {
           key
           value
         }
+        estimatedCost {
+          totalAmount {
+            amount
+            currencyCode
+          }
+          compareAtAmount {
+            amount
+            currencyCode
+          }
+        }
         merchandise {
           ... on ProductVariant {
             id

package/dist/esnext/components/CartProvider/graphql/CartAttributesUpdateMutation.d.ts

@@ -17,7 +17,7 @@ export declare type CartAttributesUpdateMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
             buyerIdentity: {
                 __typename?: 'CartBuyerIdentity';
             } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -37,6 +37,16 @@ export declare type CartAttributesUpdateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        estimatedCost: {
+                            __typename?: 'CartLineEstimatedCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmount?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
                         merchandise: {
                             __typename?: 'ProductVariant';
                         } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartBuyerIdentityUpdateMutation.d.ts

@@ -17,7 +17,7 @@ export declare type CartBuyerIdentityUpdateMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
             buyerIdentity: {
                 __typename?: 'CartBuyerIdentity';
             } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -37,6 +37,16 @@ export declare type CartBuyerIdentityUpdateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        estimatedCost: {
+                            __typename?: 'CartLineEstimatedCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmount?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
                         merchandise: {
                             __typename?: 'ProductVariant';
                         } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartCreateMutation.d.ts

@@ -16,7 +16,7 @@ export declare type CartCreateMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
             buyerIdentity: {
                 __typename?: 'CartBuyerIdentity';
             } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -36,6 +36,16 @@ export declare type CartCreateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        estimatedCost: {
+                            __typename?: 'CartLineEstimatedCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmount?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
                         merchandise: {
                             __typename?: 'ProductVariant';
                         } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartDiscountCodesUpdateMutation.d.ts

@@ -17,7 +17,7 @@ export declare type CartDiscountCodesUpdateMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
             buyerIdentity: {
                 __typename?: 'CartBuyerIdentity';
             } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -37,6 +37,16 @@ export declare type CartDiscountCodesUpdateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        estimatedCost: {
+                            __typename?: 'CartLineEstimatedCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmount?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
                         merchandise: {
                             __typename?: 'ProductVariant';
                         } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartFragment.d.ts

@@ -5,7 +5,7 @@
 import * as Types from '../../../storefront-api-types';
 export declare type CartFragmentFragment = {
     __typename?: 'Cart';
-} & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+} & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
     buyerIdentity: {
         __typename?: 'CartBuyerIdentity';
     } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -25,6 +25,16 @@ export declare type CartFragmentFragment = {
                 attributes: Array<{
                     __typename?: 'Attribute';
                 } & Pick<Types.Attribute, 'key' | 'value'>>;
+                estimatedCost: {
+                    __typename?: 'CartLineEstimatedCost';
+                } & {
+                    totalAmount: {
+                        __typename?: 'MoneyV2';
+                    } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                    compareAtAmount?: Types.Maybe<{
+                        __typename?: 'MoneyV2';
+                    } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                };
                 merchandise: {
                     __typename?: 'ProductVariant';
                 } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartLineAddMutation.d.ts

@@ -17,7 +17,7 @@ export declare type CartLineAddMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
             buyerIdentity: {
                 __typename?: 'CartBuyerIdentity';
             } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -37,6 +37,16 @@ export declare type CartLineAddMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        estimatedCost: {
+                            __typename?: 'CartLineEstimatedCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmount?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
                         merchandise: {
                             __typename?: 'ProductVariant';
                         } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartLineRemoveMutation.d.ts

@@ -17,7 +17,7 @@ export declare type CartLineRemoveMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
             buyerIdentity: {
                 __typename?: 'CartBuyerIdentity';
             } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -37,6 +37,16 @@ export declare type CartLineRemoveMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        estimatedCost: {
+                            __typename?: 'CartLineEstimatedCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmount?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
                         merchandise: {
                             __typename?: 'ProductVariant';
                         } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartLineUpdateMutation.d.ts

@@ -17,7 +17,7 @@ export declare type CartLineUpdateMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
             buyerIdentity: {
                 __typename?: 'CartBuyerIdentity';
             } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -37,6 +37,16 @@ export declare type CartLineUpdateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        estimatedCost: {
+                            __typename?: 'CartLineEstimatedCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmount?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
                         merchandise: {
                             __typename?: 'ProductVariant';
                         } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartNoteUpdateMutation.d.ts

@@ -17,7 +17,7 @@ export declare type CartNoteUpdateMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
             buyerIdentity: {
                 __typename?: 'CartBuyerIdentity';
             } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -37,6 +37,16 @@ export declare type CartNoteUpdateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        estimatedCost: {
+                            __typename?: 'CartLineEstimatedCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmount?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
                         merchandise: {
                             __typename?: 'ProductVariant';
                         } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

package/dist/esnext/components/CartProvider/graphql/CartQuery.d.ts

@@ -13,7 +13,7 @@ export declare type CartQueryQuery = {
 } & {
     cart?: Types.Maybe<{
         __typename?: 'Cart';
-    } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'note'> & {
+    } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
         buyerIdentity: {
             __typename?: 'CartBuyerIdentity';
         } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
@@ -33,6 +33,16 @@ export declare type CartQueryQuery = {
                     attributes: Array<{
                         __typename?: 'Attribute';
                     } & Pick<Types.Attribute, 'key' | 'value'>>;
+                    estimatedCost: {
+                        __typename?: 'CartLineEstimatedCost';
+                    } & {
+                        totalAmount: {
+                            __typename?: 'MoneyV2';
+                        } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                        compareAtAmount?: Types.Maybe<{
+                            __typename?: 'MoneyV2';
+                        } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                    };
                     merchandise: {
                         __typename?: 'ProductVariant';
                     } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {

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

@@ -1,8 +1,7 @@
 import React, { useState } from 'react';
 import { useShop } from '../../foundation';
 import { flattenConnection } from '../../utilities';
-import { CartCreate } from './cart-queries';
-import { useCart } from '../../hooks/useCart';
+import { CartCreate, defaultCartFragment } from './cart-queries';
 export function useCartFetch() {
     const { storeDomain, storefrontApiVersion, storefrontToken } = useShop();
     return React.useCallback(({ query, variables, }) => {
@@ -29,7 +28,6 @@ export function useCartFetch() {
     }, [storeDomain, storefrontApiVersion, storefrontToken]);
 }
 export function useInstantCheckout() {
-    const { cartFragment } = useCart();
     const [cart, updateCart] = useState();
     const [checkoutUrl, updateCheckoutUrl] = useState();
     const [error, updateError] = useState();
@@ -37,7 +35,7 @@ export function useInstantCheckout() {
     const createInstantCheckout = React.useCallback(async (cartInput) => {
         var _a, _b;
         const { data, error } = await fetch({
-            query: CartCreate(cartFragment),
+            query: CartCreate(defaultCartFragment),
             variables: {
                 input: cartInput,
             },
@@ -57,6 +55,6 @@ export function useInstantCheckout() {
             });
             updateCheckoutUrl(dataCart.checkoutUrl);
         }
-    }, [cartFragment, fetch]);
+    }, [fetch]);
     return { cart, checkoutUrl, error, createInstantCheckout };
 }

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

@@ -18,6 +18,8 @@ export interface Cart {
     discountCodes?: CartFragmentFragment['discountCodes'];
     /** The estimate cost for the cart, including the subtotal, total, taxes, and duties. */
     estimatedCost?: CartFragmentFragment['estimatedCost'];
+    /** The total number of items in the cart, across all lines. If there are no lines, then the value is 0. */
+    totalQuantity: number;
 }
 export interface CartWithActions extends Cart {
     /** The status of the cart. This returns 'uninitialized' when the cart is not yet created, `creating` when the cart is being created, `fetching` when an existing cart is being fetched, `updating` when the cart is updating, and `idle` when the cart isn't being created or updated. */

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

@@ -34,11 +34,12 @@ export function ProductOptionsProvider({ children, data: product, initialVariant
      * Allow the developer to select an option.
      */
     const setSelectedOption = useCallback((name, value) => {
-        setSelectedOptions((selectedOptions) => ({
-            ...selectedOptions,
-            [name]: value,
-        }));
-    }, [setSelectedOptions]);
+        setSelectedOptions((selectedOptions) => {
+            const opts = { ...selectedOptions, [name]: value };
+            setSelectedVariant(getSelectedVariant(variants, opts));
+            return opts;
+        });
+    }, [setSelectedOptions, variants]);
     const isOptionInStock = useCallback((option, value) => {
         var _a;
         const proposedVariant = getSelectedVariant(variants, {

package/dist/esnext/entry-server.js

@@ -133,7 +133,7 @@ async function runSSR({ rsc, state, request, response, nodeResponse, template, n
     const RscConsumer = () => rscResponse.readRoot();
     const { noScriptTemplate, bootstrapScripts, bootstrapModules } = stripScriptsFromTemplate(template);
     const AppSSR = (React.createElement(Html, { template: response.canStream() ? noScriptTemplate : template, hydrogenConfig: request.ctx.hydrogenConfig },
-        React.createElement(ServerRequestProvider, { request: request, isRSC: false },
+        React.createElement(ServerRequestProvider, { request: request },
             React.createElement(ServerPropsProvider, { initialServerProps: state, setServerPropsForRsc: () => { } },
                 React.createElement(PreloadQueries, { request: request },
                     React.createElement(Suspense, { fallback: null },
@@ -344,7 +344,7 @@ async function runSSR({ rsc, state, request, response, nodeResponse, template, n
 function runRSC({ App, state, log, request, response }) {
     const serverProps = { ...state, request, response, log };
     request.ctx.router.serverProps = serverProps;
-    const AppRSC = (React.createElement(ServerRequestProvider, { request: request, isRSC: true },
+    const AppRSC = (React.createElement(ServerRequestProvider, { request: request },
         React.createElement(PreloadQueries, { request: request },
             React.createElement(App, { ...serverProps }),
             React.createElement(Suspense, { fallback: null },

package/dist/esnext/foundation/Analytics/ClientAnalytics.js

@@ -33,7 +33,6 @@ function publish(eventname, guardDup = false, payload = {}) {
     if (isInvokedFromServer())
         return;
     const namedspacedEventname = getNamedspacedEventname(eventname);
-    const subs = subscribers[namedspacedEventname];
     // De-dup events due to re-renders
     if (guardDup) {
         const eventGuardTimeout = guardDupEvents[namedspacedEventname];
@@ -41,15 +40,16 @@ function publish(eventname, guardDup = false, payload = {}) {
             clearTimeout(eventGuardTimeout);
         }
         const namespacedTimeout = setTimeout(() => {
-            publishEvent(namedspacedEventname, subs, mergeDeep(pageAnalyticsData, payload));
+            publishEvent(namedspacedEventname, mergeDeep(pageAnalyticsData, payload));
         }, 100);
         guardDupEvents[namedspacedEventname] = namespacedTimeout;
     }
     else {
-        publishEvent(namedspacedEventname, subs, mergeDeep(pageAnalyticsData, payload));
+        publishEvent(namedspacedEventname, mergeDeep(pageAnalyticsData, payload));
     }
 }
-function publishEvent(eventname, subs, payload) {
+function publishEvent(eventname, payload) {
+    const subs = subscribers[eventname];
     if (!isFirstPageViewSent && eventname === eventNames.PAGE_VIEW) {
         isFirstPageViewSent = true;
     }

package/dist/esnext/foundation/Cache/strategies/index.d.ts

@@ -1,4 +1,5 @@
 import type { CachingStrategy, AllCacheOptions, NoStoreStrategy } from '../../../types';
+export declare const NO_STORE = "no-store";
 export declare function generateCacheControlHeader(cacheOptions: CachingStrategy): string;
 export declare function NoStore(): NoStoreStrategy;
 export declare function CacheSeconds(overrideOptions?: CachingStrategy): AllCacheOptions;

package/dist/esnext/foundation/Cache/strategies/index.js

@@ -1,6 +1,6 @@
 const PUBLIC = 'public';
 const PRIVATE = 'private';
-const NO_STORE = 'no-store';
+export const NO_STORE = 'no-store';
 const optionMapping = {
     maxAge: 'max-age',
     staleWhileRevalidate: 'stale-while-revalidate',

package/dist/esnext/foundation/HydrogenRequest/HydrogenRequest.server.d.ts

@@ -44,6 +44,7 @@ export declare class HydrogenRequest extends Request {
         buyerIpHeader?: string;
         session?: SessionSyncApi;
         runtime?: RuntimeContext;
+        scopes: Map<string, Record<string, any>>;
         [key: string]: any;
     };
     constructor(input: any);

package/dist/esnext/foundation/HydrogenRequest/HydrogenRequest.server.js

@@ -48,6 +48,7 @@ export class HydrogenRequest extends Request {
                 normalizedRscUrl: this.normalizedUrl,
             },
             preloadQueries: new Map(),
+            scopes: new Map(),
         };
         this.cookies = this.parseCookies();
     }
@@ -67,7 +68,7 @@ export class HydrogenRequest extends Request {
         if (typeof query.preload === 'string' && query.preload === PRELOAD_ALL) {
             saveToPreloadAllPreload(query);
         }
-        else if (query.preload) {
+        else {
             this.ctx.preloadQueries.set(hashKey(query.key), query);
         }
     }

package/dist/esnext/foundation/ServerRequestProvider/ServerRequestProvider.d.ts

@@ -1,11 +1,10 @@
 import type { PreloadQueriesByURL, HydrogenRequest } from '../HydrogenRequest/HydrogenRequest.server';
 import type { QueryKey } from '../../types';
 declare type ServerRequestProviderProps = {
-    isRSC: boolean;
     request: HydrogenRequest;
     children: JSX.Element;
 };
-export declare function ServerRequestProvider({ isRSC, request, children, }: ServerRequestProviderProps): JSX.Element;
+export declare function ServerRequestProvider({ request, children, }: ServerRequestProviderProps): JSX.Element;
 export declare function useServerRequest(): HydrogenRequest;
 declare type RequestCacheResult<T> = {
     data: T;