@shopify/hydrogen 0.0.0-experimental-20220526194818

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

@@ -0,0 +1,86 @@
+/**
+ * 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.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
+}>;
+export declare type CartLineAddMutation = {
+    __typename?: 'Mutation';
+} & {
+    cartLinesAdd?: Types.Maybe<{
+        __typename?: 'CartLinesAddPayload';
+    } & {
+        cart?: Types.Maybe<{
+            __typename?: 'Cart';
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | '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'>>;
+                        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'>>;
+                        };
+                    };
+                }>;
+            };
+            estimatedCost: {
+                __typename?: 'CartEstimatedCost';
+            } & {
+                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/CartLineAddMutation.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,86 @@
+/**
+ * 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.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
+}>;
+export declare type CartLineRemoveMutation = {
+    __typename?: 'Mutation';
+} & {
+    cartLinesRemove?: Types.Maybe<{
+        __typename?: 'CartLinesRemovePayload';
+    } & {
+        cart?: Types.Maybe<{
+            __typename?: 'Cart';
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | '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'>>;
+                        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'>>;
+                        };
+                    };
+                }>;
+            };
+            estimatedCost: {
+                __typename?: 'CartEstimatedCost';
+            } & {
+                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.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,86 @@
+/**
+ * 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.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
+}>;
+export declare type CartLineUpdateMutation = {
+    __typename?: 'Mutation';
+} & {
+    cartLinesUpdate?: Types.Maybe<{
+        __typename?: 'CartLinesUpdatePayload';
+    } & {
+        cart?: Types.Maybe<{
+            __typename?: 'Cart';
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | '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'>>;
+                        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'>>;
+                        };
+                    };
+                }>;
+            };
+            estimatedCost: {
+                __typename?: 'CartEstimatedCost';
+            } & {
+                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.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,86 @@
+/**
+ * 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.InputMaybe<Types.Scalars['String']>;
+    numCartLines?: Types.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
+}>;
+export declare type CartNoteUpdateMutation = {
+    __typename?: 'Mutation';
+} & {
+    cartNoteUpdate?: Types.Maybe<{
+        __typename?: 'CartNoteUpdatePayload';
+    } & {
+        cart?: Types.Maybe<{
+            __typename?: 'Cart';
+        } & Pick<Types.Cart, 'id' | 'checkoutUrl' | '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'>>;
+                        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'>>;
+                        };
+                    };
+                }>;
+            };
+            estimatedCost: {
+                __typename?: 'CartEstimatedCost';
+            } & {
+                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.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,81 @@
+/**
+ * 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.InputMaybe<Types.Scalars['Int']>;
+    country?: Types.InputMaybe<Types.CountryCode>;
+}>;
+export declare type CartQueryQuery = {
+    __typename?: 'QueryRoot';
+} & {
+    cart?: Types.Maybe<{
+        __typename?: 'Cart';
+    } & Pick<Types.Cart, 'id' | 'checkoutUrl' | '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'>>;
+                    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'>>;
+                    };
+                };
+            }>;
+        };
+        estimatedCost: {
+            __typename?: 'CartEstimatedCost';
+        } & {
+            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.js

@@ -0,0 +1 @@
+export {};

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;
+    error: 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,62 @@
+import React, { useState } from 'react';
+import { useShop } from '../../foundation';
+import { flattenConnection } from '../../utilities';
+import { CartCreate } from './cart-queries';
+import { useCart } from '../../hooks/useCart';
+export function useCartFetch() {
+    const { storeDomain, storefrontApiVersion, storefrontToken } = useShop();
+    return React.useCallback(({ query, variables, }) => {
+        return fetch(`https://${storeDomain}/api/${storefrontApiVersion}/graphql.json`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-SDK-Variant': 'hydrogen',
+                'X-SDK-Version': storefrontApiVersion,
+                'X-Shopify-Storefront-Access-Token': storefrontToken,
+            },
+            body: JSON.stringify({
+                query: query.toString(),
+                variables,
+            }),
+        })
+            .then((res) => res.json())
+            .catch((error) => {
+            return {
+                data: undefined,
+                error: error.toString(),
+            };
+        });
+    }, [storeDomain, storefrontApiVersion, storefrontToken]);
+}
+export function useInstantCheckout() {
+    const { cartFragment } = useCart();
+    const [cart, updateCart] = useState();
+    const [checkoutUrl, updateCheckoutUrl] = useState();
+    const [error, updateError] = useState();
+    const fetch = useCartFetch();
+    const createInstantCheckout = React.useCallback(async (cartInput) => {
+        var _a, _b;
+        const { data, error } = await fetch({
+            query: CartCreate(cartFragment),
+            variables: {
+                input: cartInput,
+            },
+        });
+        if (error) {
+            updateError(error);
+            updateCart(undefined);
+            updateCheckoutUrl(undefined);
+        }
+        if ((_a = data === null || data === void 0 ? void 0 : data.cartCreate) === null || _a === void 0 ? void 0 : _a.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: (_b = dataCart.note) !== null && _b !== void 0 ? _b : undefined,
+            });
+            updateCheckoutUrl(dataCart.checkoutUrl);
+        }
+    }, [cartFragment, fetch]);
+    return { cart, checkoutUrl, error, createInstantCheckout };
+}

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

@@ -0,0 +1,4 @@
+export { CartProvider } from './CartProvider.client';
+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

@@ -0,0 +1,3 @@
+export { CartProvider } from './CartProvider.client';
+export { useCartFetch, useInstantCheckout } from './hooks.client';
+export { useCart } from '../../hooks/useCart';

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

@@ -0,0 +1,102 @@
+import { CartInput, CartLineInput, CartLineUpdateInput, MutationCartNoteUpdateArgs, CartBuyerIdentityInput, MutationCartAttributesUpdateArgs } from '../../storefront-api-types';
+import { CartFragmentFragment } from './graphql/CartFragment';
+export declare type Status = State['status'];
+export interface Cart {
+    /** The cart's ID if it has been created through the Storefront API. */
+    id?: string;
+    /** The cart lines. */
+    lines: CartFragmentFragment['lines']['edges'][1]['node'][];
+    /** The checkout URL for the cart, if the cart has been created in the Storefront API. */
+    checkoutUrl?: string;
+    /** The cart's note. */
+    note?: string;
+    /** The cart's buyer identity. */
+    buyerIdentity?: CartFragmentFragment['buyerIdentity'];
+    /** The cart's attributes. */
+    attributes: CartFragmentFragment['attributes'];
+    /** The discount codes applied to the cart. */
+    discountCodes?: CartFragmentFragment['discountCodes'];
+    /** The estimate cost for the cart, including the subtotal, total, taxes, and duties. */
+    estimatedCost?: CartFragmentFragment['estimatedCost'];
+}
+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. */
+    status: Status;
+    /** If an error occurred on the previous cart action, then `error` will exist and `cart` will be put back into the last valid status it was in. */
+    error?: string;
+    /** A callback that creates a cart. Expects the same input you would provide to the Storefront API's `cartCreate` mutation. */
+    cartCreate: (cart: CartInput) => void;
+    /** A callback that adds lines to the cart. Expects the same `lines` input that you would provide to the Storefront API's `cartLinesAdd` mutation. If a cart doesn't already exist, then it will create the cart for you. */
+    linesAdd: (lines: CartLineInput[]) => void;
+    /** A callback that removes lines from the cart. Expects the same `lines` input that you would provide to the Storefront API's `cartLinesRemove` mutation. Only lines that are included in the `lines` parameter will be in the cart afterwards. */
+    linesRemove: (lines: string[]) => void;
+    /** A callback that updates lines in the cart. Expects the same `lines` input that you would provide to the Storefront API's `cartLinesUpdate` mutation. If a line item is not included in the `lines` parameter, it will still exist in the cart and will not be changed. */
+    linesUpdate: (lines: CartLineUpdateInput[]) => void;
+    /** A callback that updates the note in the cart. Expects the same `note` input that you would provide to the Storefront API's `cartNoteUpdate` mutation. */
+    noteUpdate: (note: MutationCartNoteUpdateArgs['note']) => void;
+    /** A callback that updates the buyer identity in the cart. Expects the same `buyerIdentity` input that you would provide to the Storefront API's `cartBuyerIdentityUpdate` mutation. */
+    buyerIdentityUpdate: (buyerIdenity: CartBuyerIdentityInput) => void;
+    /** A callback that updates the cart attributes. Expects the same `attributes` input that you would provide to the Storefront API's `cartAttributesUpdate` mutation. */
+    cartAttributesUpdate: (attributes: MutationCartAttributesUpdateArgs['attributes']) => void;
+    /** A callback that updates the cart's discount codes. Expects the same `codes` input that you would provide to the Storefront API's `cartDiscountCodesUpdate` mutation. */
+    discountCodesUpdate: (discountCodes: string[]) => void;
+    /** The total number of items in the cart, across all lines. If there are no lines, then the value is 0. */
+    totalQuantity: number;
+    /** The fragment used to query the cart object for all queries and mutations. */
+    cartFragment: string;
+}
+export declare type State = 
+/** A cart has not been created yet, or an error occurred when a cart was attempting to be created or fetched. */
+{
+    status: 'uninitialized';
+    error?: string;
+}
+/** An existing cart is being fetched from the Storefront API. */
+ | {
+    status: 'fetching';
+}
+/** A new cart is being created through the Storefront API. */
+ | {
+    status: 'creating';
+}
+/** The cart is in the process of being updated. */
+ | {
+    status: 'updating';
+    cart: Cart;
+    lastValidCart: Cart;
+}
+/** The cart has been created and no action is currently happening. */
+ | {
+    status: 'idle';
+    cart: Cart;
+    error?: string;
+};
+export declare type CartAction = {
+    type: 'cartFetch';
+} | {
+    type: 'cartCreate';
+} | {
+    type: 'addLineItem';
+} | {
+    type: 'removeLineItem';
+    lines: string[];
+} | {
+    type: 'updateLineItem';
+    lines: CartLineUpdateInput[];
+} | {
+    type: 'noteUpdate';
+} | {
+    type: 'buyerIdentityUpdate';
+} | {
+    type: 'cartAttributesUpdate';
+} | {
+    type: 'discountCodesUpdate';
+} | {
+    type: 'resolve';
+    cart: Cart;
+} | {
+    type: 'reject';
+    error: string;
+} | {
+    type: 'resetCart';
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ShopPayButton } from '../ShopPayButton';
+/**
+ * The `CartShopPayButton` component renders a `ShopPayButton` for the items in the cart.
+ * It must be a descendent of a `CartProvider` component.
+ */
+export declare function CartShopPayButton({ 
+/** A string of classes to apply to the `div` that wraps the `shop-pay-button` web component. */
+className, }: Omit<React.ComponentProps<typeof ShopPayButton>, 'variantIds'>): JSX.Element;