@shopify/hydrogen-react 2022.7.0

package/dist/umd/hydrogen-react.prod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrogen-react.prod.js","sources":["../../src/ExternalVideo.tsx","../../src/flatten-connection.ts","../../src/image-size.ts","../../src/Image.tsx","../../src/Video.tsx","../../src/load-script.tsx","../../src/ModelViewer.tsx","../../src/MediaFile.tsx","../../src/storefront-api-constants.ts","../../src/ShopifyProvider.tsx","../../src/Metafield.tsx","../../src/useMoney.tsx","../../src/Money.tsx","../../src/ProductPrice.tsx","../../src/ProductProvider.tsx","../../src/ShopPayButton.tsx","../../src/storefront-client.ts"],"sourcesContent":["import type {ExternalVideo as ExternalVideoType} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\ninterface BaseProps {\n  /**\n   * An object with fields that correspond to the Storefront API's [ExternalVideo object](https://shopify.dev/api/storefront/reference/products/externalvideo).\n   */\n  data: PartialDeep<ExternalVideoType, {recurseIntoArrays: true}>;\n  /** An object containing the options available for either\n   * [YouTube](https://developers.google.com/youtube/player_parameters#Parameters) or\n   * [Vimeo](https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters).\n   */\n  options?: YouTube | Vimeo;\n}\n\ntype PropsWeControl = 'src';\n\nexport type ExternalVideoProps = Omit<\n  JSX.IntrinsicElements['iframe'],\n  PropsWeControl\n> &\n  BaseProps;\n\n/**\n * The `ExternalVideo` component renders an embedded video for the Storefront\n * API's [ExternalVideo object](https://shopify.dev/api/storefront/reference/products/externalvideo).\n */\nexport function ExternalVideo(props: ExternalVideoProps) {\n  const {\n    data,\n    options,\n    id = data.id,\n    frameBorder = '0',\n    allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture',\n    allowFullScreen = true,\n    loading = 'lazy',\n    ...passthroughProps\n  } = props;\n\n  if (!data.embedUrl) {\n    throw new Error(`<ExternalVideo/> requires the 'embedUrl' property`);\n  }\n\n  let finalUrl: string = data.embedUrl;\n\n  if (options) {\n    const urlObject = new URL(data.embedUrl);\n    for (const key of Object.keys(options)) {\n      // @ts-expect-error https://github.com/microsoft/TypeScript/issues/32951\n      urlObject.searchParams.set(key, options[key]);\n    }\n    finalUrl = urlObject.toString();\n  }\n\n  return (\n    <iframe\n      {...passthroughProps}\n      id={id ?? data.embedUrl}\n      title={data.alt ?? data.id ?? 'external video'}\n      frameBorder={frameBorder}\n      allow={allow}\n      allowFullScreen={allowFullScreen}\n      src={finalUrl}\n      loading={loading}\n    ></iframe>\n  );\n}\n\ninterface YouTube {\n  autoplay?: 0 | 1;\n  cc_lang_pref?: string;\n  cc_load_policy?: 1;\n  color?: 'red' | 'white';\n  controls?: 0 | 1;\n  disablekb?: 0 | 1;\n  enablejsapi?: 0 | 1;\n  end?: number;\n  fs?: 0 | 1;\n  hl?: string;\n  iv_load_policy?: 1 | 3;\n  list?: string;\n  list_type?: 'playlist' | 'user_uploads';\n  loop?: 0 | 1;\n  modest_branding?: 1;\n  origin?: string;\n  playlist?: string;\n  plays_inline?: 0 | 1;\n  rel?: 0 | 1;\n  start?: number;\n  widget_referrer?: string;\n}\n\ntype VimeoBoolean = 0 | 1 | boolean;\n\ninterface Vimeo {\n  autopause?: VimeoBoolean;\n  autoplay?: VimeoBoolean;\n  background?: VimeoBoolean;\n  byline?: VimeoBoolean;\n  color?: string;\n  controls?: VimeoBoolean;\n  dnt?: VimeoBoolean;\n  loop?: VimeoBoolean;\n  muted?: VimeoBoolean;\n  pip?: VimeoBoolean;\n  playsinline?: VimeoBoolean;\n  portrait?: VimeoBoolean;\n  quality?: '240p' | '360p' | '540p' | '720p' | '1080p' | '2k' | '4k';\n  speed?: VimeoBoolean;\n  '#t'?: string;\n  texttrack?: string;\n  title?: VimeoBoolean;\n  transparent?: VimeoBoolean;\n}\n","import type {PartialDeep} from 'type-fest';\n\n/**\n * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](https://shopify.dev/api/storefront/reference/products/product)) into a flat array of nodes.\n * The utility works with either `nodes` or `edges.node`.\n */\nexport function flattenConnection<T>(\n  connection: PartialDeep<GraphQLConnection<T>, {recurseIntoArrays: true}>\n): PartialDeep<T, {recurseIntoArrays: true}>[] {\n  if (connection.nodes) {\n    return connection.nodes as PartialDeep<T, {recurseIntoArrays: true}>[];\n  }\n\n  if (connection.edges) {\n    return connection.edges.map((edge) => {\n      if (!edge?.node) {\n        throw new Error('Connection edges must contain nodes');\n      }\n      return edge.node;\n    });\n  }\n\n  if (__HYDROGEN_DEV__) {\n    console.warn(\n      `The connection did not contain either \"nodes\" or \"edges.node\". A empty array will be returned in its place.`\n    );\n  }\n\n  return [];\n}\n\ninterface GraphQLConnection<T> {\n  edges?: {node: T}[];\n  nodes?: T[];\n}\n","import type {Image as ImageType} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\nimport type {ShopifyLoaderOptions, ShopifyLoaderParams} from './Image.js';\n\n// TODO: Are there other CDNs missing from here?\nconst PRODUCTION_CDN_HOSTNAMES = [\n  'cdn.shopify.com',\n  'cdn.shopifycdn.net',\n  'shopify-assets.shopifycdn.com',\n  'shopify-assets.shopifycdn.net',\n];\nconst LOCAL_CDN_HOSTNAMES = ['spin.dev'];\nconst ALL_CDN_HOSTNAMES = [...PRODUCTION_CDN_HOSTNAMES, ...LOCAL_CDN_HOSTNAMES];\n\n// based on the default width sizes used by the Shopify liquid HTML tag img_tag plus a 2560 width to account for 2k resolutions\n// reference: https://shopify.dev/api/liquid/filters/html-filters#image_tag\nexport const IMG_SRC_SET_SIZES = [352, 832, 1200, 1920, 2560];\n\n/**\n * Adds image size parameters to an image URL hosted by Shopify's CDN\n */\nexport function addImageSizeParametersToUrl({\n  src,\n  width,\n  height,\n  crop,\n  scale,\n}: ShopifyLoaderParams) {\n  const newUrl = new URL(src);\n\n  const multipliedScale = scale ?? 1;\n\n  if (width) {\n    let finalWidth: string;\n\n    if (typeof width === 'string') {\n      finalWidth = (IMG_SRC_SET_SIZES[0] * multipliedScale).toString();\n    } else {\n      finalWidth = (Number(width) * multipliedScale).toString();\n    }\n\n    newUrl.searchParams.append('width', finalWidth);\n  }\n\n  if (height && typeof height === 'number') {\n    newUrl.searchParams.append('height', (height * multipliedScale).toString());\n  }\n\n  crop && newUrl.searchParams.append('crop', crop);\n\n  // for now we intentionally leave off the scale param, and instead multiple width & height by scale instead\n  // scale && newUrl.searchParams.append('scale', scale.toString());\n\n  return newUrl.toString();\n}\n\nexport function shopifyImageLoader(params: ShopifyLoaderParams) {\n  const newSrc = new URL(params.src);\n  const isShopifyServedImage = ALL_CDN_HOSTNAMES.some((allowedHostname) =>\n    newSrc.hostname.endsWith(allowedHostname)\n  );\n\n  if (\n    !isShopifyServedImage ||\n    (!params.width && !params.height && !params.crop && !params.scale)\n  ) {\n    return params.src;\n  }\n\n  return addImageSizeParametersToUrl(params);\n}\n\ntype HtmlImageProps = React.ImgHTMLAttributes<HTMLImageElement>;\n\nexport type GetShopifyImageDimensionsProps = {\n  data: Pick<\n    PartialDeep<ImageType, {recurseIntoArrays: true}>,\n    'altText' | 'url' | 'id' | 'width' | 'height'\n  >;\n  loaderOptions?: ShopifyLoaderOptions;\n  elementProps?: {\n    width?: HtmlImageProps['width'];\n    height?: HtmlImageProps['height'];\n  };\n};\n\ntype GetShopifyImageDimensionsPropsReturn = {\n  width: number | string | null;\n  height: number | string | null;\n};\n\n/**\n * Width and height are determined using the followiing priority list:\n * 1. `loaderOptions`'s width/height\n * 2. `elementProps`'s width/height\n * 3. `data`'s width/height\n *\n * If only one of `width` or `height` are defined, then the other will attempt to be calculated based on the Image's aspect ratio,\n * provided that both `data.width` and `data.height` are available. If not, then the aspect ratio cannot be determined and the missing\n * value will reamin as `null`\n */\nexport function getShopifyImageDimensions({\n  data: sfapiImage,\n  loaderOptions,\n  elementProps,\n}: GetShopifyImageDimensionsProps): GetShopifyImageDimensionsPropsReturn {\n  let aspectRatio: number | null = null;\n\n  if (sfapiImage?.width && sfapiImage?.height) {\n    aspectRatio = sfapiImage?.width / sfapiImage?.height;\n  }\n\n  //  * 1. `loaderOptions`'s width/height\n  if (loaderOptions?.width || loaderOptions?.height) {\n    return {\n      width:\n        loaderOptions?.width ??\n        (aspectRatio && typeof loaderOptions.height === 'number'\n          ? Math.round(aspectRatio * loaderOptions.height)\n          : null),\n      height:\n        loaderOptions?.height ??\n        (aspectRatio && typeof loaderOptions.width === 'number'\n          ? Math.round(aspectRatio * loaderOptions.width)\n          : null),\n    };\n  }\n\n  //  * 2. `elementProps`'s width/height\n  if (elementProps?.width || elementProps?.height) {\n    return {\n      width:\n        elementProps?.width ??\n        (aspectRatio && typeof elementProps.height === 'number'\n          ? Math.round(aspectRatio * elementProps.height)\n          : null),\n      height:\n        elementProps?.height ??\n        (aspectRatio && typeof elementProps.width === 'number'\n          ? Math.round(aspectRatio * elementProps.width)\n          : null),\n    };\n  }\n\n  //  * 3. `data`'s width/height\n  if (sfapiImage?.width || sfapiImage?.height) {\n    return {\n      // can't calculate the aspect ratio here\n      width: sfapiImage?.width ?? null,\n      height: sfapiImage?.height ?? null,\n    };\n  }\n\n  return {width: null, height: null};\n}\n","import * as React from 'react';\nimport {\n  getShopifyImageDimensions,\n  shopifyImageLoader,\n  addImageSizeParametersToUrl,\n  IMG_SRC_SET_SIZES,\n} from './image-size.js';\nimport type {Image as ImageType} from './storefront-api-types.js';\nimport type {PartialDeep, Simplify} from 'type-fest';\n\ntype HtmlImageProps = React.ImgHTMLAttributes<HTMLImageElement>;\n\nexport type ShopifyLoaderOptions = {\n  crop?: 'top' | 'bottom' | 'left' | 'right' | 'center';\n  scale?: 2 | 3;\n  width?: HtmlImageProps['width'] | ImageType['width'];\n  height?: HtmlImageProps['height'] | ImageType['height'];\n};\nexport type ShopifyLoaderParams = Simplify<\n  ShopifyLoaderOptions & {\n    src: ImageType['url'];\n  }\n>;\nexport type ShopifyImageProps = Omit<HtmlImageProps, 'src'> & {\n  /** An object with fields that correspond to the Storefront API's\n   * [Image object](https://shopify.dev/api/storefront/reference/common-objects/image).\n   * The `data` prop is required.\n   */\n  data: PartialDeep<ImageType, {recurseIntoArrays: true}>;\n  /** A custom function that generates the image URL. Parameters passed in\n   * are `ShopifyLoaderParams`\n   */\n  loader?: (params: ShopifyLoaderParams) => string;\n  /** An object of `loader` function options. For example, if the `loader` function\n   * requires a `scale` option, then the value can be a property of the\n   * `loaderOptions` object (for example, `{scale: 2}`). The object shape is `ShopifyLoaderOptions`.\n   */\n  loaderOptions?: ShopifyLoaderOptions;\n  /**\n   * `src` isn't used, and should instead be passed as part of the `data` object\n   */\n  src?: never;\n  /**\n   * An array of pixel widths to overwrite the default generated srcset. For example, `[300, 600, 800]`.\n   */\n  widths?: (HtmlImageProps['width'] | ImageType['width'])[];\n};\n\n/**\n * The `Image` component renders an image for the Storefront API's\n * [Image object](https://shopify.dev/api/storefront/reference/common-objects/image) by using the `data` prop. You can [customize this component](https://shopify.dev/api/hydrogen/components#customizing-hydrogen-components) using passthrough props.\n *\n * An image's width and height are determined using the following priority list:\n * 1. The width and height values for the `loaderOptions` prop\n * 2. The width and height values for bare props\n * 3. The width and height values for the `data` prop\n *\n * If only one of `width` or `height` are defined, then the other will attempt to be calculated based on the image's aspect ratio,\n * provided that both `data.width` and `data.height` are available. If `data.width` and `data.height` aren't available, then the aspect ratio cannot be determined and the missing\n * value will remain as `null`\n */\nexport function Image({\n  data,\n  width,\n  height,\n  loading,\n  loader = shopifyImageLoader,\n  loaderOptions,\n  widths,\n  decoding = 'async',\n  ...rest\n}: ShopifyImageProps) {\n  if (!data.url) {\n    const missingUrlError = `<Image/>: the 'data' prop requires the 'url' property. Image: ${\n      data.id ?? 'no ID provided'\n    }`;\n\n    if (__HYDROGEN_DEV__) {\n      throw new Error(missingUrlError);\n    } else {\n      console.error(missingUrlError);\n    }\n\n    return null;\n  }\n\n  if (__HYDROGEN_DEV__ && !data.altText && !rest.alt) {\n    console.warn(\n      `<Image/>: the 'data' prop should have the 'altText' property, or the 'alt' prop, and one of them should not be empty. Image: ${\n        data.id ?? data.url\n      }`\n    );\n  }\n\n  const {width: imgElementWidth, height: imgElementHeight} =\n    getShopifyImageDimensions({\n      data,\n      loaderOptions,\n      elementProps: {\n        width,\n        height,\n      },\n    });\n\n  if (__HYDROGEN_DEV__ && (!imgElementWidth || !imgElementHeight)) {\n    console.warn(\n      `<Image/>: the 'data' prop requires either 'width' or 'data.width', and 'height' or 'data.height' properties. Image: ${\n        data.id ?? data.url\n      }`\n    );\n  }\n\n  let finalSrc = data.url;\n\n  if (loader) {\n    finalSrc = loader({\n      ...loaderOptions,\n      src: data.url,\n      width: imgElementWidth,\n      height: imgElementHeight,\n    });\n    if (typeof finalSrc !== 'string' || !finalSrc) {\n      throw new Error(\n        `<Image/>: 'loader' did not return a valid string. Image: ${\n          data.id ?? data.url\n        }`\n      );\n    }\n  }\n\n  // determining what the intended width of the image is. For example, if the width is specified and lower than the image width, then that is the maximum image width\n  // to prevent generating a srcset with widths bigger than needed or to generate images that would distort because of being larger than original\n  const maxWidth =\n    width && imgElementWidth && width < imgElementWidth\n      ? width\n      : imgElementWidth;\n  const finalSrcset =\n    rest.srcSet ??\n    internalImageSrcSet({\n      ...loaderOptions,\n      widths,\n      src: data.url,\n      width: maxWidth,\n      height: imgElementHeight,\n      loader,\n    });\n\n  /* eslint-disable hydrogen/prefer-image-component */\n  return (\n    <img\n      id={data.id ?? ''}\n      alt={data.altText ?? rest.alt ?? ''}\n      loading={loading ?? 'lazy'}\n      {...rest}\n      src={finalSrc}\n      width={imgElementWidth ?? undefined}\n      height={imgElementHeight ?? undefined}\n      srcSet={finalSrcset}\n      decoding={decoding}\n    />\n  );\n  /* eslint-enable hydrogen/prefer-image-component */\n}\n\ntype InternalShopifySrcSetGeneratorsParams = Simplify<\n  ShopifyLoaderOptions & {\n    src: ImageType['url'];\n    widths?: (HtmlImageProps['width'] | ImageType['width'])[];\n    loader?: (params: ShopifyLoaderParams) => string;\n  }\n>;\nfunction internalImageSrcSet({\n  src,\n  width,\n  crop,\n  scale,\n  widths,\n  loader,\n  height,\n}: InternalShopifySrcSetGeneratorsParams) {\n  const hasCustomWidths = widths && Array.isArray(widths);\n  if (hasCustomWidths && widths.some((size) => isNaN(size as number))) {\n    throw new Error(\n      `<Image/>: the 'widths' must be an array of numbers. Image: ${src}`\n    );\n  }\n\n  let aspectRatio = 1;\n  if (width && height) {\n    aspectRatio = Number(height) / Number(width);\n  }\n\n  let setSizes = hasCustomWidths ? widths : IMG_SRC_SET_SIZES;\n  if (\n    !hasCustomWidths &&\n    width &&\n    width < IMG_SRC_SET_SIZES[IMG_SRC_SET_SIZES.length - 1]\n  ) {\n    setSizes = IMG_SRC_SET_SIZES.filter((size) => size <= width);\n  }\n  const srcGenerator = loader ? loader : addImageSizeParametersToUrl;\n  return setSizes\n    .map(\n      (size) =>\n        `${srcGenerator({\n          src,\n          width: size,\n          // height is not applied if there is no crop\n          // if there is crop, then height is applied as a ratio of the original width + height aspect ratio * size\n          height: crop ? Number(size) * aspectRatio : undefined,\n          crop,\n          scale,\n        })} ${size}w`\n    )\n    .join(', ');\n}\n","import {type HTMLAttributes} from 'react';\nimport {shopifyImageLoader} from './image-size.js';\nimport type {Video as VideoType} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\nexport interface VideoProps {\n  /** An object with fields that correspond to the Storefront API's [Video object](https://shopify.dev/api/storefront/latest/objects/video). */\n  data: PartialDeep<VideoType, {recurseIntoArrays: true}>;\n  /** An object of image size options for the video's `previewImage`. Uses `shopifyImageLoader` to generate the `poster` URL. */\n  previewImageOptions?: Parameters<typeof shopifyImageLoader>[0];\n  /** Props that will be passed to the `video` element's `source` children elements. */\n  sourceProps?: HTMLAttributes<HTMLSourceElement> & {\n    'data-testid'?: string;\n  };\n}\n\n/**\n * The `Video` component renders a `video` for the Storefront API's [Video object](https://shopify.dev/api/storefront/reference/products/video).\n */\nexport function Video(props: JSX.IntrinsicElements['video'] & VideoProps) {\n  const {\n    data,\n    previewImageOptions,\n    id = data.id,\n    playsInline = true,\n    controls = true,\n    sourceProps = {},\n    ...passthroughProps\n  } = props;\n\n  const posterUrl = shopifyImageLoader({\n    src: data.previewImage?.url ?? '',\n    ...previewImageOptions,\n  });\n\n  if (!data.sources) {\n    throw new Error(`<Video/> requires a 'data.sources' array`);\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y/media-has-caption\n    <video\n      {...passthroughProps}\n      id={id}\n      playsInline={playsInline}\n      controls={controls}\n      poster={posterUrl}\n    >\n      {data.sources.map((source) => {\n        if (!(source?.url && source?.mimeType)) {\n          throw new Error(`<Video/> needs 'source.url' and 'source.mimeType'`);\n        }\n        return (\n          <source\n            {...sourceProps}\n            key={source.url}\n            src={source.url}\n            type={source.mimeType}\n          />\n        );\n      })}\n    </video>\n  );\n}\n","import {useState, useEffect} from 'react';\n\nconst SCRIPTS_LOADED: Record<string, Promise<boolean>> = {};\n\nexport function loadScript(\n  src: string,\n  options?: {module?: boolean; in?: 'head' | 'body'}\n): Promise<boolean> {\n  const isScriptLoaded: Promise<boolean> = SCRIPTS_LOADED[src];\n\n  if (isScriptLoaded) {\n    return isScriptLoaded;\n  }\n\n  const promise = new Promise<boolean>((resolve, reject) => {\n    const script = document.createElement('script');\n    if (options?.module) {\n      script.type = 'module';\n    } else {\n      script.type = 'text/javascript';\n    }\n    script.src = src;\n    script.onload = () => {\n      resolve(true);\n    };\n    script.onerror = () => {\n      reject(false);\n    };\n    if (options?.in === 'head') {\n      document.head.appendChild(script);\n    } else {\n      document.body.appendChild(script);\n    }\n  });\n\n  SCRIPTS_LOADED[src] = promise;\n\n  return promise;\n}\n\ntype LoadScriptParams = Parameters<typeof loadScript>;\n\n/**\n * The `useLoadScript` hook loads an external script tag in the browser. It allows React components to lazy-load large third-party dependencies.\n */\nexport function useLoadScript(\n  url: LoadScriptParams[0],\n  options?: LoadScriptParams[1]\n): ScriptState {\n  const [status, setStatus] = useState<ScriptState>('loading');\n  const stringifiedOptions = JSON.stringify(options);\n\n  useEffect(() => {\n    async function loadScriptWrapper() {\n      try {\n        setStatus('loading');\n        await loadScript(url, options);\n        setStatus('done');\n      } catch (error) {\n        setStatus('error');\n      }\n    }\n\n    loadScriptWrapper();\n  }, [url, stringifiedOptions, options]);\n\n  return status;\n}\n\ntype ScriptState = 'loading' | 'done' | 'error';\n","import {useState, useEffect, useCallback} from 'react';\nimport {useLoadScript} from './load-script.js';\nimport type {Model3d} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\nimport type {ModelViewerElement} from '@google/model-viewer/lib/model-viewer.js';\n\ntype PropsWeControl = 'src';\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'model-viewer': PartialDeep<\n        ModelViewerElement,\n        {recurseIntoArrays: true}\n      >;\n    }\n  }\n}\n\ntype ModelViewerProps = Omit<\n  PartialDeep<JSX.IntrinsicElements['model-viewer'], {recurseIntoArrays: true}>,\n  PropsWeControl\n> & {\n  /** An object with fields that correspond to the Storefront API's [Model3D object](https://shopify.dev/api/storefront/latest/objects/model3d). */\n  data: PartialDeep<Model3d, {recurseIntoArrays: true}>;\n  /** The callback to invoke when the 'error' event is triggered. Refer to [error in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-loading-events-error). */\n  onError?: (event: Event) => void;\n  /** The callback to invoke when the `load` event is triggered. Refer to [load in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-loading-events-load). */\n  onLoad?: (event: Event) => void;\n  /** The callback to invoke when the 'preload' event is triggered. Refer to [preload in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-loading-events-preload). */\n  onPreload?: (event: Event) => void;\n  /** The callback to invoke when the 'model-visibility' event is triggered. Refer to [model-visibility in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-loading-events-modelVisibility). */\n  onModelVisibility?: (event: Event) => void;\n  /** The callback to invoke when the 'progress' event is triggered. Refer to [progress in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-loading-events-progress). */\n  onProgress?: (event: Event) => void;\n  /** The callback to invoke when the 'ar-status' event is triggered. Refer to [ar-status in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-augmentedreality-events-arStatus). */\n  onArStatus?: (event: Event) => void;\n  /** The callback to invoke when the 'ar-tracking' event is triggered. Refer to [ar-tracking in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-augmentedreality-events-arTracking). */\n  onArTracking?: (event: Event) => void;\n  /** The callback to invoke when the 'quick-look-button-tapped' event is triggered. Refer to [quick-look-button-tapped in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-augmentedreality-events-quickLookButtonTapped). */\n  onQuickLookButtonTapped?: (event: Event) => void;\n  /** The callback to invoke when the 'camera-change' event is triggered. Refer to [camera-change in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-stagingandcameras-events-cameraChange). */\n  onCameraChange?: (event: Event) => void;\n  /** The callback to invoke when the 'environment-change' event is triggered. Refer to [environment-change in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-lightingandenv-events-environmentChange).  */\n  onEnvironmentChange?: (event: Event) => void;\n  /**  The callback to invoke when the 'play' event is triggered. Refer to [play in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-animation-events-play). */\n  onPlay?: (event: Event) => void;\n  /**  The callback to invoke when the 'pause' event is triggered. Refer to [pause in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-animation-events-pause). */\n  onPause?: (event: Event) => void;\n  /** The callback to invoke when the 'scene-graph-ready' event is triggered. Refer to [scene-graph-ready in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-scenegraph-events-sceneGraphReady). */\n  onSceneGraphReady?: (event: Event) => void;\n};\n\n/**\n * The `ModelViewer` component renders a 3D model (with the `model-viewer` custom element) for\n * the Storefront API's [Model3d object](https://shopify.dev/api/storefront/reference/products/model3d).\n *\n * The `model-viewer` custom element is lazily downloaded through a dynamically-injected `<script type=\"module\">` tag when the `<ModelViewer />` component is rendered\n *\n * ModelViewer is using version `1.21.1` of the `@google/model-viewer` library.\n */\nexport function ModelViewer(props: ModelViewerProps) {\n  const [modelViewer, setModelViewer] = useState<undefined | HTMLElement>(\n    undefined\n  );\n  const callbackRef = useCallback((node: HTMLElement) => {\n    setModelViewer(node);\n  }, []);\n  const {data, children, className, ...passthroughProps} = props;\n\n  const modelViewerLoadedStatus = useLoadScript(\n    'https://unpkg.com/@google/model-viewer@v1.12.1/dist/model-viewer.min.js',\n    {\n      module: true,\n    }\n  );\n\n  useEffect(() => {\n    if (!modelViewer) {\n      return;\n    }\n    if (passthroughProps.onError)\n      modelViewer.addEventListener('error', passthroughProps.onError);\n    if (passthroughProps.onLoad)\n      modelViewer.addEventListener('load', passthroughProps.onLoad);\n    if (passthroughProps.onPreload)\n      modelViewer.addEventListener('preload', passthroughProps.onPreload);\n    if (passthroughProps.onModelVisibility)\n      modelViewer.addEventListener(\n        'model-visibility',\n        passthroughProps.onModelVisibility\n      );\n    if (passthroughProps.onProgress)\n      modelViewer.addEventListener('progress', passthroughProps.onProgress);\n    if (passthroughProps.onArStatus)\n      modelViewer.addEventListener('ar-status', passthroughProps.onArStatus);\n    if (passthroughProps.onArTracking)\n      modelViewer.addEventListener(\n        'ar-tracking',\n        passthroughProps.onArTracking\n      );\n    if (passthroughProps.onQuickLookButtonTapped)\n      modelViewer.addEventListener(\n        'quick-look-button-tapped',\n        passthroughProps.onQuickLookButtonTapped\n      );\n    if (passthroughProps.onCameraChange)\n      modelViewer.addEventListener(\n        'camera-change',\n        passthroughProps.onCameraChange\n      );\n    if (passthroughProps.onEnvironmentChange)\n      modelViewer.addEventListener(\n        'environment-change',\n        passthroughProps.onEnvironmentChange\n      );\n    if (passthroughProps.onPlay)\n      modelViewer.addEventListener('play', passthroughProps.onPlay);\n    if (passthroughProps.onPause)\n      modelViewer.addEventListener('ar-status', passthroughProps.onPause);\n    if (passthroughProps.onSceneGraphReady)\n      modelViewer.addEventListener(\n        'scene-graph-ready',\n        passthroughProps.onSceneGraphReady\n      );\n\n    return () => {\n      if (modelViewer == null) {\n        return;\n      }\n      if (passthroughProps.onError)\n        modelViewer.removeEventListener('error', passthroughProps.onError);\n      if (passthroughProps.onLoad)\n        modelViewer.removeEventListener('load', passthroughProps.onLoad);\n      if (passthroughProps.onPreload)\n        modelViewer.removeEventListener('preload', passthroughProps.onPreload);\n      if (passthroughProps.onModelVisibility)\n        modelViewer.removeEventListener(\n          'model-visibility',\n          passthroughProps.onModelVisibility\n        );\n      if (passthroughProps.onProgress)\n        modelViewer.removeEventListener(\n          'progress',\n          passthroughProps.onProgress\n        );\n      if (passthroughProps.onArStatus)\n        modelViewer.removeEventListener(\n          'ar-status',\n          passthroughProps.onArStatus\n        );\n      if (passthroughProps.onArTracking)\n        modelViewer.removeEventListener(\n          'ar-tracking',\n          passthroughProps.onArTracking\n        );\n      if (passthroughProps.onQuickLookButtonTapped)\n        modelViewer.removeEventListener(\n          'quick-look-button-tapped',\n          passthroughProps.onQuickLookButtonTapped\n        );\n      if (passthroughProps.onCameraChange)\n        modelViewer.removeEventListener(\n          'camera-change',\n          passthroughProps.onCameraChange\n        );\n      if (passthroughProps.onEnvironmentChange)\n        modelViewer.removeEventListener(\n          'environment-change',\n          passthroughProps.onEnvironmentChange\n        );\n      if (passthroughProps.onPlay)\n        modelViewer.removeEventListener('play', passthroughProps.onPlay);\n      if (passthroughProps.onPause)\n        modelViewer.removeEventListener('ar-status', passthroughProps.onPause);\n      if (passthroughProps.onSceneGraphReady)\n        modelViewer.removeEventListener(\n          'scene-graph-ready',\n          passthroughProps.onSceneGraphReady\n        );\n    };\n  }, [\n    modelViewer,\n    passthroughProps.onArStatus,\n    passthroughProps.onArTracking,\n    passthroughProps.onCameraChange,\n    passthroughProps.onEnvironmentChange,\n    passthroughProps.onError,\n    passthroughProps.onLoad,\n    passthroughProps.onModelVisibility,\n    passthroughProps.onPause,\n    passthroughProps.onPlay,\n    passthroughProps.onPreload,\n    passthroughProps.onProgress,\n    passthroughProps.onQuickLookButtonTapped,\n    passthroughProps.onSceneGraphReady,\n  ]);\n\n  if (modelViewerLoadedStatus !== 'done') {\n    // TODO: What do we want to display while the model-viewer library loads?\n    return null;\n  }\n\n  if (!data.sources?.[0]?.url) {\n    const sourcesUrlError = `<ModelViewer/> requires 'data.sources' prop to be an array, with an object that has a property 'url' on it. Rendering 'null'`;\n    if (__HYDROGEN_DEV__) {\n      throw new Error(sourcesUrlError);\n    } else {\n      console.error(sourcesUrlError);\n      return null;\n    }\n  }\n\n  if (__HYDROGEN_DEV__ && !data.alt) {\n    console.warn(\n      `<ModelViewer/> requires the 'data.alt' prop for accessibility`\n    );\n  }\n\n  return (\n    <model-viewer\n      // @ts-expect-error ref should exist\n      ref={callbackRef}\n      {...passthroughProps}\n      className={className}\n      id={passthroughProps.id ?? data.id}\n      src={data.sources[0].url}\n      alt={data.alt ?? null}\n      camera-controls={passthroughProps.cameraControls ?? true}\n      poster={(passthroughProps.poster || data.previewImage?.url) ?? null}\n      autoplay={passthroughProps.autoplay ?? true}\n      loading={passthroughProps.loading}\n      reveal={passthroughProps.reveal}\n      ar={passthroughProps.ar}\n      ar-modes={passthroughProps.arModes}\n      ar-scale={passthroughProps.arScale}\n      // @ts-expect-error arPlacement should exist as a type, not sure why it doesn't. https://modelviewer.dev/docs/index.html#entrydocs-augmentedreality-attributes-arPlacement\n      ar-placement={passthroughProps.arPlacement}\n      ios-src={passthroughProps.iosSrc}\n      touch-action={passthroughProps.touchAction}\n      disable-zoom={passthroughProps.disableZoom}\n      orbit-sensitivity={passthroughProps.orbitSensitivity}\n      auto-rotate={passthroughProps.autoRotate}\n      auto-rotate-delay={passthroughProps.autoRotateDelay}\n      // @ts-expect-error rotationPerSecond should exist as a type, not sure why it doesn't. https://modelviewer.dev/docs/index.html#entrydocs-stagingandcameras-attributes-rotationPerSecond\n      rotation-per-second={passthroughProps.rotationPerSecond}\n      interaction-policy={passthroughProps.interactionPolicy}\n      interaction-prompt={passthroughProps.interactionPrompt}\n      interaction-prompt-style={passthroughProps.interactionPromptStyle}\n      interaction-prompt-threshold={passthroughProps.interactionPromptThreshold}\n      camera-orbit={passthroughProps.cameraOrbit}\n      camera-target={passthroughProps.cameraTarget}\n      field-of-view={passthroughProps.fieldOfView}\n      max-camera-orbit={passthroughProps.maxCameraOrbit}\n      min-camera-orbit={passthroughProps.minCameraOrbit}\n      max-field-of-view={passthroughProps.maxFieldOfView}\n      min-field-of-view={passthroughProps.minFieldOfView}\n      bounds={passthroughProps.bounds}\n      interpolation-decay={passthroughProps.interpolationDecay ?? 100}\n      skybox-image={passthroughProps.skyboxImage}\n      environment-image={passthroughProps.environmentImage}\n      exposure={passthroughProps.exposure}\n      shadow-intensity={passthroughProps.shadowIntensity ?? 0}\n      shadow-softness={passthroughProps.shadowSoftness ?? 0}\n      animation-name={passthroughProps.animationName}\n      animation-crossfade-duration={passthroughProps.animationCrossfadeDuration}\n      variant-name={passthroughProps.variantName}\n      orientation={passthroughProps.orientation}\n      scale={passthroughProps.scale}\n    >\n      {children}\n    </model-viewer>\n  );\n}\n","import React from 'react';\nimport {Image, type ShopifyImageProps} from './Image.js';\nimport {Video} from './Video.js';\nimport {ExternalVideo} from './ExternalVideo.js';\nimport {ModelViewer} from './ModelViewer.js';\nimport type {MediaEdge as MediaEdgeType} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\ninterface MediaFileProps {\n  /** An object with fields that correspond to the Storefront API's [Media object](https://shopify.dev/api/storefront/reference/products/media). */\n  data: PartialDeep<MediaEdgeType['node'], {recurseIntoArrays: true}>;\n  /** The options for the `Image`, `Video`, or `ExternalVideo` components. */\n  mediaOptions?: {\n    /** Props that will only apply when an `<Image />` is rendered */\n    image: Omit<ShopifyImageProps, 'data'>;\n    /** Props that will only apply when a `<Video />` is rendered */\n    video: Omit<React.ComponentProps<typeof Video>, 'data'>;\n    /** Props that will only apply when an `<ExternalVideo />` is rendered */\n    externalVideo: Omit<\n      React.ComponentProps<typeof ExternalVideo>['options'],\n      'data'\n    >;\n    /** Props that will only apply when a `<ModelViewer />` is rendered */\n    modelViewer: Omit<typeof ModelViewer, 'data'>;\n  };\n}\n\n/**\n * The `MediaFile` component renders the media for the Storefront API's\n * [Media object](https://shopify.dev/api/storefront/reference/products/media). It renders an `Image`, a\n * `Video`, an `ExternalVideo`, or a `ModelViewer` depending on the `__typename` of the `data` prop.\n */\nexport function MediaFile({\n  data,\n  mediaOptions,\n  ...passthroughProps\n}: MediaFileProps) {\n  switch (data.__typename) {\n    case 'MediaImage': {\n      if (!data.image) {\n        const noDataImage = `<MediaFile/>: 'data.image' does not exist for __typename of 'MediaImage'; rendering 'null' by default.`;\n        if (__HYDROGEN_DEV__) {\n          throw new Error(noDataImage);\n        } else {\n          console.warn(noDataImage);\n          return null;\n        }\n      }\n\n      return (\n        <Image\n          {...passthroughProps}\n          {...mediaOptions?.image}\n          data={data.image}\n        />\n      );\n    }\n    case 'Video': {\n      return (\n        <Video {...passthroughProps} {...mediaOptions?.video} data={data} />\n      );\n    }\n    case 'ExternalVideo': {\n      return (\n        <ExternalVideo\n          {...passthroughProps}\n          {...mediaOptions?.externalVideo}\n          data={data}\n        />\n      );\n    }\n    case 'Model3d': {\n      return (\n        <ModelViewer\n          {...passthroughProps}\n          {...mediaOptions?.modelViewer}\n          data={data}\n        />\n      );\n    }\n    default: {\n      const typenameMissingMessage = `<MediaFile /> requires the '__typename' property to exist on the 'data' prop in order to correctly render the correct component for this media. Rendering 'null' by default`;\n      if (__HYDROGEN_DEV__) {\n        throw new Error(typenameMissingMessage);\n      } else {\n        console.error(typenameMissingMessage);\n        return null;\n      }\n    }\n  }\n}\n","export const SFAPI_VERSION = '2022-07';\n","import {createContext, useContext, useMemo, type ReactNode} from 'react';\nimport type {LanguageCode, CountryCode, Shop} from './storefront-api-types.js';\nimport {SFAPI_VERSION} from './storefront-api-constants.js';\n\nconst ShopifyContext = createContext<ShopifyContextValue>({\n  storeDomain: 'test.myshopify.com',\n  storefrontToken: 'abc123',\n  storefrontApiVersion: SFAPI_VERSION,\n  country: {\n    isoCode: 'US',\n  },\n  language: {\n    isoCode: 'EN',\n  },\n  locale: 'EN-US',\n});\n\n/**\n * The `<ShopifyProvider/>` component enables use of the `useShop()` hook. The component should wrap your app.\n */\nexport function ShopifyProvider({\n  children,\n  shopifyConfig,\n}: {\n  children: ReactNode;\n  shopifyConfig: ShopifyContextValue;\n}) {\n  if (!shopifyConfig) {\n    throw new Error(\n      `The 'shopifyConfig' prop must be passed to '<ShopifyProvider/>'`\n    );\n  }\n\n  if (shopifyConfig.storefrontApiVersion !== SFAPI_VERSION) {\n    console.warn(\n      `This version of Hydrogen-UI is built for Shopify's Storefront API version ${SFAPI_VERSION}, but it looks like you're using version ${shopifyConfig.storefrontApiVersion}. There may be issues or bugs if you use a mismatched version of Hydrogen-UI and the Storefront API.`\n    );\n  }\n\n  const finalConfig = useMemo<ShopifyContextValue>(\n    () => ({\n      ...shopifyConfig,\n      storeDomain: shopifyConfig.storeDomain.replace(/^https?:\\/\\//, ''),\n    }),\n    [shopifyConfig]\n  );\n\n  return (\n    <ShopifyContext.Provider value={finalConfig}>\n      {children}\n    </ShopifyContext.Provider>\n  );\n}\n\n/**\n * Provides access to the `shopifyConfig` prop of `<ShopifyProvider/>`. Must be a descendent of `<ShopifyProvider/>`.\n */\nexport function useShop() {\n  const shopContext = useContext(ShopifyContext);\n  if (!shopContext) {\n    throw new Error(`'useShop()' must be a descendent of <ShopifyProvider/>`);\n  }\n  return shopContext;\n}\n\n/**\n * Shopify-specific values that are used in various Hydrogen-UI components and hooks.\n */\nexport type ShopifyContextValue = {\n  /** The globally-unique identifier for the Shop */\n  storefrontId?: string;\n  /** The host name of the domain (eg: `{shop}.myshopify.com`). If a URL with a scheme (for example `https://`) is passed in, then the scheme is removed. */\n  storeDomain: Shop['primaryDomain']['host'];\n  /** The Storefront API public access token. Refer to the [authentication](https://shopify.dev/api/storefront#authentication) documentation for more details. */\n  storefrontToken: string;\n  /** The Storefront API version. This should almost always be the same as the version Hydrogen-UI was built for. Learn more about Shopify [API versioning](https://shopify.dev/api/usage/versioning) for more details.  */\n  storefrontApiVersion: string;\n  country?: {\n    /**\n     * The code designating a country, which generally follows ISO 3166-1 alpha-2 guidelines. If a territory doesn't have a country code value in the `CountryCode` enum, it might be considered a subdivision of another country. For example, the territories associated with Spain are represented by the country code `ES`, and the territories associated with the United States of America are represented by the country code `US`.\n     */\n    isoCode: CountryCode;\n  };\n  language?: {\n    /**\n     * `ISO 369` language codes supported by Shopify.\n     */\n    isoCode: LanguageCode;\n  };\n  /**\n   * The locale string based on `country` and `language`.\n   */\n  locale?: string;\n};\n","import {type ElementType, useMemo, type ComponentPropsWithoutRef} from 'react';\nimport {useShop} from './ShopifyProvider.js';\nimport {Image} from './Image.js';\nimport type {\n  MediaImage,\n  Page,\n  ProductVariant,\n  Product,\n  GenericFile,\n  Video as VideoType,\n  Metafield as MetafieldType,\n} from './storefront-api-types.js';\nimport {Video} from './Video.js';\nimport {flattenConnection} from './flatten-connection.js';\nimport type {PartialDeep, JsonValue} from 'type-fest';\n\ninterface BaseProps<ComponentGeneric extends ElementType> {\n  /** An object with fields that correspond to the Storefront API's [Metafield object](https://shopify.dev/api/storefront/reference/common-objects/metafield). */\n  data: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null;\n  /** An HTML tag or React component to be rendered as the base element wrapper. The default value varies depending on [metafield.type](https://shopify.dev/apps/metafields/types). */\n  as?: ComponentGeneric;\n}\n\nexport type MetafieldProps<ComponentGeneric extends ElementType> =\n  ComponentPropsWithoutRef<ComponentGeneric> & BaseProps<ComponentGeneric>;\n\n/**\n * The `Metafield` component renders the value of a Storefront\n * API's [Metafield object](https://shopify.dev/api/storefront/reference/common-objects/metafield).\n * Relies on the `locale` property of the `useShop()` hook, so it must be a desendent of `<ShopifyProvider/>`\n *\n * Renders a smart default of the Metafield's `value`. For more information, refer to the [Default output](#default-output) section.\n */\nexport function Metafield<ComponentGeneric extends ElementType>(\n  props: MetafieldProps<ComponentGeneric>\n) {\n  const {data, as, ...passthroughProps} = props;\n  const {locale} = useShop();\n\n  const parsedMetafield = useMemo(() => parseMetafield(data), [data]);\n\n  if (!parsedMetafield) {\n    const noDataPropWarning = `<Metafield/>: nothing was passed to the data prop 'data'. Rendering 'null'`;\n    if (__HYDROGEN_DEV__) {\n      throw new Error(noDataPropWarning);\n    } else {\n      console.warn(noDataPropWarning);\n    }\n    return null;\n  }\n\n  if (parsedMetafield.value === null || parsedMetafield.value === undefined) {\n    const noValueWarning = `<Metafield/>: No metafield value for metafield ${\n      parsedMetafield.id ?? parsedMetafield.key\n    }. Rendering 'null'`;\n    if (__HYDROGEN_DEV__) {\n      throw new Error(noValueWarning);\n    } else {\n      console.warn(noValueWarning);\n    }\n    return null;\n  }\n\n  switch (parsedMetafield.type) {\n    case 'date': {\n      const Wrapper = as ?? 'time';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Date).toLocaleDateString(locale)}\n        </Wrapper>\n      );\n    }\n    case 'date_time': {\n      const Wrapper = as ?? 'time';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Date).toLocaleString(locale)}\n        </Wrapper>\n      );\n    }\n    case 'weight':\n    case 'dimension':\n    case 'volume': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {getMeasurementAsString(parsedMetafield.value as Measurement, locale)}\n        </Wrapper>\n      );\n    }\n    case 'rating': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Rating).value}\n        </Wrapper>\n      );\n    }\n    case 'single_line_text_field': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper\n          {...passthroughProps}\n          dangerouslySetInnerHTML={{__html: parsedMetafield.value as string}}\n        />\n      );\n    }\n    case 'multi_line_text_field': {\n      const Wrapper = as ?? 'div';\n      return (\n        <Wrapper\n          {...passthroughProps}\n          dangerouslySetInnerHTML={{\n            __html: (parsedMetafield.value as string).split('\\n').join('<br/>'),\n          }}\n        />\n      );\n    }\n    case 'url': {\n      const protocolLessUrl = new URL(parsedMetafield.value as string);\n      return (\n        <a\n          href={protocolLessUrl.href.replace(protocolLessUrl.protocol, '')}\n          {...passthroughProps}\n        >\n          {parsedMetafield.value as string}\n        </a>\n      );\n    }\n    case 'json': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {JSON.stringify(parsedMetafield.value)}\n        </Wrapper>\n      );\n    }\n    case 'product_reference':\n    case 'variant_reference':\n    case 'page_reference': {\n      const Wrapper = as ?? 'span';\n      const ref = parsedMetafield.reference as Page | ProductVariant | Product;\n      return (\n        <Wrapper {...passthroughProps}>{ref?.title ?? ref?.id ?? ''}</Wrapper>\n      );\n    }\n    case 'list.single_line_text_field': {\n      const Wrapper = as ?? 'ul';\n      // @ts-expect-error references currently only exists on 'unstable' SFAPI, but as soon as it does exist we can remove this ts-expect-error because I believe 'list.single_line_text_field' will also only be availabe in the same setting and we also handle if it doesn't exist\n      const refArray = parsedMetafield.references\n        ? // @ts-expect-error references currently only exists on 'unstable' SFAPI, but as soon as it does exist we can remove this ts-expect-error\n          (flattenConnection(parsedMetafield.references) as string[])\n        : [];\n      return (\n        <Wrapper {...passthroughProps}>\n          {refArray.map((ref, index) => (\n            // there's no unique way to identify these strings, so we do our best by combining the string with the index for the key\n            // eslint-disable-next-line react/no-array-index-key\n            <li key={`${ref ?? ''}-${index}`}>{ref}</li>\n          ))}\n        </Wrapper>\n      );\n    }\n    case 'file_reference': {\n      if (parsedMetafield.reference?.__typename === 'MediaImage') {\n        const ref = parsedMetafield.reference as MediaImage;\n        return ref.image ? (\n          <Image data={ref.image} {...passthroughProps} />\n        ) : null;\n      } else if (parsedMetafield.reference?.__typename === 'GenericFile') {\n        const ref = parsedMetafield.reference as GenericFile;\n        return ref.previewImage ? (\n          <a href={parsedMetafield.reference?.url ?? ''} {...passthroughProps}>\n            <Image data={ref.previewImage} />\n          </a>\n        ) : null;\n      } else if (parsedMetafield.reference?.__typename === 'Video') {\n        const ref = parsedMetafield.reference as VideoType;\n        return <Video {...passthroughProps} data={ref} />;\n      }\n    }\n  }\n\n  const Wrapper = as ?? 'span';\n  return (\n    <Wrapper {...passthroughProps}>{parsedMetafield.value?.toString()}</Wrapper>\n  );\n}\n\n/**\n * The `parseMetafield` utility transforms a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/Metafield)\n * into a new object whose `values` have been parsed according to the metafield `type`.\n * If the metafield is `null`, then it returns `null` back.\n */\nexport function parseMetafield(\n  /** A [Metafield](https://shopify.dev/api/storefront/reference/common-objects/Metafield) or null */\n  metafield: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null\n): PartialDeep<ParsedMetafield, {recurseIntoArrays: true}> | null {\n  if (!metafield) {\n    if (__HYDROGEN_DEV__) {\n      console.warn(\n        `'parseMetafield' was not passed any value for the 'metafield' argument`\n      );\n    }\n    return null;\n  }\n  if (\n    __HYDROGEN_DEV__ &&\n    (metafield.value === null || metafield.value === undefined)\n  ) {\n    console.warn(\n      `'parseMetafield()' was passed ${metafield.value} for 'metafield.value'`\n    );\n  }\n\n  return {\n    ...metafield,\n    value: parseMetafieldValue(metafield),\n  };\n}\n\n/**\n * The `parseMetafieldValue` function parses a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `type`.\n */\nexport function parseMetafieldValue(\n  metafield: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null\n): ParsedMetafield['value'] {\n  if (!metafield) {\n    return null;\n  }\n\n  if (metafield.value === null || metafield.value === undefined) {\n    if (__HYDROGEN_DEV__) {\n      console.warn(\n        `'parseMetafieldValue()' was passed ${metafield.value} for 'metafield.value'`\n      );\n    }\n    return metafield.value;\n  }\n\n  switch (metafield.type) {\n    case 'boolean':\n      return metafield.value === 'true';\n    case 'number_integer':\n      return parseInt(metafield.value);\n    case 'number_decimal':\n      return parseFloat(metafield.value);\n    case 'date':\n    case 'date_time':\n      return new Date(metafield.value);\n    case 'json':\n    case 'weight':\n    case 'dimension':\n    case 'volume':\n    case 'rating':\n      return parseJSON(metafield.value);\n    case 'color':\n    case 'single_line_text_field':\n    case 'multi_line_text_field':\n    case 'product_reference':\n    case 'page_reference':\n    case 'variant_reference':\n    case 'file_reference':\n    case 'url':\n    default:\n      return metafield.value;\n  }\n}\n\n/**\n * Parses a JSON string while preventing prototype injection attacks.\n */\nexport function parseJSON(json: string) {\n  if (String(json).includes('__proto__')) {\n    return JSON.parse(json, (k, v) => {\n      if (k !== '__proto__') return v;\n    });\n  }\n\n  return JSON.parse(json);\n}\n\nconst UNIT_MAPPING: Record<string, string> = {\n  // Dimension\n  mm: 'millimeter',\n  cm: 'centimeter',\n  m: 'meter',\n  in: 'inch',\n  ft: 'foot',\n  yd: 'yard',\n  // Volume\n  ml: 'milliliter',\n  l: 'liter',\n  us_fl_oz: 'fluid-ounce',\n  us_gal: 'gallon',\n  // Weight\n  kg: 'kilogram',\n  g: 'gram',\n  lb: 'pound',\n  oz: 'ounce',\n};\n\nexport function getMeasurementAsString(\n  measurement: Measurement,\n  locale = 'en-us',\n  options: Intl.NumberFormatOptions = {}\n) {\n  let measure: {value: number; unit: string} = {\n    value: measurement.value,\n    unit: UNIT_MAPPING[measurement.unit],\n  };\n\n  if (measure.unit == null) {\n    measure = convertToSupportedUnit(measurement.value, measurement.unit);\n  }\n\n  return new Intl.NumberFormat(locale, {\n    ...options,\n    unit: measure.unit,\n    style: 'unit',\n  }).format(measure.value);\n}\n\nfunction convertToSupportedUnit(value: number, unit: string) {\n  switch (unit) {\n    case 'cl':\n      return {\n        value: value / 1000,\n        unit: 'liter',\n      };\n    case 'm3':\n      return {\n        value: value * 1000,\n        unit: 'liter',\n      };\n    case 'us_pt':\n      return {\n        value: value * 0.125,\n        unit: 'gallon',\n      };\n    case 'us_qt':\n      return {\n        value: value * 0.5,\n        unit: 'gallon',\n      };\n    case 'us_oz':\n      return {\n        value: value / 128,\n        unit: 'gallon',\n      };\n    case 'imp_pt':\n      return {\n        value: value / 6.661, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_qt':\n      return {\n        value: value / 3.331, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_gal':\n      return {\n        value: value / 1.201, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_fl_oz':\n      return {\n        value: value * 0.96076, // approximate conversion\n        unit: 'fluid-ounce',\n      };\n    default:\n      throw new Error(`Unit not supported: ${unit}`);\n  }\n}\n\ntype ParsedMetafield = Omit<\n  PartialDeep<MetafieldType, {recurseIntoArrays: true}>,\n  'value'\n> & {\n  value?: string | number | boolean | JsonValue | Date | Rating | Measurement;\n};\n\nexport interface Rating {\n  value: number;\n  scale_min: number;\n  scale_max: number;\n}\n\ninterface Measurement {\n  unit: string;\n  value: number;\n}\n","import {useMemo} from 'react';\nimport {useShop} from './ShopifyProvider.js';\nimport {CurrencyCode, MoneyV2} from './storefront-api-types.js';\n\nexport type UseMoneyValue = {\n  /**\n   * The currency code from the `MoneyV2` object.\n   */\n  currencyCode: CurrencyCode;\n  /**\n   * The name for the currency code, returned by `Intl.NumberFormat`.\n   */\n  currencyName?: string;\n  /**\n   * The currency symbol returned by `Intl.NumberFormat`.\n   */\n  currencySymbol?: string;\n  /**\n   * The currency narrow symbol returned by `Intl.NumberFormat`.\n   */\n  currencyNarrowSymbol?: string;\n  /**\n   * The localized amount, without any currency symbols or non-number types from the `Intl.NumberFormat.formatToParts` parts.\n   */\n  amount: string;\n  /**\n   * All parts returned by `Intl.NumberFormat.formatToParts`.\n   */\n  parts: Intl.NumberFormatPart[];\n  /**\n   * A string returned by `new Intl.NumberFormat` for the amount and currency code,\n   * using the `locale` value in the [`LocalizationProvider` component](https://shopify.dev/api/hydrogen/components/localization/localizationprovider).\n   */\n  localizedString: string;\n  /**\n   * The `MoneyV2` object provided as an argument to the hook.\n   */\n  original: MoneyV2;\n  /**\n   * A string with trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.\n   * For example, `$640.00` turns into `$640`.\n   * `$640.42` remains `$640.42`.\n   */\n  withoutTrailingZeros: string;\n  /**\n   * A string without currency and without trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.\n   * For example, `$640.00` turns into `640`.\n   * `$640.42` turns into `640.42`.\n   */\n  withoutTrailingZerosAndCurrency: string;\n};\n\n/**\n * The `useMoney` hook takes a [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) and returns a\n * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by\n * [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat).\n * Uses `locale` from `ShopifyProvider`\n */\nexport function useMoney(money: MoneyV2): UseMoneyValue {\n  const {locale} = useShop();\n\n  if (!locale) {\n    throw new Error(\n      `useMoney(): Unable to get 'locale' from 'useShop()', which means that 'locale' was not passed to '<ShopifyProvider/>'. 'locale' is required for 'useMoney()' to work`\n    );\n  }\n\n  const amount = parseFloat(money.amount);\n\n  const options = useMemo(\n    () => ({\n      style: 'currency',\n      currency: money.currencyCode,\n    }),\n    [money.currencyCode]\n  );\n\n  const defaultFormatter = useLazyFormatter(locale, options);\n\n  const nameFormatter = useLazyFormatter(locale, {\n    ...options,\n    currencyDisplay: 'name',\n  });\n\n  const narrowSymbolFormatter = useLazyFormatter(locale, {\n    ...options,\n    currencyDisplay: 'narrowSymbol',\n  });\n\n  const withoutTrailingZerosFormatter = useLazyFormatter(locale, {\n    ...options,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  });\n\n  const withoutCurrencyFormatter = useLazyFormatter(locale);\n\n  const withoutTrailingZerosOrCurrencyFormatter = useLazyFormatter(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  });\n\n  const isPartCurrency = (part: Intl.NumberFormatPart) =>\n    part.type === 'currency';\n\n  // By wrapping these properties in functions, we only\n  // create formatters if they are going to be used.\n  const lazyFormatters = useMemo(\n    () => ({\n      original: () => money,\n      currencyCode: () => money.currencyCode,\n\n      localizedString: () => defaultFormatter().format(amount),\n\n      parts: () => defaultFormatter().formatToParts(amount),\n\n      withoutTrailingZeros: () =>\n        amount % 1 === 0\n          ? withoutTrailingZerosFormatter().format(amount)\n          : defaultFormatter().format(amount),\n\n      withoutTrailingZerosAndCurrency: () =>\n        amount % 1 === 0\n          ? withoutTrailingZerosOrCurrencyFormatter().format(amount)\n          : withoutCurrencyFormatter().format(amount),\n\n      currencyName: () =>\n        nameFormatter().formatToParts(amount).find(isPartCurrency)?.value ??\n        money.currencyCode, // e.g. \"US dollars\"\n\n      currencySymbol: () =>\n        defaultFormatter().formatToParts(amount).find(isPartCurrency)?.value ??\n        money.currencyCode, // e.g. \"USD\"\n\n      currencyNarrowSymbol: () =>\n        narrowSymbolFormatter().formatToParts(amount).find(isPartCurrency)\n          ?.value ?? '', // e.g. \"$\"\n\n      amount: () =>\n        defaultFormatter()\n          .formatToParts(amount)\n          .filter((part) =>\n            ['decimal', 'fraction', 'group', 'integer', 'literal'].includes(\n              part.type\n            )\n          )\n          .map((part) => part.value)\n          .join(''),\n    }),\n    [\n      money,\n      amount,\n      nameFormatter,\n      defaultFormatter,\n      narrowSymbolFormatter,\n      withoutCurrencyFormatter,\n      withoutTrailingZerosFormatter,\n      withoutTrailingZerosOrCurrencyFormatter,\n    ]\n  );\n\n  // Call functions automatically when the properties are accessed\n  // to keep these functions as an implementation detail.\n  return useMemo(\n    () =>\n      new Proxy(lazyFormatters as unknown as UseMoneyValue, {\n        get: (target, key) => Reflect.get(target, key)?.call(null),\n      }),\n    [lazyFormatters]\n  );\n}\n\nfunction useLazyFormatter(locale: string, options?: Intl.NumberFormatOptions) {\n  return useMemo(() => {\n    let memoized: Intl.NumberFormat;\n    return () => (memoized ??= new Intl.NumberFormat(locale, options));\n  }, [locale, options]);\n}\n","import React, {type ReactNode} from 'react';\nimport {useMoney} from './useMoney.js';\nimport type {MoneyV2, UnitPriceMeasurement} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\ninterface CustomProps<ComponentGeneric extends React.ElementType> {\n  /** An HTML tag or React Component to be rendered as the base element wrapper. The default is `div`. */\n  as?: ComponentGeneric;\n  /** An object with fields that correspond to the Storefront API's [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2). */\n  data: PartialDeep<MoneyV2, {recurseIntoArrays: true}>;\n  /** Whether to remove the currency symbol from the output. */\n  withoutCurrency?: boolean;\n  /** Whether to remove trailing zeros (fractional money) from the output. */\n  withoutTrailingZeros?: boolean;\n  /** A [UnitPriceMeasurement object](https://shopify.dev/api/storefront/latest/objects/unitpricemeasurement). */\n  measurement?: PartialDeep<UnitPriceMeasurement, {recurseIntoArrays: true}>;\n  /** Customizes the separator between the money output and the measurement output. Used with the `measurement` prop. Defaults to `'/'`. */\n  measurementSeparator?: ReactNode;\n}\n\n// This article helps understand the typing here https://www.benmvp.com/blog/polymorphic-react-components-typescript/ Ben is the best :)\nexport type MoneyProps<ComponentGeneric extends React.ElementType> =\n  CustomProps<ComponentGeneric> &\n    Omit<\n      React.ComponentPropsWithoutRef<ComponentGeneric>,\n      keyof CustomProps<ComponentGeneric>\n    >;\n\n/**\n * The `Money` component renders a string of the Storefront API's\n * [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) according to the\n * `locale` in the `ShopifyProvider` component.\n */\nexport function Money<ComponentGeneric extends React.ElementType>({\n  data,\n  as,\n  withoutCurrency,\n  withoutTrailingZeros,\n  measurement,\n  measurementSeparator = '/',\n  ...passthroughProps\n}: MoneyProps<ComponentGeneric>) {\n  if (!isMoney(data)) {\n    throw new Error(\n      `<Money/> needs a valid 'data' prop that has 'amount' and 'currencyCode'`\n    );\n  }\n  const moneyObject = useMoney(data);\n  const Wrapper = as ?? 'div';\n\n  let output = moneyObject.localizedString;\n\n  if (withoutCurrency || withoutTrailingZeros) {\n    if (withoutCurrency && !withoutTrailingZeros) {\n      output = moneyObject.amount;\n    } else if (!withoutCurrency && withoutTrailingZeros) {\n      output = moneyObject.withoutTrailingZeros;\n    } else {\n      // both\n      output = moneyObject.withoutTrailingZerosAndCurrency;\n    }\n  }\n\n  return (\n    <Wrapper {...passthroughProps}>\n      {output}\n      {measurement && measurement.referenceUnit && (\n        <>\n          {measurementSeparator}\n          {measurement.referenceUnit}\n        </>\n      )}\n    </Wrapper>\n  );\n}\n\n// required in order to narrow the money object down and make TS happy\nfunction isMoney(\n  maybeMoney: PartialDeep<MoneyV2, {recurseIntoArrays: true}>\n): maybeMoney is MoneyV2 {\n  return (\n    typeof maybeMoney.amount === 'string' &&\n    !!maybeMoney.amount &&\n    typeof maybeMoney.currencyCode === 'string' &&\n    !!maybeMoney.currencyCode\n  );\n}\n","import React from 'react';\nimport type {\n  MoneyV2,\n  UnitPriceMeasurement,\n  Product,\n} from './storefront-api-types.js';\nimport {Money, type MoneyProps} from './Money.js';\nimport type {PartialDeep} from 'type-fest';\nimport {flattenConnection} from './flatten-connection.js';\n\ninterface ProductPriceProps {\n  /** A [Product object](https://shopify.dev/api/storefront/reference/products/product). */\n  data: PartialDeep<Product, {recurseIntoArrays: true}>;\n  /** The type of price. Valid values: `regular` (default) or `compareAt`. */\n  priceType?: 'regular' | 'compareAt';\n  /** The type of value. Valid values: `min` (default), `max` or `unit`. */\n  valueType?: 'max' | 'min' | 'unit';\n  /** The ID of the variant. */\n  variantId?: string;\n}\n\n/**\n * The `ProductPrice` component renders a `Money` component with the product\n * [`priceRange`](https://shopify.dev/api/storefront/reference/products/productpricerange)'s `maxVariantPrice` or `minVariantPrice`, for either the regular price or compare at price range.\n */\nexport function ProductPrice<ComponentGeneric extends React.ElementType>(\n  props: ProductPriceProps &\n    Omit<MoneyProps<ComponentGeneric>, 'data' | 'measurement'>\n) {\n  const {\n    priceType = 'regular',\n    variantId,\n    valueType = 'min',\n    data: product,\n    ...passthroughProps\n  } = props;\n\n  if (product == null) {\n    throw new Error(`<ProductPrice/> requires a product as the 'data' prop`);\n  }\n\n  let price: Partial<MoneyV2> | undefined | null;\n  let measurement: Partial<UnitPriceMeasurement> | undefined | null;\n\n  const variant = variantId\n    ? flattenConnection(product?.variants ?? {}).find(\n        (variant) => variant?.id === variantId\n      ) ?? null\n    : null;\n\n  if (priceType === 'compareAt') {\n    if (variantId && variant) {\n      if (variant.compareAtPriceV2?.amount === variant.priceV2?.amount) {\n        return null;\n      }\n      price = variant.compareAtPriceV2;\n    } else if (valueType === 'max') {\n      price = product?.compareAtPriceRange?.maxVariantPrice;\n    } else {\n      price = product?.compareAtPriceRange?.minVariantPrice;\n    }\n  } else {\n    if (variantId && variant) {\n      price = variant.priceV2;\n      if (valueType === 'unit') {\n        price = variant.unitPrice;\n        measurement = variant.unitPriceMeasurement;\n      }\n    } else if (valueType === 'max') {\n      price = product.priceRange?.maxVariantPrice;\n    } else {\n      price = product.priceRange?.minVariantPrice;\n    }\n  }\n\n  if (!price) {\n    return null;\n  }\n\n  if (measurement) {\n    return (\n      <Money {...passthroughProps} data={price} measurement={measurement} />\n    );\n  }\n\n  return <Money {...passthroughProps} data={price} />;\n}\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  useCallback,\n  createContext,\n  useContext,\n} from 'react';\nimport type {\n  SelectedOption as SelectedOptionType,\n  SellingPlan,\n  SellingPlanAllocation,\n  Product,\n  ProductVariant as ProductVariantType,\n  ProductVariantConnection,\n  SellingPlan as SellingPlanType,\n  SellingPlanAllocation as SellingPlanAllocationType,\n  SellingPlanGroup as SellingPlanGroupType,\n  SellingPlanGroupConnection,\n} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\nimport {flattenConnection} from './flatten-connection.js';\n\nconst ProductOptionsContext = createContext<ProductHookValue | null>(null);\n\ntype InitialVariantId = ProductVariantType['id'] | null;\n\ninterface ProductProviderProps {\n  /** A [Product object](https://shopify.dev/api/storefront/reference/products/product). */\n  data: PartialDeep<Product, {recurseIntoArrays: true}>;\n  /** A `ReactNode` element. */\n  children: React.ReactNode;\n  /**\n   * The initially selected variant.\n   * The following logic applies to `initialVariantId`:\n   * 1. If `initialVariantId` is provided, then it's used even if it's out of stock.\n   * 2. If `initialVariantId` is provided but is `null`, then no variant is used.\n   * 3. If nothing is passed to `initialVariantId` then the first available / in-stock variant is used.\n   * 4. If nothing is passed to `initialVariantId` and no variants are in stock, then the first variant is used.\n   */\n  initialVariantId?: InitialVariantId;\n}\n\n/**\n * `<ProductProvider />` is a context provider that enables use of the `useProduct()` hook.\n *\n * It helps manage selected options and variants for a product.\n */\nexport function ProductProvider({\n  children,\n  data: product,\n  initialVariantId: explicitVariantId,\n}: ProductProviderProps) {\n  // The flattened variants\n  const variants = useMemo(\n    () => flattenConnection(product.variants ?? {}),\n    [product.variants]\n  );\n\n  if (!isProductVariantArray(variants)) {\n    throw new Error(\n      `<ProductProvider/> requires 'product.variants.nodes' or 'product.variants.edges'`\n    );\n  }\n\n  // All the options available for a product, based on all the variants\n  const options = useMemo(() => getOptions(variants), [variants]);\n\n  /**\n   * Track the selectedVariant within the provider.\n   */\n  const [selectedVariant, setSelectedVariant] = useState<\n    | PartialDeep<ProductVariantType, {recurseIntoArrays: true}>\n    | undefined\n    | null\n  >(() => getVariantBasedOnIdProp(explicitVariantId, variants));\n\n  /**\n   * Track the selectedOptions within the provider. If a `initialVariantId`\n   * is passed, use that to select initial options.\n   */\n  const [selectedOptions, setSelectedOptions] = useState<SelectedOptions>(() =>\n    getSelectedOptions(selectedVariant)\n  );\n\n  /**\n   * When the initialVariantId changes, we need to make sure we\n   * update the selected variant and selected options. If not,\n   * then the selected variant and options will reference incorrect\n   * values.\n   */\n  useEffect(() => {\n    const newSelectedVariant = getVariantBasedOnIdProp(\n      explicitVariantId,\n      variants\n    );\n    setSelectedVariant(newSelectedVariant);\n    setSelectedOptions(getSelectedOptions(newSelectedVariant));\n  }, [explicitVariantId, variants]);\n\n  /**\n   * Allow the developer to select an option.\n   */\n  const setSelectedOption = useCallback(\n    (name: string, value: string) => {\n      setSelectedOptions((selectedOptions) => {\n        const opts = {...selectedOptions, [name]: value};\n        setSelectedVariant(getSelectedVariant(variants, opts));\n        return opts;\n      });\n    },\n    [setSelectedOptions, variants]\n  );\n\n  const isOptionInStock = useCallback(\n    (option: string, value: string) => {\n      const proposedVariant = getSelectedVariant(variants, {\n        ...selectedOptions,\n        ...{[option]: value},\n      });\n\n      return proposedVariant?.availableForSale ?? true;\n    },\n    [selectedOptions, variants]\n  );\n\n  const sellingPlanGroups = useMemo(\n    () =>\n      flattenConnection(product.sellingPlanGroups ?? {}).map(\n        (sellingPlanGroup) => ({\n          ...sellingPlanGroup,\n          sellingPlans: flattenConnection(sellingPlanGroup?.sellingPlans ?? {}),\n        })\n      ),\n    [product.sellingPlanGroups]\n  );\n\n  /**\n   * Track the selectedSellingPlan within the hook. If `initialSellingPlanId`\n   * is passed, use that as an initial value. Look it up from the `selectedVariant`, since\n   * that is also a requirement.\n   */\n  const [selectedSellingPlan, setSelectedSellingPlan] = useState<\n    PartialDeep<SellingPlan, {recurseIntoArrays: true}> | undefined\n  >(undefined);\n\n  const selectedSellingPlanAllocation = useMemo<\n    PartialDeep<SellingPlanAllocation, {recurseIntoArrays: true}> | undefined\n  >(() => {\n    if (!selectedVariant || !selectedSellingPlan) {\n      return;\n    }\n\n    if (\n      !selectedVariant.sellingPlanAllocations?.nodes &&\n      !selectedVariant.sellingPlanAllocations?.edges\n    ) {\n      throw new Error(\n        `<ProductProvider/>: You must include 'sellingPlanAllocations.nodes' or 'sellingPlanAllocations.edges' in your variants in order to calculate selectedSellingPlanAllocation`\n      );\n    }\n\n    return flattenConnection(selectedVariant.sellingPlanAllocations).find(\n      (allocation) => allocation?.sellingPlan?.id === selectedSellingPlan.id\n    );\n  }, [selectedVariant, selectedSellingPlan]);\n\n  const value = useMemo<ProductHookValue>(\n    () => ({\n      variants,\n      variantsConnection: product.variants,\n      options,\n      selectedVariant,\n      setSelectedVariant,\n      selectedOptions,\n      setSelectedOption,\n      setSelectedOptions,\n      isOptionInStock,\n      selectedSellingPlan,\n      setSelectedSellingPlan,\n      selectedSellingPlanAllocation,\n      sellingPlanGroups,\n      sellingPlanGroupsConnection: product.sellingPlanGroups,\n    }),\n    [\n      isOptionInStock,\n      options,\n      product.sellingPlanGroups,\n      product.variants,\n      selectedOptions,\n      selectedSellingPlan,\n      selectedSellingPlanAllocation,\n      selectedVariant,\n      sellingPlanGroups,\n      setSelectedOption,\n      variants,\n    ]\n  );\n\n  return (\n    <ProductOptionsContext.Provider value={value}>\n      {children}\n    </ProductOptionsContext.Provider>\n  );\n}\n\n/**\n * Provides access to the context value provided by `<ProductProvider />`. Must be a descendent of `<ProductProvider />`.\n */\nexport function useProduct() {\n  const context = useContext(ProductOptionsContext);\n\n  if (!context) {\n    throw new Error(`'useProduct' must be a child of <ProductProvider />`);\n  }\n\n  return context;\n}\n\nfunction getSelectedVariant(\n  variants: PartialDeep<ProductVariantType, {recurseIntoArrays: true}>[],\n  choices: SelectedOptions\n): PartialDeep<ProductVariantType, {recurseIntoArrays: true}> | undefined {\n  /**\n   * Ensure the user has selected all the required options, not just some.\n   */\n  if (\n    !variants.length ||\n    variants?.[0]?.selectedOptions?.length !== Object.keys(choices).length\n  ) {\n    return;\n  }\n\n  return variants?.find((variant) => {\n    return Object.entries(choices).every(([name, value]) => {\n      return variant?.selectedOptions?.some(\n        (option) => option?.name === name && option?.value === value\n      );\n    });\n  });\n}\n\nfunction getOptions(\n  variants: PartialDeep<ProductVariantType, {recurseIntoArrays: true}>[]\n): OptionWithValues[] {\n  const map = variants.reduce((memo, variant) => {\n    if (!variant.selectedOptions) {\n      throw new Error(`'getOptions' requires 'variant.selectedOptions'`);\n    }\n    variant?.selectedOptions?.forEach((opt) => {\n      memo[opt?.name ?? ''] = memo[opt?.name ?? ''] || new Set();\n      memo[opt?.name ?? ''].add(opt?.value ?? '');\n    });\n\n    return memo;\n  }, {} as Record<string, Set<string>>);\n\n  return Object.keys(map).map((option) => {\n    return {\n      name: option,\n      values: Array.from(map[option]),\n    };\n  });\n}\n\nfunction getVariantBasedOnIdProp(\n  explicitVariantId: InitialVariantId | undefined,\n  variants: Array<\n    PartialDeep<ProductVariantType, {recurseIntoArrays: true}> | undefined\n  >\n) {\n  // get the initial variant based on the logic outlined in the comments for 'initialVariantId' above\n  // * 1. If `initialVariantId` is provided, then it's used even if it's out of stock.\n  if (explicitVariantId) {\n    const foundVariant = variants.find(\n      (variant) => variant?.id === explicitVariantId\n    );\n    if (!foundVariant) {\n      console.warn(\n        `<ProductProvider/> received a 'initialVariantId' prop, but could not actually find a variant with that ID`\n      );\n    }\n    return foundVariant;\n  }\n  // * 2. If `initialVariantId` is provided but is `null`, then no variant is used.\n  if (explicitVariantId === null) {\n    return null;\n  }\n  // * 3. If nothing is passed to `initialVariantId` then the first available / in-stock variant is used.\n  // * 4. If nothing is passed to `initialVariantId` and no variants are in stock, then the first variant is used.\n  if (explicitVariantId === undefined) {\n    return variants.find((variant) => variant?.availableForSale) || variants[0];\n  }\n}\n\nfunction getSelectedOptions(\n  selectedVariant:\n    | PartialDeep<ProductVariantType, {recurseIntoArrays: true}>\n    | undefined\n    | null\n): SelectedOptions {\n  return selectedVariant?.selectedOptions\n    ? selectedVariant.selectedOptions.reduce<SelectedOptions>(\n        (memo, optionSet) => {\n          memo[optionSet?.name ?? ''] = optionSet?.value ?? '';\n          return memo;\n        },\n        {}\n      )\n    : {};\n}\n\nfunction isProductVariantArray(\n  maybeVariantArray:\n    | (PartialDeep<ProductVariantType, {recurseIntoArrays: true}> | undefined)[]\n    | undefined\n): maybeVariantArray is PartialDeep<\n  ProductVariantType,\n  {recurseIntoArrays: true}\n>[] {\n  if (!maybeVariantArray || !Array.isArray(maybeVariantArray)) {\n    return false;\n  }\n\n  return true;\n}\n\nexport interface OptionWithValues {\n  name: SelectedOptionType['name'];\n  values: SelectedOptionType['value'][];\n}\n\ntype ProductHookValue = PartialDeep<\n  {\n    /** An array of the variant `nodes` from the `VariantConnection`. */\n    variants: ProductVariantType[];\n    variantsConnection?: ProductVariantConnection;\n    /** An array of the product's options and values. */\n    options: OptionWithValues[];\n    /** The selected variant. */\n    selectedVariant?: ProductVariantType | null;\n    selectedOptions: SelectedOptions;\n    /** The selected selling plan. */\n    selectedSellingPlan?: SellingPlanType;\n    /** The selected selling plan allocation. */\n    selectedSellingPlanAllocation?: SellingPlanAllocationType;\n    /** The selling plan groups. */\n    sellingPlanGroups?: (Omit<SellingPlanGroupType, 'sellingPlans'> & {\n      sellingPlans: SellingPlanType[];\n    })[];\n    sellingPlanGroupsConnection?: SellingPlanGroupConnection;\n  },\n  {recurseIntoArrays: true}\n> & {\n  /** A callback to set the selected variant to the variant passed as an argument. */\n  setSelectedVariant: (\n    variant: PartialDeep<ProductVariantType, {recurseIntoArrays: true}> | null\n  ) => void;\n  /** A callback to set the selected option. */\n  setSelectedOption: (\n    name: SelectedOptionType['name'],\n    value: SelectedOptionType['value']\n  ) => void;\n  /** A callback to set multiple selected options at once. */\n  setSelectedOptions: (options: SelectedOptions) => void;\n  /** A callback to set the selected selling plan to the one passed as an argument. */\n  setSelectedSellingPlan: (\n    sellingPlan: PartialDeep<SellingPlanType, {recurseIntoArrays: true}>\n  ) => void;\n  /** A callback that returns a boolean indicating if the option is in stock. */\n  isOptionInStock: (\n    name: SelectedOptionType['name'],\n    value: SelectedOptionType['value']\n  ) => boolean;\n};\n\nexport type SelectedOptions = {\n  [key: string]: string;\n};\n","import React from 'react';\nimport {useShop} from './ShopifyProvider.js';\nimport {useLoadScript} from './load-script.js';\n\n// By using 'never' in the \"or\" cases below, it makes these props \"exclusive\" and means that you cannot pass both of them; you must pass either one OR the other.\ntype ShopPayButtonProps = {\n  /** A string of classes to apply to the `div` that wraps the Shop Pay button. */\n  className?: string;\n  /** A string that's applied to the [CSS custom property (variable)](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) `--shop-pay-button-width` for the [Buy with Shop Pay component](https://shopify.dev/custom-storefronts/tools/web-components#buy-with-shop-pay-component). */\n  width?: string;\n} & (\n  | {\n      /** An array of IDs of the variants to purchase with Shop Pay. This will only ever have a quantity of 1 for each variant. If you want to use other quantities, then use 'variantIdsAndQuantities'. */\n      variantIds: string[];\n      /** An array of variant IDs and quantities to purchase with Shop Pay. */\n      variantIdsAndQuantities?: never;\n    }\n  | {\n      /** An array of IDs of the variants to purchase with Shop Pay. This will only ever have a quantity of 1 for each variant. If you want to use other quantities, then use 'variantIdsAndQuantities'. */\n      variantIds?: never;\n      /** An array of variant IDs and quantities to purchase with Shop Pay. */\n      variantIdsAndQuantities: Array<{\n        id: string;\n        quantity: number;\n      }>;\n    }\n);\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'shop-pay-button': {\n        variants: string;\n        'store-url': string;\n      };\n    }\n  }\n}\n\nconst SHOPJS_URL =\n  'https://cdn.shopify.com/shopifycloud/shop-js/v1.0/client.js';\n\n/**\n * The `ShopPayButton` component renders a button that redirects to the Shop Pay checkout.\n * It renders a [`<shop-pay-button>`](https://shopify.dev/custom-storefronts/tools/web-components) custom element, for which it will lazy-load the source code automatically.\n * It relies on the `<ShopProvider>` context provider.\n */\nexport function ShopPayButton({\n  variantIds,\n  className,\n  variantIdsAndQuantities,\n  width,\n}: ShopPayButtonProps) {\n  const {storeDomain} = useShop();\n  const shopPayLoadedStatus = useLoadScript(SHOPJS_URL);\n\n  let ids: string[];\n\n  if (variantIds && variantIdsAndQuantities) {\n    throw new Error(DoublePropsErrorMessage);\n  }\n\n  if (variantIds) {\n    ids = variantIds.reduce<string[]>((prev, curr) => {\n      const bareId = getIdFromGid(curr);\n      if (bareId) {\n        prev.push(bareId);\n      }\n      return prev;\n    }, []);\n  } else if (variantIdsAndQuantities) {\n    ids = variantIdsAndQuantities.reduce<string[]>((prev, curr) => {\n      const bareId = getIdFromGid(curr?.id);\n      if (bareId) {\n        prev.push(`${bareId}:${curr?.quantity ?? 1}`);\n      }\n      return prev;\n    }, []);\n  } else {\n    throw new Error(MissingPropsErrorMessage);\n  }\n\n  const style = width\n    ? ({\n        '--shop-pay-button-width': width,\n      } as React.CSSProperties)\n    : undefined;\n\n  return (\n    <div className={className} style={style}>\n      {shopPayLoadedStatus === 'done' && (\n        <shop-pay-button\n          store-url={`https://${storeDomain}`}\n          variants={ids.join(',')}\n        />\n      )}\n    </div>\n  );\n}\n\n/**\n * Takes a string in the format of \"gid://shopify/ProductVariant/41007289630776\" and returns a string of the ID part at the end: \"41007289630776\"\n */\nexport function getIdFromGid(id?: string) {\n  if (!id) return;\n  return id.split('/').pop();\n}\n\nexport const MissingPropsErrorMessage = `You must pass in either \"variantIds\" or \"variantIdsAndQuantities\" to ShopPayButton`;\nexport const DoublePropsErrorMessage = `You must provide either a variantIds or variantIdsAndQuantities prop, but not both in the ShopPayButton component`;\n","import {SFAPI_VERSION} from './storefront-api-constants.js';\n\n/**\n * The `createStorefrontClient()` function creates helpers that enable you to quickly query the Shopify Storefront API.\n *\n * When used on the server, it is recommended to use the `privateStorefrontToken` prop. When used on the client, it is recommended to use the `publicStorefrontToken` prop.\n */\nexport function createStorefrontClient({\n  storeDomain,\n  privateStorefrontToken,\n  publicStorefrontToken,\n  storefrontApiVersion,\n  contentType,\n}: StorefrontClientProps): StorefrontClientReturn {\n  if (storefrontApiVersion !== SFAPI_VERSION) {\n    console.warn(\n      `StorefrontClient: The Storefront API version that you're using is different than the version this build of Hydrogen-UI is targeting. You may run into unexpected errors if these versions don't match. Received verion: \"${storefrontApiVersion}\"; expected version ${SFAPI_VERSION}`\n    );\n  }\n\n  // only warn if not in a browser environment\n  if (__HYDROGEN_DEV__ && !privateStorefrontToken && !globalThis.document) {\n    console.warn(\n      `StorefrontClient: Using a private storefront token is recommended for server environments.  Refer to the authentication https://shopify.dev/api/storefront#authentication documentation for more details. `\n    );\n  }\n\n  // only warn if in a browser environment and you're using the privateStorefrontToken\n  if (__HYDROGEN_DEV__ && privateStorefrontToken && globalThis) {\n    console.warn(\n      `StorefrontClient: You are attempting to use a private token in an environment where it can be easily accessed by anyone. This is a security risk; please use the public token and the 'publicStorefrontToken' prop`\n    );\n  }\n\n  return {\n    getStorefrontApiUrl(overrideProps) {\n      return `https://${\n        overrideProps?.storeDomain ?? storeDomain\n      }.myshopify.com/api/${\n        overrideProps?.storefrontApiVersion ?? storefrontApiVersion\n      }/graphql.json`;\n    },\n    getPrivateTokenHeaders(overrideProps) {\n      if (!privateStorefrontToken && !overrideProps?.privateStorefrontToken) {\n        throw new Error(\n          `StorefrontClient: You did not pass in a 'privateStorefrontToken' while using 'getPrivateTokenHeaders()'`\n        );\n      }\n\n      if (__HYDROGEN_DEV__ && !overrideProps?.buyerIp) {\n        console.warn(\n          `StorefrontClient: it is recommended to pass in the 'buyerIp' property which improves analytics and data in the admin.`\n        );\n      }\n\n      const finalContentType = overrideProps?.contentType ?? contentType;\n\n      return {\n        // default to json\n        'content-type':\n          finalContentType === 'graphql'\n            ? 'application/graphql'\n            : 'application/json',\n        'X-SDK-Variant': 'hydrogen-ui',\n        'X-SDK-Variant-Source': 'react',\n        'X-SDK-Version': storefrontApiVersion,\n        'Shopify-Storefront-Private-Token':\n          overrideProps?.privateStorefrontToken ?? privateStorefrontToken ?? '',\n        ...(overrideProps?.buyerIp\n          ? {'Shopify-Storefront-Buyer-IP': overrideProps.buyerIp}\n          : {}),\n      };\n    },\n    getPublicTokenHeaders(overrideProps) {\n      if (!publicStorefrontToken && !overrideProps?.publicStorefrontToken) {\n        throw new Error(\n          `StorefrontClient: You did not pass in a 'publicStorefrontToken' while using 'getPublicTokenHeaders()'`\n        );\n      }\n\n      const finalContentType = overrideProps?.contentType ?? contentType;\n\n      return {\n        // default to json\n        'content-type':\n          finalContentType === 'graphql'\n            ? 'application/graphql'\n            : 'application/json',\n        'X-SDK-Variant': 'hydrogen-ui',\n        'X-SDK-Variant-Source': 'react',\n        'X-SDK-Version': storefrontApiVersion,\n        'X-Shopify-Storefront-Access-Token':\n          overrideProps?.publicStorefrontToken ?? publicStorefrontToken ?? '',\n      };\n    },\n  };\n}\n\ntype StorefrontClientProps = {\n  /** The host name of the domain (eg: `{shop}.myshopify.com`). */\n  storeDomain: string;\n  /** The Storefront API delegate access token. Refer to the [authentication](https://shopify.dev/api/storefront#authentication) and [delegate access token](https://shopify.dev/apps/auth/oauth/delegate-access-tokens) documentation for more details. */\n  privateStorefrontToken?: string;\n  /** The Storefront API access token. Refer to the [authentication](https://shopify.dev/api/storefront#authentication) documentation for more details. */\n  publicStorefrontToken?: string;\n  /** The Storefront API version. This should almost always be the same as the version Hydrogen-UI was built for. Learn more about Shopify [API versioning](https://shopify.dev/api/usage/versioning) for more details.  */\n  storefrontApiVersion: string;\n  /**\n   * Customizes which `\"content-type\"` header is added when using `getPrivateTokenHeaders()` and `getPublicTokenHeaders()`. When fetching with a `JSON.stringify()`-ed `body`, use `\"json\"`. When fetching with a `body` that is a plain string, use `\"graphql\"`. Defaults to `\"json\"`\n   *\n   * Can also be customized on a call-by-call basis by passing in `'contentType'` to both `getPrivateTokenHeaders({...})` and `getPublicTokenHeaders({...})`, for example: `getPublicTokenHeaders({contentType: 'graphql'})`\n   */\n  contentType?: 'json' | 'graphql';\n};\n\ntype OverrideTokenHeaderProps = Partial<\n  Pick<StorefrontClientProps, 'contentType'>\n>;\n\ntype StorefrontClientReturn = {\n  /**\n   * Creates the fully-qualified URL to your store's GraphQL endpoint.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getStorefrontApiUrl({...})`:\n   *\n   * - `storeDomain`\n   * - `storefrontApiVersion`\n   */\n  getStorefrontApiUrl: (\n    props?: Partial<\n      Pick<StorefrontClientProps, 'storeDomain' | 'storefrontApiVersion'>\n    >\n  ) => string;\n  /**\n   * Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint. This method uses the private Server-to-Server token which reduces the chance of throttling but must not be exposed to clients. Server-side calls should prefer using this over `getPublicTokenHeaders()`.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getPrivateTokenHeaders({...})`:\n   *\n   * - `contentType`\n   * - `privateStorefrontToken`\n   * - `buyerIp`\n   *\n   * Note that `contentType` defaults to what you configured in `createStorefrontClient({...})` and defaults to `'json'`, but a specific call may require using `graphql`. When using `JSON.stringify()` on the `body`, use `'json'`; otherwise, use `'graphql'`.\n   */\n  getPrivateTokenHeaders: (\n    props?: OverrideTokenHeaderProps &\n      Pick<StorefrontClientProps, 'privateStorefrontToken'> & {\n        /**\n         * The client's IP address. Passing this to the Storefront API when using a server-to-server token will help improve your store's analytics data.\n         */\n        buyerIp?: string;\n      }\n  ) => Record<string, string>;\n  /**\n   * Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint. This method uses the private Server-to-Server token which reduces the chance of throttling but must not be exposed to clients. Server-side calls should prefer using this over `getPublicTokenHeaders()`.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getPrivateTokenHeaders({...})`:\n   *\n   * - `contentType`\n   * - `publicStorefrontToken`\n   *\n   * Note that `contentType` defaults to what you configured in `createStorefrontClient({...})` and defaults to `'json'`, but a specific call may require using `graphql`. When using `JSON.stringify()` on the `body`, use `'json'`; otherwise, use `'graphql'`.\n   */\n  getPublicTokenHeaders: (\n    props?: OverrideTokenHeaderProps &\n      Pick<StorefrontClientProps, 'publicStorefrontToken'>\n  ) => Record<string, string>;\n};\n"],"names":["ExternalVideo","props","data","options","id","frameBorder","allow","allowFullScreen","loading","passthroughProps","embedUrl","Error","finalUrl","urlObject","URL","key","Object","keys","searchParams","set","toString","React","alt","_jsxFileName","flattenConnection","connection","edge","PRODUCTION_CDN_HOSTNAMES","LOCAL_CDN_HOSTNAMES","ALL_CDN_HOSTNAMES","IMG_SRC_SET_SIZES","addImageSizeParametersToUrl","src","width","height","crop","scale","newUrl","multipliedScale","finalWidth","shopifyImageLoader","params","newSrc","allowedHostname","getShopifyImageDimensions","sfapiImage","loaderOptions","elementProps","aspectRatio","_a","_b","_c","_d","_e","_f","Image","loader","widths","decoding","rest","url","missingUrlError","console","error","imgElementWidth","imgElementHeight","finalSrc","maxWidth","finalSrcset","srcSet","internalImageSrcSet","altText","undefined","hasCustomWidths","Array","isArray","some","isNaN","size","Number","setSizes","length","filter","srcGenerator","map","join","Video","previewImageOptions","playsInline","controls","sourceProps","posterUrl","previewImage","sources","source","mimeType","SCRIPTS_LOADED","loadScript","isScriptLoaded","promise","Promise","resolve","reject","script","document","createElement","module","type","onload","onerror","in","head","appendChild","body","useLoadScript","status","setStatus","useState","stringifiedOptions","JSON","stringify","useEffect","loadScriptWrapper","ModelViewer","modelViewer","setModelViewer","callbackRef","useCallback","node","children","className","modelViewerLoadedStatus","onError","addEventListener","onLoad","onPreload","onModelVisibility","onProgress","onArStatus","onArTracking","onQuickLookButtonTapped","onCameraChange","onEnvironmentChange","onPlay","onPause","onSceneGraphReady","removeEventListener","cameraControls","poster","autoplay","reveal","ar","arModes","arScale","arPlacement","iosSrc","touchAction","disableZoom","orbitSensitivity","autoRotate","autoRotateDelay","rotationPerSecond","interactionPolicy","interactionPrompt","interactionPromptStyle","interactionPromptThreshold","cameraOrbit","cameraTarget","fieldOfView","maxCameraOrbit","minCameraOrbit","maxFieldOfView","minFieldOfView","bounds","interpolationDecay","skyboxImage","environmentImage","exposure","shadowIntensity","shadowSoftness","animationName","animationCrossfadeDuration","variantName","orientation","MediaFile","mediaOptions","__typename","image","warn","video","externalVideo","SFAPI_VERSION","ShopifyContext","createContext","storeDomain","storefrontToken","storefrontApiVersion","country","isoCode","language","locale","ShopifyProvider","shopifyConfig","finalConfig","useMemo","replace","useShop","shopContext","useContext","Metafield","as","parsedMetafield","parseMetafield","value","noValueWarning","Wrapper","toLocaleDateString","toLocaleString","getMeasurementAsString","__html","split","protocolLessUrl","href","protocol","ref","reference","title","refArray","references","index","metafield","parseMetafieldValue","parseInt","parseFloat","Date","parseJSON","json","String","includes","parse","k","v","UNIT_MAPPING","mm","cm","m","ft","yd","ml","l","us_fl_oz","us_gal","kg","g","lb","oz","measurement","measure","unit","convertToSupportedUnit","Intl","NumberFormat","style","format","useMoney","money","amount","currency","currencyCode","defaultFormatter","useLazyFormatter","nameFormatter","currencyDisplay","narrowSymbolFormatter","withoutTrailingZerosFormatter","minimumFractionDigits","maximumFractionDigits","withoutCurrencyFormatter","withoutTrailingZerosOrCurrencyFormatter","isPartCurrency","part","lazyFormatters","original","localizedString","parts","formatToParts","withoutTrailingZeros","withoutTrailingZerosAndCurrency","currencyName","find","currencySymbol","currencyNarrowSymbol","Proxy","get","target","Reflect","call","memoized","Money","withoutCurrency","measurementSeparator","isMoney","moneyObject","output","referenceUnit","maybeMoney","ProductPrice","priceType","variantId","valueType","product","price","variant","variants","compareAtPriceV2","priceV2","compareAtPriceRange","maxVariantPrice","minVariantPrice","unitPrice","unitPriceMeasurement","priceRange","ProductOptionsContext","ProductProvider","initialVariantId","explicitVariantId","isProductVariantArray","getOptions","selectedVariant","setSelectedVariant","getVariantBasedOnIdProp","selectedOptions","setSelectedOptions","getSelectedOptions","newSelectedVariant","setSelectedOption","name","opts","getSelectedVariant","isOptionInStock","option","proposedVariant","availableForSale","sellingPlanGroups","sellingPlanGroup","sellingPlans","selectedSellingPlan","setSelectedSellingPlan","selectedSellingPlanAllocation","sellingPlanAllocations","nodes","edges","allocation","sellingPlan","variantsConnection","sellingPlanGroupsConnection","useProduct","context","choices","entries","every","reduce","memo","forEach","opt","Set","add","values","from","foundVariant","optionSet","maybeVariantArray","SHOPJS_URL","ShopPayButton","variantIds","variantIdsAndQuantities","shopPayLoadedStatus","ids","DoublePropsErrorMessage","prev","curr","bareId","getIdFromGid","push","quantity","MissingPropsErrorMessage","pop","createStorefrontClient","privateStorefrontToken","publicStorefrontToken","contentType","overrideProps"],"mappings":"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"}

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "@shopify/hydrogen-react",
+  "version": "2022.7.0",
+  "description": "React components, hooks, and utilities for creating custom Shopify storefronts",
+  "homepage": "https://github.com/Shopify/hydrogen-ui/tree/main/packages/react",
+  "license": "MIT",
+  "engines": {
+    "node": ">=14"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "storefront.schema.json"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "module": {
+        "types": "./dist/types/index.d.ts",
+        "development": "./dist/dev/index.js",
+        "production": "./dist/prod/index.js",
+        "default": "./dist/prod/index.js"
+      },
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "development": "./dist/dev/index.js",
+        "production": "./dist/prod/index.js",
+        "default": "./dist/prod/index.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.cts",
+        "development": "./dist/dev/index.cjs",
+        "production": "./dist/prod/index.cjs",
+        "default": "./dist/prod/index.cjs"
+      },
+      "default": "./dist/prod/index.js"
+    },
+    "./storefront-api-types": "./dist/types/storefront-api-types.d.ts",
+    "./storefront.schema.json": "./storefront.schema.json",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/prod/index.cjs",
+  "module": "./dist/prod/index.js",
+  "types": "./dist/types/index.d.ts",
+  "unpkg": "./dist/umd/hydrogen-react.prod.js",
+  "jsdelivr": "./dist/umd/hydrogen-react.prod.js",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "yarn dev:story",
+    "dev:story": "ladle serve",
+    "dev:demo": "run-p dev:demo:*",
+    "dev:demo:vite": "vite build --watch --emptyOutDir false --clearScreen false --mode devbuild",
+    "dev:demo:ts": "tsc --watch --emitDeclarationOnly",
+    "build": "npm-run-all --parallel build:vite:* build:tsc:es --parallel build:tsc:cjs copy-storefront-types",
+    "build:vite:dev": "vite build --mode devbuild",
+    "build:vite:prod": "vite build",
+    "build:vite:umddev": "vite build --mode umdbuilddev",
+    "build:vite:umdprod": "vite build --mode umdbuild",
+    "build:tsc:cjs": "cpy ./dist/types/index.d.ts ./dist/types/ --rename='index.d.cts' --flat",
+    "build:tsc:es": "tsc --emitDeclarationOnly --project tsconfig.typeoutput.json",
+    "copy-storefront-types": "cpy ./src/storefront-api-types.d.ts ./dist/types/ --flat",
+    "format": "prettier --write \"src/**/*\"",
+    "graphql-types": "graphql-codegen --config codegen.yml && yarn format",
+    "prepack": "yarn build",
+    "test": "vitest",
+    "test:ci": "vitest run --coverage",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^7.5.0",
+    "@graphql-codegen/cli": "^2.13.6",
+    "@graphql-codegen/introspection": "2.2.1",
+    "@graphql-codegen/typescript": "^2.7.4",
+    "@ladle/react": "^2.4.3",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.1.2",
+    "@vitejs/plugin-react": "^2.1.0",
+    "@vitest/coverage-c8": "^0.24.1",
+    "c8": "^7.12.0",
+    "happy-dom": "^7.5.6",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "typescript": "^4.8.4",
+    "vite": "^3.1.7",
+    "vitest": "^0.24.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@google/model-viewer": "^1.12.1",
+    "graphql": "^16.6.0",
+    "type-fest": "^3.1.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/shopify/hydrogen-ui.git",
+    "directory": "packages/hydrogen-react"
+  },
+  "bugs": "https://github.com/shopify/hydrogen-ui/issues"
+}