@shopify/hydrogen 1.0.0-alpha.22 → 1.0.0

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

@@ -1,7 +1,11 @@
-import * as Types from '../../../graphql/types/types';
+/**
+ * THIS FILE IS AUTO-GENERATED, DO NOT EDIT.
+ * Instead, you can edit the associated .graphql file to query for additional fields and this file will be updated when you run `yarn graphql-types`
+ */
+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'> & {
@@ -21,18 +25,28 @@ export declare type CartFragmentFragment = {
                 attributes: Array<{
                     __typename?: 'Attribute';
                 } & Pick<Types.Attribute, 'key' | 'value'>>;
+                cost: {
+                    __typename?: 'CartLineCost';
+                } & {
+                    totalAmount: {
+                        __typename?: 'MoneyV2';
+                    } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                    compareAtAmountPerQuantity?: Types.Maybe<{
+                        __typename?: 'MoneyV2';
+                    } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                };
                 merchandise: {
                     __typename?: 'ProductVariant';
                 } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {
                     compareAtPriceV2?: Types.Maybe<{
                         __typename?: 'MoneyV2';
-                    } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                    } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
                     priceV2: {
                         __typename?: 'MoneyV2';
-                    } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                    } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
                     image?: Types.Maybe<{
                         __typename?: 'Image';
-                    } & Pick<Types.Image, 'originalSrc' | 'altText'>>;
+                    } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
                     product: {
                         __typename?: 'Product';
                     } & Pick<Types.Product, 'handle' | 'title'>;
@@ -43,8 +57,8 @@ export declare type CartFragmentFragment = {
             };
         }>;
     };
-    estimatedCost: {
-        __typename?: 'CartEstimatedCost';
+    cost: {
+        __typename?: 'CartCost';
     } & {
         subtotalAmount: {
             __typename?: 'MoneyV2';
@@ -64,5 +78,5 @@ export declare type CartFragmentFragment = {
     } & Pick<Types.Attribute, 'key' | 'value'>>;
     discountCodes: Array<{
         __typename?: 'CartDiscountCode';
-    } & Pick<Types.CartDiscountCode, 'code'>>;
+    } & Pick<Types.CartDiscountCode, 'code' | 'applicable'>>;
 };

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

@@ -1,9 +1,13 @@
-import * as Types from '../../../graphql/types/types';
-import { CartFragmentFragment } from './CartFragment';
+/**
+ * THIS FILE IS AUTO-GENERATED, DO NOT EDIT.
+ * Instead, you can edit the associated .graphql file to query for additional fields and this file will be updated when you run `yarn graphql-types`
+ */
+import * as Types from '../../../storefront-api-types';
 export declare type CartLineAddMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     lines: Array<Types.CartLineInput> | Types.CartLineInput;
-    numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    numCartLines?: Types.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
 }>;
 export declare type CartLineAddMutation = {
     __typename?: 'Mutation';
@@ -13,6 +17,80 @@ export declare type CartLineAddMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & CartFragmentFragment>;
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
+            buyerIdentity: {
+                __typename?: 'CartBuyerIdentity';
+            } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
+                customer?: Types.Maybe<{
+                    __typename?: 'Customer';
+                } & Pick<Types.Customer, 'id' | 'email' | 'firstName' | 'lastName' | 'displayName'>>;
+            };
+            lines: {
+                __typename?: 'CartLineConnection';
+            } & {
+                edges: Array<{
+                    __typename?: 'CartLineEdge';
+                } & {
+                    node: {
+                        __typename?: 'CartLine';
+                    } & Pick<Types.CartLine, 'id' | 'quantity'> & {
+                        attributes: Array<{
+                            __typename?: 'Attribute';
+                        } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        cost: {
+                            __typename?: 'CartLineCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmountPerQuantity?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
+                        merchandise: {
+                            __typename?: 'ProductVariant';
+                        } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {
+                            compareAtPriceV2?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                            priceV2: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                            image?: Types.Maybe<{
+                                __typename?: 'Image';
+                            } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+                            product: {
+                                __typename?: 'Product';
+                            } & Pick<Types.Product, 'handle' | 'title'>;
+                            selectedOptions: Array<{
+                                __typename?: 'SelectedOption';
+                            } & Pick<Types.SelectedOption, 'name' | 'value'>>;
+                        };
+                    };
+                }>;
+            };
+            cost: {
+                __typename?: 'CartCost';
+            } & {
+                subtotalAmount: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                totalAmount: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                totalDutyAmount?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                totalTaxAmount?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+            };
+            attributes: Array<{
+                __typename?: 'Attribute';
+            } & Pick<Types.Attribute, 'key' | 'value'>>;
+            discountCodes: Array<{
+                __typename?: 'CartDiscountCode';
+            } & Pick<Types.CartDiscountCode, 'code' | 'applicable'>>;
+        }>;
     }>;
 };

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

