@shopify/hydrogen 0.11.1 → 0.12.0

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

@@ -6,15 +6,14 @@ export interface ProductProviderProps {
     children: ReactNode;
     /** A [Product object](/api/storefront/reference/products/product). */
     data: Product;
-    /** The initially selected variant. This is required only if you're using a `SelectedVariantX` hook in the `ProductProvider` component.*/
+    /** The initially selected variant. If this is missing, then `selectedVariantId`
+     * in the returned `object` from the `useProduct` hook uses the first available variant
+     * or the first variant (if none are available).
+     */
     initialVariantId?: Parameters<typeof useProductOptions>['0']['initialVariantId'];
 }
 /**
  * The `ProductProvider` component sets up a context with product details. Descendents of
- * this component can use the `useProduct` hook and the related `ProductX` or `SelectedVariantX` hooks.
+ * this component can use the `useProduct` hook.
  */
 export declare function ProductProvider({ children, data: product, initialVariantId, }: ProductProviderProps): JSX.Element;
-export declare namespace ProductProvider {
-    var Fragment: string;
-}
-export declare const ProductProviderFragment = "\nfragment ProductProviderFragment on Product  {\n  compareAtPriceRange {\n    maxVariantPrice {\n      ...MoneyFragment\n    }\n    minVariantPrice {\n      ...MoneyFragment\n    }\n  }\n  descriptionHtml\n  handle\n  id\n  media(first: $numProductMedia) {\n    edges {\n      node {\n        ...MediaFileFragment\n      }\n    }\n  }\n  metafields(first: $numProductMetafields) {\n    edges {\n      node {\n        ...MetafieldFragment\n      }\n    }\n  }\n  priceRange {\n    maxVariantPrice {\n      ...MoneyFragment\n    }\n    minVariantPrice {\n      ...MoneyFragment\n    }\n  }\n  title\n  variants(first: $numProductVariants) {\n    edges {\n      node {\n        ...VariantFragment\n      }\n    }\n  }\n  sellingPlanGroups(first: $numProductSellingPlanGroups) {\n    edges {\n      node {\n        ...SellingPlanGroupsFragment\n      }\n    }\n  }\n}\n\n\nfragment MediaFileFragment on Media {\n  ... on MediaImage {\n    mediaContentType\n    image {\n      ...ImageFragment\n    }\n  }\n  ... on Video {\n    mediaContentType\n    ...VideoFragment\n  }\n  ... on ExternalVideo {\n    mediaContentType\n    ...ExternalVideoFragment\n  }\n  ... on Model3d {\n    mediaContentType\n    ...Model3DFragment\n  }\n}\n\n\nfragment MetafieldFragment on Metafield {\n  id\n  type\n  namespace\n  key\n  value\n  createdAt\n  updatedAt\n  description\n  reference @include(if: $includeReferenceMetafieldDetails) {\n    __typename\n    ... on MediaImage {\n      id\n      mediaContentType\n      image {\n        ...ImageFragment\n      }\n    }\n  }\n}\n\nfragment VariantFragment on ProductVariant {\n  id\n  title\n  availableForSale\n  image {\n    ...ImageFragment\n  }\n  ...UnitPriceFragment\n  priceV2 {\n    ...MoneyFragment\n  }\n  compareAtPriceV2 {\n    ...MoneyFragment\n  }\n  selectedOptions {\n    name\n    value\n  }\n  metafields(first: $numProductVariantMetafields) {\n    edges {\n      node {\n        ...MetafieldFragment\n      }\n    }\n  }\n  sellingPlanAllocations(first: $numProductVariantSellingPlanAllocations) {\n    edges {\n      node {\n        priceAdjustments {\n          compareAtPrice {\n            ...MoneyFragment\n          }\n          perDeliveryPrice {\n            ...MoneyFragment\n          }\n          price {\n            ...MoneyFragment\n          }\n          unitPrice {\n            ...MoneyFragment\n          }\n        }\n        sellingPlan {\n          ...SellingPlanFragment\n        }\n      }\n    }\n  }\n}\n\n\nfragment SellingPlanGroupsFragment on SellingPlanGroup {\n  sellingPlans(first:$numProductSellingPlans) {\n    edges {\n      node {\n        ...SellingPlanFragment\n      }\n    }\n  }\n  appName\n  name\n  options {\n    name\n    values\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\nfragment VideoFragment on Video {\n  id\n  previewImage {\n    url\n  }\n  sources {\n    mimeType\n    url\n  }\n}\n\nfragment ExternalVideoFragment on ExternalVideo {\n  id\n  embeddedUrl\n  host\n}\n\nfragment Model3DFragment on Model3d {\n  id\n  alt\n  mediaContentType\n  previewImage {\n    url\n  }\n  sources {\n    url\n  }\n}\n\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n\n\nfragment SellingPlanFragment on SellingPlan {\n  id\n  description\n  name\n  options {\n    name\n    value\n  }\n  priceAdjustments {\n    orderCount\n    adjustmentValue {\n      ...on SellingPlanFixedAmountPriceAdjustment {\n        adjustmentAmount {\n          ...MoneyFragment\n        }\n      }\n      ...on SellingPlanFixedPriceAdjustment {\n        price {\n          ...MoneyFragment\n        }\n      }\n      ...on SellingPlanPercentagePriceAdjustment {\n        adjustmentPercentage\n      }\n    }\n  }\n  recurringDeliveries\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\n\nfragment UnitPriceFragment on ProductVariant {\n  unitPriceMeasurement {\n    measuredType\n    quantityUnit\n    quantityValue\n    referenceUnit\n    referenceValue\n  }\n  unitPrice {\n    ...MoneyFragment\n  }\n}\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\n\nfragment SellingPlanFragment on SellingPlan {\n  id\n  description\n  name\n  options {\n    name\n    value\n  }\n  priceAdjustments {\n    orderCount\n    adjustmentValue {\n      ...on SellingPlanFixedAmountPriceAdjustment {\n        adjustmentAmount {\n          ...MoneyFragment\n        }\n      }\n      ...on SellingPlanFixedPriceAdjustment {\n        price {\n          ...MoneyFragment\n        }\n      }\n      ...on SellingPlanPercentagePriceAdjustment {\n        adjustmentPercentage\n      }\n    }\n  }\n  recurringDeliveries\n}\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}";

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

