@shopify/hydrogen 0.25.1 → 0.26.0

package/CHANGELOG.md

@@ -1,5 +1,77 @@
 # Changelog
 
+## 0.26.0
+
+### Minor Changes
+
+- [#1615](https://github.com/Shopify/hydrogen/pull/1615) [`20bfc438`](https://github.com/Shopify/hydrogen/commit/20bfc4388ed400dc215a41cca44fe8cd4a11022a) Thanks [@frehner](https://github.com/frehner)! - `<CartEstimatedCost/>` has been renamed to `<CartCost/>` to match a recent update to the Storefront API, in which `cart.estimatedCost` is being deprecated in favor of `cart.cost`.
+
+  Additionally, `cart.cost.compareAtAmount` was renamed to `cart.cost.compareAtAmountPerQuantity`.
+
+* [#1619](https://github.com/Shopify/hydrogen/pull/1619) [`b0c13696`](https://github.com/Shopify/hydrogen/commit/b0c13696b6030ab8697147fdbe3ccdf2522a3913) Thanks [@blittle](https://github.com/blittle)! - We have reworked how localization works in Hydrogen. By default the `useLocalization()` hook returns the default locale defined within your [Hydrogen configuration file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config). The `<LocalizationProvider>` component now takes `countryCode` and `languageCode` as optional props. Any props given to `<LocalizationProvider>` will also be used by the `useLocalization` hook.
+
+  **Breaking Change**
+
+  The `useCountry` hook has been removed. Instead use the [`useLocalization` hook](https://shopify.dev/api/hydrogen/hooks/localization/uselocalization).
+
+  ```diff
+  - import {useCountry, gql} from '@shopify/hydrogen';
+  + import {useLocalization, gql} from '@shopify/hydrogen';
+
+  export function MyComponent() {
+
+  -  const [country] = useCountry();
+  +  const {country} = useLocalization();
+
+    return ( /* Your JSX */ );
+  }
+  ```
+
+  The `Link` component now respects the `basePath` property defined within it's parent `FileRoutes` component. For example, given `<FileRoutes basePath="/cn">`, a route within that renders `<Link to="/products">` will actually produce an anchor tag prefixed with `/cn`: `<a href="/cn/products">`. You can override the `basePath` with a `basePath` prop on the `Link` component.
+
+- [#1646](https://github.com/Shopify/hydrogen/pull/1646) [`1103fb57`](https://github.com/Shopify/hydrogen/commit/1103fb575e51d5948c6bd4885bcd911be1f8bf7e) Thanks [@benjaminsehl](https://github.com/benjaminsehl)! - Updates default SEO titleTemplate for the Homepage
+
+### Patch Changes
+
+- [#1569](https://github.com/Shopify/hydrogen/pull/1569) [`e5896a3e`](https://github.com/Shopify/hydrogen/commit/e5896a3e20b0bf2760b238e713a7bc04f7e95e2d) Thanks [@wizardlyhel](https://github.com/wizardlyhel)! - Clean up full page cache work with `waitUntil`
+
+* [#1643](https://github.com/Shopify/hydrogen/pull/1643) [`3b849606`](https://github.com/Shopify/hydrogen/commit/3b849606c4999d19920330f86c535a6f892dcc65) Thanks [@frandiox](https://github.com/frandiox)! - Do not cache client components in browser when using TypeScript.
+
+- [#1605](https://github.com/Shopify/hydrogen/pull/1605) [`2eb2c461`](https://github.com/Shopify/hydrogen/commit/2eb2c4615210cafadab8ed154909f3516c72db3e) Thanks [@frandiox](https://github.com/frandiox)! - Fix hydration issues with `useId`.
+
+* [#1613](https://github.com/Shopify/hydrogen/pull/1613) [`c45ebd3c`](https://github.com/Shopify/hydrogen/commit/c45ebd3cf468c9f596ef399712506bd766dea54d) Thanks [@frehner](https://github.com/frehner)! - The `<ShopPayButton/>` and `<CartShopPayButton/>` now take in a `width` prop to help customize how wide the `<shop-pay-button>` custom element is, by using the newly added CSS custom property (variable) `--shop-pay-button-width`.
+
+- [#1651](https://github.com/Shopify/hydrogen/pull/1651) [`a19be2b2`](https://github.com/Shopify/hydrogen/commit/a19be2b22cee63bf95ade3a4f5803c460651a473) Thanks [@blittle](https://github.com/blittle)! - Fixes to the cart:
+
+  1. Fix bug when providing a lower-case country code to the `LocalizationProvider`
+  2. Make sure that the Cart always logs API errors
+
+* [#1649](https://github.com/Shopify/hydrogen/pull/1649) [`df0e01ff`](https://github.com/Shopify/hydrogen/commit/df0e01fff6afae22a30be8c0bb750aed016326a4) Thanks [@blittle](https://github.com/blittle)! - Add a `x-powered-by: Shopify-Hydrogen` header which can be disabled with the Hydrogen config property: `poweredByHeader: false`
+
+- [#1566](https://github.com/Shopify/hydrogen/pull/1566) [`cfe7385e`](https://github.com/Shopify/hydrogen/commit/cfe7385e0c64c3dc465d1bcd34ad9c7040db9969) Thanks [@wizardlyhel](https://github.com/wizardlyhel)! - Add storefont id to cart provider query
+
+* [#1551](https://github.com/Shopify/hydrogen/pull/1551) [`3d20e92d`](https://github.com/Shopify/hydrogen/commit/3d20e92db3402e356c16d0bc5fc4450f9d8c0df5) Thanks [@jplhomer](https://github.com/jplhomer)! - In-Memory caching is now enabled by default in production for Node.js runtimes.
+
+- [#1604](https://github.com/Shopify/hydrogen/pull/1604) [`f3827d31`](https://github.com/Shopify/hydrogen/commit/f3827d31263352689c5149a5509b51d1fdb572d4) Thanks [@cartogram](https://github.com/cartogram)! - Adds new `load-config` entry point that exposes a `loadConfig()` function that will return the configuration object and the path to the found configuration file for a given Hydrogen project root.
+
+  Example:
+
+  ```ts
+  import {loadConfig} from '@shopify/hydrogen/load-config';
+
+  const {configuration, configurationPath} = await loadConfig({
+    root: 'path/to/hydrogen-app',
+  });
+  ```
+
+* [#1626](https://github.com/Shopify/hydrogen/pull/1626) [`29218452`](https://github.com/Shopify/hydrogen/commit/29218452a1679be629616993d8cc23ad7077667b) Thanks [@frandiox](https://github.com/frandiox)! - Fix import aliases.
+
+- [#1622](https://github.com/Shopify/hydrogen/pull/1622) [`d339239d`](https://github.com/Shopify/hydrogen/commit/d339239d23b074cba3ee637166f8120512a6afee) Thanks [@frandiox](https://github.com/frandiox)! - Fix module resolution after HMR in some scenarios.
+
+* [#1608](https://github.com/Shopify/hydrogen/pull/1608) [`b834dfdc`](https://github.com/Shopify/hydrogen/commit/b834dfdcddc56c78bb6fbb7e0a681cc3c977b62d) Thanks [@jplhomer](https://github.com/jplhomer)! - Add type exports for `HydrogenRouteProps`, `HydrogenApiRoute`, and `HydrogenApiRouteOptions`.
+
+- [#1603](https://github.com/Shopify/hydrogen/pull/1603) [`e1bb5810`](https://github.com/Shopify/hydrogen/commit/e1bb5810f218acc5b7debb60bcdebc6c9594f86c) Thanks [@frandiox](https://github.com/frandiox)! - Do not trigger prefetch when `to` prop is missing in the `Link` component.
+
 ## 0.25.1
 
 ## 0.25.0

package/dist/esnext/components/{CartEstimatedCost/CartEstimatedCost.client.d.ts → CartCost/CartCost.client.d.ts}

@@ -1,14 +1,14 @@
 import React from 'react';
 import { Money } from '../Money';
-export interface CartEstimatedCostProps {
+export interface CartCostProps {
     /** A string type that defines the type of cost needed. Valid values: `total`, `subtotal`, `tax`, or `duty`. */
     amountType?: 'total' | 'subtotal' | 'tax' | 'duty';
     /** A function that takes an object return by the `useMoney` hook and returns a `ReactNode`. */
     children?: React.ReactNode;
 }
 /**
- * The `CartEstimatedCost` component renders a `Money` component with the
+ * The `CartCost` component renders a `Money` component with the
  * cost associated with the `amountType` prop. If no `amountType` prop is specified, then it defaults to `totalAmount`.
  * If `children` is a function, then it will pass down the render props provided by the parent component.
  */
-export declare function CartEstimatedCost(props: Omit<React.ComponentProps<typeof Money>, 'data'> & CartEstimatedCostProps): JSX.Element | null;
+export declare function CartCost(props: Omit<React.ComponentProps<typeof Money>, 'data'> & CartCostProps): JSX.Element | null;

package/dist/esnext/components/{CartEstimatedCost/CartEstimatedCost.client.js → CartCost/CartCost.client.js}

@@ -2,25 +2,25 @@ import React from 'react';
 import { useCart } from '../CartProvider';
 import { Money } from '../Money';
 /**
- * The `CartEstimatedCost` component renders a `Money` component with the
+ * The `CartCost` component renders a `Money` component with the
  * cost associated with the `amountType` prop. If no `amountType` prop is specified, then it defaults to `totalAmount`.
  * If `children` is a function, then it will pass down the render props provided by the parent component.
  */
-export function CartEstimatedCost(props) {
-    const { estimatedCost } = useCart();
+export function CartCost(props) {
+    const { cost } = useCart();
     const { amountType = 'total', children, ...passthroughProps } = props;
     let amount;
     if (amountType == 'total') {
-        amount = estimatedCost?.totalAmount;
+        amount = cost?.totalAmount;
     }
     else if (amountType == 'subtotal') {
-        amount = estimatedCost?.subtotalAmount;
+        amount = cost?.subtotalAmount;
     }
     else if (amountType == 'tax') {
-        amount = estimatedCost?.totalTaxAmount;
+        amount = cost?.totalTaxAmount;
     }
     else if (amountType == 'duty') {
-        amount = estimatedCost?.totalDutyAmount;
+        amount = cost?.totalDutyAmount;
     }
     if (amount == null) {
         return null;

package/dist/esnext/components/CartCost/index.d.ts

@@ -0,0 +1 @@
+export { CartCost } from './CartCost.client';

package/dist/esnext/components/CartCost/index.js

@@ -0,0 +1 @@
+export { CartCost } from './CartCost.client';

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

@@ -9,8 +9,8 @@ export function CartLinePrice(props) {
     const cartLine = useCartLine();
     const { priceType = 'regular', ...passthroughProps } = props;
     const moneyV2 = priceType === 'regular'
-        ? cartLine.estimatedCost.totalAmount
-        : cartLine.estimatedCost.compareAtAmount;
+        ? cartLine.cost.totalAmount
+        : cartLine.cost.compareAtAmountPerQuantity;
     if (moneyV2 == null) {
         return null;
     }

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

@@ -4,13 +4,13 @@ export declare const CartLineContext: import("react").Context<({
     attributes: ({
         __typename?: "Attribute" | undefined;
     } & Pick<import("../../storefront-api-types").Attribute, "key" | "value">)[];
-    estimatedCost: {
-        __typename?: "CartLineEstimatedCost" | undefined;
+    cost: {
+        __typename?: "CartLineCost" | undefined;
     } & {
         totalAmount: {
             __typename?: "MoneyV2" | undefined;
         } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">;
-        compareAtAmount?: import("../../storefront-api-types").Maybe<{
+        compareAtAmountPerQuantity?: import("../../storefront-api-types").Maybe<{
             __typename?: "MoneyV2" | undefined;
         } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">> | undefined;
     };

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

@@ -35,14 +35,21 @@ function cartReducer(state, action) {
             break;
         }
         case 'reject': {
+            if (action.errors) {
+                console.group('%cCart Error:', 'color:red');
+                for (const [i, error] of action.errors.entries()) {
+                    console.log(`%c${i + 1}. ` + error.message, 'color:red');
+                }
+                console.groupEnd();
+            }
             if (state.status === 'fetching' || state.status === 'creating') {
-                return { status: 'uninitialized', error: action.error };
+                return { status: 'uninitialized', error: action.errors };
             }
             else if (state.status === 'updating') {
                 return {
                     status: 'idle',
                     cart: state.lastValidCart,
-                    error: action.error,
+                    error: action.errors,
                 };
             }
             break;
@@ -151,13 +158,16 @@ function cartReducer(state, action) {
  * 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, data: cart, cartFragment = defaultCartFragment, customerAccessToken, countryCode = CountryCode.Us, }) {
+    if (countryCode)
+        countryCode = countryCode.toUpperCase();
     const initialStatus = cart
         ? { status: 'idle', cart: cartFromGraphQL(cart) }
         : { status: 'uninitialized' };
     const [state, dispatch] = useReducer((state, dispatch) => cartReducer(state, dispatch), initialStatus);
     const fetchCart = useCartFetch();
     const countryChanged = state.status === 'idle' &&
-        countryCode !== state?.cart?.buyerIdentity?.countryCode;
+        countryCode !== state?.cart?.buyerIdentity?.countryCode &&
+        !state.error;
     const cartFetch = useCallback(async (cartId) => {
         dispatch({ type: 'cartFetch' });
         const { data } = await fetchCart({
@@ -190,7 +200,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             }
             cart.buyerIdentity.customerAccessToken = customerAccessToken;
         }
-        const { data, error } = await fetchCart({
+        const { data, errors } = await fetchCart({
             query: CartCreate(cartFragment),
             variables: {
                 input: cart,
@@ -198,10 +208,10 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 country: countryCode,
             },
         });
-        if (error) {
+        if (errors) {
             dispatch({
                 type: 'reject',
-                error,
+                errors,
             });
         }
         if (data?.cartCreate?.cart) {
@@ -229,7 +239,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         if (state.status === 'idle') {
             dispatch({ type: 'addLineItem' });
             onLineAdd?.();
-            const { data, error } = await fetchCart({
+            const { data, errors } = await fetchCart({
                 query: CartLineAdd(cartFragment),
                 variables: {
                     cartId: state.cart.id,
@@ -238,10 +248,10 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                     country: countryCode,
                 },
             });
-            if (error) {
+            if (errors) {
                 dispatch({
                     type: 'reject',
-                    error,
+                    errors,
                 });
             }
             if (data?.cartLinesAdd?.cart) {
@@ -260,7 +270,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         if (state.status === 'idle') {
             dispatch({ type: 'removeLineItem', lines });
             onLineRemove?.();
-            const { data, error } = await fetchCart({
+            const { data, errors } = await fetchCart({
                 query: CartLineRemove(cartFragment),
                 variables: {
                     cartId: state.cart.id,
@@ -269,10 +279,10 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                     country: countryCode,
                 },
             });
-            if (error) {
+            if (errors) {
                 dispatch({
                     type: 'reject',
-                    error,
+                    errors,
                 });
             }
             if (data?.cartLinesRemove?.cart) {
@@ -291,7 +301,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         if (state.status === 'idle') {
             dispatch({ type: 'updateLineItem', lines });
             onLineUpdate?.();
-            const { data, error } = await fetchCart({
+            const { data, errors } = await fetchCart({
                 query: CartLineUpdate(cartFragment),
                 variables: {
                     cartId: state.cart.id,
@@ -300,10 +310,10 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                     country: countryCode,
                 },
             });
-            if (error) {
+            if (errors) {
                 dispatch({
                     type: 'reject',
-                    error,
+                    errors,
                 });
             }
             if (data?.cartLinesUpdate?.cart) {
@@ -322,7 +332,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         if (state.status === 'idle') {
             dispatch({ type: 'noteUpdate' });
             onNoteUpdate?.();
-            const { data, error } = await fetchCart({
+            const { data, errors } = await fetchCart({
                 query: CartNoteUpdate(cartFragment),
                 variables: {
                     cartId: state.cart.id,
@@ -331,10 +341,10 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                     country: countryCode,
                 },
             });
-            if (error) {
+            if (errors) {
                 dispatch({
                     type: 'reject',
-                    error,
+                    errors,
                 });
             }
             if (data?.cartNoteUpdate?.cart) {
@@ -349,7 +359,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         if (state.status === 'idle') {
             dispatch({ type: 'buyerIdentityUpdate' });
             onBuyerIdentityUpdate?.();
-            const { data, error } = await fetchCart({
+            const { data, errors } = await fetchCart({
                 query: CartBuyerIdentityUpdate(cartFragment),
                 variables: {
                     cartId: state.cart.id,
@@ -358,10 +368,10 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                     country: countryCode,
                 },
             });
-            if (error) {
+            if (errors) {
                 dispatch({
                     type: 'reject',
-                    error,
+                    errors,
                 });
             }
             if (data?.cartBuyerIdentityUpdate?.cart) {
@@ -376,7 +386,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         if (state.status === 'idle') {
             dispatch({ type: 'cartAttributesUpdate' });
             onAttributesUpdate?.();
-            const { data, error } = await fetchCart({
+            const { data, errors } = await fetchCart({
                 query: CartAttributesUpdate(cartFragment),
                 variables: {
                     cartId: state.cart.id,
@@ -385,10 +395,10 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                     country: countryCode,
                 },
             });
-            if (error) {
+            if (errors) {
                 dispatch({
                     type: 'reject',
-                    error,
+                    errors,
                 });
             }
             if (data?.cartAttributesUpdate?.cart) {
@@ -403,7 +413,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         if (state.status === 'idle') {
             dispatch({ type: 'discountCodesUpdate' });
             onDiscountCodesUpdate?.();
-            const { data, error } = await fetchCart({
+            const { data, errors } = await fetchCart({
                 query: CartDiscountCodesUpdate(cartFragment),
                 variables: {
                     cartId: state.cart.id,
@@ -412,10 +422,10 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                     country: countryCode,
                 },
             });
-            if (error) {
+            if (errors) {
                 dispatch({
                     type: 'reject',
-                    error,
+                    errors,
                 });
             }
             if (data?.cartDiscountCodesUpdate?.cart) {

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  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";
+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        cost {\n          totalAmount {\n            amount\n            currencyCode\n          }\n          compareAtAmountPerQuantity {\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  cost {\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

@@ -126,12 +126,12 @@ fragment CartFragment on Cart {
           key
           value
         }
-        estimatedCost {
+        cost {
           totalAmount {
             amount
             currencyCode
           }
-          compareAtAmount {
+          compareAtAmountPerQuantity {
             amount
             currencyCode
           }
@@ -164,7 +164,7 @@ fragment CartFragment on Cart {
       }
     }
   }
-  estimatedCost {
+  cost {
     subtotalAmount {
       ...MoneyFragment
     }

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

@@ -37,13 +37,13 @@ export declare type CartAttributesUpdateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
-                        estimatedCost: {
-                            __typename?: 'CartLineEstimatedCost';
+                        cost: {
+                            __typename?: 'CartLineCost';
                         } & {
                             totalAmount: {
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
-                            compareAtAmount?: Types.Maybe<{
+                            compareAtAmountPerQuantity?: Types.Maybe<{
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
                         };
@@ -69,8 +69,8 @@ export declare type CartAttributesUpdateMutation = {
                     };
                 }>;
             };
-            estimatedCost: {
-                __typename?: 'CartEstimatedCost';
+            cost: {
+                __typename?: 'CartCost';
             } & {
                 subtotalAmount: {
                     __typename?: 'MoneyV2';

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

@@ -37,13 +37,13 @@ export declare type CartBuyerIdentityUpdateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
-                        estimatedCost: {
-                            __typename?: 'CartLineEstimatedCost';
+                        cost: {
+                            __typename?: 'CartLineCost';
                         } & {
                             totalAmount: {
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
-                            compareAtAmount?: Types.Maybe<{
+                            compareAtAmountPerQuantity?: Types.Maybe<{
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
                         };
@@ -69,8 +69,8 @@ export declare type CartBuyerIdentityUpdateMutation = {
                     };
                 }>;
             };
-            estimatedCost: {
-                __typename?: 'CartEstimatedCost';
+            cost: {
+                __typename?: 'CartCost';
             } & {
                 subtotalAmount: {
                     __typename?: 'MoneyV2';

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

@@ -36,13 +36,13 @@ export declare type CartCreateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
-                        estimatedCost: {
-                            __typename?: 'CartLineEstimatedCost';
+                        cost: {
+                            __typename?: 'CartLineCost';
                         } & {
                             totalAmount: {
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
-                            compareAtAmount?: Types.Maybe<{
+                            compareAtAmountPerQuantity?: Types.Maybe<{
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
                         };
@@ -68,8 +68,8 @@ export declare type CartCreateMutation = {
                     };
                 }>;
             };
-            estimatedCost: {
-                __typename?: 'CartEstimatedCost';
+            cost: {
+                __typename?: 'CartCost';
             } & {
                 subtotalAmount: {
                     __typename?: 'MoneyV2';

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

@@ -37,13 +37,13 @@ export declare type CartDiscountCodesUpdateMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
-                        estimatedCost: {
-                            __typename?: 'CartLineEstimatedCost';
+                        cost: {
+                            __typename?: 'CartLineCost';
                         } & {
                             totalAmount: {
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
-                            compareAtAmount?: Types.Maybe<{
+                            compareAtAmountPerQuantity?: Types.Maybe<{
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
                         };
@@ -69,8 +69,8 @@ export declare type CartDiscountCodesUpdateMutation = {
                     };
                 }>;
             };
-            estimatedCost: {
-                __typename?: 'CartEstimatedCost';
+            cost: {
+                __typename?: 'CartCost';
             } & {
                 subtotalAmount: {
                     __typename?: 'MoneyV2';

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

@@ -25,13 +25,13 @@ export declare type CartFragmentFragment = {
                 attributes: Array<{
                     __typename?: 'Attribute';
                 } & Pick<Types.Attribute, 'key' | 'value'>>;
-                estimatedCost: {
-                    __typename?: 'CartLineEstimatedCost';
+                cost: {
+                    __typename?: 'CartLineCost';
                 } & {
                     totalAmount: {
                         __typename?: 'MoneyV2';
                     } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
-                    compareAtAmount?: Types.Maybe<{
+                    compareAtAmountPerQuantity?: Types.Maybe<{
                         __typename?: 'MoneyV2';
                     } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
                 };
@@ -57,8 +57,8 @@ export declare type CartFragmentFragment = {
             };
         }>;
     };
-    estimatedCost: {
-        __typename?: 'CartEstimatedCost';
+    cost: {
+        __typename?: 'CartCost';
     } & {
         subtotalAmount: {
             __typename?: 'MoneyV2';

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

@@ -37,13 +37,13 @@ export declare type CartLineAddMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
-                        estimatedCost: {
-                            __typename?: 'CartLineEstimatedCost';
+                        cost: {
+                            __typename?: 'CartLineCost';
                         } & {
                             totalAmount: {
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
-                            compareAtAmount?: Types.Maybe<{
+                            compareAtAmountPerQuantity?: Types.Maybe<{
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
                         };
@@ -69,8 +69,8 @@ export declare type CartLineAddMutation = {
                     };
                 }>;
             };
-            estimatedCost: {
-                __typename?: 'CartEstimatedCost';
+            cost: {
+                __typename?: 'CartCost';
             } & {
                 subtotalAmount: {
                     __typename?: 'MoneyV2';

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

@@ -37,13 +37,13 @@ export declare type CartLineRemoveMutation = {
                         attributes: Array<{
                             __typename?: 'Attribute';
                         } & Pick<Types.Attribute, 'key' | 'value'>>;
-                        estimatedCost: {
-                            __typename?: 'CartLineEstimatedCost';
+                        cost: {
+                            __typename?: 'CartLineCost';
                         } & {
                             totalAmount: {
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
-                            compareAtAmount?: Types.Maybe<{
+                            compareAtAmountPerQuantity?: Types.Maybe<{
                                 __typename?: 'MoneyV2';
                             } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
                         };
@@ -69,8 +69,8 @@ export declare type CartLineRemoveMutation = {
                     };
                 }>;
             };
-            estimatedCost: {
-                __typename?: 'CartEstimatedCost';
+            cost: {
+                __typename?: 'CartCost';
             } & {
                 subtotalAmount: {
                     __typename?: 'MoneyV2';