@@ -1,9 +1,13 @@
-import * as Types from '../../../graphql/types/types';
-import { CartFragmentFragment } from './CartFragment';
+/**
+ * THIS FILE IS AUTO-GENERATED, DO NOT EDIT.
+ * Instead, you can edit the associated .graphql file to query for additional fields and this file will be updated when you run `yarn graphql-types`
+ */
+import * as Types from '../../../storefront-api-types';
 export declare type CartLineRemoveMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     lines: Array<Types.Scalars['ID']> | Types.Scalars['ID'];
-    numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    numCartLines?: Types.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
 }>;
 export declare type CartLineRemoveMutation = {
     __typename?: 'Mutation';
@@ -13,6 +17,80 @@ export declare type CartLineRemoveMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & CartFragmentFragment>;
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
+            buyerIdentity: {
+                __typename?: 'CartBuyerIdentity';
+            } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
+                customer?: Types.Maybe<{
+                    __typename?: 'Customer';
+                } & Pick<Types.Customer, 'id' | 'email' | 'firstName' | 'lastName' | 'displayName'>>;
+            };
+            lines: {
+                __typename?: 'CartLineConnection';
+            } & {
+                edges: Array<{
+                    __typename?: 'CartLineEdge';
+                } & {
+                    node: {
+                        __typename?: 'CartLine';
+                    } & Pick<Types.CartLine, 'id' | 'quantity'> & {
+                        attributes: Array<{
+                            __typename?: 'Attribute';
+                        } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        cost: {
+                            __typename?: 'CartLineCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmountPerQuantity?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
+                        merchandise: {
+                            __typename?: 'ProductVariant';
+                        } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {
+                            compareAtPriceV2?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                            priceV2: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                            image?: Types.Maybe<{
+                                __typename?: 'Image';
+                            } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+                            product: {
+                                __typename?: 'Product';
+                            } & Pick<Types.Product, 'handle' | 'title'>;
+                            selectedOptions: Array<{
+                                __typename?: 'SelectedOption';
+                            } & Pick<Types.SelectedOption, 'name' | 'value'>>;
+                        };
+                    };
+                }>;
+            };
+            cost: {
+                __typename?: 'CartCost';
+            } & {
+                subtotalAmount: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                totalAmount: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                totalDutyAmount?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                totalTaxAmount?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+            };
+            attributes: Array<{
+                __typename?: 'Attribute';
+            } & Pick<Types.Attribute, 'key' | 'value'>>;
+            discountCodes: Array<{
+                __typename?: 'CartDiscountCode';
+            } & Pick<Types.CartDiscountCode, 'code' | 'applicable'>>;
+        }>;
     }>;
 };

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

@@ -1,9 +1,13 @@
-import * as Types from '../../../graphql/types/types';
-import { CartFragmentFragment } from './CartFragment';
+/**
+ * THIS FILE IS AUTO-GENERATED, DO NOT EDIT.
+ * Instead, you can edit the associated .graphql file to query for additional fields and this file will be updated when you run `yarn graphql-types`
+ */
+import * as Types from '../../../storefront-api-types';
 export declare type CartLineUpdateMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     lines: Array<Types.CartLineUpdateInput> | Types.CartLineUpdateInput;