@@ -2,11 +2,10 @@ import React, { useMemo } from 'react';
 import { useParsedMetafields } from '../../hooks';
 import { flattenConnection } from '../../utilities';
 import { ProductContext } from './context';
-import { ProductProviderFragment as Fragment } from '../../graphql/graphql-constants';
 import { ProductOptionsProvider } from './ProductOptionsProvider.client';
 /**
  * The `ProductProvider` component sets up a context with product details. Descendents of
- * this component can use the `useProduct` hook and the related `ProductX` or `SelectedVariantX` hooks.
+ * this component can use the `useProduct` hook.
  */
 export function ProductProvider({ children, data: product, initialVariantId, }) {
     const metafields = useParsedMetafields(product.metafields);
@@ -32,5 +31,3 @@ export function ProductProvider({ children, data: product, initialVariantId, })
     return (React.createElement(ProductContext.Provider, { value: providerValue },
         React.createElement(ProductOptionsProvider, { initialVariantId: initialVariantId }, children)));
 }
-ProductProvider.Fragment = Fragment;
-export const ProductProviderFragment = Fragment;

package/dist/esnext/components/ProductProvider/ProductProviderFragment.d.ts

@@ -1,9 +1,8 @@
+/**
+ * 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 '../../graphql/types/types';
-import { MoneyFragmentFragment } from '../Money/MoneyFragment';
-import { MediaFileFragment_ExternalVideo_Fragment, MediaFileFragment_MediaImage_Fragment, MediaFileFragment_Model3d_Fragment, MediaFileFragment_Video_Fragment } from '../MediaFile/MediaFileFragment';
-import { MetafieldFragmentFragment } from '../Metafield/MetafieldFragment';
-import { VariantFragmentFragment } from '../../hooks/useProductOptions/VariantFragment';
-import { SellingPlanGroupsFragmentFragment } from '../../hooks/useProductOptions/SellingPlanGroupsFragment';
 export declare type ProductProviderFragmentFragment = {
     __typename?: 'Product';
 } & Pick<Types.Product, 'descriptionHtml' | 'handle' | 'id' | 'title'> & {
@@ -12,10 +11,10 @@ export declare type ProductProviderFragmentFragment = {
     } & {
         maxVariantPrice: {
             __typename?: 'MoneyV2';
-        } & MoneyFragmentFragment;
+        } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
         minVariantPrice: {
             __typename?: 'MoneyV2';
-        } & MoneyFragmentFragment;
+        } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
     };
     media: {
         __typename?: 'MediaConnection';
@@ -25,13 +24,31 @@ export declare type ProductProviderFragmentFragment = {
         } & {
             node: ({
                 __typename?: 'ExternalVideo';
-            } & MediaFileFragment_ExternalVideo_Fragment) | ({
+            } & Pick<Types.ExternalVideo, 'mediaContentType' | 'id' | 'embedUrl' | 'host'>) | ({
                 __typename?: 'MediaImage';
-            } & MediaFileFragment_MediaImage_Fragment) | ({
+            } & Pick<Types.MediaImage, 'mediaContentType'> & {
+                image?: Types.Maybe<{
+                    __typename?: 'Image';
+                } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+            }) | ({
                 __typename?: 'Model3d';
-            } & MediaFileFragment_Model3d_Fragment) | ({
+            } & Pick<Types.Model3d, 'mediaContentType' | 'id' | 'alt'> & {
+                previewImage?: Types.Maybe<{
+                    __typename?: 'Image';
+                } & Pick<Types.Image, 'url'>>;
+                sources: Array<{
+                    __typename?: 'Model3dSource';
+                } & Pick<Types.Model3dSource, 'url'>>;
+            }) | ({
                 __typename?: 'Video';
-            } & MediaFileFragment_Video_Fragment);
+            } & Pick<Types.Video, 'mediaContentType' | 'id'> & {
+                previewImage?: Types.Maybe<{
+                    __typename?: 'Image';
+                } & Pick<Types.Image, 'url'>>;
+                sources: Array<{
+                    __typename?: 'VideoSource';
+                } & Pick<Types.VideoSource, 'mimeType' | 'url'>>;
+            });
         }>;
     };
     metafields: {
@@ -42,7 +59,21 @@ export declare type ProductProviderFragmentFragment = {
         } & {
             node: {
                 __typename?: 'Metafield';
-            } & MetafieldFragmentFragment;
+            } & Pick<Types.Metafield, 'id' | 'type' | 'namespace' | 'key' | 'value' | 'createdAt' | 'updatedAt' | 'description'> & {
+                reference?: Types.Maybe<({
+                    __typename: 'MediaImage';
+                } & Pick<Types.MediaImage, 'id' | 'mediaContentType'> & {
+                    image?: Types.Maybe<{
+                        __typename?: 'Image';
+                    } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+                }) | {
+                    __typename: 'Page';
+                } | {
+                    __typename: 'Product';
+                } | {
+                    __typename: 'ProductVariant';
+                }>;
+            };
         }>;
     };
     priceRange: {
@@ -50,10 +81,10 @@ export declare type ProductProviderFragmentFragment = {
     } & {
         maxVariantPrice: {
             __typename?: 'MoneyV2';
-        } & MoneyFragmentFragment;
+        } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
         minVariantPrice: {
             __typename?: 'MoneyV2';
-        } & MoneyFragmentFragment;
+        } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
     };
     variants: {
         __typename?: 'ProductVariantConnection';
@@ -63,7 +94,105 @@ export declare type ProductProviderFragmentFragment = {
         } & {
             node: {
                 __typename?: 'ProductVariant';
-            } & VariantFragmentFragment;
+            } & Pick<Types.ProductVariant, 'id' | 'title' | 'availableForSale'> & {
+                image?: Types.Maybe<{
+                    __typename?: 'Image';
+                } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+                priceV2: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                compareAtPriceV2?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                selectedOptions: Array<{
+                    __typename?: 'SelectedOption';
+                } & Pick<Types.SelectedOption, 'name' | 'value'>>;
+                metafields: {
+                    __typename?: 'MetafieldConnection';
+                } & {
+                    edges: Array<{
+                        __typename?: 'MetafieldEdge';
+                    } & {
+                        node: {
+                            __typename?: 'Metafield';
+                        } & Pick<Types.Metafield, 'id' | 'type' | 'namespace' | 'key' | 'value' | 'createdAt' | 'updatedAt' | 'description'> & {
+                            reference?: Types.Maybe<({
+                                __typename: 'MediaImage';
+                            } & Pick<Types.MediaImage, 'id' | 'mediaContentType'> & {
+                                image?: Types.Maybe<{
+                                    __typename?: 'Image';
+                                } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
+                            }) | {
+                                __typename: 'Page';
+                            } | {
+                                __typename: 'Product';
+                            } | {
+                                __typename: 'ProductVariant';
+                            }>;
+                        };
+                    }>;
+                };
+                sellingPlanAllocations: {
+                    __typename?: 'SellingPlanAllocationConnection';
+                } & {
+                    edges: Array<{
+                        __typename?: 'SellingPlanAllocationEdge';
+                    } & {
+                        node: {
+                            __typename?: 'SellingPlanAllocation';
+                        } & {
+                            priceAdjustments: Array<{
+                                __typename?: 'SellingPlanAllocationPriceAdjustment';
+                            } & {
+                                compareAtPrice: {
+                                    __typename?: 'MoneyV2';
+                                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                                perDeliveryPrice: {
+                                    __typename?: 'MoneyV2';
+                                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                                price: {
+                                    __typename?: 'MoneyV2';
+                                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                                unitPrice?: Types.Maybe<{
+                                    __typename?: 'MoneyV2';
+                                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+                            }>;
+                            sellingPlan: {
+                                __typename?: 'SellingPlan';
+                            } & Pick<Types.SellingPlan, 'id' | 'description' | 'name' | 'recurringDeliveries'> & {
+                                options: Array<{
+                                    __typename?: 'SellingPlanOption';
+                                } & Pick<Types.SellingPlanOption, 'name' | 'value'>>;
+                                priceAdjustments: Array<{
+                                    __typename?: 'SellingPlanPriceAdjustment';
+                                } & Pick<Types.SellingPlanPriceAdjustment, 'orderCount'> & {
+                                    adjustmentValue: ({
+                                        __typename?: 'SellingPlanFixedAmountPriceAdjustment';
+                                    } & {
+                                        adjustmentAmount: {
+                                            __typename?: 'MoneyV2';
+                                        } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                                    }) | ({
+                                        __typename?: 'SellingPlanFixedPriceAdjustment';
+                                    } & {
+                                        price: {
+                                            __typename?: 'MoneyV2';
+                                        } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                                    }) | ({
+                                        __typename?: 'SellingPlanPercentagePriceAdjustment';
+                                    } & Pick<Types.SellingPlanPercentagePriceAdjustment, 'adjustmentPercentage'>);
+                                }>;
+                            };
+                        };
+                    }>;
+                };
+                unitPriceMeasurement?: Types.Maybe<{
+                    __typename?: 'UnitPriceMeasurement';
+                } & Pick<Types.UnitPriceMeasurement, 'measuredType' | 'quantityUnit' | 'quantityValue' | 'referenceUnit' | 'referenceValue'>>;
+                unitPrice?: Types.Maybe<{
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>>;
+            };
         }>;
     };
     sellingPlanGroups: {
@@ -74,7 +203,45 @@ export declare type ProductProviderFragmentFragment = {
         } & {
             node: {
                 __typename?: 'SellingPlanGroup';
-            } & SellingPlanGroupsFragmentFragment;
+            } & Pick<Types.SellingPlanGroup, 'appName' | 'name'> & {
+                sellingPlans: {
+                    __typename?: 'SellingPlanConnection';
+                } & {
+                    edges: Array<{
+                        __typename?: 'SellingPlanEdge';
+                    } & {
+                        node: {
+                            __typename?: 'SellingPlan';
+                        } & Pick<Types.SellingPlan, 'id' | 'description' | 'name' | 'recurringDeliveries'> & {
+                            options: Array<{
+                                __typename?: 'SellingPlanOption';
+                            } & Pick<Types.SellingPlanOption, 'name' | 'value'>>;
+                            priceAdjustments: Array<{
+                                __typename?: 'SellingPlanPriceAdjustment';
+                            } & Pick<Types.SellingPlanPriceAdjustment, 'orderCount'> & {
+                                adjustmentValue: ({
+                                    __typename?: 'SellingPlanFixedAmountPriceAdjustment';
+                                } & {
+                                    adjustmentAmount: {
+                                        __typename?: 'MoneyV2';
+                                    } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                                }) | ({
+                                    __typename?: 'SellingPlanFixedPriceAdjustment';
+                                } & {
+                                    price: {
+                                        __typename?: 'MoneyV2';
+                                    } & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;
+                                }) | ({
+                                    __typename?: 'SellingPlanPercentagePriceAdjustment';
+                                } & Pick<Types.SellingPlanPercentagePriceAdjustment, 'adjustmentPercentage'>);
+                            }>;
+                        };
+                    }>;
+                };
+                options: Array<{
+                    __typename?: 'SellingPlanGroupOption';
+                } & Pick<Types.SellingPlanGroupOption, 'name' | 'values'>>;
+            };
         }>;
     };
 };

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

@@ -1,2 +1,2 @@
-export { ProductProvider, ProductProviderFragment, } from './ProductProvider.client';
+export { ProductProvider } from './ProductProvider.client';
 export { useProduct } from '../../hooks/useProduct/useProduct';

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

@@ -1,2 +1,2 @@
-export { ProductProvider, ProductProviderFragment, } from './ProductProvider.client';
+export { ProductProvider } from './ProductProvider.client';
 export { useProduct } from '../../hooks/useProduct/useProduct';

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

@@ -1,5 +1,3 @@
-import { ElementType } from 'react';
-import { Props } from '../types';
 export interface RawHtmlProps<TTag> {
     /** An HTML string. */
     string: string;
