@shopify/hydrogen-react 2026.4.0 → 2026.4.1

package/dist/types/Video.d.ts

@@ -2,6 +2,7 @@ import { type HTMLAttributes } from 'react';
 import { shopifyLoader } from './Image.js';
 import type { Video as VideoType } from './storefront-api-types.js';
 import type { PartialDeep } from 'type-fest';
+/** @publicDocs */
 export interface VideoProps {
     /** An object with fields that correspond to the Storefront API's [Video object](https://shopify.dev/api/storefront/2026-04/objects/video). */
     data: PartialDeep<VideoType, {
@@ -16,5 +17,6 @@ export interface VideoProps {
 }
 /**
  * The `Video` component renders a `video` for the Storefront API's [Video object](https://shopify.dev/api/storefront/reference/products/video).
+ * @publicDocs
  */
 export declare const Video: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLVideoElement> & import("react").VideoHTMLAttributes<HTMLVideoElement> & VideoProps, "ref"> & import("react").RefAttributes<HTMLVideoElement>>;

package/dist/types/analytics-constants.d.ts

@@ -16,12 +16,18 @@ export declare const ShopifyAppId: {
  * These duplicated interface declaration is so that we can generate proper documentation
  * for these public facing constants
  */
+/**
+ * Analytics event names accepted by Shopify analytics.
+ * @publicDocs */
 export interface AnalyticsEventName {
     /** Page view */
     PAGE_VIEW: 'PAGE_VIEW';
     /** Add to cart */
     ADD_TO_CART: 'ADD_TO_CART';
 }
+/**
+ * Analytics page type values accepted by Shopify analytics.
+ * @publicDocs */
 export interface AnalyticsPageType {
     article: 'article';
     blog: 'blog';
@@ -46,6 +52,9 @@ export interface AnalyticsPageType {
     policy: 'policy';
     search: 'search';
 }
+/**
+ * Analytics sales channel values accepted by Shopify analytics.
+ * @publicDocs */
 export interface ShopifySalesChannel {
     /** Shopify Hydrogen sales channel */
     hydrogen: 'hydrogen';

package/dist/types/analytics-types.d.ts

@@ -180,6 +180,7 @@ export type ShopifyAnalyticsPayload = ShopifyPageViewPayload | ShopifyAddToCartP
  */
 export type ShopifyAnalyticsPayloadWithPrivacyFields = ShopifyPageViewPayloadWithPrivacyFields | ShopifyAddToCartPayloadWithPrivacyFields;
 export type ShopifyAnalytics = ShopifyPageView | ShopifyAddToCart;
+/** Shopify cookies names */
 export type ShopifyCookies = {
     /** Shopify unique user token: Value of `_shopify_y` cookie. */
     [SHOPIFY_Y]: string;

package/dist/types/analytics-utils.d.ts

@@ -19,6 +19,7 @@ export declare function schemaWrapper(schemaId: string, payload: ShopifyMonorail
  *  * const {id, resource} = parseGid('gid://shopify/Cart/abc123')
  * // => id = "abc123", resource = 'Cart'
  * ```
+ * @publicDocs
  **/
 export declare function parseGid(gid: string | undefined): ShopifyGid;
 /**

package/dist/types/analytics.d.ts

@@ -1,9 +1,14 @@
 import type { ClientBrowserParameters, ShopifyAnalytics } from './analytics-types.js';
 /**
- * Set user and session cookies and refresh the expiry time
+ * Set user and session cookies and refresh the expiry time. If `event.payload.hasUserConsent` is false, no analytics event will happen.
  * @param event - The analytics event.
  * @param shopDomain - The Online Store domain to sent Shopify analytics under the same
  *   top level domain.
+ * @publicDocs
  */
 export declare function sendShopifyAnalytics(event: ShopifyAnalytics, shopDomain?: string): Promise<void>;
+/**
+ * If executed on server, this method will return empty string for each field.
+ * @publicDocs
+ */
 export declare function getClientBrowserParameters(): ClientBrowserParameters;

package/dist/types/cart-queries.d.ts

@@ -1,10 +1,14 @@
-export declare const CartLineAdd: (cartFragment: string) => string;
-export declare const CartCreate: (cartFragment: string) => string;
-export declare const CartLineRemove: (cartFragment: string) => string;
-export declare const CartLineUpdate: (cartFragment: string) => string;
-export declare const CartNoteUpdate: (cartFragment: string) => string;
-export declare const CartBuyerIdentityUpdate: (cartFragment: string) => string;
-export declare const CartAttributesUpdate: (cartFragment: string) => string;
-export declare const CartDiscountCodesUpdate: (cartFragment: string) => string;
-export declare const CartQuery: (cartFragment: string) => string;
+type CartQueryOptions = {
+    includeVisitorConsent?: boolean;
+};
+export declare const CartLineAdd: (cartFragment: string, options?: CartQueryOptions) => string;
+export declare const CartCreate: (cartFragment: string, options?: CartQueryOptions) => string;
+export declare const CartLineRemove: (cartFragment: string, options?: CartQueryOptions) => string;
+export declare const CartLineUpdate: (cartFragment: string, options?: CartQueryOptions) => string;
+export declare const CartNoteUpdate: (cartFragment: string, options?: CartQueryOptions) => string;
+export declare const CartBuyerIdentityUpdate: (cartFragment: string, options?: CartQueryOptions) => string;
+export declare const CartAttributesUpdate: (cartFragment: string, options?: CartQueryOptions) => string;
+export declare const CartDiscountCodesUpdate: (cartFragment: string, options?: CartQueryOptions) => string;
+export declare const CartQuery: (cartFragment: string, options?: CartQueryOptions) => string;
 export declare const defaultCartFragment = "\n  fragment CartFragment on Cart {\n    id\n    checkoutUrl\n    totalQuantity\n    buyerIdentity {\n      countryCode\n      customer {\n        id\n        email\n        firstName\n        lastName\n        displayName\n      }\n      email\n      phone\n    }\n    lines(first: $numCartLines) {\n      edges {\n        node {\n          id\n          quantity\n          attributes {\n            key\n            value\n          }\n          cost {\n            totalAmount {\n              amount\n              currencyCode\n            }\n            compareAtAmountPerQuantity {\n              amount\n              currencyCode\n            }\n          }\n          merchandise {\n            ... on ProductVariant {\n              id\n              availableForSale\n              compareAtPrice {\n                ...MoneyFragment\n              }\n              price {\n                ...MoneyFragment\n              }\n              requiresShipping\n              title\n              image {\n                ...ImageFragment\n              }\n              product {\n                handle\n                title\n                id\n              }\n              selectedOptions {\n                name\n                value\n              }\n            }\n          }\n        }\n      }\n    }\n    cost {\n      subtotalAmount {\n        ...MoneyFragment\n      }\n      totalAmount {\n        ...MoneyFragment\n      }\n      totalDutyAmount {\n        ...MoneyFragment\n      }\n      totalTaxAmount {\n        ...MoneyFragment\n      }\n    }\n    note\n    attributes {\n      key\n      value\n    }\n    discountCodes {\n      code\n      applicable\n    }\n  }\n\n  fragment MoneyFragment on MoneyV2 {\n    currencyCode\n    amount\n  }\n  fragment ImageFragment on Image {\n    id\n    url\n    altText\n    width\n    height\n  }\n";
+export {};

package/dist/types/codegen.helpers.d.ts

@@ -2,6 +2,7 @@
  * Meant to be used with GraphQL CodeGen to type the Storefront API's custom scalars correctly.
  * Reference for the GraphQL types: https://shopify.dev/docs/api/storefront/2026-04/scalars/HTML
  * Note: JSON is generated as 'unknown' by default.
+ * @publicDocs
  */
 export declare const storefrontApiCustomScalars: {
     DateTime: string;
@@ -15,6 +16,7 @@ export declare const storefrontApiCustomScalars: {
  * Meant to be used with GraphQL CodeGen to type the Storefront API's custom scalars correctly.
  * Reference for the GraphQL types: https://shopify.dev/docs/api/customer/2026-04/scalars/HTML
  * Note: JSON is generated as 'unknown' by default.
+ * @publicDocs
  */
 export declare const customerAccountApiCustomScalars: {
     DateTime: string;

package/dist/types/cookies-utils.d.ts

@@ -2,7 +2,8 @@ import { ShopifyCookies } from './analytics-types.js';
 export declare function buildUUID(): string;
 export declare function hexTime(): string;
 /**
- * Gets the values of _shopify_y and _shopify_s cookies from the provided cookie string.
+ * Gets the values of _shopify_y and _shopify_s cookies from the provided cookie string. If the Shopify cookies doesn't exist, this method will return an empty string for each missing cookie.
  * @deprecated Use getTrackingValues instead.
+ * @publicDocs
  */
 export declare function getShopifyCookies(cookies: string): ShopifyCookies;

package/dist/types/flatten-connection.d.ts

@@ -4,6 +4,7 @@ import type { PartialDeep } from 'type-fest';
  * The utility works with either `nodes` or `edges.node`.
  *
  * If `connection` is null or undefined, will return an empty array instead in production. In development, an error will be thrown.
+ * @publicDocs
  */
 export declare function flattenConnection<ConnectionGeneric extends PartialDeep<ConnectionEdges, {
     recurseIntoArrays: true;
@@ -36,8 +37,10 @@ type ConnectionEdges = {
 type ConnectionNodes = {
     nodes: Array<unknown>;
 };
+/** @publicDocs */
 export interface ConnectionGenericForDoc {
     connection?: ConnectionEdges | ConnectionNodes;
 }
+/** @publicDocs */
 export type FlattenConnectionReturnForDoc = unknown[];
 export {};

package/dist/types/getProductOptions.d.ts

@@ -30,6 +30,7 @@ type MappedProductOptionValue = ProductOptionValue & ProductOptionValueState;
  *    Color: 'Red',
  *    Size: 'Medium',
  *  \}
+ * @publicDocs
  */
 export declare function mapSelectedProductOptionToObject(options: Pick<SelectedOption, 'name' | 'value'>[]): Record<string, string>;
 export type MappedProductOptions = Omit<ProductOption, 'optionValues'> & {
@@ -39,11 +40,13 @@ export declare function checkProductParam(product: RecursivePartial<Product>, ch
 /**
  * Finds all the variants provided by adjacentVariants, options.optionValues.firstAvailableVariant,
  * and selectedOrFirstAvailableVariant and return them in a single array
+ * @publicDocs
  */
 export declare function getAdjacentAndFirstAvailableVariants(product: RecursivePartial<Product>): ProductVariant[];
 /**
  * Returns a product options array with its relevant information
  * about the variant
+ * @publicDocs
  */
 export declare function getProductOptions(product: RecursivePartial<Product>): MappedProductOptions[];
 export {};

package/dist/types/load-script.d.ts

@@ -4,9 +4,11 @@ type LoadScriptOptions = {
     attributes?: Record<string, string>;
 };
 export declare function loadScript(src: string, options?: LoadScriptOptions): Promise<boolean>;
-type LoadScriptParams = Parameters<typeof loadScript>;
+/** @publicDocs */
+export type LoadScriptParams = Parameters<typeof loadScript>;
 /**
  * The `useLoadScript` hook loads an external script tag in the browser. It allows React components to lazy-load large third-party dependencies.
+ * @publicDocs
  */
 export declare function useLoadScript(url: LoadScriptParams[0], options?: LoadScriptParams[1]): ScriptState;
 type ScriptState = 'loading' | 'done' | 'error';

package/dist/types/optionValueDecoder.d.ts

@@ -9,6 +9,7 @@
  *  - `-` indicates a continuous range of option values. ex: `0 1-3 4`. Ranges are only present encoded in the final option value position, so for example the trie for the set [[0,0,0],[0,0,1], ..., [0,2,2]] will be structured as `0:0:0-2,1:0-2,2:0-2`, not `0:0-2:0-2`.
  */
 import { Product } from './storefront-api-types.js';
+/** @publicDocs */
 export type IsOptionValueCombinationInEncodedVariant = (targetOptionValueCombination: number[], encodedVariantField: string) => boolean;
 /**
  * Determine whether an option value combination is present in an encoded option value string. Function is memoized by encodedVariantField.
@@ -16,6 +17,7 @@ export type IsOptionValueCombinationInEncodedVariant = (targetOptionValueCombina
  * @param targetOptionValueCombination - Indices of option values to look up in the encoded option value string. A partial set of indices may be passed to determine whether a node or any children is present. For example, if a product has 3 options, passing [0] will return true if any option value combination for the first option's option value is present in the encoded string.
  * @param encodedVariantField - Encoded option value string from the Storefront API, e.g. [product.encodedVariantExistence](/docs/api/storefront/2026-04/objects/Product#field-encodedvariantexistence) or [product.encodedVariantAvailability](/docs/api/storefront/2026-04/objects/Product#field-encodedvariantavailability)
  * @returns - True if a full or partial targetOptionValueIndices is present in the encoded option value string, false otherwise.
+ * @publicDocs
  */
 export declare const isOptionValueCombinationInEncodedVariant: IsOptionValueCombinationInEncodedVariant;
 type EncodedVariantField = Product['encodedVariantAvailability'] | Product['encodedVariantExistence'];
@@ -24,6 +26,7 @@ type DecodedOptionValues = number[][];
  * For an encoded option value string, decode into option value combinations. Entries represent a valid combination formatted as an array of option value positions.
  * @param encodedVariantField - Encoded option value string from the Storefront API, e.g. [product.encodedVariantExistence](/docs/api/storefront/2026-04/objects/Product#field-encodedvariantexistence) or [product.encodedVariantAvailability](/docs/api/storefront/2026-04/objects/Product#field-encodedvariantavailability)
  * @returns Decoded option value combinations
+ * @publicDocs
  */
 export declare function decodeEncodedVariant(encodedVariantField: EncodedVariantField): DecodedOptionValues;
 export {};

package/dist/types/parse-metafield.d.ts

@@ -9,6 +9,7 @@ import { RootASTNode as RichTextRootASTNode } from './RichText.types.js';
  * ```
  * parseMetafield<ParsedMetafields['boolean']>({type: 'boolean', value: 'false'}
  * ```
+ * @publicDocs
  */
 export declare function parseMetafield<ReturnGeneric>(metafield: PartialDeep<MetafieldBaseType, {
     recurseIntoArrays: true;

package/dist/types/storefront-client.d.ts

@@ -18,6 +18,7 @@ export type StorefrontClientProps = {
  * The `createStorefrontClient()` function creates helpers that enable you to quickly query the Shopify Storefront API.
  *
  * 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.
+ * @publicDocs
  */
 export declare function createStorefrontClient({ storeDomain, privateStorefrontToken, publicStorefrontToken, storefrontApiVersion, contentType, }: StorefrontClientProps): StorefrontClientReturn;
 export declare function getPublicTokenHeadersRaw(contentType: 'graphql' | 'json', storefrontApiVersion: string, accessToken: string): {

package/dist/types/tracking-utils.d.ts

@@ -14,8 +14,8 @@ export declare const cachedTrackingValues: {
     current: null | TrackingValues;
 };
 /**
- * Retrieves user session tracking values for analytics
- * and marketing from the browser environment.
+ * Retrieves user session tracking values for analytics and marketing from the browser environment.
+ * @publicDocs
  */
 export declare function getTrackingValues(): TrackingValues;
 export {};

package/dist/types/useMoney.d.ts

@@ -109,6 +109,7 @@ export type UseMoneyValue = {
  * ```ts
  * money.withoutTrailingZerosAndCurrency
  * ```
+ * @publicDocs
  */
 export declare function useMoney(money: MoneyV2): UseMoneyValue;
 export {};

package/dist/types/useSelectedOptionInUrlParam.d.ts

@@ -1,2 +1,3 @@
 import { SelectedOption } from './storefront-api-types.js';
+/** @publicDocs */
 export declare function useSelectedOptionInUrlParam(selectedOptions: Pick<SelectedOption, 'name' | 'value'>[]): null;

package/dist/types/useShopifyCookies.d.ts

@@ -34,6 +34,7 @@ type UseShopifyCookiesOptions = CoreShopifyCookiesOptions & {
  * Useful when you only want to use the newer tracking values and not rely on the deprecated ones.
  *
  * @returns `true` when cookies are set and ready.
+ * @publicDocs
  */
 export declare function useShopifyCookies(options?: UseShopifyCookiesOptions): boolean;
 type CoreShopifyCookiesOptions = {

package/dist/umd/hydrogen-react.dev.js

@@ -252,22 +252,32 @@
     }
     return [];
   }
-  const CartLineAdd = (cartFragment) => (
+  function getInContextVariables(includeVisitorConsent) {
+    const base = `$country: CountryCode = ZZ
+    $language: LanguageCode`;
+    return includeVisitorConsent ? `${base}
+    $visitorConsent: VisitorConsent` : base;
+  }
+  function getInContextDirective(includeVisitorConsent) {
+    return includeVisitorConsent ? `@inContext(
+    country: $country
+    language: $language
+    visitorConsent: $visitorConsent
+  )` : `@inContext(
+    country: $country
+    language: $language
+  )`;
+  }
+  const CartLineAdd = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   mutation CartLineAdd(
     $cartId: ID!
     $lines: [CartLineInput!]!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cartLinesAdd(cartId: $cartId, lines: $lines) {
       cart {
         ...CartFragment
@@ -278,21 +288,15 @@
   ${cartFragment}
 `
   );
-  const CartCreate = (cartFragment) => (
+  const CartCreate = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   mutation CartCreate(
     $input: CartInput!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cartCreate(input: $input) {
       cart {
         ...CartFragment
@@ -303,22 +307,16 @@
   ${cartFragment}
 `
   );
-  const CartLineRemove = (cartFragment) => (
+  const CartLineRemove = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   mutation CartLineRemove(
     $cartId: ID!
     $lines: [ID!]!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cartLinesRemove(cartId: $cartId, lineIds: $lines) {
       cart {
         ...CartFragment
@@ -329,22 +327,16 @@
   ${cartFragment}
 `
   );
-  const CartLineUpdate = (cartFragment) => (
+  const CartLineUpdate = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   mutation CartLineUpdate(
     $cartId: ID!
     $lines: [CartLineUpdateInput!]!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cartLinesUpdate(cartId: $cartId, lines: $lines) {
       cart {
         ...CartFragment
@@ -355,22 +347,16 @@
   ${cartFragment}
 `
   );
-  const CartNoteUpdate = (cartFragment) => (
+  const CartNoteUpdate = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   mutation CartNoteUpdate(
     $cartId: ID!
     $note: String!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cartNoteUpdate(cartId: $cartId, note: $note) {
       cart {
         ...CartFragment
@@ -381,22 +367,16 @@
   ${cartFragment}
 `
   );
-  const CartBuyerIdentityUpdate = (cartFragment) => (
+  const CartBuyerIdentityUpdate = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   mutation CartBuyerIdentityUpdate(
     $cartId: ID!
     $buyerIdentity: CartBuyerIdentityInput!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cartBuyerIdentityUpdate(cartId: $cartId, buyerIdentity: $buyerIdentity) {
       cart {
         ...CartFragment
@@ -407,22 +387,16 @@
   ${cartFragment}
 `
   );
-  const CartAttributesUpdate = (cartFragment) => (
+  const CartAttributesUpdate = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   mutation CartAttributesUpdate(
     $attributes: [AttributeInput!]!
     $cartId: ID!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cartAttributesUpdate(attributes: $attributes, cartId: $cartId) {
       cart {
         ...CartFragment
@@ -433,22 +407,16 @@
   ${cartFragment}
 `
   );
-  const CartDiscountCodesUpdate = (cartFragment) => (
+  const CartDiscountCodesUpdate = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   mutation CartDiscountCodesUpdate(
     $cartId: ID!
     $discountCodes: [String!]!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cartDiscountCodesUpdate(cartId: $cartId, discountCodes: $discountCodes) {
       cart {
         ...CartFragment
@@ -459,21 +427,15 @@
   ${cartFragment}
 `
   );
-  const CartQuery = (cartFragment) => (
+  const CartQuery = (cartFragment, options = {}) => (
     /* GraphQL */
     `
   query CartQuery(
     $id: ID!
     $numCartLines: Int = 250
-    $country: CountryCode = ZZ
-    $language: LanguageCode
-    $visitorConsent: VisitorConsent
+    ${getInContextVariables(options.includeVisitorConsent ?? false)}
   )
-  @inContext(
-    country: $country
-    language: $language
-    visitorConsent: $visitorConsent
-  ) {
+  ${getInContextDirective(options.includeVisitorConsent ?? false)} {
     cart(id: $id) {
       ...CartFragment
     }
@@ -2283,7 +2245,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     }
     return false;
   }
-  const version = "2026.4.0";
+  const version = "2026.4.1";
   const SCHEMA_ID = "custom_storefront_customer_tracking/1.2";
   const PAGE_RENDERED_EVENT_NAME = "page_rendered";
   const COLLECTION_PAGE_RENDERED_EVENT_NAME = "collection_page_rendered";