@shopify/hydrogen 2023.4.1 → 2023.4.2

package/dist/production/index.d.ts

@@ -4,8 +4,9 @@ import { ExecutionArgs } from 'graphql';
 import { LanguageCode, CountryCode, Maybe } from '@shopify/hydrogen-react/storefront-api-types';
 import { LoaderArgs, LoaderFunction, SerializeFrom, AppData } from '@remix-run/server-runtime';
 import * as react from 'react';
-import { Params, Location } from '@remix-run/react';
+import { Params, Location, LinkProps } from '@remix-run/react';
 import { Thing, WithContext } from 'schema-dts';
+import { PageInfo, Maybe as Maybe$1 } from '@shopify/hydrogen/storefront-api-types';
 
 /**
  * Override options for a cache strategy.
@@ -66,40 +67,70 @@ type I18nBase = {
     country: CountryCode;
 };
 /**
- * other description
+ * Wraps all the returned utilities from `createStorefrontClient`.
  */
 type StorefrontClient<TI18n extends I18nBase> = {
     storefront: Storefront<TI18n>;
 };
 /**
- * some deswcription
+ * Maps all the queries found in the project to variables and return types.
+ */
+interface StorefrontQueries {
+}
+/**
+ * Maps all the mutations found in the project to variables and return types.
+ */
+interface StorefrontMutations {
+}
+type GenericVariables = ExecutionArgs['variableValues'];
+type EmptyVariables = {
+    [key: string]: never;
+};
+type AutoAddedVariableNames = 'country' | 'language';
+type IsOptionalVariables<OperationTypeValue extends {
+    variables: any;
+}> = Omit<OperationTypeValue['variables'], AutoAddedVariableNames> extends EmptyVariables ? true : GenericVariables extends OperationTypeValue['variables'] ? true : false;
+type StorefrontCommonOptions<Variables extends GenericVariables> = {
+    headers?: HeadersInit;
+    storefrontApiVersion?: string;
+} & (IsOptionalVariables<{
+    variables: Variables;
+}> extends true ? {
+    variables?: Variables;
+} : {
+    variables: Variables;
+});
+type StorefrontQuerySecondParam<RawGqlString extends keyof StorefrontQueries | string = string> = (RawGqlString extends keyof StorefrontQueries ? StorefrontCommonOptions<StorefrontQueries[RawGqlString]['variables']> : StorefrontCommonOptions<GenericVariables>) & {
+    cache?: CachingStrategy;
+};
+type StorefrontMutateSecondParam<RawGqlString extends keyof StorefrontMutations | string = string> = RawGqlString extends keyof StorefrontMutations ? StorefrontCommonOptions<StorefrontMutations[RawGqlString]['variables']> : StorefrontCommonOptions<GenericVariables>;
+/**
+ * Interface to interact with the Storefront API.
  */
 type Storefront<TI18n extends I18nBase = I18nBase> = {
-    /** The function to run a query on storefront api. */
-    query: <T>(query: string, payload?: StorefrontCommonOptions & {
-        cache?: CachingStrategy;
-    }) => Promise<T>;
-    /** The function to run a mutation on storefront api. */
-    mutate: <T>(mutation: string, payload?: StorefrontCommonOptions) => Promise<T>;
+    /** The function to run a query on Storefront API. */
+    query: <OverrideReturnType = any, RawGqlString extends string = string>(query: RawGqlString, ...options: RawGqlString extends keyof StorefrontQueries ? IsOptionalVariables<StorefrontQueries[RawGqlString]> extends true ? [StorefrontQuerySecondParam<RawGqlString>?] : [StorefrontQuerySecondParam<RawGqlString>] : [StorefrontQuerySecondParam?]) => Promise<RawGqlString extends keyof StorefrontQueries ? StorefrontQueries[RawGqlString]['return'] : OverrideReturnType>;
+    /** The function to run a mutation on Storefront API. */
+    mutate: <OverrideReturnType = any, RawGqlString extends string = string>(mutation: RawGqlString, ...options: RawGqlString extends keyof StorefrontMutations ? IsOptionalVariables<StorefrontMutations[RawGqlString]> extends true ? [StorefrontMutateSecondParam<RawGqlString>?] : [StorefrontMutateSecondParam<RawGqlString>] : [StorefrontMutateSecondParam?]) => Promise<RawGqlString extends keyof StorefrontMutations ? StorefrontMutations[RawGqlString]['return'] : OverrideReturnType>;
     /** The cache instance passed in from the `createStorefrontClient` argument. */
     cache?: Cache;
-    /** Re-export of [`CacheNone`](/docs/api/hydrogen/2023-04/utilities/cachenone). */
+    /** Re-export of [`CacheNone`](/docs/api/hydrogen/utilities/cachenone). */
     CacheNone: typeof CacheNone;
-    /** Re-export of [`CacheLong`](/docs/api/hydrogen/2023-04/utilities/cachelong). */
+    /** Re-export of [`CacheLong`](/docs/api/hydrogen/utilities/cachelong). */
     CacheLong: typeof CacheLong;
-    /** Re-export of [`CacheShort`](/docs/api/hydrogen/2023-04/utilities/cacheshort). */
+    /** Re-export of [`CacheShort`](/docs/api/hydrogen/utilities/cacheshort). */
     CacheShort: typeof CacheShort;
-    /** Re-export of [`CacheCustom`](/docs/api/hydrogen/2023-04/utilities/cachecustom). */
+    /** Re-export of [`CacheCustom`](/docs/api/hydrogen/utilities/cachecustom). */
     CacheCustom: typeof CacheCustom;
-    /** Re-export of [`generateCacheControlHeader`](/docs/api/hydrogen/2023-04/utilities/generatecachecontrolheader). */
+    /** Re-export of [`generateCacheControlHeader`](/docs/api/hydrogen/utilities/generatecachecontrolheader). */
     generateCacheControlHeader: typeof generateCacheControlHeader;
-    /** Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint. See [`getPublicTokenHeaders` in Hydrogen React](/docs/api/hydrogen-react/2023-04/utilities/createstorefrontclient#:~:text=%27graphql%27.-,getPublicTokenHeaders,-(props%3F%3A) for more details. */
+    /** Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint. See [`getPublicTokenHeaders` in Hydrogen React](/docs/api/hydrogen-react/utilities/createstorefrontclient#:~:text=%27graphql%27.-,getPublicTokenHeaders,-(props%3F%3A) for more details. */
     getPublicTokenHeaders: ReturnType<typeof createStorefrontClient$1>['getPublicTokenHeaders'];
-    /** Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint for API calls made from a server. See [`getPrivateTokenHeaders` in  Hydrogen React](/docs/api/hydrogen-react/2023-04/utilities/createstorefrontclient#:~:text=storefrontApiVersion-,getPrivateTokenHeaders,-(props%3F%3A) for more details.*/
+    /** Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint for API calls made from a server. See [`getPrivateTokenHeaders` in  Hydrogen React](/docs/api/hydrogen-react/utilities/createstorefrontclient#:~:text=storefrontApiVersion-,getPrivateTokenHeaders,-(props%3F%3A) for more details.*/
     getPrivateTokenHeaders: ReturnType<typeof createStorefrontClient$1>['getPrivateTokenHeaders'];
-    /** Creates the fully-qualified URL to your myshopify.com domain. See [`getShopifyDomain` in  Hydrogen React](/docs/api/hydrogen-react/2023-04/utilities/createstorefrontclient#:~:text=StorefrontClientReturn-,getShopifyDomain,-(props%3F%3A) for more details. */
+    /** Creates the fully-qualified URL to your myshopify.com domain. See [`getShopifyDomain` in  Hydrogen React](/docs/api/hydrogen-react/utilities/createstorefrontclient#:~:text=StorefrontClientReturn-,getShopifyDomain,-(props%3F%3A) for more details. */
     getShopifyDomain: ReturnType<typeof createStorefrontClient$1>['getShopifyDomain'];
-    /** Creates the fully-qualified URL to your store's GraphQL endpoint. See [`getStorefrontApiUrl` in  Hydrogen React](/docs/api/hydrogen-react/2023-04/utilities/createstorefrontclient#:~:text=storeDomain-,getStorefrontApiUrl,-(props%3F%3A) for more details.*/
+    /** Creates the fully-qualified URL to your store's GraphQL endpoint. See [`getStorefrontApiUrl` in  Hydrogen React](/docs/api/hydrogen-react/utilities/createstorefrontclient#:~:text=storeDomain-,getStorefrontApiUrl,-(props%3F%3A) for more details.*/
     getApiUrl: ReturnType<typeof createStorefrontClient$1>['getStorefrontApiUrl'];
     /** Determines if the error is resulted from a Storefront API call. */
     isApiError: (error: any) => boolean;
@@ -131,24 +162,6 @@ type StorefrontHeaders = {
     /** The cookie header from the client  */
     cookie: string | null;
 };
-type StorefrontCommonOptions = {
-    variables?: ExecutionArgs['variableValues'] & {
-        country?: CountryCode;
-        language?: LanguageCode;
-    };
-    headers?: HeadersInit;
-    storefrontApiVersion?: string;
-};
-type StorefrontQueryOptions = StorefrontCommonOptions & {
-    query: string;
-    mutation?: never;
-    cache?: CachingStrategy;
-};
-type StorefrontMutationOptions = StorefrontCommonOptions & {
-    query?: never;
-    mutation: string;
-    cache?: never;
-};
 declare const isStorefrontApiError: (error: any) => boolean;
 /**
  *  This function extends `createStorefrontClient` from [Hydrogen React](/docs/api/hydrogen-react/latest/utilities/createstorefrontclient). The additional arguments enable internationalization (i18n), caching, and other features particular to Remix and Oxygen.
@@ -501,4 +514,72 @@ declare function Seo({ debug }: SeoProps): react.FunctionComponentElement<{
     children?: react.ReactNode;
 }>;
 
-export { CacheCustom, CacheLong, CacheNone, CacheShort, CreateStorefrontClientOptions, I18nBase, InMemoryCache, Seo, SeoConfig, SeoHandleFunction, Storefront, StorefrontClient, StorefrontMutationOptions, StorefrontQueryOptions, WithCache, createStorefrontClient, createWithCache_unstable, generateCacheControlHeader, graphiqlLoader, isStorefrontApiError, storefrontRedirect };
+type Connection<NodesType> = {
+    nodes: Array<NodesType>;
+    pageInfo: PageInfo;
+} | {
+    edges: {
+        node: Array<NodesType>;
+    };
+    pageInfo: PageInfo;
+};
+interface PaginationInfo<NodesType> {
+    /** The paginated array of nodes. You should map over and render this array. */
+    nodes: Array<NodesType>;
+    /** The `<NextLink>` is a helper component that makes it easy to navigate to the next page of paginated data. Alternatively you can build your own `<Link>` component: `<Link to={nextPageUrl} state={state} preventScrollReset />` */
+    NextLink: (props: Omit<LinkProps, 'to'>) => JSX.Element | null;
+    /** The `<PreviousLink>` is a helper component that makes it easy to navigate to the previous page of paginated data. Alternatively you can build your own `<Link>` component: `<Link to={previousPageUrl} state={state} preventScrollReset />` */
+    PreviousLink: (props: Omit<LinkProps, 'to'>) => JSX.Element | null;
+    /** The URL to the previous page of paginated data. Use this prop to build your own `<Link>` component. */
+    previousPageUrl: string;
+    /** The URL to the next page of paginated data. Use this prop to build your own `<Link>` component. */
+    nextPageUrl: string;
+    /** True if the cursor has next paginated data */
+    hasNextPage: boolean;
+    /** True if the cursor has previous paginated data */
+    hasPreviousPage: boolean;
+    /** True if we are in the process of fetching another page of data */
+    isLoading: boolean;
+    /** The `state` property is important to use when building your own `<Link>` component if you want paginated data to continuously append to the page. This means that every time the user clicks "Next page", the next page of data will be apppended inline with the previous page. If you want the whole page to re-render with only the next page results, do not pass the `state` prop to the Remix `<Link>` component. */
+    state: {
+        nodes: Array<NodesType>;
+        pageInfo: {
+            endCursor: Maybe$1<string> | undefined;
+            startCursor: Maybe$1<string> | undefined;
+            hasPreviousPage: boolean;
+        };
+    };
+}
+type PaginationProps<NodesType> = {
+    /** The response from `storefront.query` for a paginated request. Make sure the query is passed pagination variables and that the query has `pageInfo` with `hasPreviousPage`, `hasNextpage`, `startCursor`, and `endCursor` defined. */
+    connection: Connection<NodesType>;
+    /** A render prop that includes pagination data and helpers. */
+    children: PaginationRenderProp<NodesType>;
+};
+type PaginationRenderProp<NodesType> = (props: PaginationInfo<NodesType>) => JSX.Element | null;
+/**
+ *
+ * The [Storefront API uses cursors](https://shopify.dev/docs/api/usage/pagination-graphql) to paginate through lists of data
+ * and the \`<Pagination />\` component makes it easy to paginate data from the Storefront API.
+ *
+ * @prop connection The response from `storefront.query` for a paginated request. Make sure the query is passed pagination variables and that the query has `pageInfo` with `hasPreviousPage`, `hasNextpage`, `startCursor`, and `endCursor` defined.
+ * @prop children A render prop that includes pagination data and helpers.
+ */
+declare function Pagination<NodesType>({ connection, children, }: PaginationProps<NodesType>): JSX.Element | null;
+/**
+ * @param request The request object passed to your Remix loader function.
+ * @param options Options for how to configure the pagination variables. Includes the ability to change how many nodes are within each page.
+ *
+ * @returns Variables to be used with the `storefront.query` function
+ */
+declare function getPaginationVariables(request: Request, options?: {
+    pageBy: number;
+}): {
+    last: number;
+    startCursor: string | null;
+} | {
+    first: number;
+    endCursor: string | null;
+};
+
+export { CacheCustom, CacheLong, CacheNone, CacheShort, CreateStorefrontClientOptions, I18nBase, InMemoryCache, Pagination as Pagination__unstable, Seo, SeoConfig, SeoHandleFunction, Storefront, StorefrontClient, StorefrontMutations, StorefrontQueries, WithCache, createStorefrontClient, createWithCache_unstable, generateCacheControlHeader, getPaginationVariables as getPaginationVariables__unstable, graphiqlLoader, isStorefrontApiError, storefrontRedirect };