-    numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    numCartLines?: Types.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
 }>;
 export declare type CartLineUpdateMutation = {
     __typename?: 'Mutation';
@@ -13,6 +17,80 @@ export declare type CartLineUpdateMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & CartFragmentFragment>;
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
+            buyerIdentity: {
+                __typename?: 'CartBuyerIdentity';
+            } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
+                customer?: Types.Maybe<{
+                    __typename?: 'Customer';
+                } & Pick<Types.Customer, 'id' | 'email' | 'firstName' | 'lastName' | 'displayName'>>;
+            };
+            lines: {
+                __typename?: 'CartLineConnection';
+            } & {
+                edges: Array<{
+                    __typename?: 'CartLineEdge';
+                } & {
+                    node: {
+                        __typename?: 'CartLine';
+                    } & Pick<Types.CartLine, 'id' | 'quantity'> & {
+                        attributes: Array<{
+                            __typename?: 'Attribute';
+                        } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        cost: {
+                            __typename?: 'CartLineCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmountPerQuantity?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
+                        merchandise: {
+                            __typename?: 'ProductVariant';
+                        } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {
+                            compareAtPriceV2?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                            priceV2: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                            image?: Types.Maybe<{
+                                __typename?: 'Image';
+                            } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+                            product: {
+                                __typename?: 'Product';
+                            } & Pick<Types.Product, 'handle' | 'title'>;
+                            selectedOptions: Array<{
+                                __typename?: 'SelectedOption';
+                            } & Pick<Types.SelectedOption, 'name' | 'value'>>;
+                        };
+                    };
+                }>;
+            };
+            cost: {
+                __typename?: 'CartCost';
+            } & {
+                subtotalAmount: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                totalAmount: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                totalDutyAmount?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                totalTaxAmount?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+            };
+            attributes: Array<{
+                __typename?: 'Attribute';
+            } & Pick<Types.Attribute, 'key' | 'value'>>;
+            discountCodes: Array<{
+                __typename?: 'CartDiscountCode';
+            } & Pick<Types.CartDiscountCode, 'code' | 'applicable'>>;
+        }>;
     }>;
 };

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

@@ -1,9 +1,13 @@
-import * as Types from '../../../graphql/types/types';
-import { CartFragmentFragment } from './CartFragment';
+/**
+ * THIS FILE IS AUTO-GENERATED, DO NOT EDIT.
+ * Instead, you can edit the associated .graphql file to query for additional fields and this file will be updated when you run `yarn graphql-types`
+ */
+import * as Types from '../../../storefront-api-types';
 export declare type CartNoteUpdateMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
-    note?: Types.Maybe<Types.Scalars['String']>;
-    numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    note?: Types.InputMaybe<Types.Scalars['String']>;
+    numCartLines?: Types.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
 }>;
 export declare type CartNoteUpdateMutation = {
     __typename?: 'Mutation';
@@ -13,6 +17,80 @@ export declare type CartNoteUpdateMutation = {
     } & {
         cart?: Types.Maybe<{
             __typename?: 'Cart';
-        } & CartFragmentFragment>;
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
+            buyerIdentity: {
+                __typename?: 'CartBuyerIdentity';
+            } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
+                customer?: Types.Maybe<{
+                    __typename?: 'Customer';
+                } & Pick<Types.Customer, 'id' | 'email' | 'firstName' | 'lastName' | 'displayName'>>;
+            };
+            lines: {
+                __typename?: 'CartLineConnection';
+            } & {
+                edges: Array<{
+                    __typename?: 'CartLineEdge';
+                } & {
+                    node: {
+                        __typename?: 'CartLine';
+                    } & Pick<Types.CartLine, 'id' | 'quantity'> & {
+                        attributes: Array<{
+                            __typename?: 'Attribute';
+                        } & Pick<Types.Attribute, 'key' | 'value'>>;
+                        cost: {
+                            __typename?: 'CartLineCost';
+                        } & {
+                            totalAmount: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                            compareAtAmountPerQuantity?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                        };
+                        merchandise: {
+                            __typename?: 'ProductVariant';
+                        } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {
+                            compareAtPriceV2?: Types.Maybe<{
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                            priceV2: {
+                                __typename?: 'MoneyV2';
+                            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                            image?: Types.Maybe<{
+                                __typename?: 'Image';
+                            } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+                            product: {
+                                __typename?: 'Product';
+                            } & Pick<Types.Product, 'handle' | 'title'>;
+                            selectedOptions: Array<{
+                                __typename?: 'SelectedOption';
+                            } & Pick<Types.SelectedOption, 'name' | 'value'>>;
+                        };
+                    };
+                }>;
+            };
+            cost: {
+                __typename?: 'CartCost';
+            } & {
+                subtotalAmount: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                totalAmount: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                totalDutyAmount?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                totalTaxAmount?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+            };
+            attributes: Array<{
+                __typename?: 'Attribute';
+            } & Pick<Types.Attribute, 'key' | 'value'>>;
+            discountCodes: Array<{
+                __typename?: 'CartDiscountCode';
+            } & Pick<Types.CartDiscountCode, 'code' | 'applicable'>>;
+        }>;
     }>;
 };

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

