@shopify/hydrogen 2024.4.3 → 2024.4.4

package/dist/development/index.cjs

@@ -6,12 +6,10 @@ var react$1 = require('@remix-run/react');
 var jsxRuntime = require('react/jsx-runtime');
 var cookie = require('worktop/cookie');
 var cspBuilder = require('content-security-policy-builder');
-var invariant = require('tiny-invariant');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var cspBuilder__default = /*#__PURE__*/_interopDefault(cspBuilder);
-var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -486,7 +484,7 @@ async function fetchWithServerCache(url, requestInit, {
 }
 
 // src/version.ts
-var LIB_VERSION = "2024.4.3";
+var LIB_VERSION = "2024.4.4";
 
 // src/constants.ts
 var STOREFRONT_REQUEST_GROUP_ID_HEADER = "Custom-Storefront-Request-Group-ID";
@@ -517,6 +515,13 @@ var warnOnce = (string) => {
     warnings.add(string);
   }
 };
+var errors = /* @__PURE__ */ new Set();
+var errorOnce = (string) => {
+  if (!errors.has(string)) {
+    console.error(new Error(string));
+    errors.add(string);
+  }
+};
 
 // src/utils/graphql.ts
 function minifyQuery(string) {
@@ -633,19 +638,19 @@ var GraphQLError = class extends Error {
 function throwErrorWithGqlLink({
   url,
   response,
-  errors,
+  errors: errors2,
   type,
   query,
   queryVariables,
   ErrorConstructor = Error,
   client = "storefront"
 }) {
-  const errorMessage = (typeof errors === "string" ? errors : errors?.map?.((error) => error.message).join("\n")) || `URL: ${url}
+  const errorMessage = (typeof errors2 === "string" ? errors2 : errors2?.map?.((error) => error.message).join("\n")) || `URL: ${url}
 API response error: ${response.status}`;
   const gqlError = new GraphQLError(errorMessage, {
     query,
     queryVariables,
-    cause: { errors },
+    cause: { errors: errors2 },
     clientOperation: `${client}.${type}`,
     requestId: response.headers.get("x-request-id")
   });
@@ -807,16 +812,16 @@ function createStorefrontClient(options) {
       errors: void 0
     };
     if (!response.ok) {
-      let errors2;
+      let errors3;
       try {
-        errors2 = parseJSON(body);
+        errors3 = parseJSON(body);
       } catch (_e) {
-        errors2 = [{ message: body }];
+        errors3 = [{ message: body }];
       }
-      throwErrorWithGqlLink({ ...errorOptions, errors: errors2 });
+      throwErrorWithGqlLink({ ...errorOptions, errors: errors3 });
     }
-    const { data, errors } = body;
-    const gqlErrors = errors?.map(
+    const { data, errors: errors2 } = body;
+    const gqlErrors = errors2?.map(
       ({ message, ...rest }) => new GraphQLError(message, {
         ...rest,
         clientOperation: `storefront.${errorOptions.type}`,
@@ -903,10 +908,10 @@ var getStackOffset = (query) => {
   }
   return stackOffset;
 } ;
-function formatAPIResult(data, errors) {
+function formatAPIResult(data, errors2) {
   return {
     ...data,
-    ...errors && { errors }
+    ...errors2 && { errors: errors2 }
   };
 }
 
@@ -2647,18 +2652,18 @@ function createCustomerAccountClient({
         }
         throw authFailResponse;
       }
-      let errors;
+      let errors2;
       try {
-        errors = parseJSON(body);
+        errors2 = parseJSON(body);
       } catch (_e) {
-        errors = [{ message: body }];
+        errors2 = [{ message: body }];
       }
-      throwErrorWithGqlLink({ ...errorOptions, errors });
+      throwErrorWithGqlLink({ ...errorOptions, errors: errors2 });
     }
     try {
       const APIresponse = parseJSON(body);
-      const { errors } = APIresponse;
-      const gqlErrors = errors?.map(
+      const { errors: errors2 } = APIresponse;
+      const gqlErrors = errors2?.map(
         ({ message, ...rest }) => new GraphQLError(message, {
           ...rest,
           clientOperation: `customerAccount.${errorOptions.type}`,
@@ -2667,7 +2672,7 @@ function createCustomerAccountClient({
           query: query2
         })
       );
-      return { ...APIresponse, ...errors && { errors: gqlErrors } };
+      return { ...APIresponse, ...errors2 && { errors: gqlErrors } };
     } catch (e) {
       throwErrorWithGqlLink({ ...errorOptions, errors: [{ message: body }] });
     }
@@ -3038,7 +3043,7 @@ function cartCreateDefault(options) {
     const buyer = options.customerAccount ? await options.customerAccount.UNSTABLE_getBuyer() : void 0;
     const { cartId, ...restOfOptionalParams } = optionalParams || {};
     const { buyerIdentity, ...restOfInput } = input;
-    const { cartCreate, errors } = await options.storefront.mutate(CART_CREATE_MUTATION(options.cartFragment), {
+    const { cartCreate, errors: errors2 } = await options.storefront.mutate(CART_CREATE_MUTATION(options.cartFragment), {
       variables: {
         input: {
           ...restOfInput,
@@ -3050,7 +3055,7 @@ function cartCreateDefault(options) {
         ...restOfOptionalParams
       }
     });
-    return formatAPIResult(cartCreate, errors);
+    return formatAPIResult(cartCreate, errors2);
   };
 }
 var CART_CREATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3084,7 +3089,7 @@ function cartGetDefault({
     const cartId = getCartId();
     if (!cartId)
       return null;
-    const [isCustomerLoggedIn, { cart, errors }] = await Promise.all([
+    const [isCustomerLoggedIn, { cart, errors: errors2 }] = await Promise.all([
       customerAccount ? customerAccount.isLoggedIn() : false,
       storefront.query(CART_QUERY(cartFragment), {
         variables: {
@@ -3096,7 +3101,7 @@ function cartGetDefault({
     ]);
     return formatAPIResult(
       addCustomerLoggedInParam(isCustomerLoggedIn, cart),
-      errors
+      errors2
     );
   };
 }
@@ -3235,14 +3240,14 @@ var DEFAULT_CART_FRAGMENT = `#graphql
 // src/cart/queries/cartLinesAddDefault.ts
 function cartLinesAddDefault(options) {
   return async (lines, optionalParams) => {
-    const { cartLinesAdd, errors } = await options.storefront.mutate(CART_LINES_ADD_MUTATION(options.cartFragment), {
+    const { cartLinesAdd, errors: errors2 } = await options.storefront.mutate(CART_LINES_ADD_MUTATION(options.cartFragment), {
       variables: {
         cartId: options.getCartId(),
         lines,
         ...optionalParams
       }
     });
-    return formatAPIResult(cartLinesAdd, errors);
+    return formatAPIResult(cartLinesAdd, errors2);
   };
 }
 var CART_LINES_ADD_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3288,14 +3293,14 @@ function throwIfLinesAreOptimistic(type, lines) {
 function cartLinesUpdateDefault(options) {
   return async (lines, optionalParams) => {
     throwIfLinesAreOptimistic("updateLines", lines);
-    const { cartLinesUpdate, errors } = await options.storefront.mutate(CART_LINES_UPDATE_MUTATION(options.cartFragment), {
+    const { cartLinesUpdate, errors: errors2 } = await options.storefront.mutate(CART_LINES_UPDATE_MUTATION(options.cartFragment), {
       variables: {
         cartId: options.getCartId(),
         lines,
         ...optionalParams
       }
     });
-    return formatAPIResult(cartLinesUpdate, errors);
+    return formatAPIResult(cartLinesUpdate, errors2);
   };
 }
 var CART_LINES_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3323,14 +3328,14 @@ var CART_LINES_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#gra
 function cartLinesRemoveDefault(options) {
   return async (lineIds, optionalParams) => {
     throwIfLinesAreOptimistic("removeLines", lineIds);
-    const { cartLinesRemove, errors } = await options.storefront.mutate(CART_LINES_REMOVE_MUTATION(options.cartFragment), {
+    const { cartLinesRemove, errors: errors2 } = await options.storefront.mutate(CART_LINES_REMOVE_MUTATION(options.cartFragment), {
       variables: {
         cartId: options.getCartId(),
         lineIds,
         ...optionalParams
       }
     });
-    return formatAPIResult(cartLinesRemove, errors);
+    return formatAPIResult(cartLinesRemove, errors2);
   };
 }
 var CART_LINES_REMOVE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3360,14 +3365,14 @@ function cartDiscountCodesUpdateDefault(options) {
     const uniqueCodes = discountCodes.filter((value, index, array) => {
       return array.indexOf(value) === index;
     });
-    const { cartDiscountCodesUpdate, errors } = await options.storefront.mutate(CART_DISCOUNT_CODE_UPDATE_MUTATION(options.cartFragment), {
+    const { cartDiscountCodesUpdate, errors: errors2 } = await options.storefront.mutate(CART_DISCOUNT_CODE_UPDATE_MUTATION(options.cartFragment), {
       variables: {
         cartId: options.getCartId(),
         discountCodes: uniqueCodes,
         ...optionalParams
       }
     });
-    return formatAPIResult(cartDiscountCodesUpdate, errors);
+    return formatAPIResult(cartDiscountCodesUpdate, errors2);
   };
 }
 var CART_DISCOUNT_CODE_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3399,7 +3404,7 @@ function cartBuyerIdentityUpdateDefault(options) {
       });
     }
     const buyer = options.customerAccount ? await options.customerAccount.UNSTABLE_getBuyer() : void 0;
-    const { cartBuyerIdentityUpdate, errors } = await options.storefront.mutate(CART_BUYER_IDENTITY_UPDATE_MUTATION(options.cartFragment), {
+    const { cartBuyerIdentityUpdate, errors: errors2 } = await options.storefront.mutate(CART_BUYER_IDENTITY_UPDATE_MUTATION(options.cartFragment), {
       variables: {
         cartId: options.getCartId(),
         buyerIdentity: {
@@ -3409,7 +3414,7 @@ function cartBuyerIdentityUpdateDefault(options) {
         ...optionalParams
       }
     });
-    return formatAPIResult(cartBuyerIdentityUpdate, errors);
+    return formatAPIResult(cartBuyerIdentityUpdate, errors2);
   };
 }
 var CART_BUYER_IDENTITY_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3435,14 +3440,14 @@ var CART_BUYER_IDENTITY_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT)
 // src/cart/queries/cartNoteUpdateDefault.ts
 function cartNoteUpdateDefault(options) {
   return async (note, optionalParams) => {
-    const { cartNoteUpdate, errors } = await options.storefront.mutate(CART_NOTE_UPDATE_MUTATION(options.cartFragment), {
+    const { cartNoteUpdate, errors: errors2 } = await options.storefront.mutate(CART_NOTE_UPDATE_MUTATION(options.cartFragment), {
       variables: {
         cartId: options.getCartId(),
         note,
         ...optionalParams
       }
     });
-    return formatAPIResult(cartNoteUpdate, errors);
+    return formatAPIResult(cartNoteUpdate, errors2);
   };
 }
 var CART_NOTE_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3468,14 +3473,14 @@ var CART_NOTE_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#grap
 // src/cart/queries/cartSelectedDeliveryOptionsUpdateDefault.ts
 function cartSelectedDeliveryOptionsUpdateDefault(options) {
   return async (selectedDeliveryOptions, optionalParams) => {
-    const { cartSelectedDeliveryOptionsUpdate, errors } = await options.storefront.mutate(CART_SELECTED_DELIVERY_OPTIONS_UPDATE_MUTATION(options.cartFragment), {
+    const { cartSelectedDeliveryOptionsUpdate, errors: errors2 } = await options.storefront.mutate(CART_SELECTED_DELIVERY_OPTIONS_UPDATE_MUTATION(options.cartFragment), {
       variables: {
         cartId: options.getCartId(),
         selectedDeliveryOptions,
         ...optionalParams
       }
     });
-    return formatAPIResult(cartSelectedDeliveryOptionsUpdate, errors);
+    return formatAPIResult(cartSelectedDeliveryOptionsUpdate, errors2);
   };
 }
 var CART_SELECTED_DELIVERY_OPTIONS_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3501,13 +3506,13 @@ var CART_SELECTED_DELIVERY_OPTIONS_UPDATE_MUTATION = (cartFragment = MINIMAL_CAR
 // src/cart/queries/cartAttributesUpdateDefault.ts
 function cartAttributesUpdateDefault(options) {
   return async (attributes, optionalParams) => {
-    const { cartAttributesUpdate, errors } = await options.storefront.mutate(CART_ATTRIBUTES_UPDATE_MUTATION(options.cartFragment), {
+    const { cartAttributesUpdate, errors: errors2 } = await options.storefront.mutate(CART_ATTRIBUTES_UPDATE_MUTATION(options.cartFragment), {
       variables: {
         cartId: optionalParams?.cartId || options.getCartId(),
         attributes
       }
     });
-    return formatAPIResult(cartAttributesUpdate, errors);
+    return formatAPIResult(cartAttributesUpdate, errors2);
   };
 }
 var CART_ATTRIBUTES_UPDATE_MUTATION = (cartFragment = MINIMAL_CART_FRAGMENT) => `#graphql
@@ -3538,7 +3543,7 @@ function cartMetafieldsSetDefault(options) {
         ownerId
       })
     );
-    const { cartMetafieldsSet, errors } = await options.storefront.mutate(CART_METAFIELD_SET_MUTATION(), {
+    const { cartMetafieldsSet, errors: errors2 } = await options.storefront.mutate(CART_METAFIELD_SET_MUTATION(), {
       variables: { metafields: metafieldsWithOwnerId }
     });
     return formatAPIResult(
@@ -3548,7 +3553,7 @@ function cartMetafieldsSetDefault(options) {
         },
         ...cartMetafieldsSet
       },
-      errors
+      errors2
     );
   };
 }
@@ -3573,7 +3578,7 @@ var CART_METAFIELD_SET_MUTATION = () => `#graphql
 function cartMetafieldDeleteDefault(options) {
   return async (key, optionalParams) => {
     const ownerId = optionalParams?.cartId || options.getCartId();
-    const { cartMetafieldDelete, errors } = await options.storefront.mutate(CART_METAFIELD_DELETE_MUTATION(), {
+    const { cartMetafieldDelete, errors: errors2 } = await options.storefront.mutate(CART_METAFIELD_DELETE_MUTATION(), {
       variables: {
         input: {
           ownerId,
@@ -3588,7 +3593,7 @@ function cartMetafieldDeleteDefault(options) {
         },
         ...cartMetafieldDelete
       },
-      errors
+      errors2
     );
   };
 }
@@ -4010,11 +4015,20 @@ function ShopPayButton(props) {
 function AnalyticsView(props) {
   const { type, data = {}, customData } = props;
   const location = react$1.useLocation();
-  const { publish: publish2, cart, prevCart, shop } = useAnalytics();
+  const {
+    publish: publish2,
+    cart,
+    prevCart,
+    shop,
+    customData: analyticProviderCustomData
+  } = useAnalytics();
   const url = location.pathname + location.search;
   let viewPayload2 = {
     ...data,
-    customData,
+    customData: {
+      ...analyticProviderCustomData,
+      ...customData
+    },
     cart,
     prevCart,
     shop
@@ -4158,38 +4172,11 @@ function getCustomerPrivacyRequired() {
   }
   return customerPrivacy;
 }
-function messageOnError(field) {
-  return `[h2:error:Analytics.Provider] - ${field} is required`;
-}
 function ShopifyAnalytics({
   consent,
   onReady,
-  domain,
-  disableThrowOnError,
-  isMockShop
+  domain
 }) {
-  if (isMockShop) {
-    warnOnce(
-      "[h2:error:Analytics.Provider] - Mock shop is used. Analytics will not work properly."
-    );
-  } else {
-    if (!consent.checkoutDomain) {
-      const errorMsg = messageOnError("consent.checkoutDomain");
-      if (disableThrowOnError) {
-        console.error(errorMsg);
-      } else {
-        invariant__default.default(false, errorMsg);
-      }
-    }
-    if (!consent.storefrontAccessToken) {
-      const errorMsg = messageOnError("consent.storefrontAccessToken");
-      if (disableThrowOnError) {
-        console.error(errorMsg);
-      } else {
-        invariant__default.default(false, errorMsg);
-      }
-    }
-  }
   const { subscribe: subscribe2, register: register2, canTrack } = useAnalytics();
   const [shopifyReady, setShopifyReady] = react.useState(false);
   const [privacyReady, setPrivacyReady] = react.useState(false);
@@ -4207,9 +4194,9 @@ function ShopifyAnalytics({
   };
   const { checkoutDomain, storefrontAccessToken, withPrivacyBanner } = consent;
   useCustomerPrivacy({
-    checkoutDomain: isMockShop || !checkoutDomain ? "mock.shop" : checkoutDomain,
-    storefrontAccessToken: isMockShop || !storefrontAccessToken ? "abcdefghijklmnopqrstuvwxyz123456" : storefrontAccessToken,
-    withPrivacyBanner: isMockShop ? false : withPrivacyBanner,
+    checkoutDomain: !checkoutDomain ? "mock.shop" : checkoutDomain,
+    storefrontAccessToken: !storefrontAccessToken ? "abcdefghijklmnopqrstuvwxyz123456" : storefrontAccessToken,
+    withPrivacyBanner,
     onVisitorConsentCollected: setCustomerPrivacyReady,
     onReady: () => {
       setTimeout(setCustomerPrivacyReady, 3e3);
@@ -4646,6 +4633,9 @@ function shopifyCanTrack() {
   }
   return false;
 }
+function messageOnError(field, envVar) {
+  return `[h2:error:Analytics.Provider] - ${field} is required. Make sure ${envVar} is defined in your environment variables. See https://h2o.fyi/analytics/consent to learn how to setup environment variables in the Shopify admin.`;
+}
 function AnalyticsProvider({
   canTrack: customCanTrack,
   cart: currentCart,
@@ -4665,6 +4655,28 @@ function AnalyticsProvider({
   const [canTrack, setCanTrack] = react.useState(
     customCanTrack ? () => customCanTrack : () => shopifyCanTrack
   );
+  if (!!shop) {
+    if (/\/68817551382$/.test(shop.shopId)) {
+      warnOnce(
+        "[h2:error:Analytics.Provider] - Mock shop is used. Analytics will not work properly."
+      );
+    } else {
+      if (!consent.checkoutDomain) {
+        const errorMsg = messageOnError(
+          "consent.checkoutDomain",
+          "PUBLIC_CHECKOUT_DOMAIN"
+        );
+        errorOnce(errorMsg);
+      }
+      if (!consent.storefrontAccessToken) {
+        const errorMsg = messageOnError(
+          "consent.storefrontAccessToken",
+          "PUBLIC_STOREFRONT_API_TOKEN"
+        );
+        errorOnce(errorMsg);
+      }
+    }
+  }
   const value = react.useMemo(() => {
     return {
       canTrack,
@@ -4695,7 +4707,7 @@ function AnalyticsProvider({
     children,
     !!shop && /* @__PURE__ */ jsxRuntime.jsx(AnalyticsPageView, {}),
     !!shop && !!currentCart && /* @__PURE__ */ jsxRuntime.jsx(CartAnalytics, { cart: currentCart, setCarts }),
-    !!shop && /* @__PURE__ */ jsxRuntime.jsx(
+    !!shop && consent.checkoutDomain && /* @__PURE__ */ jsxRuntime.jsx(
       ShopifyAnalytics,
       {
         consent,
@@ -4704,9 +4716,7 @@ function AnalyticsProvider({
           setConsentLoaded(true);
           setCanTrack(() => shopifyCanTrack);
         },
-        domain: cookieDomain,
-        disableThrowOnError,
-        isMockShop: /\/68817551382$/.test(shop.shopId)
+        domain: cookieDomain
       }
     )
   ] });