package/dist/production/index.js

@@ -1,11 +1,11 @@
-import { createStorefrontClient, SHOPIFY_STOREFRONT_ID_HEADER, getShopifyCookies, SHOPIFY_Y, SHOPIFY_STOREFRONT_Y_HEADER, SHOPIFY_S, SHOPIFY_STOREFRONT_S_HEADER } from '@shopify/hydrogen-react';
+import { createStorefrontClient, SHOPIFY_STOREFRONT_ID_HEADER, getShopifyCookies, SHOPIFY_Y, SHOPIFY_STOREFRONT_Y_HEADER, SHOPIFY_S, SHOPIFY_STOREFRONT_S_HEADER, flattenConnection } from '@shopify/hydrogen-react';
 export { AnalyticsEventName, AnalyticsPageType, ExternalVideo, IMAGE_FRAGMENT, Image, MediaFile, ModelViewer, Money, ShopPayButton, ShopifySalesChannel, Video, flattenConnection, getClientBrowserParameters, getShopifyCookies, parseGid, parseMetafield, sendShopifyAnalytics, storefrontApiCustomScalars, useMoney, useShopifyCookies } from '@shopify/hydrogen-react';
 import { redirect } from '@remix-run/server-runtime';
 import { lazy, useMemo, createElement, Suspense, Fragment } from 'react';