@@ -1,13 +1,91 @@
-import * as Types from '../../../graphql/types/types';
-import { CartFragmentFragment } from './CartFragment';
+/**
+ * THIS FILE IS AUTO-GENERATED, DO NOT EDIT.
+ * Instead, you can edit the associated .graphql file to query for additional fields and this file will be updated when you run `yarn graphql-types`
+ */
+import * as Types from '../../../storefront-api-types';
 export declare type CartQueryQueryVariables = Types.Exact<{
     id: Types.Scalars['ID'];
-    numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    numCartLines?: Types.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
 }>;
 export declare type CartQueryQuery = {
     __typename?: 'QueryRoot';
 } & {
     cart?: Types.Maybe<{
         __typename?: 'Cart';
-    } & CartFragmentFragment>;
+    } & Pick<Types.Cart, 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'> & {
+        buyerIdentity: {
+            __typename?: 'CartBuyerIdentity';
+        } & Pick<Types.CartBuyerIdentity, 'countryCode' | 'email' | 'phone'> & {
+            customer?: Types.Maybe<{
+                __typename?: 'Customer';
+            } & Pick<Types.Customer, 'id' | 'email' | 'firstName' | 'lastName' | 'displayName'>>;
+        };
+        lines: {
+            __typename?: 'CartLineConnection';
+        } & {
+            edges: Array<{
+                __typename?: 'CartLineEdge';
+            } & {
+                node: {
+                    __typename?: 'CartLine';
+                } & Pick<Types.CartLine, 'id' | 'quantity'> & {
+                    attributes: Array<{
+                        __typename?: 'Attribute';
+                    } & Pick<Types.Attribute, 'key' | 'value'>>;
+                    cost: {
+                        __typename?: 'CartLineCost';
+                    } & {
+                        totalAmount: {
+                            __typename?: 'MoneyV2';
+                        } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+                        compareAtAmountPerQuantity?: Types.Maybe<{
+                            __typename?: 'MoneyV2';
+                        } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>>;
+                    };
+                    merchandise: {
+                        __typename?: 'ProductVariant';
+                    } & Pick<Types.ProductVariant, 'id' | 'availableForSale' | 'requiresShipping' | 'title'> & {
+                        compareAtPriceV2?: Types.Maybe<{
+                            __typename?: 'MoneyV2';
+                        } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                        priceV2: {
+                            __typename?: 'MoneyV2';
+                        } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                        image?: Types.Maybe<{
+                            __typename?: 'Image';
+                        } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+                        product: {
+                            __typename?: 'Product';
+                        } & Pick<Types.Product, 'handle' | 'title'>;
+                        selectedOptions: Array<{
+                            __typename?: 'SelectedOption';
+                        } & Pick<Types.SelectedOption, 'name' | 'value'>>;
+                    };
+                };
+            }>;
+        };
+        cost: {
+            __typename?: 'CartCost';
+        } & {
+            subtotalAmount: {
+                __typename?: 'MoneyV2';
+            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+            totalAmount: {
+                __typename?: 'MoneyV2';
+            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+            totalDutyAmount?: Types.Maybe<{
+                __typename?: 'MoneyV2';
+            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+            totalTaxAmount?: Types.Maybe<{
+                __typename?: 'MoneyV2';
+            } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+        };
+        attributes: Array<{
+            __typename?: 'Attribute';
+        } & Pick<Types.Attribute, 'key' | 'value'>>;
+        discountCodes: Array<{
+            __typename?: 'CartDiscountCode';
+        } & Pick<Types.CartDiscountCode, 'code' | 'applicable'>>;
+    }>;
 };

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

@@ -0,0 +1,15 @@
+import { CartInput } from '../../storefront-api-types';
+import { Cart } from './types';
+export declare function useCartFetch(): <T, K>({ query, variables, }: {
+    query: string;
+    variables: T;
+}) => Promise<{
+    data: K | undefined;
+    errors: any;
+}>;
+export declare function useInstantCheckout(): {
+    cart: Cart | undefined;
+    checkoutUrl: string | undefined;
+    error: string | undefined;
+    createInstantCheckout: (cartInput: CartInput) => Promise<void>;
+};

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

@@ -0,0 +1,64 @@
+import React, { useState } from 'react';
+import { useShop } from '../../foundation';
+import { flattenConnection } from '../../utilities';
+import { CartCreate, defaultCartFragment } from './cart-queries';
+import { SHOPIFY_STOREFRONT_ID_HEADER, STOREFRONT_API_PUBLIC_TOKEN_HEADER, } from '../../constants';
+export function useCartFetch() {
+    const { storeDomain, storefrontApiVersion, storefrontToken, storefrontId } = useShop();
+    return React.useCallback(({ query, variables, }) => {
+        const headers = {
+            'Content-Type': 'application/json',
+            'X-SDK-Variant': 'hydrogen',
+            'X-SDK-Version': storefrontApiVersion,
+            [STOREFRONT_API_PUBLIC_TOKEN_HEADER]: storefrontToken,
+        };
+        if (storefrontId) {
+            headers[SHOPIFY_STOREFRONT_ID_HEADER] = storefrontId;
+        }
+        return fetch(`https://${storeDomain}/api/${storefrontApiVersion}/graphql.json`, {
+            method: 'POST',
+            headers,
+            body: JSON.stringify({
+                query: query.toString(),
+                variables,
+            }),
+        })
+            .then((res) => res.json())
+            .catch((error) => {
+            return {
+                data: undefined,
+                error: error.toString(),
+            };
+        });
+    }, [storeDomain, storefrontApiVersion, storefrontToken, storefrontId]);
+}
+export function useInstantCheckout() {
+    const [cart, updateCart] = useState();
+    const [checkoutUrl, updateCheckoutUrl] = useState();
+    const [error, updateError] = useState();
+    const fetch = useCartFetch();
+    const createInstantCheckout = React.useCallback(async (cartInput) => {
+        const { data, errors } = await fetch({
+            query: CartCreate(defaultCartFragment),
+            variables: {
+                input: cartInput,
+            },
+        });
+        if (errors) {
+            updateError(errors);
+            updateCart(undefined);
+            updateCheckoutUrl(undefined);
+        }
+        if (data?.cartCreate?.cart) {
+            const dataCart = data.cartCreate.cart;
+            updateCart({
+                ...dataCart,
+                // @ts-expect-error While the cart still uses fragments, there will be a TS error here until we remove those fragments and get the type in-line
+                lines: flattenConnection(dataCart.lines),
+                note: dataCart.note ?? undefined,
+            });
+            updateCheckoutUrl(dataCart.checkoutUrl);
+        }
+    }, [fetch]);
+    return { cart, checkoutUrl, error, createInstantCheckout };
+}

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

@@ -1,4 +1,4 @@
 export { CartProvider } from './CartProvider.client';
-export * from './hooks';
-export * from './types';
-export { CartServerProvider } from './CartServerProvider.server';
+export { useCartFetch, useInstantCheckout } from './hooks.client';
+export { useCart } from '../../hooks/useCart';
+export type { State, Status, Cart, CartWithActions, CartAction } from './types';

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

@@ -1,4 +1,3 @@
 export { CartProvider } from './CartProvider.client';
-export * from './hooks';
-export * from './types';
-export { CartServerProvider } from './CartServerProvider.server';
+export { useCartFetch, useInstantCheckout } from './hooks.client';
+export { useCart } from '../../hooks/useCart';