@shopify/hydrogen 0.7.0 → 0.7.1

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

@@ -6,7 +6,7 @@ export declare const CartLineContext: import("react").Context<({
     } & Pick<import("../../graphql/types/types").Attribute, "key" | "value">)[];
     merchandise: {
         __typename?: "ProductVariant" | undefined;
-    } & Pick<import("../../graphql/types/types").ProductVariant, "title" | "id" | "availableForSale" | "requiresShipping"> & {
+    } & Pick<import("../../graphql/types/types").ProductVariant, "id" | "title" | "availableForSale" | "requiresShipping"> & {
         compareAtPriceV2?: import("../../graphql/types/types").Maybe<{
             __typename?: "MoneyV2" | undefined;
         } & {
@@ -21,12 +21,12 @@ export declare const CartLineContext: import("react").Context<({
             __typename?: "Image" | undefined;
         } & {
             __typename?: "Image" | undefined;
-        } & Pick<import("../../graphql/types/types").Image, "height" | "width" | "url" | "id" | "altText">> | undefined;
+        } & Pick<import("../../graphql/types/types").Image, "id" | "height" | "width" | "url" | "altText">> | undefined;
         product: {
             __typename?: "Product" | undefined;
         } & Pick<import("../../graphql/types/types").Product, "title" | "handle">;
         selectedOptions: ({
             __typename?: "SelectedOption" | undefined;
-        } & Pick<import("../../graphql/types/types").SelectedOption, "value" | "name">)[];
+        } & Pick<import("../../graphql/types/types").SelectedOption, "name" | "value">)[];
     };
 }) | null>;

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

