@shopify/hydrogen-react 0.0.0-next-992334e → 0.0.0-next-9b64572

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

@@ -766,6 +766,80 @@ query CartQuery($id: ID!, $numCartLines: Int = 250, $country: CountryCode = ZZ)
 ${cartFragment}
 `;
   const SFAPI_VERSION = "2022-10";
+  function createStorefrontClient({
+    storeDomain,
+    privateStorefrontToken,
+    publicStorefrontToken,
+    storefrontApiVersion,
+    contentType
+  }) {
+    if (storefrontApiVersion !== SFAPI_VERSION) {
+      console.warn(
+        `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}"`
+      );
+    }
+    if (!privateStorefrontToken && !globalThis.document) {
+      console.warn(
+        `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. `
+      );
+    }
+    if (privateStorefrontToken && globalThis) {
+      console.warn(
+        `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`
+      );
+    }
+    return {
+      getStorefrontApiUrl(overrideProps) {
+        var _a, _b;
+        return `https://${(_a = overrideProps == null ? void 0 : overrideProps.storeDomain) != null ? _a : storeDomain}.myshopify.com/api/${(_b = overrideProps == null ? void 0 : overrideProps.storefrontApiVersion) != null ? _b : storefrontApiVersion}/graphql.json`;
+      },
+      getPrivateTokenHeaders(overrideProps) {
+        var _a, _b, _c;
+        if (!privateStorefrontToken && !(overrideProps == null ? void 0 : overrideProps.privateStorefrontToken)) {
+          throw new Error(
+            `StorefrontClient: You did not pass in a 'privateStorefrontToken' while using 'getPrivateTokenHeaders()'`
+          );
+        }
+        if (!(overrideProps == null ? void 0 : overrideProps.buyerIp)) {
+          console.warn(
+            `StorefrontClient: it is recommended to pass in the 'buyerIp' property which improves analytics and data in the admin.`
+          );
+        }
+        const finalContentType = (_a = overrideProps == null ? void 0 : overrideProps.contentType) != null ? _a : contentType;
+        return {
+          "content-type": finalContentType === "graphql" ? "application/graphql" : "application/json",
+          "X-SDK-Variant": "hydrogen-ui",
+          "X-SDK-Variant-Source": "react",
+          "X-SDK-Version": storefrontApiVersion,
+          "Shopify-Storefront-Private-Token": (_c = (_b = overrideProps == null ? void 0 : overrideProps.privateStorefrontToken) != null ? _b : privateStorefrontToken) != null ? _c : "",
+          ...(overrideProps == null ? void 0 : overrideProps.buyerIp) ? { "Shopify-Storefront-Buyer-IP": overrideProps.buyerIp } : {}
+        };
+      },
+      getPublicTokenHeaders(overrideProps) {
+        var _a, _b, _c, _d;
+        if (!publicStorefrontToken && !(overrideProps == null ? void 0 : overrideProps.publicStorefrontToken)) {
+          throw new Error(
+            `StorefrontClient: You did not pass in a 'publicStorefrontToken' while using 'getPublicTokenHeaders()'`
+          );
+        }
+        const finalContentType = (_b = (_a = overrideProps == null ? void 0 : overrideProps.contentType) != null ? _a : contentType) != null ? _b : "json";
+        return getPublicTokenHeadersRaw(
+          finalContentType,
+          storefrontApiVersion,
+          (_d = (_c = overrideProps == null ? void 0 : overrideProps.publicStorefrontToken) != null ? _c : publicStorefrontToken) != null ? _d : ""
+        );
+      }
+    };
+  }
+  function getPublicTokenHeadersRaw(contentType, storefrontApiVersion, accessToken) {
+    return {
+      "content-type": contentType === "graphql" ? "application/graphql" : "application/json",
+      "X-SDK-Variant": "hydrogen-ui",
+      "X-SDK-Variant-Source": "react",
+      "X-SDK-Version": storefrontApiVersion,
+      "X-Shopify-Storefront-Access-Token": accessToken
+    };
+  }
   var _jsxFileName$f = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ShopifyProvider.tsx";
   const ShopifyContext = React.createContext({
     storeDomain: "test.myshopify.com",
@@ -777,7 +851,13 @@ ${cartFragment}
     language: {
       isoCode: "EN"
     },
-    locale: "EN-US"
+    locale: "EN-US",
+    getStorefrontApiUrl() {
+      return "";
+    },
+    getPublicTokenHeaders() {
+      return {};
+    }
   });
   function ShopifyProvider({
     children,
@@ -789,16 +869,27 @@ ${cartFragment}
     if (shopifyConfig.storefrontApiVersion !== SFAPI_VERSION) {
       console.warn(`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.`);
     }
-    const finalConfig = React.useMemo(() => ({
-      ...shopifyConfig,
-      storeDomain: shopifyConfig.storeDomain.replace(/^https?:\/\//, "")
-    }), [shopifyConfig]);
+    const finalConfig = React.useMemo(() => {
+      const storeDomain = shopifyConfig.storeDomain.replace(/^https?:\/\//, "");
+      return {
+        ...shopifyConfig,
+        storeDomain,
+        getPublicTokenHeaders(overrideProps) {
+          var _a;
+          return getPublicTokenHeadersRaw(overrideProps.contentType, shopifyConfig.storefrontApiVersion, (_a = overrideProps.storefrontToken) != null ? _a : shopifyConfig.storefrontToken);
+        },
+        getStorefrontApiUrl(overrideProps) {
+          var _a, _b;
+          return `https://${(_a = overrideProps == null ? void 0 : overrideProps.storeDomain) != null ? _a : storeDomain}/api/${(_b = overrideProps == null ? void 0 : overrideProps.storefrontApiVersion) != null ? _b : shopifyConfig.storefrontApiVersion}/graphql.json`;
+        }
+      };
+    }, [shopifyConfig]);
     return /* @__PURE__ */ React__default.default.createElement(ShopifyContext.Provider, {
       value: finalConfig,
       __self: this,
       __source: {
         fileName: _jsxFileName$f,
-        lineNumber: 49,
+        lineNumber: 69,
         columnNumber: 5
       }
     }, children);
@@ -811,7 +902,6 @@ ${cartFragment}
     return shopContext;
   }
   const CART_ID_STORAGE_KEY = "shopifyCartId";
-  const STOREFRONT_API_PUBLIC_TOKEN_HEADER = "X-Shopify-Storefront-Access-Token";
   const SHOPIFY_STOREFRONT_ID_HEADER = "Shopify-Storefront-Id";
   const SHOPIFY_STOREFRONT_Y_HEADER = "Shopify-Storefront-Y";
   const SHOPIFY_STOREFRONT_S_HEADER = "Shopify-Storefront-S";
@@ -842,21 +932,17 @@ ${cartFragment}
   }
   function useCartFetch() {
     const {
-      storeDomain,
-      storefrontApiVersion,
-      storefrontToken,
-      storefrontId
+      storefrontId,
+      getPublicTokenHeaders,
+      getStorefrontApiUrl
     } = useShop();
     return React.useCallback(({
       query,
       variables
     }) => {
-      const headers = {
-        "Content-Type": "application/json",
-        "X-SDK-Variant": "hydrogen",
-        "X-SDK-Version": storefrontApiVersion,
-        [STOREFRONT_API_PUBLIC_TOKEN_HEADER]: storefrontToken
-      };
+      const headers = getPublicTokenHeaders({
+        contentType: "json"
+      });
       if (storefrontId) {
         headers[SHOPIFY_STOREFRONT_ID_HEADER] = storefrontId;
       }
@@ -865,7 +951,7 @@ ${cartFragment}
         headers[SHOPIFY_STOREFRONT_Y_HEADER] = cookieData[SHOPIFY_Y];
         headers[SHOPIFY_STOREFRONT_S_HEADER] = cookieData[SHOPIFY_S];
       }
-      return fetch(`https://${storeDomain}/api/${storefrontApiVersion}/graphql.json`, {
+      return fetch(getStorefrontApiUrl(), {
         method: "POST",
         headers,
         body: JSON.stringify({
@@ -878,7 +964,7 @@ ${cartFragment}
           errors: error.toString()
         };
       });
-    }, [storeDomain, storefrontApiVersion, storefrontToken, storefrontId]);
+    }, [getPublicTokenHeaders, storefrontId, getStorefrontApiUrl]);
   }
   function useCartActions({
     numCartLines,
@@ -3361,73 +3447,6 @@ fragment ImageFragment on Image {
   }
   const MissingPropsErrorMessage = `You must pass in either "variantIds" or "variantIdsAndQuantities" to ShopPayButton`;
   const DoublePropsErrorMessage = `You must provide either a variantIds or variantIdsAndQuantities prop, but not both in the ShopPayButton component`;
-  function createStorefrontClient({
-    storeDomain,
-    privateStorefrontToken,
-    publicStorefrontToken,
-    storefrontApiVersion,
-    contentType
-  }) {
-    if (storefrontApiVersion !== SFAPI_VERSION) {
-      console.warn(
-        `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}"`
-      );
-    }
-    if (!privateStorefrontToken && !globalThis.document) {
-      console.warn(
-        `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. `
-      );
-    }
-    if (privateStorefrontToken && globalThis) {
-      console.warn(
-        `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`
-      );
-    }
-    return {
-      getStorefrontApiUrl(overrideProps) {
-        var _a, _b;
-        return `https://${(_a = overrideProps == null ? void 0 : overrideProps.storeDomain) != null ? _a : storeDomain}.myshopify.com/api/${(_b = overrideProps == null ? void 0 : overrideProps.storefrontApiVersion) != null ? _b : storefrontApiVersion}/graphql.json`;
-      },
-      getPrivateTokenHeaders(overrideProps) {
-        var _a, _b, _c;
-        if (!privateStorefrontToken && !(overrideProps == null ? void 0 : overrideProps.privateStorefrontToken)) {
-          throw new Error(
-            `StorefrontClient: You did not pass in a 'privateStorefrontToken' while using 'getPrivateTokenHeaders()'`
-          );
-        }
-        if (!(overrideProps == null ? void 0 : overrideProps.buyerIp)) {
-          console.warn(
-            `StorefrontClient: it is recommended to pass in the 'buyerIp' property which improves analytics and data in the admin.`
-          );
-        }
-        const finalContentType = (_a = overrideProps == null ? void 0 : overrideProps.contentType) != null ? _a : contentType;
-        return {
-          "content-type": finalContentType === "graphql" ? "application/graphql" : "application/json",
-          "X-SDK-Variant": "hydrogen-ui",
-          "X-SDK-Variant-Source": "react",
-          "X-SDK-Version": storefrontApiVersion,
-          "Shopify-Storefront-Private-Token": (_c = (_b = overrideProps == null ? void 0 : overrideProps.privateStorefrontToken) != null ? _b : privateStorefrontToken) != null ? _c : "",
-          ...(overrideProps == null ? void 0 : overrideProps.buyerIp) ? { "Shopify-Storefront-Buyer-IP": overrideProps.buyerIp } : {}
-        };
-      },
-      getPublicTokenHeaders(overrideProps) {
-        var _a, _b, _c;
-        if (!publicStorefrontToken && !(overrideProps == null ? void 0 : overrideProps.publicStorefrontToken)) {
-          throw new Error(
-            `StorefrontClient: You did not pass in a 'publicStorefrontToken' while using 'getPublicTokenHeaders()'`
-          );
-        }
-        const finalContentType = (_a = overrideProps == null ? void 0 : overrideProps.contentType) != null ? _a : contentType;
-        return {
-          "content-type": finalContentType === "graphql" ? "application/graphql" : "application/json",
-          "X-SDK-Variant": "hydrogen-ui",
-          "X-SDK-Variant-Source": "react",
-          "X-SDK-Version": storefrontApiVersion,
-          "X-Shopify-Storefront-Access-Token": (_c = (_b = overrideProps == null ? void 0 : overrideProps.publicStorefrontToken) != null ? _b : publicStorefrontToken) != null ? _c : ""
-        };
-      }
-    };
-  }
   exports2.AddToCartButton = AddToCartButton;
   exports2.BuyNowButton = BuyNowButton;
   exports2.CartCheckoutButton = CartCheckoutButton;