@@ -16,4 +14,4 @@ export interface RawHtmlProps<TTag> {
  * [isomorphic-dompurify](https://github.com/kkomelin/isomorphic-dompurify) by default.
  * To keep the text unsanitized, set the `unsanitized` prop to `true`.
  */
-export declare function RawHtml<TTag extends ElementType>(props: Props<TTag> & RawHtmlProps<TTag>): JSX.Element;
+export declare function RawHtml<TTag extends keyof JSX.IntrinsicElements = 'div'>(props: JSX.IntrinsicElements[TTag] & RawHtmlProps<TTag>): JSX.Element;

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

@@ -1 +1 @@
-export { RawHtml, RawHtmlProps } from './RawHtml';
+export { RawHtml } from './RawHtml';

package/dist/esnext/components/Seo/CollectionSeo.client.d.ts

@@ -1,2 +1,2 @@
-import { Collection } from './types';
-export declare function CollectionSeo({ title, description, seo, image }: Collection): JSX.Element;
+import type { CollectionSeoFragmentFragment } from './SeoFragment';
+export declare function CollectionSeo({ title, description, seo, image, }: CollectionSeoFragmentFragment): JSX.Element;

package/dist/esnext/components/Seo/CollectionSeo.client.js

@@ -3,7 +3,7 @@ import { TitleSeo } from './TitleSeo.client';
 import { DescriptionSeo } from './DescriptionSeo.client';
 import { TwitterSeo } from './TwitterSeo.client';
 import { ImageSeo } from './ImageSeo.client';
-export function CollectionSeo({ title, description, seo, image }) {
+export function CollectionSeo({ title, description, seo, image, }) {
     var _a, _b;
     const seoTitle = (_a = seo.title) !== null && _a !== void 0 ? _a : title;
     const seoDescription = (_b = seo.description) !== null && _b !== void 0 ? _b : description;

package/dist/esnext/components/Seo/DefaultPageSeo.client.js

@@ -8,10 +8,10 @@ export function DefaultPageSeo({ title, description, url, titleTemplate, lang, }
     const { locale } = useShop();
     const fallBacklang = locale.split(/[-_]/)[0];
     return (React.createElement(React.Fragment, null,
-        React.createElement(Head, { defaultTitle: title, titleTemplate: titleTemplate !== null && titleTemplate !== void 0 ? titleTemplate : `%s - ${title}` },
+        React.createElement(Head, { defaultTitle: title !== null && title !== void 0 ? title : '', titleTemplate: titleTemplate !== null && titleTemplate !== void 0 ? titleTemplate : `%s - ${title}` },
             React.createElement("html", { lang: lang !== null && lang !== void 0 ? lang : fallBacklang }),
             React.createElement("meta", { property: "og:type", content: "website" }),
-            React.createElement("meta", { property: "og:site_name", content: title }),
+            React.createElement("meta", { property: "og:site_name", content: title !== null && title !== void 0 ? title : '' }),
             React.createElement("meta", { property: "og:url", content: url })),
         React.createElement(TitleSeo, { title: title }),
         React.createElement(DescriptionSeo, { description: description }),

package/dist/esnext/components/Seo/DescriptionSeo.client.d.ts

@@ -1,4 +1,4 @@
-import type { Description } from './types';
-export declare function DescriptionSeo({ description }: {
-    description?: Description;
+import type { SeoFragmentFragment } from './SeoFragment';
+export declare function DescriptionSeo({ description, }: {
+    description?: SeoFragmentFragment['description'];
 }): JSX.Element | null;

package/dist/esnext/components/Seo/DescriptionSeo.client.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Head } from '../../client';
-export function DescriptionSeo({ description }) {
+export function DescriptionSeo({ description, }) {
     if (!description) {
         return null;
     }

package/dist/esnext/components/Seo/ImageSeo.client.d.ts

@@ -1,2 +1,2 @@
-import type { Image } from './types';
-export declare function ImageSeo({ url, width, height, altText }: Partial<Image>): JSX.Element;
+import type { ImageSeoFragmentFragment } from './SeoFragment';
+export declare function ImageSeo({ url, width, height, altText, }: Partial<ImageSeoFragmentFragment>): JSX.Element;

package/dist/esnext/components/Seo/ImageSeo.client.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Head } from '../../client';
-export function ImageSeo({ url, width, height, altText }) {
+export function ImageSeo({ url, width, height, altText, }) {
     return (React.createElement(Head, null,
         url && React.createElement("meta", { property: "og:image", content: url }),
         url && React.createElement("meta", { property: "og:image:secure_url", content: url }),

package/dist/esnext/components/Seo/PageSeo.client.d.ts

@@ -1,2 +1,2 @@
-import { Page } from './types';
-export declare function PageSeo({ title, seo }: Page): JSX.Element;
+import { PageSeoFragmentFragment } from './SeoFragment';
+export declare function PageSeo({ title, seo }: PageSeoFragmentFragment): JSX.Element;

package/dist/esnext/components/Seo/PageSeo.client.js

@@ -4,8 +4,8 @@ import { DescriptionSeo } from './DescriptionSeo.client';
 import { TwitterSeo } from './TwitterSeo.client';
 export function PageSeo({ title, seo }) {
     var _a;
-    const seoTitle = (_a = seo.title) !== null && _a !== void 0 ? _a : title;
-    const seoDescription = seo.description;
+    const seoTitle = (_a = seo === null || seo === void 0 ? void 0 : seo.title) !== null && _a !== void 0 ? _a : title;
+    const seoDescription = seo === null || seo === void 0 ? void 0 : seo.description;
     return (React.createElement(React.Fragment, null,
         React.createElement(TitleSeo, { title: seoTitle }),
         React.createElement(DescriptionSeo, { description: seoDescription }),

package/dist/esnext/components/Seo/ProductSeo.client.d.ts

@@ -1,2 +1,5 @@
-import { Product } from './types';
-export declare function ProductSeo({ url, title, description, seo, vendor, featuredImage, variants, }: Product): JSX.Element;
+import type { ProductSeoFragmentFragment } from './SeoFragment';
+import type { Scalars } from '../../graphql/types/types';
+export declare function ProductSeo({ url, title, description, seo, vendor, featuredImage, variants, }: ProductSeoFragmentFragment & {
+    url: Scalars['URL'];
+}): JSX.Element;

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

@@ -1,22 +1,23 @@
-import type { DefaultPage, HomePage, Product, Collection, Page } from './types';
+import type { DefaultPage, HomePage } from './types';
+import type { ProductSeoFragmentFragment, CollectionSeoFragmentFragment, PageSeoFragmentFragment } from './SeoFragment';
 declare type Props = {
     type: 'defaultSeo';
-    data: Pick<DefaultPage, Exclude<keyof DefaultPage, 'url'>>;
+    data: Omit<DefaultPage, 'url'>;
 } | {
     type: 'homepage';
-    data: Pick<HomePage, Exclude<keyof HomePage, 'url'>>;
+    data: Omit<HomePage, 'url'>;
 } | {
     type: 'product';
-    data: Pick<Product, Exclude<keyof Product, 'url'>>;
+    data: ProductSeoFragmentFragment;
 } | {
     type: 'collection';
-    data: Collection;
+    data: CollectionSeoFragmentFragment;
 } | {
     type: 'page';
-    data: Page;
+    data: PageSeoFragmentFragment;
 };
 /**
  * The `Seo` component renders SEO information on a webpage.
  */
-export declare function Seo({ type, data }: Props): JSX.Element | null;
+export declare function Seo(props: Props): JSX.Element | null;
 export {};

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

@@ -8,27 +8,21 @@ import { PageSeo } from './PageSeo.client';
 /**
  * The `Seo` component renders SEO information on a webpage.
  */
-export function Seo({ type, data }) {
+export function Seo(props) {
     const url = useUrl().href;
-    let SeoMarkup = null;
-    switch (type) {
+    switch (props.type) {
         case 'defaultSeo':
-            SeoMarkup = React.createElement(DefaultPageSeo, { ...{ url, ...data } });
-            break;
+            return React.createElement(DefaultPageSeo, { ...{ url, ...props.data } });
         case 'homepage':
-            SeoMarkup = React.createElement(HomePageSeo, { ...{ url, ...data } });
-            break;
+            return React.createElement(HomePageSeo, { ...{ url, ...props.data } });
         case 'product':
-            SeoMarkup = React.createElement(ProductSeo, { ...{ url, ...data } });
-            break;
+            return React.createElement(ProductSeo, { ...{ url, ...props.data } });
         case 'collection':
-            SeoMarkup = React.createElement(CollectionSeo, { ...data });
-            break;
+            return React.createElement(CollectionSeo, { ...props.data });
         case 'page':
-            SeoMarkup = React.createElement(PageSeo, { ...data });
-            break;
+            return React.createElement(PageSeo, { ...props.data });
         default:
             console.warn('The <Seo/> only accepts type prop with values of defaultSeo, homepage, product, collection, or page.');
+            return null;
     }
-    return SeoMarkup;
 }

package/dist/esnext/components/Seo/SeoFragment.d.ts

@@ -0,0 +1,66 @@
+/**
+ * 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 '../../graphql/types/types';
+export declare type DefaultPageSeoFragmentFragment = {
+    __typename?: 'Shop';
+} & Pick<Types.Shop, 'description'> & {
+    title: Types.Shop['name'];
+};
+export declare type HomeSeoFragmentFragment = {
+    __typename?: 'Shop';
+} & Pick<Types.Shop, 'description'> & {
+    title: Types.Shop['name'];
+};
+export declare type ImageSeoFragmentFragment = {
+    __typename?: 'Image';
+} & Pick<Types.Image, 'url' | 'width' | 'height' | 'altText'>;
+export declare type SeoFragmentFragment = {
+    __typename?: 'SEO';
+} & Pick<Types.Seo, 'description' | 'title'>;
+export declare type ProductSeoFragmentFragment = {
+    __typename?: 'Product';
+} & Pick<Types.Product, 'title' | 'description' | 'vendor'> & {
+    seo: {
+        __typename?: 'SEO';
+    } & Pick<Types.Seo, 'description' | 'title'>;
+    featuredImage?: Types.Maybe<{
+        __typename?: 'Image';
+    } & Pick<Types.Image, 'url' | 'width' | 'height' | 'altText'>>;
+    variants: {
+        __typename?: 'ProductVariantConnection';
+    } & {
+        edges: Array<{
+            __typename?: 'ProductVariantEdge';
+        } & {
+            node: {
+                __typename?: 'ProductVariant';
+            } & Pick<Types.ProductVariant, 'availableForSale' | 'sku'> & {
+                image?: Types.Maybe<{
+                    __typename?: 'Image';
+                } & Pick<Types.Image, 'url'>>;
+                priceV2: {
+                    __typename?: 'MoneyV2';
+                } & Pick<Types.MoneyV2, 'amount' | 'currencyCode'>;
+            };
+        }>;
+    };
+};
+export declare type CollectionSeoFragmentFragment = {
+    __typename?: 'Collection';
+} & Pick<Types.Collection, 'title' | 'description'> & {
+    seo: {
+        __typename?: 'SEO';
+    } & Pick<Types.Seo, 'description' | 'title'>;
+    image?: Types.Maybe<{
+        __typename?: 'Image';
+    } & Pick<Types.Image, 'url' | 'width' | 'height' | 'altText'>>;
+};
+export declare type PageSeoFragmentFragment = {
+    __typename?: 'Page';
+} & Pick<Types.Page, 'title'> & {
+    seo?: Types.Maybe<{
+        __typename?: 'SEO';
+    } & Pick<Types.Seo, 'description' | 'title'>>;
+};

package/dist/esnext/components/Seo/SeoFragment.js

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

package/dist/esnext/components/Seo/TitleSeo.client.d.ts

@@ -1,4 +1,4 @@
-import type { Title } from './types';
+import type { SeoFragmentFragment } from './SeoFragment';
 export declare function TitleSeo({ title }: {
-    title?: Title;
+    title?: SeoFragmentFragment['title'];
 }): JSX.Element | null;