@@ -417,7 +417,6 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             return;
         }
         buyerIdentityUpdate({ countryCode }, state);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [countryCode]);
     const cartContextValue = useMemo(() => {
         return {

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

@@ -22,5 +22,5 @@ export declare function ExternalVideo<TTag extends React.ElementType = 'iframe'>
 export declare namespace ExternalVideo {
     var Fragment: string;
 }
-export declare const ExternalVideoFragment: string;
+export declare const ExternalVideoFragment = "fragment ExternalVideoFragment on ExternalVideo {\n  id\n  embeddedUrl\n  host\n}\n\n";
 export {};

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

@@ -38,5 +38,5 @@ export declare function Image<TTag extends React.ElementType = 'img'>(props: Pro
 export declare namespace Image {
     var Fragment: string;
 }
-export declare const ImageFragment: string;
+export declare const ImageFragment = "fragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n\n";
 export {};

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

@@ -24,5 +24,5 @@ export declare function MediaFile({ media, options, ...passthroughProps }: Media
 export declare namespace MediaFile {
     var Fragment: string;
 }
-export declare const MediaFileFragment: string;
+export declare const MediaFileFragment = "\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\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";
 export {};

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

@@ -22,4 +22,4 @@ export declare function Metafield<TTag extends ElementType>(props: Props<TTag> &
 export declare namespace Metafield {
     var Fragment: string;
 }
-export declare const MetafieldFragment: string;
+export declare const MetafieldFragment = "\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}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";

package/dist/esnext/components/Metafield/components/StarRating/StarRating.d.ts

@@ -8,5 +8,5 @@ export interface StarRatingProps {
 }
 export declare function StarRating<TTag extends ElementType>(props: Props<TTag> & StarRatingProps): JSX.Element;
 export declare function Star({ percentFilled }: {
-    percentFilled: Number;
+    percentFilled: number;
 }): JSX.Element;

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

@@ -1,3 +1,3 @@
 export { Metafield, MetafieldFragment } from './Metafield.client';
-export { MetafieldType } from './types';
-export { MetafieldFragmentFragment } from './MetafieldFragment';
+export type { MetafieldType } from './types';
+export type { MetafieldFragmentFragment } from './MetafieldFragment';

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

@@ -134,5 +134,5 @@ export declare function Model3D<TTag extends ElementType>(props: Props<TTag, Pro
 export declare namespace Model3D {
     var Fragment: string;
 }
-export declare const Model3DFragment: string;
+export declare const Model3DFragment = "fragment Model3DFragment on Model3d {\n  id\n  alt\n  mediaContentType\n  previewImage {\n    url\n  }\n  sources {\n    url\n  }\n}\n\n";
 export {};

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

@@ -19,4 +19,4 @@ export declare function Money<TTag extends ElementType>(props: Props<TTag> & Mon
 export declare namespace Money {
     var Fragment: string;
 }
-export declare const MoneyFragment: string;
+export declare const MoneyFragment = "fragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\n";

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

@@ -15,4 +15,4 @@ export declare function ProductProvider({ children, product, initialVariantId, }
 export declare namespace ProductProvider {
     var Fragment: string;
 }
-export declare const ProductProviderFragment: 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/UnitPrice/UnitPrice.client.d.ts

@@ -23,4 +23,4 @@ export declare function UnitPrice<TTag extends ElementType>(props: Props<TTag> &
 export declare namespace UnitPrice {
     var Fragment: string;
 }
-export declare const UnitPriceFragment: string;
+export declare const UnitPriceFragment = "\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}";

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

@@ -19,4 +19,4 @@ export declare function Video<TTag extends React.ElementType = 'video'>(props: P
 export declare namespace Video {
     var Fragment: string;
 }
-export declare const VideoFragment: string;
+export declare const VideoFragment = "fragment VideoFragment on Video {\n  id\n  previewImage {\n    url\n  }\n  sources {\n    mimeType\n    url\n  }\n}\n\n";

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

@@ -15,8 +15,8 @@ export type { Model3DProps } from './Model3D';
 export { Model3D } from './Model3D';
 export type { MoneyProps } from './Money';
 export { Money } from './Money';
-export { Metafield, MetafieldFragmentFragment } from './Metafield';
-export type { MetafieldType } from './Metafield';
+export { Metafield } from './Metafield';
+export type { MetafieldType, MetafieldFragmentFragment } from './Metafield';
 export { CartLineProvider, useCartLine } from './CartLineProvider';
 export { CartLineImage } from './CartLineImage';
 export { CartLinePrice } from './CartLinePrice';

package/dist/esnext/foundation/ServerStateProvider/index.d.ts

@@ -1 +1,2 @@
-export { ServerStateProvider, ServerStateContext, ServerStateContextValue, ServerState, } from './ServerStateProvider.client';
+export { ServerStateProvider, ServerStateContext, } from './ServerStateProvider.client';
+export type { ServerState, ServerStateContextValue, } from './ServerStateProvider.client';

package/dist/esnext/foundation/useServerState/use-server-state.d.ts

@@ -1,5 +1,5 @@
 /**
- * The `useServerState` hook allows you to [manage server state](/api/hydrogen/framework/server-state) when using Hydrogen as a React Server Component framework.
+ * The `useServerState` hook allows you to [manage server state](/custom-storefronts/hydrogen/framework/server-state) when using Hydrogen as a React Server Component framework.
  *
  * ## Return value
  *

package/dist/esnext/foundation/useServerState/use-server-state.js

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { ServerStateContext } from '../ServerStateProvider';
 /**
- * The `useServerState` hook allows you to [manage server state](/api/hydrogen/framework/server-state) when using Hydrogen as a React Server Component framework.
+ * The `useServerState` hook allows you to [manage server state](/custom-storefronts/hydrogen/framework/server-state) when using Hydrogen as a React Server Component framework.
  *
  * ## Return value
  *

package/dist/esnext/framework/ClientMarker/ClientMarker.js

@@ -12,7 +12,6 @@ export function wrapInClientMarker(meta) {
     // Use object syntax here to make sure the function name
     // comes from the meta params for better error stacks.
     const wrappedComponent = {
-        // eslint-disable-next-line react/display-name
         [name]: (props) => React.createElement(ClientMarker, { ...{ props, meta } }),
     }[name];
     // Relay component properties such as `Image.Fragment`

package/dist/esnext/framework/Hydration/writer.server.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-empty-function */
 /**
  * HydrationWriter is an implementation of `WritableStream` which
  * keeps track of chunks emitted from React's `pipeToNodeWritable`.

package/dist/esnext/framework/plugins/vite-plugin-react-server-components-shim.js

@@ -2,7 +2,6 @@ import { normalizePath } from 'vite';
 import path from 'path';
 import { proxyClientComponent } from '../server-components';
 import { resolve } from './resolver';
-import { promises as fs } from 'fs';
 export default () => {
     let config;
     return {
@@ -42,15 +41,6 @@ export default () => {
             if (/\.client\.[jt]sx?$/.test(id)) {
                 return proxyClientComponent({ id });
             }
-            // Temporary fix for sourcemap warnings in client components. This can be fixed in @vitejs/react-plugin.
-            // `react-ssr-prepass` sourcemap seems to be broken and crashes in workers/Jest.
-            if (id.endsWith('?no-proxy') ||
-                id.includes('dist/react-ssr-prepass.es.js')) {
-                return {
-                    code: await fs.readFile(id.split('?')[0], 'utf-8'),
-                    map: { mappings: '' },
-                };
-            }
             return null;
         },
         transform(code, id) {

package/dist/esnext/framework/server-components.js

@@ -2,9 +2,8 @@ import { init, parse } from 'es-module-lexer';
 import { promises as fs } from 'fs';
 import { transformWithEsbuild } from 'vite';
 import MagicString from 'magic-string';
+const DEFAULT_EXPORT = 'default';
 export async function proxyClientComponent({ id, src, }) {
-    var _a;
-    const defaultComponentName = (_a = id.split('/').pop()) === null || _a === void 0 ? void 0 : _a.split('.').shift();
     // Modify the import ID to avoid infinite wraps
     const importFrom = `${id}?no-proxy`;
     await init;
@@ -13,56 +12,35 @@ export async function proxyClientComponent({ id, src, }) {
     }
     const { code } = await transformWithEsbuild(src, id);
     const [, exportStatements] = parse(code);
-    const hasDefaultExport = exportStatements.includes('default');
-    // Split namedImports in components to wrap and everything else (e.g. GQL Fragments)
-    const namedImports = exportStatements.reduce((acc, i) => {
-        if (i !== 'default') {
-            // Add here any other naming pattern for a non-component export
-            if (/^use[A-Z]|Fragment$|Context$|^[A-Z_]+$/.test(i)) {
-                acc.other.push(i);
-            }
-            else {
-                acc.components.push(i);
-            }
+    // Classify exports in components to wrap vs. everything else (e.g. GQL Fragments)
+    const otherExports = [];
+    const componentExports = [];
+    for (const key of exportStatements) {
+        if (key !== DEFAULT_EXPORT &&
+            /^use[A-Z]|Fragment$|Context$|^[A-Z_]+$/.test(key)) {
+            otherExports.push(key);
         }
-        return acc;
-    }, { components: [], other: [] });
-    if (!hasDefaultExport && namedImports.components.length === 0) {
-        return `export * from '${importFrom}';\n`;
-    }
-    const s = new MagicString(`import {wrapInClientMarker} from '@shopify/hydrogen/marker';`);
-    s.append('\nimport ');
-    if (hasDefaultExport) {
-        s.append(defaultComponentName);
-        if (namedImports.components.length > 0) {
-            s.append(', ');
+        else {
+            componentExports.push(key);
         }
     }
-    if (namedImports.components.length) {
-        s.append('* as namedImports');
+    if (componentExports.length === 0) {
+        return `export * from '${importFrom}';\n`;
     }
-    s.append(` from '${importFrom}';\n\n`);
+    const s = new MagicString(`import {wrapInClientMarker} from '@shopify/hydrogen/marker';\n` +
+        `import * as allImports from '${importFrom}';\n\n`);
     // Re-export other stuff directly without wrapping
-    if (namedImports.other.length > 0) {
-        s.append(`export {${namedImports.other.join(', ')}} from '${importFrom}';\n`);
+    if (otherExports.length > 0) {
+        s.append(`export {${otherExports.join(', ')}} from '${importFrom}';\n`);
     }
-    if (hasDefaultExport) {
-        s.append(generateComponentExport({
-            id,
-            componentName: defaultComponentName,
-            isDefault: true,
-        }));
-    }
-    namedImports.components.forEach((name) => s.append(generateComponentExport({
-        id,
-        componentName: name,
-        isDefault: false,
-    })));
+    // Wrap components in Client Marker
+    componentExports.forEach((key) => {
+        var _a;
+        const isDefault = key === DEFAULT_EXPORT;
+        const componentName = isDefault
+            ? (_a = id.split('/').pop()) === null || _a === void 0 ? void 0 : _a.split('.').shift()
+            : key;
+        s.append(`export ${isDefault ? DEFAULT_EXPORT : `const ${componentName} =`} wrapInClientMarker({ name: '${componentName}', id: '${id}', component: allImports['${key}'], named: ${!isDefault} });\n`);
+    });
     return s.toString();
 }
-function generateComponentExport({ id, isDefault, componentName, }) {
-    const component = isDefault
-        ? componentName
-        : `namedImports['${componentName}']`;
-    return `export ${isDefault ? 'default' : `const ${componentName} =`} wrapInClientMarker({ name: '${componentName}', id: '${id}', component: ${component}, named: ${!isDefault} });\n`;
-}

package/dist/esnext/graphql/graphql-constants.d.ts

@@ -99,7 +99,7 @@
  *
  *```
  */
-export declare const CartAttributesUpdate: string;
+export declare const CartAttributesUpdate = "\nmutation CartAttributesUpdate($attributes: [AttributeInput!]!, $cartId: ID!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {\n  cartAttributesUpdate(attributes: $attributes, cartId: $cartId) {\n    cart {\n      ...CartFragment\n    }\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  *
@@ -206,7 +206,7 @@ export declare const CartAttributesUpdate: string;
  *
  *```
  */
-export declare const CartBuyerIdentityUpdate: string;
+export declare const CartBuyerIdentityUpdate = "\nmutation CartBuyerIdentityUpdate(\n  $cartId: ID!\n  $buyerIdentity: CartBuyerIdentityInput!\n  $numCartLines: Int = 250\n  $country: CountryCode = ZZ\n) @inContext(country: $country) {\n  cartBuyerIdentityUpdate(cartId: $cartId, buyerIdentity: $buyerIdentity) {\n    cart {\n      ...CartFragment\n    }\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  *
@@ -308,7 +308,7 @@ export declare const CartBuyerIdentityUpdate: string;
  *
  *```
  */
-export declare const CartCreate: string;
+export declare const CartCreate = "\nmutation CartCreate($input: CartInput!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {\n  cartCreate(input: $input) {\n    cart {\n      ...CartFragment\n    }\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  *
@@ -410,7 +410,7 @@ export declare const CartCreate: string;
  *
  *```
  */
-export declare const CartDiscountCodesUpdate: string;
+export declare const CartDiscountCodesUpdate = "\nmutation CartDiscountCodesUpdate($cartId: ID!, $discountCodes: [String!], $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {\n  cartDiscountCodesUpdate(cartId: $cartId, discountCodes: $discountCodes) {\n    cart {\n      ...CartFragment\n    }\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  * fragment CartFragment on Cart {
@@ -503,7 +503,7 @@ export declare const CartDiscountCodesUpdate: string;
  *
  *```
  */
-export declare const CartFragment: string;
+export declare const CartFragment = "fragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  *
@@ -605,7 +605,7 @@ export declare const CartFragment: string;
  *
  *```
  */
-export declare const CartLineAdd: string;
+export declare const CartLineAdd = "\nmutation CartLineAdd($cartId: ID!, $lines: [CartLineInput!]!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {\n  cartLinesAdd(cartId: $cartId, lines: $lines) {\n    cart {\n      ...CartFragment\n    }\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  *
@@ -707,7 +707,7 @@ export declare const CartLineAdd: string;
  *
  *```
  */
-export declare const CartLineRemove: string;
+export declare const CartLineRemove = "\nmutation CartLineRemove($cartId: ID!, $lines: [ID!]!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {\n  cartLinesRemove(cartId: $cartId, lineIds: $lines) {\n    cart {\n      ...CartFragment\n    }\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  *
@@ -809,7 +809,7 @@ export declare const CartLineRemove: string;
  *
  *```
  */
-export declare const CartLineUpdate: string;
+export declare const CartLineUpdate = "\nmutation CartLineUpdate($cartId: ID!, $lines: [CartLineUpdateInput!]!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {\n  cartLinesUpdate(cartId: $cartId, lines: $lines) {\n    cart {\n      ...CartFragment\n    }\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  *
@@ -911,7 +911,7 @@ export declare const CartLineUpdate: string;
  *
  *```
  */
-export declare const CartNoteUpdate: string;
+export declare const CartNoteUpdate = "\nmutation CartNoteUpdate($cartId: ID!, $note: String, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {\n  cartNoteUpdate(cartId: $cartId, note: $note) {\n    cart {\n      ...CartFragment\n    }\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
  *```
  *
@@ -1011,7 +1011,7 @@ export declare const CartNoteUpdate: string;
  *
  *```
  */
-export declare const CartQuery: string;
+export declare const CartQuery = "\nquery CartQuery($id: ID!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {\n  cart(id: $id) {\n    ...CartFragment\n  }\n}\n\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  estimatedCost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
 *```
 * fragment ExternalVideoFragment on ExternalVideo {
@@ -1023,7 +1023,7 @@ export declare const CartQuery: string;
 
 *```
 */
-export declare const ExternalVideoFragment: string;
+export declare const ExternalVideoFragment = "fragment ExternalVideoFragment on ExternalVideo {\n  id\n  embeddedUrl\n  host\n}\n\n";
 /**
 *```
 * fragment ImageFragment on Image {
@@ -1037,7 +1037,7 @@ export declare const ExternalVideoFragment: string;
 
 *```
 */
-export declare const ImageFragment: string;
+export declare const ImageFragment = "fragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n\n";
 /**
 *```
 * query Localization {
@@ -1062,7 +1062,7 @@ export declare const ImageFragment: string;
 
 *```
 */
-export declare const Localization: string;
+export declare const Localization = "query Localization {\n  localization {\n    country {\n      isoCode\n      name\n      currency {\n        isoCode\n      }\n    }\n    availableCountries {\n      isoCode\n      name\n      currency {\n        isoCode\n      }\n    }\n  }\n}\n\n";
 /**
  *```
  *
@@ -1126,7 +1126,7 @@ export declare const Localization: string;
  *
  *```
  */
-export declare const MediaFileFragment: string;
+export declare const MediaFileFragment = "\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\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";
 /**
  *```
  *
@@ -1160,7 +1160,7 @@ export declare const MediaFileFragment: string;
  *
  *```
  */
-export declare const MetafieldFragment: string;
+export declare const MetafieldFragment = "\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}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";
 /**
 *```
 * fragment Model3DFragment on Model3d {
@@ -1178,7 +1178,7 @@ export declare const MetafieldFragment: string;
 
 *```
 */
-export declare const Model3DFragment: string;
+export declare const Model3DFragment = "fragment Model3DFragment on Model3d {\n  id\n  alt\n  mediaContentType\n  previewImage {\n    url\n  }\n  sources {\n    url\n  }\n}\n\n";
 /**
 *```
 * fragment MoneyFragment on MoneyV2 {
@@ -1188,7 +1188,7 @@ export declare const Model3DFragment: string;
 
 *```
 */
-export declare const MoneyFragment: string;
+export declare const MoneyFragment = "fragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\n";
 /**
  *```
  *
@@ -1499,7 +1499,7 @@ export declare const MoneyFragment: string;
  * }
  *```
  */
-export declare const ProductProviderFragment: 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}";
 /**
  *```
  *
@@ -1521,7 +1521,7 @@ export declare const ProductProviderFragment: string;
  * }
  *```
  */
-export declare const UnitPriceFragment: string;
+export declare const UnitPriceFragment = "\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}";
 /**
 *```
 * fragment VideoFragment on Video {
@@ -1538,7 +1538,7 @@ export declare const UnitPriceFragment: string;
 
 *```
 */
-export declare const VideoFragment: string;
+export declare const VideoFragment = "fragment VideoFragment on Video {\n  id\n  previewImage {\n    url\n  }\n  sources {\n    mimeType\n    url\n  }\n}\n\n";
 /**
  *```
  *
@@ -1576,7 +1576,7 @@ export declare const VideoFragment: string;
  * }
  *```
  */
-export declare const SellingPlanFragment: string;
+export declare const SellingPlanFragment = "\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}";
 /**
  *```
  *
@@ -1630,7 +1630,7 @@ export declare const SellingPlanFragment: string;
  * }
  *```
  */
-export declare const SellingPlanGroupsFragment: string;
+export declare const SellingPlanGroupsFragment = "\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}\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}";
 /**
  *```
  *
@@ -1748,4 +1748,4 @@ export declare const SellingPlanGroupsFragment: string;
  * }
  *```
  */
-export declare const VariantFragment: string;
+export declare const VariantFragment = "\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 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}";

package/dist/esnext/hooks/useCartLine/useCartLine.d.ts

@@ -9,7 +9,7 @@ export declare function useCartLine(): {
     } & Pick<import("../../graphql/types/types").Attribute, "key" | "value">)[];
     merchandise: {
         __typename?: "ProductVariant" | undefined;
-    } & Pick<import("../../graphql/types/types").ProductVariant, "title" | "id" | "availableForSale" | "requiresShipping"> & {
+    } & Pick<import("../../graphql/types/types").ProductVariant, "id" | "title" | "availableForSale" | "requiresShipping"> & {
         compareAtPriceV2?: import("../../graphql/types/types").Maybe<{
             __typename?: "MoneyV2" | undefined;
         } & {
@@ -26,12 +26,12 @@ export declare function useCartLine(): {
             __typename?: "Image" | undefined; /**
              * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
              */
-        } & Pick<import("../../graphql/types/types").Image, "height" | "width" | "url" | "id" | "altText">> | undefined;
+        } & Pick<import("../../graphql/types/types").Image, "id" | "height" | "width" | "url" | "altText">> | undefined;
         product: {
             __typename?: "Product" | undefined;
         } & Pick<import("../../graphql/types/types").Product, "title" | "handle">;
         selectedOptions: ({
             __typename?: "SelectedOption" | undefined;
-        } & Pick<import("../../graphql/types/types").SelectedOption, "value" | "name">)[];
+        } & Pick<import("../../graphql/types/types").SelectedOption, "name" | "value">)[];
     };
 };

package/dist/esnext/hooks/useShopQuery/hooks.d.ts

@@ -11,8 +11,10 @@ export interface UseShopQueryResponse<T> {
  * \> It must be a descendent of a `ShopifyProvider` component.
  */
 export declare function useShopQuery<T>({ query, variables, cache, }: {
-    /** A string of the GraphQL query. */
-    query: ASTNode | string;
+    /** A string of the GraphQL query.
+     * If no query is provided, useShopQuery will make no calls to the Storefront API.
+     */
+    query?: ASTNode | string;
     /** An object of the variables for the GraphQL query. */
     variables?: Record<string, any>;
     /** An object containing cache-control options for the sub-request. */

package/dist/esnext/hooks/useShopQuery/hooks.js

@@ -12,7 +12,7 @@ export function useShopQuery({ query, variables = {}, cache = {}, }) {
         throw new Error('Shopify Storefront API requests should only be made from the server.');
     }
     const { storeDomain, storefrontToken, graphqlApiVersion } = useShop();
-    const body = graphqlRequestBody(query, variables);
+    const body = query ? graphqlRequestBody(query, variables) : "";
     const url = `https://${storeDomain}/api/${graphqlApiVersion}/graphql.json`;
     const request = new Request(url, {
         method: 'POST',
@@ -22,7 +22,10 @@ export function useShopQuery({ query, variables = {}, cache = {}, }) {
         },
         body,
     });
-    const { data } = useQuery([storeDomain, graphqlApiVersion, body], fetchBuilder(request), { cache });
+    const { data } = useQuery([storeDomain, graphqlApiVersion, body], query
+        ? fetchBuilder(request)
+        // If no query, avoid calling SFAPI & return nothing
+        : async () => ({ data: undefined, errors: undefined }), { cache });
     /**
      * GraphQL errors get printed to the console but ultimately
      * get returned to the consumer.

package/dist/esnext/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "0.7.0";
+export declare const LIB_VERSION = "0.7.1";

package/dist/esnext/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '0.7.0';
+export const LIB_VERSION = '0.7.1';

package/dist/node/framework/ClientMarker/ClientMarker.js

@@ -34,7 +34,6 @@ function wrapInClientMarker(meta) {
     // Use object syntax here to make sure the function name
     // comes from the meta params for better error stacks.
     const wrappedComponent = {
-        // eslint-disable-next-line react/display-name
         [name]: (props) => react_1.default.createElement(ClientMarker, { ...{ props, meta } }),
     }[name];
     // Relay component properties such as `Image.Fragment`
@@ -48,7 +47,7 @@ function wrapInClientMarker(meta) {
 }
 exports.wrapInClientMarker = wrapInClientMarker;
 function ClientMarker({ props: allProps, meta: { name, id, component: Component, named }, }) {
-    const isHydrating = react_1.useContext(HydrationContext_server_1.HydrationContext);
+    const isHydrating = (0, react_1.useContext)(HydrationContext_server_1.HydrationContext);
     if (!isHydrating)
         return react_1.default.createElement(Component, { ...allProps });
     let { children, ...props } = allProps;
@@ -58,7 +57,7 @@ function ClientMarker({ props: allProps, meta: { name, id, component: Component,
      * serialize props to JSON below, and React element Functions
      * cannot be serialized.
      */
-    props = react_utils_1.renderReactProps(props);
+    props = (0, react_utils_1.renderReactProps)(props);
     /**
      * Components ending in *Provider are special components to
      * Hydrogen's RSC implementation. They are rendered during

package/dist/node/framework/Hydration/Cache.client.js

@@ -31,7 +31,7 @@ exports.useServerResponse = useServerResponse;
  * promise events to the Suspense boundary until the content has loaded.
  */
 function createFromFetch(fetchPromise) {
-    return utilities_1.wrapPromise(fetchPromise
+    return (0, utilities_1.wrapPromise)(fetchPromise
         .then((response) => {
         if (!response.ok) {
             throw new Error(`Hydration request failed: ${response.statusText}`);
@@ -68,7 +68,7 @@ async function convertHydrationResponseToReactComponents(response) {
             return null;
         // Assume it's an array of tuples, defined in the component as a fragment.
         if (!isReactTuple(item)) {
-            return react_1.createElement(react_1.Fragment, {
+            return (0, react_1.createElement)(react_1.Fragment, {
                 children: item.map(wireSyntaxToReactElement),
             });
         }
@@ -105,7 +105,7 @@ async function convertHydrationResponseToReactComponents(response) {
             const mod = modules[type.replace('@', 'M')];
             type = module.named ? mod[module.name] : mod.default;
         }
-        return react_1.createElement(type, { ...allProps, key });
+        return (0, react_1.createElement)(type, { ...allProps, key });
     }
     /**
      * The manifest is listed as `J0` for some reason. This is how React does it.
@@ -133,7 +133,7 @@ async function eagerLoadModules(manifest) {
         if (moduleCache.has(module.id)) {
             return moduleCache.get(module.id);
         }
-        const mod = await client_imports_1.default(module.id);
+        const mod = await (0, client_imports_1.default)(module.id);
         moduleCache.set(module.id, mod);
         return mod;
     })

package/dist/node/framework/Hydration/HydrationContext.server.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HydrationContext = void 0;
 const react_1 = require("react");
-exports.HydrationContext = react_1.createContext(false);
+exports.HydrationContext = (0, react_1.createContext)(false);

package/dist/node/framework/Hydration/ServerComponentResponse.server.js

@@ -31,7 +31,7 @@ class ServerComponentResponse extends Response {
             ...DEFAULT_CACHE_OPTIONS,
             ...((_a = this.cacheOptions) !== null && _a !== void 0 ? _a : {}),
         };
-        return cache_1.generateCacheControlHeader(options);
+        return (0, cache_1.generateCacheControlHeader)(options);
     }
     writeHead({ status, statusText, headers, } = {}) {
         if (status || statusText) {
@@ -53,7 +53,7 @@ class ServerComponentResponse extends Response {
     send(body) {
         if (typeof body === 'object' &&
             body.$$typeof === Symbol.for('react.element')) {
-            this.customBody = server_1.renderToString(body);
+            this.customBody = (0, server_1.renderToString)(body);
         }
         else {
             this.customBody = body;

package/dist/node/framework/Hydration/react-utils.js

@@ -45,7 +45,7 @@ function renderReactProp(prop) {
              * set expectations as thus when passing components as
              * props within Server Components.
              */
-            return parseReactFromString(server_1.renderToString(prop));
+            return parseReactFromString((0, server_1.renderToString)(prop));
         }
         else {
             return {
@@ -57,8 +57,8 @@ function renderReactProp(prop) {
     return prop;
 }
 function parseReactFromString(input, options = {}) {
-    return dom_to_react_1.default(
+    return (0, dom_to_react_1.default)(
     // @ts-ignore
-    html_dom_parser_1.default(input, { lowerCaseTags: false, lowerCaseAttributeNames: false }), options);
+    (0, html_dom_parser_1.default)(input, { lowerCaseTags: false, lowerCaseAttributeNames: false }), options);
 }
 exports.parseReactFromString = parseReactFromString;

package/dist/node/framework/Hydration/wire.server.js

@@ -8,7 +8,7 @@ const react_utils_1 = require("./react-utils");
  */
 function generateWireSyntaxFromRenderedHtml(html) {
     const clientComponents = new ClientComponents_server_1.ClientComponents();
-    const wireModel = react_utils_1.parseReactFromString(html, {
+    const wireModel = (0, react_utils_1.parseReactFromString)(html, {
         library: {
             // @ts-ignore
             createElement: convertToWireSyntax,

package/dist/node/framework/Hydration/writer.server.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HydrationWriter = void 0;
+/* eslint-disable @typescript-eslint/no-empty-function */
 /**
  * HydrationWriter is an implementation of `WritableStream` which
  * keeps track of chunks emitted from React's `pipeToNodeWritable`.

package/dist/node/framework/cache.js

@@ -45,7 +45,7 @@ function getKeyUrl(key) {
  * as the response itself so it can be checked for staleness.
  */
 async function getItemFromCache(key) {
-    const cache = runtime_1.getCache();
+    const cache = (0, runtime_1.getCache)();
     if (!cache) {
         return;
     }
@@ -61,7 +61,7 @@ exports.getItemFromCache = getItemFromCache;
  * Put an item into the cache.
  */
 async function setItemInCache(key, value, userCacheOptions) {
-    const cache = runtime_1.getCache();
+    const cache = (0, runtime_1.getCache)();
     if (!cache) {
         return;
     }
@@ -83,7 +83,7 @@ async function setItemInCache(key, value, userCacheOptions) {
 }
 exports.setItemInCache = setItemInCache;
 async function deleteItemFromCache(key) {
-    const cache = runtime_1.getCache();
+    const cache = (0, runtime_1.getCache)();
     if (!cache)
         return;
     const url = getKeyUrl(hashKey(key));

package/dist/node/framework/middleware.js

@@ -74,7 +74,7 @@ function hydrogenMiddleware({ dev, cache, indexTemplate, getServerEntrypoint, de
              * polyfill has loaded above.
              */
             const { ServerComponentRequest } = await Promise.resolve().then(() => __importStar(require('./Hydration/ServerComponentRequest.server')));
-            const eventResponse = await handle_event_1.default(
+            const eventResponse = await (0, handle_event_1.default)(
             /**
              * Mimic a `FetchEvent`
              */
@@ -143,5 +143,5 @@ async function respondWithGraphiql(response, shopifyConfig) {
     }
     const { storeDomain, storefrontToken, graphqlApiVersion } = shopifyConfig;
     response.setHeader('Content-Type', 'text/html');
-    response.end(graphiql_1.graphiqlHtml(storeDomain === null || storeDomain === void 0 ? void 0 : storeDomain.replace(/^https?:\/\//, ''), storefrontToken, graphqlApiVersion));
+    response.end((0, graphiql_1.graphiqlHtml)(storeDomain === null || storeDomain === void 0 ? void 0 : storeDomain.replace(/^https?:\/\//, ''), storefrontToken, graphqlApiVersion));
 }

package/dist/node/framework/plugin.js

@@ -10,10 +10,10 @@ const vite_plugin_inspect_1 = __importDefault(require("vite-plugin-inspect"));
 const plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
 exports.default = (shopifyConfig, pluginOptions) => {
     return [
-        process.env.VITE_INSPECT && vite_plugin_inspect_1.default(),
-        vite_plugin_hydrogen_config_1.default(),
-        vite_plugin_hydrogen_middleware_1.default(shopifyConfig, pluginOptions),
-        vite_plugin_react_server_components_shim_1.default(),
-        plugin_react_1.default(),
+        process.env.VITE_INSPECT && (0, vite_plugin_inspect_1.default)(),
+        (0, vite_plugin_hydrogen_config_1.default)(),
+        (0, vite_plugin_hydrogen_middleware_1.default)(shopifyConfig, pluginOptions),
+        (0, vite_plugin_react_server_components_shim_1.default)(),
+        (0, plugin_react_1.default)(),
     ];
 };

package/dist/node/framework/plugins/vite-plugin-hydrogen-middleware.js

@@ -24,11 +24,11 @@ exports.default = (shopifyConfig, pluginOptions) => {
             }
             // The default vite middleware rewrites the URL `/graphqil` to `/index.html`
             // By running this middleware first, we avoid that.
-            server.middlewares.use(middleware_1.graphiqlMiddleware({
+            server.middlewares.use((0, middleware_1.graphiqlMiddleware)({
                 shopifyConfig,
                 dev: true,
             }));
-            return () => server.middlewares.use(middleware_1.hydrogenMiddleware({
+            return () => server.middlewares.use((0, middleware_1.hydrogenMiddleware)({
                 dev: true,
                 shopifyConfig,
                 indexTemplate: getIndexTemplate,

package/dist/node/framework/plugins/vite-plugin-react-server-components-shim.js

@@ -7,7 +7,6 @@ const vite_1 = require("vite");
 const path_1 = __importDefault(require("path"));
 const server_components_1 = require("../server-components");
 const resolver_1 = require("./resolver");
-const fs_1 = require("fs");
 exports.default = () => {
     let config;
     return {
@@ -45,16 +44,7 @@ exports.default = () => {
                 return null;
             // Wrapped components won't match this becase they end in ?no-proxy
             if (/\.client\.[jt]sx?$/.test(id)) {
-                return server_components_1.proxyClientComponent({ id });
-            }
-            // Temporary fix for sourcemap warnings in client components. This can be fixed in @vitejs/react-plugin.
-            // `react-ssr-prepass` sourcemap seems to be broken and crashes in workers/Jest.
-            if (id.endsWith('?no-proxy') ||
-                id.includes('dist/react-ssr-prepass.es.js')) {
-                return {
-                    code: await fs_1.promises.readFile(id.split('?')[0], 'utf-8'),
-                    map: { mappings: '' },
-                };
+                return (0, server_components_1.proxyClientComponent)({ id });
             }
             return null;
         },
@@ -71,19 +61,19 @@ exports.default = () => {
              */
             if (id.includes('/Hydration/client-imports')) {
                 // eslint-disable-next-line node/no-missing-require
-                const hydrogenPath = path_1.default.dirname(resolver_1.resolve('@shopify/hydrogen'));
+                const hydrogenPath = path_1.default.dirname((0, resolver_1.resolve)('@shopify/hydrogen'));
                 const importerPath = path_1.default.join(hydrogenPath, 'framework', 'Hydration');
-                const importerToRootPath = vite_1.normalizePath(path_1.default.relative(importerPath, config.root));
+                const importerToRootPath = (0, vite_1.normalizePath)(path_1.default.relative(importerPath, config.root));
                 const [importerToRootNested] = importerToRootPath.match(/(\.\.\/)+(\.\.)?/) || [];
                 const userPrefix = path_1.default.normalize(path_1.default.join(importerPath, importerToRootNested.replace(/\/?$/, path_1.default.sep)));
                 const userGlob = path_1.default.join(importerToRootPath, 'src', '**/*.client.[jt]sx');
                 const libPrefix = hydrogenPath + path_1.default.sep;
                 const libGlob = path_1.default.join(path_1.default.relative(importerPath, hydrogenPath), 'components', '**/*.client.js');
                 return code
-                    .replace('__USER_COMPONENTS_PREFIX__', vite_1.normalizePath(userPrefix))
-                    .replace('__USER_COMPONENTS_GLOB__', vite_1.normalizePath(userGlob))
-                    .replace('__LIB_COMPONENTS_PREFIX__', vite_1.normalizePath(libPrefix))
-                    .replace('__LIB_COMPONENTS_GLOB__', vite_1.normalizePath(libGlob));
+                    .replace('__USER_COMPONENTS_PREFIX__', (0, vite_1.normalizePath)(userPrefix))
+                    .replace('__USER_COMPONENTS_GLOB__', (0, vite_1.normalizePath)(userGlob))
+                    .replace('__LIB_COMPONENTS_PREFIX__', (0, vite_1.normalizePath)(libPrefix))
+                    .replace('__LIB_COMPONENTS_GLOB__', (0, vite_1.normalizePath)(libGlob));
             }
         },
     };

package/dist/node/framework/server-components.js

@@ -8,68 +8,46 @@ const es_module_lexer_1 = require("es-module-lexer");
 const fs_1 = require("fs");
 const vite_1 = require("vite");
 const magic_string_1 = __importDefault(require("magic-string"));
+const DEFAULT_EXPORT = 'default';
 async function proxyClientComponent({ id, src, }) {
-    var _a;
-    const defaultComponentName = (_a = id.split('/').pop()) === null || _a === void 0 ? void 0 : _a.split('.').shift();
     // Modify the import ID to avoid infinite wraps
     const importFrom = `${id}?no-proxy`;
     await es_module_lexer_1.init;
     if (!src) {
         src = await fs_1.promises.readFile(id, 'utf-8');
     }
-    const { code } = await vite_1.transformWithEsbuild(src, id);
-    const [, exportStatements] = es_module_lexer_1.parse(code);
-    const hasDefaultExport = exportStatements.includes('default');
-    // Split namedImports in components to wrap and everything else (e.g. GQL Fragments)
-    const namedImports = exportStatements.reduce((acc, i) => {
-        if (i !== 'default') {
-            // Add here any other naming pattern for a non-component export
-            if (/^use[A-Z]|Fragment$|Context$|^[A-Z_]+$/.test(i)) {
-                acc.other.push(i);
-            }
-            else {
-                acc.components.push(i);
-            }
+    const { code } = await (0, vite_1.transformWithEsbuild)(src, id);
+    const [, exportStatements] = (0, es_module_lexer_1.parse)(code);
+    // Classify exports in components to wrap vs. everything else (e.g. GQL Fragments)
+    const otherExports = [];
+    const componentExports = [];
+    for (const key of exportStatements) {
+        if (key !== DEFAULT_EXPORT &&
+            /^use[A-Z]|Fragment$|Context$|^[A-Z_]+$/.test(key)) {
+            otherExports.push(key);
         }
-        return acc;
-    }, { components: [], other: [] });
-    if (!hasDefaultExport && namedImports.components.length === 0) {
-        return `export * from '${importFrom}';\n`;
-    }
-    const s = new magic_string_1.default(`import {wrapInClientMarker} from '@shopify/hydrogen/marker';`);
-    s.append('\nimport ');
-    if (hasDefaultExport) {
-        s.append(defaultComponentName);
-        if (namedImports.components.length > 0) {
-            s.append(', ');
+        else {
+            componentExports.push(key);
         }
     }
-    if (namedImports.components.length) {
-        s.append('* as namedImports');
+    if (componentExports.length === 0) {
+        return `export * from '${importFrom}';\n`;
     }
-    s.append(` from '${importFrom}';\n\n`);
+    const s = new magic_string_1.default(`import {wrapInClientMarker} from '@shopify/hydrogen/marker';\n` +
+        `import * as allImports from '${importFrom}';\n\n`);
     // Re-export other stuff directly without wrapping
-    if (namedImports.other.length > 0) {
-        s.append(`export {${namedImports.other.join(', ')}} from '${importFrom}';\n`);
+    if (otherExports.length > 0) {
+        s.append(`export {${otherExports.join(', ')}} from '${importFrom}';\n`);
     }
-    if (hasDefaultExport) {
-        s.append(generateComponentExport({
-            id,
-            componentName: defaultComponentName,
-            isDefault: true,
-        }));
-    }
-    namedImports.components.forEach((name) => s.append(generateComponentExport({
-        id,
-        componentName: name,
-        isDefault: false,
-    })));
+    // Wrap components in Client Marker
+    componentExports.forEach((key) => {
+        var _a;
+        const isDefault = key === DEFAULT_EXPORT;
+        const componentName = isDefault
+            ? (_a = id.split('/').pop()) === null || _a === void 0 ? void 0 : _a.split('.').shift()
+            : key;
+        s.append(`export ${isDefault ? DEFAULT_EXPORT : `const ${componentName} =`} wrapInClientMarker({ name: '${componentName}', id: '${id}', component: allImports['${key}'], named: ${!isDefault} });\n`);
+    });
     return s.toString();
 }
 exports.proxyClientComponent = proxyClientComponent;
-function generateComponentExport({ id, isDefault, componentName, }) {
-    const component = isDefault
-        ? componentName
-        : `namedImports['${componentName}']`;
-    return `export ${isDefault ? 'default' : `const ${componentName} =`} wrapInClientMarker({ name: '${componentName}', id: '${id}', component: ${component}, named: ${!isDefault} });\n`;
-}

package/dist/node/handle-event.js

@@ -9,9 +9,9 @@ async function handleEvent(event, { request, entrypoint, indexTemplate, assetHan
     /**
      * Inject the cache & context into the module loader so we can pull it out for subrequests.
      */
-    runtime_1.setCache(cache);
-    runtime_1.setContext(context);
-    config_1.setConfig({ dev });
+    (0, runtime_1.setCache)(cache);
+    (0, runtime_1.setContext)(context);
+    (0, config_1.setConfig)({ dev });
     const isReactHydrationRequest = url.pathname === '/react';
     const template = typeof indexTemplate === 'function'
         ? await indexTemplate(url.toString())
@@ -56,7 +56,7 @@ async function handleEvent(event, { request, entrypoint, indexTemplate, assetHan
      * TODO: Also add `Vary` headers for `accept-language` and any other keys
      * we want to shard our full-page cache for all Hydrogen storefronts.
      */
-    headers.set(cache_1.getCacheControlHeader({ dev }), componentResponse.cacheControlHeader);
+    headers.set((0, cache_1.getCacheControlHeader)({ dev }), componentResponse.cacheControlHeader);
     if (componentResponse.customBody) {
         const { status, customStatus } = componentResponse;
         return new Response(await componentResponse.customBody, {

package/dist/node/utilities/fetch.js

@@ -47,7 +47,7 @@ function fetchBuilder(request) {
 }
 exports.fetchBuilder = fetchBuilder;
 function graphqlRequestBody(query, variables) {
-    const queryString = typeof query === 'string' ? query : graphql_1.print(query);
+    const queryString = typeof query === 'string' ? query : (0, graphql_1.print)(query);
     return JSON.stringify({
         query: queryString,
         variables,

package/dist/node/utilities/isServer/isServer.js

@@ -6,6 +6,6 @@ const isClient_1 = require("../isClient");
  * if the code was run on the server.
  */
 function isServer() {
-    return !isClient_1.isClient();
+    return !(0, isClient_1.isClient)();
 }
 exports.isServer = isServer;

package/dist/node/utilities/video_parameters.js

@@ -17,7 +17,7 @@ function addParametersToEmbeddedVideoUrl(url, parameters) {
 }
 exports.addParametersToEmbeddedVideoUrl = addParametersToEmbeddedVideoUrl;
 function useEmbeddedVideoUrl(url, parameters) {
-    return react_1.useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         if (!parameters) {
             return url;
         }

package/dist/node/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "0.7.0";
+export declare const LIB_VERSION = "0.7.1";

package/dist/node/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
-exports.LIB_VERSION = '0.7.0';
+exports.LIB_VERSION = '0.7.1';

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",
@@ -83,11 +83,11 @@
     "vite": "^2.6.14"
   },
   "dependencies": {
-    "@vitejs/plugin-react": "^1.0.8",
+    "@vitejs/plugin-react": "^1.1.0",
     "connect": "^3.7.0",
     "es-module-lexer": "^0.9.0",
     "fast-glob": "^3.2.5",
-    "graphql": "^15.5.0",
+    "graphql": "^16.0.1",
     "html-dom-parser": "^1.0.1",
     "html-react-parser": "^1.2.6",
     "isomorphic-dompurify": "^0.13.0",
@@ -99,5 +99,5 @@
     "react-ssr-prepass": "^1.4.0",
     "vite-plugin-inspect": "^0.3.6"
   },
-  "gitHead": "29de6d971edb5f91199362723594d29ed4765260"
+  "gitHead": "34baabab8643e8f0754844760de8a481c9d67971"
 }