-import { useMatches, useLocation } from '@remix-run/react';
+import { useMatches, useLocation, useNavigation, Link } from '@remix-run/react';
 
-function J(e){let t=Array.isArray(e)?e:[e],n="";for(let r of t)r!=null&&(typeof r=="object"?!!r.body&&typeof r.body=="string"?n+=r.body:n+=JSON.stringify(r):n+=r);return n}var H="public",Te="private",we="no-store",z={maxAge:"max-age",staleWhileRevalidate:"stale-while-revalidate",sMaxAge:"s-maxage",staleIfError:"stale-if-error"};function w(e){let t=[];return Object.keys(e).forEach(n=>{n==="mode"?t.push(e[n]):z[n]&&t.push(`${z[n]}=${e[n]}`);}),t.join(", ")}function U(){return {mode:we}}function X(e){if(e?.mode&&e?.mode!==H&&e?.mode!==Te)throw Error("'mode' must be either 'public' or 'private'")}function g(e){return X(e),{mode:H,maxAge:1,staleWhileRevalidate:9,...e}}function j(e){return X(e),{mode:H,maxAge:3600,staleWhileRevalidate:82800,...e}}function v(e){return e}function b(e){return String(e).includes("__proto__")?JSON.parse(e,xe):JSON.parse(e)}function xe(e,t){if(e!=="__proto__")return t}function R(e,t){return e&&t?{...e,...t}:e||g()}function _(e){return w(R(e))}async function be(e,t){if(!e)return;let n=await e.match(t);if(!n){t.url;return}return t.url,n}async function Re(e,t,n,r){if(!e)return;let o=R(r);t.headers.set("cache-control",_(R(o,{maxAge:(o.maxAge||0)+(o.staleWhileRevalidate||0)})));let a=_(R(o));n.headers.set("cache-control",a),n.headers.set("real-cache-control",a),n.headers.set("cache-put-date",new Date().toUTCString()),t.url,await e.put(t,n);}async function Ie(e,t){!e||(t.url,await e.delete(t));}function Ae(e,t){let n=t.headers.get("cache-put-date"),r=t.headers.get("real-cache-control"),o=0;if(r){let i=r.match(/max-age=(\d*)/);i&&i.length>1&&(o=parseFloat(i[1]));}if(!n)return !1;let c=(new Date().valueOf()-new Date(n).valueOf())/1e3>o;return c&&(e.url,void 0),c}var I={get:be,set:Re,delete:Ie,generateDefaultCacheControlHeader:_,isStale:Ae};function D(e){return `https://shopify.dev/?${e}`}function Ee(e){return e||g()}async function Z(e,t){if(!e)return;let n=D(t),r=new Request(n),o=await I.get(e,r);if(!o)return;let a=await o.text();try{return [b(a),o]}catch{return [a,o]}}async function N(e,t,n,r){if(!e)return;let o=D(t),a=new Request(o),s=new Response(JSON.stringify(n));await I.set(e,a,s,Ee(r));}function ee(e,t){return I.isStale(new Request(D(e)),t)}function ke(e,t){return [e,{status:t.status,statusText:t.statusText,headers:Array.from(t.headers.entries())}]}function te([e,t]){return [e,new Response(e,t)]}var re=e=>!e?.errors,F=new Set;async function W(e,t,{strategy:n=g(),cacheInstance:r,shouldCacheResult:o=()=>!0,waitUntil:a}){if(!r||!n)return t();let s=J([...typeof e=="string"?[e]:e]),c=await Z(r,s);if(c){let[p,u]=c;if(!F.has(s)&&ee(s,u)){F.add(s);let d=Promise.resolve().then(async()=>{try{let f=await t();o(f)&&await N(r,s,f,n);}catch(f){f.message&&(f.message="SWR in sub-request failed: "+f.message),console.error(f);}finally{F.delete(s);}});a?.(d);}return p}let i=await t();if(o(i)){let p=N(r,s,i,n);a?.(p);}return i}async function ne(e,t,{cacheInstance:n,cache:r,cacheKey:o=[e,t],shouldCacheResponse:a=()=>!0,waitUntil:s,returnType:c="json"}={}){return !r&&(!t.method||t.method==="GET")&&(r=g()),W(o,async()=>{let i=await fetch(e,t),p;try{p=await i[c]();}catch{p=await i.text();}return ke(p,i)},{cacheInstance:n,waitUntil:s,strategy:r??null,shouldCacheResult:i=>a(...te(i))}).then(te)}var oe="Custom-Storefront-Request-Group-ID";function ae(){return typeof crypto<"u"&&!!crypto.randomUUID?crypto.randomUUID():`weak-${Math.random().toString(16).substring(2)}`}var se=new Set,$=e=>{se.has(e)||(console.warn(e),se.add(e));};var G="2023.4.1";var ue=class extends Error{},He=e=>e instanceof ue,Ue=/(^|}\s)query[\s({]/im,je=/(^|}\s)mutation[\s({]/im;function pe(e){return e.replace(/\s*#.*$/gm,"").replace(/\s+/gm," ").trim()}var ve={language:"EN",country:"US"};function It(e){let{storefrontHeaders:t,cache:n,waitUntil:r,buyerIp:o,i18n:a,requestGroupId:s,storefrontId:c,...i}=e;n||$("Storefront API client created without a cache instance. This may slow down your sub-requests.");let{getPublicTokenHeaders:p,getPrivateTokenHeaders:u,getStorefrontApiUrl:d,getShopifyDomain:f}=createStorefrontClient(i),y=(i.privateStorefrontToken?u:p)({contentType:"json",buyerIp:t?.buyerIp||o});if(y[oe]=t?.requestGroupId||s||ae(),c&&(y[SHOPIFY_STOREFRONT_ID_HEADER]=c),(y["user-agent"]=`Hydrogen ${G}`),t&&t.cookie){let l=getShopifyCookies(t.cookie??"");l[SHOPIFY_Y]&&(y[SHOPIFY_STOREFRONT_Y_HEADER]=l[SHOPIFY_Y]),l[SHOPIFY_S]&&(y[SHOPIFY_STOREFRONT_S_HEADER]=l[SHOPIFY_S]);}t||$('"requestGroupId" and "buyerIp" will be deprecated in the next calendar release. Please use "getStorefrontHeaders"');async function S({query:l,mutation:C,variables:P,cache:ge,headers:T=[],storefrontApiVersion:de}){let ye=T instanceof Headers?Object.fromEntries(T.entries()):Array.isArray(T)?Object.fromEntries(T):T;l=l??C;let O={...P};a&&(!P?.country&&/\$country/.test(l)&&(O.country=a.country),!P?.language&&/\$language/.test(l)&&(O.language=a.language));let me=d({storefrontApiVersion:de}),Ce={method:"POST",headers:{...y,...ye},body:JSON.stringify({query:l,variables:O})},[L,M]=await ne(me,Ce,{cacheInstance:C?void 0:n,cache:ge||g(),shouldCacheResponse:re,waitUntil:r});if(!M.ok){let q;try{q=b(L);}catch{q=[{message:L}];}le(M,q);}let{data:Se,errors:Y}=L;return Y?.length&&le(M,Y,ue),Se}return {storefront:{query:(l,C)=>{if(l=pe(l),je.test(l))throw new Error("storefront.query cannot execute mutations");return S({...C,query:l})},mutate:(l,C)=>{if(l=pe(l),Ue.test(l))throw new Error("storefront.mutate cannot execute queries");return S({...C,mutation:l})},cache:n,CacheNone:U,CacheLong:j,CacheShort:g,CacheCustom:v,generateCacheControlHeader:w,getPublicTokenHeaders:p,getPrivateTokenHeaders:u,getShopifyDomain:f,getApiUrl:d,isApiError:He,i18n:a??ve}}}function le(e,t,n=Error){let r=e.headers.get("x-request-id"),o=r?` - Request ID: ${r}`:"";if(t){let a=typeof t=="string"?t:t.map(s=>s.message).join(`
-`);throw new n(a+o)}throw new n(`API response error: ${e.status}`+o)}function Pt(e){let{cache:t,waitUntil:n}=e;return function(o,a,s){return W(o,s,{strategy:a,cacheInstance:t,waitUntil:n})}}var B=class{#e;constructor(){this.#e=new Map;}add(t){throw new Error("Method not implemented. Use `put` instead.")}addAll(t){throw new Error("Method not implemented. Use `put` instead.")}matchAll(t,n){throw new Error("Method not implemented. Use `match` instead.")}async put(t,n){if(t.method!=="GET")throw new TypeError("Cannot cache response to non-GET request.");if(n.status===206)throw new TypeError("Cannot cache response to a range request (206 Partial Content).");if(n.headers.get("vary")?.includes("*"))throw new TypeError("Cannot cache response with 'Vary: *' header.");this.#e.set(t.url,{body:new Uint8Array(await n.arrayBuffer()),status:n.status,headers:[...n.headers],timestamp:Date.now()});}async match(t){if(t.method!=="GET")return;let n=this.#e.get(t.url);if(!n)return;let{body:r,timestamp:o,...a}=n,s=new Headers(a.headers),c=s.get("cache-control")||s.get("real-cache-control")||"",i=parseInt(c.match(/max-age=(\d+)/)?.[1]||"0",10),p=parseInt(c.match(/stale-while-revalidate=(\d+)/)?.[1]||"0",10),u=(Date.now()-o)/1e3;if(u>i+p){this.#e.delete(t.url);return}let f=u>i;return s.set("cache",f?"STALE":"HIT"),s.set("date",new Date(o).toUTCString()),new Response(r,{status:a.status??200,headers:s})}async delete(t){return this.#e.has(t.url)?(this.#e.delete(t.url),!0):!1}keys(t){let n=[];for(let r of this.#e.keys())(!t||t.url===r)&&n.push(new Request(r));return Promise.resolve(n)}};async function De(e){let{storefront:t,request:n,response:r=new Response("Not Found",{status:404})}=e,{pathname:o,search:a}=new URL(n.url),s=o+a;try{let{urlRedirects:c}=await t.query(Fe,{variables:{query:"path:"+s}}),i=c?.edges?.[0]?.node?.target;if(i)return new Response(null,{status:302,headers:{location:i}});let p=new URLSearchParams(a),u=p.get("return_to")||p.get("redirect");if(u){if(Ne(u))return redirect(u);console.warn(`Cross-domain redirects are not supported. Tried to redirect from ${s} to ${u}`);}}catch(c){console.error(`Failed to fetch redirects from Storefront API for route ${s}`,c);}return r}function Ne(e){try{new URL(e);}catch{return !0}return !1}var Fe=`#graphql
+function z(e){let t=Array.isArray(e)?e:[e],n="";for(let r of t)r!=null&&(typeof r=="object"?!!r.body&&typeof r.body=="string"?n+=r.body:n+=JSON.stringify(r):n+=r);return n}var U="public",Pe="private",Re="no-store",Z={maxAge:"max-age",staleWhileRevalidate:"stale-while-revalidate",sMaxAge:"s-maxage",staleIfError:"stale-if-error"};function w(e){let t=[];return Object.keys(e).forEach(n=>{n==="mode"?t.push(e[n]):Z[n]&&t.push(`${Z[n]}=${e[n]}`);}),t.join(", ")}function H(){return {mode:Re}}function ee(e){if(e?.mode&&e?.mode!==U&&e?.mode!==Pe)throw Error("'mode' must be either 'public' or 'private'")}function y(e){return ee(e),{mode:U,maxAge:1,staleWhileRevalidate:9,...e}}function G(e){return ee(e),{mode:U,maxAge:3600,staleWhileRevalidate:82800,...e}}function j(e){return e}function R(e){return String(e).includes("__proto__")?JSON.parse(e,Ie):JSON.parse(e)}function Ie(e,t){if(e!=="__proto__")return t}function I(e,t){return e&&t?{...e,...t}:e||y()}function _(e){return w(I(e))}async function ke(e,t){if(!e)return;let n=await e.match(t);if(!n){t.url;return}return t.url,n}async function Ee(e,t,n,r){if(!e)return;let a=I(r);t.headers.set("cache-control",_(I(a,{maxAge:(a.maxAge||0)+(a.staleWhileRevalidate||0)})));let o=_(I(a));n.headers.set("cache-control",o),n.headers.set("real-cache-control",o),n.headers.set("cache-put-date",new Date().toUTCString()),t.url,await e.put(t,n);}async function Ae(e,t){!e||(t.url,await e.delete(t));}function Oe(e,t){let n=t.headers.get("cache-put-date"),r=t.headers.get("real-cache-control"),a=0;if(r){let c=r.match(/max-age=(\d*)/);c&&c.length>1&&(a=parseFloat(c[1]));}if(!n)return !1;let i=(new Date().valueOf()-new Date(n).valueOf())/1e3>a;return i&&(e.url,void 0),i}var k={get:ke,set:Ee,delete:Ae,generateDefaultCacheControlHeader:_,isStale:Oe};function V(e){return `https://shopify.dev/?${e}`}function Le(e){return e||y()}async function te(e,t){if(!e)return;let n=V(t),r=new Request(n),a=await k.get(e,r);if(!a)return;let o=await a.text();try{return [R(o),a]}catch{return [o,a]}}async function D(e,t,n,r){if(!e)return;let a=V(t),o=new Request(a),s=new Response(JSON.stringify(n));await k.set(e,o,s,Le(r));}function re(e,t){return k.isStale(new Request(V(e)),t)}function ve(e,t){return [e,{status:t.status,statusText:t.statusText,headers:Array.from(t.headers.entries())}]}function ne([e,t]){return [e,new Response(e,t)]}var oe=e=>!e?.errors,F=new Set;async function Q(e,t,{strategy:n=y(),cacheInstance:r,shouldCacheResult:a=()=>!0,waitUntil:o}){if(!r||!n)return t();let s=z([...typeof e=="string"?[e]:e]),i=await te(r,s);if(i){let[p,u]=i;if(!F.has(s)&&re(s,u)){F.add(s);let g=Promise.resolve().then(async()=>{try{let f=await t();a(f)&&await D(r,s,f,n);}catch(f){f.message&&(f.message="SWR in sub-request failed: "+f.message),console.error(f);}finally{F.delete(s);}});o?.(g);}return p}let c=await t();if(a(c)){let p=D(r,s,c,n);o?.(p);}return c}async function ae(e,t,{cacheInstance:n,cache:r,cacheKey:a=[e,t],shouldCacheResponse:o=()=>!0,waitUntil:s,returnType:i="json"}={}){return !r&&(!t.method||t.method==="GET")&&(r=y()),Q(a,async()=>{let c=await fetch(e,t),p;try{p=await c[i]();}catch{p=await c.text();}return ve(p,c)},{cacheInstance:n,waitUntil:s,strategy:r??null,shouldCacheResult:c=>o(...ne(c))}).then(ne)}var se="Custom-Storefront-Request-Group-ID";function ie(){return typeof crypto<"u"&&!!crypto.randomUUID?crypto.randomUUID():`weak-${Math.random().toString(16).substring(2)}`}var ce=new Set,$=e=>{ce.has(e)||(console.warn(e),ce.add(e));};var W="2023.4.2";var ge=class extends Error{},Ge=e=>e instanceof ge,je=/(^|}\s)query[\s({]/im,_e=/(^|}\s)mutation[\s({]/im;function le(e){return e.replace(/\s*#.*$/gm,"").replace(/\s+/gm," ").trim()}var Ve={language:"EN",country:"US"};function qt(e){let{storefrontHeaders:t,cache:n,waitUntil:r,buyerIp:a,i18n:o,requestGroupId:s,storefrontId:i,...c}=e;n||$("Storefront API client created without a cache instance. This may slow down your sub-requests.");let{getPublicTokenHeaders:p,getPrivateTokenHeaders:u,getStorefrontApiUrl:g,getShopifyDomain:f}=createStorefrontClient(c),h=(c.privateStorefrontToken?u:p)({contentType:"json",buyerIp:t?.buyerIp||a});if(h[se]=t?.requestGroupId||s||ie(),i&&(h[SHOPIFY_STOREFRONT_ID_HEADER]=i),(h["user-agent"]=`Hydrogen ${W}`),t&&t.cookie){let l=getShopifyCookies(t.cookie??"");l[SHOPIFY_Y]&&(h[SHOPIFY_STOREFRONT_Y_HEADER]=l[SHOPIFY_Y]),l[SHOPIFY_S]&&(h[SHOPIFY_STOREFRONT_S_HEADER]=l[SHOPIFY_S]);}t||$('"requestGroupId" and "buyerIp" will be deprecated in the next calendar release. Please use "getStorefrontHeaders"');async function m({query:l,mutation:x,variables:L,cache:Se,headers:b=[],storefrontApiVersion:Ce}){let Te=b instanceof Headers?Object.fromEntries(b.entries()):Array.isArray(b)?Object.fromEntries(b):b;l=l??x;let v={...L};o&&(!L?.country&&/\$country/.test(l)&&(v.country=o.country),!L?.language&&/\$language/.test(l)&&(v.language=o.language));let xe=g({storefrontApiVersion:Ce}),be={method:"POST",headers:{...h,...Te},body:JSON.stringify({query:l,variables:v})},[M,q]=await ae(xe,be,{cacheInstance:x?void 0:n,cache:Se||y(),shouldCacheResponse:oe,waitUntil:r});if(!q.ok){let N;try{N=R(M);}catch{N=[{message:M}];}fe(q,N);}let{data:we,errors:X}=M;return X?.length&&fe(q,X,ge),we}return {storefront:{query:(l,x)=>{if(l=le(l),_e.test(l))throw new Error("storefront.query cannot execute mutations");return m({...x,query:l})},mutate:(l,x)=>{if(l=le(l),je.test(l))throw new Error("storefront.mutate cannot execute queries");return m({...x,mutation:l})},cache:n,CacheNone:H,CacheLong:G,CacheShort:y,CacheCustom:j,generateCacheControlHeader:w,getPublicTokenHeaders:p,getPrivateTokenHeaders:u,getShopifyDomain:f,getApiUrl:g,isApiError:Ge,i18n:o??Ve}}}function fe(e,t,n=Error){let r=e.headers.get("x-request-id"),a=r?` - Request ID: ${r}`:"";if(t){let o=typeof t=="string"?t:t.map(s=>s.message).join(`
+`);throw new n(o+a)}throw new n(`API response error: ${e.status}`+a)}function Gt(e){let{cache:t,waitUntil:n}=e;return function(a,o,s){return Q(a,s,{strategy:o,cacheInstance:t,waitUntil:n})}}var B=class{#e;constructor(){this.#e=new Map;}add(t){throw new Error("Method not implemented. Use `put` instead.")}addAll(t){throw new Error("Method not implemented. Use `put` instead.")}matchAll(t,n){throw new Error("Method not implemented. Use `match` instead.")}async put(t,n){if(t.method!=="GET")throw new TypeError("Cannot cache response to non-GET request.");if(n.status===206)throw new TypeError("Cannot cache response to a range request (206 Partial Content).");if(n.headers.get("vary")?.includes("*"))throw new TypeError("Cannot cache response with 'Vary: *' header.");this.#e.set(t.url,{body:new Uint8Array(await n.arrayBuffer()),status:n.status,headers:[...n.headers],timestamp:Date.now()});}async match(t){if(t.method!=="GET")return;let n=this.#e.get(t.url);if(!n)return;let{body:r,timestamp:a,...o}=n,s=new Headers(o.headers),i=s.get("cache-control")||s.get("real-cache-control")||"",c=parseInt(i.match(/max-age=(\d+)/)?.[1]||"0",10),p=parseInt(i.match(/stale-while-revalidate=(\d+)/)?.[1]||"0",10),u=(Date.now()-a)/1e3;if(u>c+p){this.#e.delete(t.url);return}let f=u>c;return s.set("cache",f?"STALE":"HIT"),s.set("date",new Date(a).toUTCString()),new Response(r,{status:o.status??200,headers:s})}async delete(t){return this.#e.has(t.url)?(this.#e.delete(t.url),!0):!1}keys(t){let n=[];for(let r of this.#e.keys())(!t||t.url===r)&&n.push(new Request(r));return Promise.resolve(n)}};async function Fe(e){let{storefront:t,request:n,response:r=new Response("Not Found",{status:404})}=e,{pathname:a,search:o}=new URL(n.url),s=a+o;try{let{urlRedirects:i}=await t.query($e,{variables:{query:"path:"+s}}),c=i?.edges?.[0]?.node?.target;if(c)return new Response(null,{status:302,headers:{location:c}});let p=new URLSearchParams(o),u=p.get("return_to")||p.get("redirect");if(u){if(Qe(u))return redirect(u);console.warn(`Cross-domain redirects are not supported. Tried to redirect from ${s} to ${u}`);}}catch(i){console.error(`Failed to fetch redirects from Storefront API for route ${s}`,i);}return r}function Qe(e){try{new URL(e);}catch{return !0}return !1}var $e=`#graphql
   query redirects($query: String) {
     urlRedirects(first: 1, query: $query) {
       edges {
@@ -15,7 +15,7 @@ function J(e){let t=Array.isArray(e)?e:[e],n="";for(let r of t)r!=null&&(typeof
       }
     }
   }
-`;var We=async function({context:t}){let n=t?.storefront;if(!n)throw new Error("GraphiQL: Hydrogen's storefront client must be injected in the loader context.");let r=n.getApiUrl(),o=n.getPublicTokenHeaders()["X-Shopify-Storefront-Access-Token"];return new Response(`
+`;var We=async function({context:t}){let n=t?.storefront;if(!n)throw new Error("GraphiQL: Hydrogen's storefront client must be injected in the loader context.");let r=n.getApiUrl(),a=n.getPublicTokenHeaders()["X-Shopify-Storefront-Access-Token"];return new Response(`
 <!DOCTYPE html>
 <html lang="en">
   <head>
@@ -58,7 +58,7 @@ function J(e){let t=Array.isArray(e)?e:[e],n="";for(let r of t)r!=null&&(typeof
           fetcher: GraphiQL.createFetcher({
             url: '${r}',
             headers: {
-              'X-Shopify-Storefront-Access-Token': '${o}',
+              'X-Shopify-Storefront-Access-Token': '${a}',
             }
           }),
           defaultEditorToolsVisibility: true,
@@ -69,8 +69,8 @@ function J(e){let t=Array.isArray(e)?e:[e],n="";for(let r of t)r!=null&&(typeof
     <\/script>
   </body>
 </html>
-  `,{status:200,headers:{"content-type":"text/html"}})};var m="Error in SEO input: ",A={title:{validate:e=>{if(typeof e!="string")throw new Error(m.concat("`title` should be a string"));if(typeof e=="string"&&e.length>120)throw new Error(m.concat("`title` should not be longer than 120 characters"));return e}},description:{validate:e=>{if(typeof e!="string")throw new Error(m.concat("`description` should be a string"));if(typeof e=="string"&&e.length>155)throw new Error(m.concat("`description` should not be longer than 155 characters"));return e}},url:{validate:e=>{if(typeof e!="string")throw new Error(m.concat("`url` should be a string"));if(typeof e=="string"&&!e.startsWith("http"))throw new Error(m.concat("`url` should be a valid URL"));return e}},handle:{validate:e=>{if(typeof e!="string")throw new Error(m.concat("`handle` should be a string"));if(typeof e=="string"&&!e.startsWith("@"))throw new Error(m.concat("`handle` should start with `@`"));return e}}};function he(e){let t=[];for(let n of Object.keys(e))switch(n){case"title":{let r=E(A.title,e.title),o=$e(e?.titleTemplate,r);if(!o)break;t.push(h("title",{title:o}),h("meta",{property:"og:title",content:o}),h("meta",{name:"twitter:title",content:o}));break}case"description":{let r=E(A.description,e.description);if(!r)break;t.push(h("meta",{name:"description",content:r}),h("meta",{property:"og:description",content:r}),h("meta",{name:"twitter:description",content:r}));break}case"url":{let r=E(A.url,e.url);if(!r)break;t.push(h("link",{rel:"canonical",href:r}),h("meta",{property:"og:url",content:r}));break}case"handle":{let r=E(A.handle,e.handle);if(!r)break;t.push(h("meta",{name:"twitter:site",content:r}),h("meta",{name:"twitter:creator",content:r}));break}case"media":{let r,o=Q(e.media);for(let a of o)if(typeof a=="string"&&t.push(h("meta",{name:"og:image",content:a})),a&&typeof a=="object"){let s=a.type||"image",c=a?{url:a?.url,secure_url:a?.url,type:Ge(a.url),width:a?.width,height:a?.height,alt:a?.altText}:{};for(let i of Object.keys(c))c[i]&&(r=c[i],t.push(h("meta",{property:`og:${s}:${i}`,content:r},c.url)));}break}case"jsonLd":{let r=Q(e.jsonLd),o=0;for(let a of r){if(typeof a!="object")continue;let s=h("script",{type:"application/ld+json",children:JSON.stringify(a)},`json-ld-${a?.["@type"]||a?.name||o++}`);t.push(s);}break}case"alternates":{let r=Q(e.alternates);for(let o of r){if(!o)continue;let{language:a,url:s,default:c}=o,i=a?`${a}${c?"-default":""}`:void 0;t.push(h("link",{rel:"alternate",hrefLang:i,href:s}));}break}case"robots":{if(!e.robots)break;let{maxImagePreview:r,maxSnippet:o,maxVideoPreview:a,noArchive:s,noFollow:c,noImageIndex:i,noIndex:p,noSnippet:u,noTranslate:d,unavailableAfter:f}=e.robots,V=[s&&"noarchive",i&&"noimageindex",u&&"nosnippet",d&&"notranslate",r&&`max-image-preview:${r}`,o&&`max-snippet:${o}`,a&&`max-video-preview:${a}`,f&&`unavailable_after:${f}`],y=(p?"noindex":"index")+","+(c?"nofollow":"follow");for(let S of V)S&&(y+=`,${S}`);t.push(h("meta",{name:"robots",content:y}));break}}return t.flat().sort((n,r)=>n.key.localeCompare(r.key))}function h(e,t,n){let r={tag:e,props:{},key:""};return e==="title"?(r.children=t.title,r.key=K(r),r):e==="script"?(r.children=typeof t.children=="string"?t.children:"",r.key=K(r,n),delete t.children,r.props=t,r):(r.props=t,Object.keys(r.props).forEach(o=>!r.props[o]&&delete r.props[o]),r.key=K(r,n),r)}function K(e,t){let{tag:n,props:r}=e;if(n==="title")return "0-title";if(n==="meta"){let o=r.content===t&&typeof r.property=="string"&&!r.property.endsWith("secure_url")&&"0";return [n,...[t,o],r.property||r.name].filter(s=>s).join("-")}return n==="link"?[n,r.rel,r.hrefLang||r.media].filter(a=>a).join("-").replace(/\s+/g,"-"):n==="script"?`${n}-${t}`:`${n}-${r.type}`}function $e(e,t){if(!!t)return e?typeof e=="function"?e(t):e.replace("%s",t??""):t}function Ge(e){switch(e&&e.split(".").pop()){case"svg":return "image/svg+xml";case"png":return "image/png";case"gif":return "image/gif";case"swf":return "application/x-shockwave-flash";case"mp3":return "audio/mpeg";case"jpg":case"jpeg":default:return "image/jpeg"}}function Q(e){return Array.isArray(e)?e:[e]}function E(e,t){try{return e.validate(t)}catch(n){return console.warn(n.message),t}}var Je=lazy(()=>import('./log-seo-tags-N7J66FN6.js'));function ze({debug:e}){let t=useMatches(),n=useLocation(),r=useMemo(()=>t.flatMap(s=>{let{handle:c,...i}=s,p={...i,...n},u=c?.seo,d=i?.data?.seo;return !u&&!d?[]:u?k(c.seo,p):[d]}).reduce((s,c)=>{Object.keys(c).forEach(p=>!c[p]&&delete c[p]);let{jsonLd:i}=c;return i?s?.jsonLd?Array.isArray(i)?{...s,...c,jsonLd:[...s.jsonLd,...i]}:{...s,...c,jsonLd:[...s.jsonLd,i]}:{...s,...c,jsonLd:[i]}:{...s,...c}},{}),[t,n]),{html:o,loggerMarkup:a}=useMemo(()=>{let s=he(r),c=s.map(p=>p.tag==="script"?createElement(p.tag,{...p.props,key:p.key,dangerouslySetInnerHTML:{__html:p.children}}):createElement(p.tag,{...p.props,key:p.key},p.children)),i=createElement(Suspense,{fallback:null},createElement(Je,{headTags:s}));return {html:c,loggerMarkup:i}},[r]);return createElement(Fragment,null,o,e&&a)}function k(e,...t){if(e instanceof Function)return k(e(...t),...t);let n={};return Array.isArray(e)?(n=e.reduce((r,o)=>[...r,k(o)],[]),n):e instanceof Object?(Object.entries(e).forEach(([o,a])=>{n[o]=k(a,...t);}),n):e}
+  `,{status:200,headers:{"content-type":"text/html"}})};var S="Error in SEO input: ",E={title:{validate:e=>{if(typeof e!="string")throw new Error(S.concat("`title` should be a string"));if(typeof e=="string"&&e.length>120)throw new Error(S.concat("`title` should not be longer than 120 characters"));return e}},description:{validate:e=>{if(typeof e!="string")throw new Error(S.concat("`description` should be a string"));if(typeof e=="string"&&e.length>155)throw new Error(S.concat("`description` should not be longer than 155 characters"));return e}},url:{validate:e=>{if(typeof e!="string")throw new Error(S.concat("`url` should be a string"));if(typeof e=="string"&&!e.startsWith("http"))throw new Error(S.concat("`url` should be a valid URL"));return e}},handle:{validate:e=>{if(typeof e!="string")throw new Error(S.concat("`handle` should be a string"));if(typeof e=="string"&&!e.startsWith("@"))throw new Error(S.concat("`handle` should start with `@`"));return e}}};function de(e){let t=[];for(let n of Object.keys(e))switch(n){case"title":{let r=A(E.title,e.title),a=Be(e?.titleTemplate,r);if(!a)break;t.push(d("title",{title:a}),d("meta",{property:"og:title",content:a}),d("meta",{name:"twitter:title",content:a}));break}case"description":{let r=A(E.description,e.description);if(!r)break;t.push(d("meta",{name:"description",content:r}),d("meta",{property:"og:description",content:r}),d("meta",{name:"twitter:description",content:r}));break}case"url":{let r=A(E.url,e.url);if(!r)break;t.push(d("link",{rel:"canonical",href:r}),d("meta",{property:"og:url",content:r}));break}case"handle":{let r=A(E.handle,e.handle);if(!r)break;t.push(d("meta",{name:"twitter:site",content:r}),d("meta",{name:"twitter:creator",content:r}));break}case"media":{let r,a=J(e.media);for(let o of a)if(typeof o=="string"&&t.push(d("meta",{name:"og:image",content:o})),o&&typeof o=="object"){let s=o.type||"image",i=o?{url:o?.url,secure_url:o?.url,type:Ke(o.url),width:o?.width,height:o?.height,alt:o?.altText}:{};for(let c of Object.keys(i))i[c]&&(r=i[c],t.push(d("meta",{property:`og:${s}:${c}`,content:r},i.url)));}break}case"jsonLd":{let r=J(e.jsonLd),a=0;for(let o of r){if(typeof o!="object")continue;let s=d("script",{type:"application/ld+json",children:JSON.stringify(o)},`json-ld-${o?.["@type"]||o?.name||a++}`);t.push(s);}break}case"alternates":{let r=J(e.alternates);for(let a of r){if(!a)continue;let{language:o,url:s,default:i}=a,c=o?`${o}${i?"-default":""}`:void 0;t.push(d("link",{rel:"alternate",hrefLang:c,href:s}));}break}case"robots":{if(!e.robots)break;let{maxImagePreview:r,maxSnippet:a,maxVideoPreview:o,noArchive:s,noFollow:i,noImageIndex:c,noIndex:p,noSnippet:u,noTranslate:g,unavailableAfter:f}=e.robots,T=[s&&"noarchive",c&&"noimageindex",u&&"nosnippet",g&&"notranslate",r&&`max-image-preview:${r}`,a&&`max-snippet:${a}`,o&&`max-video-preview:${o}`,f&&`unavailable_after:${f}`],h=(p?"noindex":"index")+","+(i?"nofollow":"follow");for(let m of T)m&&(h+=`,${m}`);t.push(d("meta",{name:"robots",content:h}));break}}return t.flat().sort((n,r)=>n.key.localeCompare(r.key))}function d(e,t,n){let r={tag:e,props:{},key:""};return e==="title"?(r.children=t.title,r.key=K(r),r):e==="script"?(r.children=typeof t.children=="string"?t.children:"",r.key=K(r,n),delete t.children,r.props=t,r):(r.props=t,Object.keys(r.props).forEach(a=>!r.props[a]&&delete r.props[a]),r.key=K(r,n),r)}function K(e,t){let{tag:n,props:r}=e;if(n==="title")return "0-title";if(n==="meta"){let a=r.content===t&&typeof r.property=="string"&&!r.property.endsWith("secure_url")&&"0";return [n,...[t,a],r.property||r.name].filter(s=>s).join("-")}return n==="link"?[n,r.rel,r.hrefLang||r.media].filter(o=>o).join("-").replace(/\s+/g,"-"):n==="script"?`${n}-${t}`:`${n}-${r.type}`}function Be(e,t){if(!!t)return e?typeof e=="function"?e(t):e.replace("%s",t??""):t}function Ke(e){switch(e&&e.split(".").pop()){case"svg":return "image/svg+xml";case"png":return "image/png";case"gif":return "image/gif";case"swf":return "application/x-shockwave-flash";case"mp3":return "audio/mpeg";case"jpg":case"jpeg":default:return "image/jpeg"}}function J(e){return Array.isArray(e)?e:[e]}function A(e,t){try{return e.validate(t)}catch(n){return console.warn(n.message),t}}var et=lazy(()=>import('./log-seo-tags-N7J66FN6.js'));function tt({debug:e}){let t=useMatches(),n=useLocation(),r=useMemo(()=>t.flatMap(s=>{let{handle:i,...c}=s,p={...c,...n},u=i?.seo,g=c?.data?.seo;return !u&&!g?[]:u?O(i.seo,p):[g]}).reduce((s,i)=>{Object.keys(i).forEach(p=>!i[p]&&delete i[p]);let{jsonLd:c}=i;return c?s?.jsonLd?Array.isArray(c)?{...s,...i,jsonLd:[...s.jsonLd,...c]}:{...s,...i,jsonLd:[...s.jsonLd,c]}:{...s,...i,jsonLd:[c]}:{...s,...i}},{}),[t,n]),{html:a,loggerMarkup:o}=useMemo(()=>{let s=de(r),i=s.map(p=>p.tag==="script"?createElement(p.tag,{...p.props,key:p.key,dangerouslySetInnerHTML:{__html:p.children}}):createElement(p.tag,{...p.props,key:p.key},p.children)),c=createElement(Suspense,{fallback:null},createElement(et,{headTags:s}));return {html:i,loggerMarkup:c}},[r]);return createElement(Fragment,null,a,e&&o)}function O(e,...t){if(e instanceof Function)return O(e(...t),...t);let n={};return Array.isArray(e)?(n=e.reduce((r,a)=>[...r,O(a)],[]),n):e instanceof Object?(Object.entries(e).forEach(([a,o])=>{n[a]=O(o,...t);}),n):e}function ot({connection:e,children:t=()=>(console.warn("<Pagination> requires children to work properly"),null)}){let r=useNavigation().state==="loading",{endCursor:a,hasNextPage:o,hasPreviousPage:s,nextPageUrl:i,nodes:c,previousPageUrl:p,startCursor:u}=at(e),g=useMemo(()=>({pageInfo:{endCursor:a,hasPreviousPage:s,startCursor:u},nodes:c}),[a,s,u,c]),f=useMemo(()=>function(m){return o?createElement(Link,{preventScrollReset:!0,...m,to:i,state:g,replace:!0}):null},[o,i]),T=useMemo(()=>function(m){return s?createElement(Link,{preventScrollReset:!0,...m,to:p,state:g,replace:!0}):null},[s,p]);return t({state:g,hasNextPage:o,hasPreviousPage:s,isLoading:r,nextPageUrl:i,nodes:c,previousPageUrl:p,NextLink:f,PreviousLink:T})}function at(e){let{state:t,search:n}=useLocation(),o=new URLSearchParams(n).get("direction")==="previous",s=useMemo(()=>!t||!t?.nodes?flattenConnection(e):o?[...flattenConnection(e),...t.nodes]:[...t.nodes,...flattenConnection(e)],[t,e]),i=useMemo(()=>{let u=t?.pageInfo?.startCursor===void 0?e.pageInfo.startCursor:t.pageInfo.startCursor,g=t?.pageInfo?.endCursor===void 0?e.pageInfo.endCursor:t.pageInfo.endCursor;t?.nodes&&(o?u=e.pageInfo.startCursor:g=e.pageInfo.endCursor);let f=t?.pageInfo?.hasPreviousPage===void 0?e.pageInfo.hasPreviousPage:t.pageInfo.hasPreviousPage,T=t?.pageInfo?.hasNextPage===void 0?e.pageInfo.hasNextPage:t.pageInfo.hasNextPage;return {startCursor:u,endCursor:g,hasPreviousPage:f,hasNextPage:T}},[o,t,e.pageInfo.hasNextPage,e.pageInfo.hasPreviousPage,e.pageInfo.startCursor,e.pageInfo.endCursor]),c=useMemo(()=>{let u=new URLSearchParams(n);return u.set("direction","previous"),i.startCursor&&u.set("cursor",i.startCursor),`?${u.toString()}`},[n,i.startCursor]),p=useMemo(()=>{let u=new URLSearchParams(n);return u.set("direction","next"),i.endCursor&&u.set("cursor",i.endCursor),`?${u.toString()}`},[n,i.endCursor]);return {...i,previousPageUrl:c,nextPageUrl:p,nodes:s}}function st(e,t={pageBy:20}){if(!(e instanceof Request))throw new Error("getPaginationVariables must be called with the Request object passed to your loader function");let{pageBy:n}=t,r=new URLSearchParams(new URL(e.url).search),a=r.get("cursor")??void 0;return (r.get("direction")==="previous"?"previous":"next")==="previous"?{last:n,startCursor:a??null}:{first:n,endCursor:a??null}}
 
-export { v as CacheCustom, j as CacheLong, U as CacheNone, g as CacheShort, B as InMemoryCache, ze as Seo, It as createStorefrontClient, Pt as createWithCache_unstable, w as generateCacheControlHeader, We as graphiqlLoader, He as isStorefrontApiError, De as storefrontRedirect };
+export { j as CacheCustom, G as CacheLong, H as CacheNone, y as CacheShort, B as InMemoryCache, ot as Pagination__unstable, tt as Seo, qt as createStorefrontClient, Gt as createWithCache_unstable, w as generateCacheControlHeader, st as getPaginationVariables__unstable, We as graphiqlLoader, Ge as isStorefrontApiError, Fe as storefrontRedirect };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map