@shopify/hydrogen-react 0.0.0-next-72f8a5c → 0.0.0-next-ea37299

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/hydrogen-react",
-  "version": "0.0.0-next-72f8a5c",
+  "version": "0.0.0-next-ea37299",
   "description": "React components, hooks, and utilities for creating custom Shopify storefronts",
   "homepage": "https://github.com/Shopify/hydrogen-ui/tree/main/packages/react",
   "license": "MIT",
@@ -15,28 +15,28 @@
     "dist",
     "storefront.schema.json"
   ],
-  "type": "module",
+  "type": "commonjs",
   "exports": {
     ".": {
       "module": {
         "types": "./dist/types/index.d.ts",
-        "development": "./dist/dev/index.js",
-        "production": "./dist/prod/index.js",
-        "default": "./dist/prod/index.js"
+        "development": "./dist/dev/index.mjs",
+        "production": "./dist/prod/index.mjs",
+        "default": "./dist/prod/index.mjs"
       },
       "import": {
         "types": "./dist/types/index.d.ts",
-        "development": "./dist/dev/index.js",
-        "production": "./dist/prod/index.js",
-        "default": "./dist/prod/index.js"
+        "development": "./dist/dev/index.mjs",
+        "production": "./dist/prod/index.mjs",
+        "default": "./dist/prod/index.mjs"
       },
       "require": {
         "types": "./dist/types/index.d.cts",
-        "development": "./dist/dev/index.cjs",
-        "production": "./dist/prod/index.cjs",
-        "default": "./dist/prod/index.cjs"
+        "development": "./dist/dev/index.js",
+        "production": "./dist/prod/index.js",
+        "default": "./dist/prod/index.js"
       },
-      "default": "./dist/prod/index.js"
+      "default": "./dist/prod/index.mjs"
     },
     "./storefront-api-types": "./dist/types/storefront-api-types.d.ts",
     "./storefront.schema.json": "./storefront.schema.json",
@@ -49,8 +49,8 @@
       ]
     }
   },
-  "main": "./dist/prod/index.cjs",
-  "module": "./dist/prod/index.js",
+  "main": "./dist/prod/index.js",
+  "module": "./dist/prod/index.mjs",
   "types": "./dist/types/index.d.ts",
   "unpkg": "./dist/umd/hydrogen-react.prod.js",
   "jsdelivr": "./dist/umd/hydrogen-react.prod.js",

package/dist/dev/ShopifyProvider.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const storefrontApiConstants = require("./storefront-api-constants.cjs");
-const jsxRuntime = require("react/jsx-runtime");
-const ShopifyContext = react.createContext({
-  storeDomain: "test.myshopify.com",
-  storefrontToken: "abc123",
-  storefrontApiVersion: storefrontApiConstants.SFAPI_VERSION,
-  country: {
-    isoCode: "US"
-  },
-  language: {
-    isoCode: "EN"
-  },
-  locale: "EN-US"
-});
-function ShopifyProvider({
-  children,
-  shopifyConfig
-}) {
-  if (!shopifyConfig) {
-    throw new Error(`The 'shopifyConfig' prop must be passed to '<ShopifyProvider/>'`);
-  }
-  if (shopifyConfig.storefrontApiVersion !== storefrontApiConstants.SFAPI_VERSION) {
-    console.warn(`This version of Hydrogen-UI is built for Shopify's Storefront API version ${storefrontApiConstants.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]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ShopifyContext.Provider, {
-    value: finalConfig,
-    children
-  });
-}
-function useShop() {
-  const shopContext = react.useContext(ShopifyContext);
-  if (!shopContext) {
-    throw new Error(`'useShop()' must be a descendent of <ShopifyProvider/>`);
-  }
-  return shopContext;
-}
-exports.ShopifyProvider = ShopifyProvider;
-exports.useShop = useShop;
-//# sourceMappingURL=ShopifyProvider.cjs.map

package/dist/dev/cart-constants.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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";
-const SHOPIFY_Y = "_shopify_y";
-const SHOPIFY_S = "_shopify_s";
-exports.CART_ID_STORAGE_KEY = CART_ID_STORAGE_KEY;
-exports.SHOPIFY_S = SHOPIFY_S;
-exports.SHOPIFY_STOREFRONT_ID_HEADER = SHOPIFY_STOREFRONT_ID_HEADER;
-exports.SHOPIFY_STOREFRONT_S_HEADER = SHOPIFY_STOREFRONT_S_HEADER;
-exports.SHOPIFY_STOREFRONT_Y_HEADER = SHOPIFY_STOREFRONT_Y_HEADER;
-exports.SHOPIFY_Y = SHOPIFY_Y;
-exports.STOREFRONT_API_PUBLIC_TOKEN_HEADER = STOREFRONT_API_PUBLIC_TOKEN_HEADER;
-//# sourceMappingURL=cart-constants.cjs.map

package/dist/dev/cart-hooks.cjs

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const ShopifyProvider = require("./ShopifyProvider.cjs");
-const cartConstants = require("./cart-constants.cjs");
-const cookie = require("worktop/cookie");
-function useCartFetch() {
-  const {
-    storeDomain,
-    storefrontApiVersion,
-    storefrontToken,
-    storefrontId
-  } = ShopifyProvider.useShop();
-  return react.useCallback(({
-    query,
-    variables
-  }) => {
-    const headers = {
-      "Content-Type": "application/json",
-      "X-SDK-Variant": "hydrogen",
-      "X-SDK-Version": storefrontApiVersion,
-      [cartConstants.STOREFRONT_API_PUBLIC_TOKEN_HEADER]: storefrontToken
-    };
-    if (storefrontId) {
-      headers[cartConstants.SHOPIFY_STOREFRONT_ID_HEADER] = storefrontId;
-    }
-    const cookieData = cookie.parse(document.cookie);
-    if (cookieData[cartConstants.SHOPIFY_Y] && cookieData[cartConstants.SHOPIFY_S]) {
-      headers[cartConstants.SHOPIFY_STOREFRONT_Y_HEADER] = cookieData[cartConstants.SHOPIFY_Y];
-      headers[cartConstants.SHOPIFY_STOREFRONT_S_HEADER] = cookieData[cartConstants.SHOPIFY_S];
-    }
-    return fetch(`https://${storeDomain}/api/${storefrontApiVersion}/graphql.json`, {
-      method: "POST",
-      headers,
-      body: JSON.stringify({
-        query: query.toString(),
-        variables
-      })
-    }).then((res) => res.json()).catch((error) => {
-      return {
-        data: void 0,
-        errors: error.toString()
-      };
-    });
-  }, [storeDomain, storefrontApiVersion, storefrontToken, storefrontId]);
-}
-exports.useCartFetch = useCartFetch;
-//# sourceMappingURL=cart-hooks.cjs.map

package/dist/dev/index.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const CartProvider = require("./CartProvider.cjs");
-const ExternalVideo = require("./ExternalVideo.cjs");
-const flattenConnection = require("./flatten-connection.cjs");
-const Image = require("./Image.cjs");
-const MediaFile = require("./MediaFile.cjs");
-const Metafield = require("./Metafield.cjs");
-const ModelViewer = require("./ModelViewer.cjs");
-const Money = require("./Money.cjs");
-const ProductPrice = require("./ProductPrice.cjs");
-const ProductProvider = require("./ProductProvider.cjs");
-const ShopifyProvider = require("./ShopifyProvider.cjs");
-const ShopPayButton = require("./ShopPayButton.cjs");
-const storefrontClient = require("./storefront-client.cjs");
-const useMoney = require("./useMoney.cjs");
-const Video = require("./Video.cjs");
-exports.CartProvider = CartProvider.CartProvider;
-exports.useCart = CartProvider.useCart;
-exports.ExternalVideo = ExternalVideo.ExternalVideo;
-exports.flattenConnection = flattenConnection.flattenConnection;
-exports.Image = Image.Image;
-exports.MediaFile = MediaFile.MediaFile;
-exports.Metafield = Metafield.Metafield;
-exports.parseMetafield = Metafield.parseMetafield;
-exports.parseMetafieldValue = Metafield.parseMetafieldValue;
-exports.ModelViewer = ModelViewer.ModelViewer;
-exports.Money = Money.Money;
-exports.ProductPrice = ProductPrice.ProductPrice;
-exports.ProductProvider = ProductProvider.ProductProvider;
-exports.useProduct = ProductProvider.useProduct;
-exports.ShopifyProvider = ShopifyProvider.ShopifyProvider;
-exports.useShop = ShopifyProvider.useShop;
-exports.ShopPayButton = ShopPayButton.ShopPayButton;
-exports.createStorefrontClient = storefrontClient.createStorefrontClient;
-exports.useMoney = useMoney.useMoney;
-exports.Video = Video.Video;
-//# sourceMappingURL=index.cjs.map

package/dist/dev/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/dev/storefront-api-constants.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const SFAPI_VERSION = "2022-10";
-exports.SFAPI_VERSION = SFAPI_VERSION;
-//# sourceMappingURL=storefront-api-constants.cjs.map

package/dist/dev/storefront-api-constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"storefront-api-constants.cjs","sources":["../../src/storefront-api-constants.ts"],"sourcesContent":["export const SFAPI_VERSION = '2022-10';\n"],"names":[],"mappings":";;AAAO,MAAM,gBAAgB;;"}

package/dist/dev/storefront-client.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"storefront-client.cjs","sources":["../../src/storefront-client.ts"],"sourcesContent":["import {SFAPI_VERSION} from './storefront-api-constants.js';\n\n/**\n * The `createStorefrontClient()` function creates helpers that enable you to quickly query the Shopify Storefront API.\n *\n * When used on the server, it is recommended to use the `privateStorefrontToken` prop. When used on the client, it is recommended to use the `publicStorefrontToken` prop.\n */\nexport function createStorefrontClient({\n  storeDomain,\n  privateStorefrontToken,\n  publicStorefrontToken,\n  storefrontApiVersion,\n  contentType,\n}: StorefrontClientProps): StorefrontClientReturn {\n  if (storefrontApiVersion !== SFAPI_VERSION) {\n    console.warn(\n      `StorefrontClient: The Storefront API version that you're using is different than the version this build of Hydrogen-UI is targeting. You may run into unexpected errors if these versions don't match. Received verion: \"${storefrontApiVersion}\"; expected version ${SFAPI_VERSION}`\n    );\n  }\n\n  // only warn if not in a browser environment\n  if (__HYDROGEN_DEV__ && !privateStorefrontToken && !globalThis.document) {\n    console.warn(\n      `StorefrontClient: Using a private storefront token is recommended for server environments.  Refer to the authentication https://shopify.dev/api/storefront#authentication documentation for more details. `\n    );\n  }\n\n  // only warn if in a browser environment and you're using the privateStorefrontToken\n  if (__HYDROGEN_DEV__ && privateStorefrontToken && globalThis) {\n    console.warn(\n      `StorefrontClient: You are attempting to use a private token in an environment where it can be easily accessed by anyone. This is a security risk; please use the public token and the 'publicStorefrontToken' prop`\n    );\n  }\n\n  return {\n    getStorefrontApiUrl(overrideProps) {\n      return `https://${\n        overrideProps?.storeDomain ?? storeDomain\n      }.myshopify.com/api/${\n        overrideProps?.storefrontApiVersion ?? storefrontApiVersion\n      }/graphql.json`;\n    },\n    getPrivateTokenHeaders(overrideProps) {\n      if (!privateStorefrontToken && !overrideProps?.privateStorefrontToken) {\n        throw new Error(\n          `StorefrontClient: You did not pass in a 'privateStorefrontToken' while using 'getPrivateTokenHeaders()'`\n        );\n      }\n\n      if (__HYDROGEN_DEV__ && !overrideProps?.buyerIp) {\n        console.warn(\n          `StorefrontClient: it is recommended to pass in the 'buyerIp' property which improves analytics and data in the admin.`\n        );\n      }\n\n      const finalContentType = overrideProps?.contentType ?? contentType;\n\n      return {\n        // default to json\n        'content-type':\n          finalContentType === 'graphql'\n            ? 'application/graphql'\n            : 'application/json',\n        'X-SDK-Variant': 'hydrogen-ui',\n        'X-SDK-Variant-Source': 'react',\n        'X-SDK-Version': storefrontApiVersion,\n        'Shopify-Storefront-Private-Token':\n          overrideProps?.privateStorefrontToken ?? privateStorefrontToken ?? '',\n        ...(overrideProps?.buyerIp\n          ? {'Shopify-Storefront-Buyer-IP': overrideProps.buyerIp}\n          : {}),\n      };\n    },\n    getPublicTokenHeaders(overrideProps) {\n      if (!publicStorefrontToken && !overrideProps?.publicStorefrontToken) {\n        throw new Error(\n          `StorefrontClient: You did not pass in a 'publicStorefrontToken' while using 'getPublicTokenHeaders()'`\n        );\n      }\n\n      const finalContentType = overrideProps?.contentType ?? contentType;\n\n      return {\n        // default to json\n        'content-type':\n          finalContentType === 'graphql'\n            ? 'application/graphql'\n            : 'application/json',\n        'X-SDK-Variant': 'hydrogen-ui',\n        'X-SDK-Variant-Source': 'react',\n        'X-SDK-Version': storefrontApiVersion,\n        'X-Shopify-Storefront-Access-Token':\n          overrideProps?.publicStorefrontToken ?? publicStorefrontToken ?? '',\n      };\n    },\n  };\n}\n\ntype StorefrontClientProps = {\n  /** The host name of the domain (eg: `{shop}.myshopify.com`). */\n  storeDomain: string;\n  /** The Storefront API delegate access token. Refer to the [authentication](https://shopify.dev/api/storefront#authentication) and [delegate access token](https://shopify.dev/apps/auth/oauth/delegate-access-tokens) documentation for more details. */\n  privateStorefrontToken?: string;\n  /** The Storefront API access token. Refer to the [authentication](https://shopify.dev/api/storefront#authentication) documentation for more details. */\n  publicStorefrontToken?: string;\n  /** The Storefront API version. This should almost always be the same as the version Hydrogen-UI was built for. Learn more about Shopify [API versioning](https://shopify.dev/api/usage/versioning) for more details.  */\n  storefrontApiVersion: string;\n  /**\n   * Customizes which `\"content-type\"` header is added when using `getPrivateTokenHeaders()` and `getPublicTokenHeaders()`. When fetching with a `JSON.stringify()`-ed `body`, use `\"json\"`. When fetching with a `body` that is a plain string, use `\"graphql\"`. Defaults to `\"json\"`\n   *\n   * Can also be customized on a call-by-call basis by passing in `'contentType'` to both `getPrivateTokenHeaders({...})` and `getPublicTokenHeaders({...})`, for example: `getPublicTokenHeaders({contentType: 'graphql'})`\n   */\n  contentType?: 'json' | 'graphql';\n};\n\ntype OverrideTokenHeaderProps = Partial<\n  Pick<StorefrontClientProps, 'contentType'>\n>;\n\ntype StorefrontClientReturn = {\n  /**\n   * Creates the fully-qualified URL to your store's GraphQL endpoint.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getStorefrontApiUrl({...})`:\n   *\n   * - `storeDomain`\n   * - `storefrontApiVersion`\n   */\n  getStorefrontApiUrl: (\n    props?: Partial<\n      Pick<StorefrontClientProps, 'storeDomain' | 'storefrontApiVersion'>\n    >\n  ) => string;\n  /**\n   * Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint. This method uses the private Server-to-Server token which reduces the chance of throttling but must not be exposed to clients. Server-side calls should prefer using this over `getPublicTokenHeaders()`.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getPrivateTokenHeaders({...})`:\n   *\n   * - `contentType`\n   * - `privateStorefrontToken`\n   * - `buyerIp`\n   *\n   * Note that `contentType` defaults to what you configured in `createStorefrontClient({...})` and defaults to `'json'`, but a specific call may require using `graphql`. When using `JSON.stringify()` on the `body`, use `'json'`; otherwise, use `'graphql'`.\n   */\n  getPrivateTokenHeaders: (\n    props?: OverrideTokenHeaderProps &\n      Pick<StorefrontClientProps, 'privateStorefrontToken'> & {\n        /**\n         * The client's IP address. Passing this to the Storefront API when using a server-to-server token will help improve your store's analytics data.\n         */\n        buyerIp?: string;\n      }\n  ) => Record<string, string>;\n  /**\n   * Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint. This method uses the private Server-to-Server token which reduces the chance of throttling but must not be exposed to clients. Server-side calls should prefer using this over `getPublicTokenHeaders()`.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getPrivateTokenHeaders({...})`:\n   *\n   * - `contentType`\n   * - `publicStorefrontToken`\n   *\n   * Note that `contentType` defaults to what you configured in `createStorefrontClient({...})` and defaults to `'json'`, but a specific call may require using `graphql`. When using `JSON.stringify()` on the `body`, use `'json'`; otherwise, use `'graphql'`.\n   */\n  getPublicTokenHeaders: (\n    props?: OverrideTokenHeaderProps &\n      Pick<StorefrontClientProps, 'publicStorefrontToken'>\n  ) => Record<string, string>;\n};\n"],"names":["SFAPI_VERSION"],"mappings":";;;AAOO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkD;AAChD,MAAI,yBAAyBA,uBAAAA,eAAe;AAClC,YAAA;AAAA,MACN,4NAA4N,2CAA2CA,uBAAA;AAAA,IAAA;AAAA,EAE3Q;AAGA,MAAwB,CAAC,0BAA0B,CAAC,WAAW,UAAU;AAC/D,YAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAGI,MAAoB,0BAA0B,YAAY;AACpD,YAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AAAA,IACL,oBAAoB,eAAe;;AACjC,aAAO,YACL,oDAAe,gBAAf,YAA8B,kCAE9B,oDAAe,yBAAf,YAAuC;AAAA,IAE3C;AAAA,IACA,uBAAuB,eAAe;;AACpC,UAAI,CAAC,0BAA0B,EAAC,+CAAe,yBAAwB;AACrE,cAAM,IAAI;AAAA,UACR;AAAA,QAAA;AAAA,MAEJ;AAEI,UAAoB,EAAC,+CAAe,UAAS;AACvC,gBAAA;AAAA,UACN;AAAA,QAAA;AAAA,MAEJ;AAEM,YAAA,oBAAmB,oDAAe,gBAAf,YAA8B;AAEhD,aAAA;AAAA,QAEL,gBACE,qBAAqB,YACjB,wBACA;AAAA,QACN,iBAAiB;AAAA,QACjB,wBAAwB;AAAA,QACxB,iBAAiB;AAAA,QACjB,qCACE,0DAAe,2BAAf,YAAyC,2BAAzC,YAAmE;AAAA,QACrE,IAAI,+CAAe,WACf,EAAC,+BAA+B,cAAc,QAAA,IAC9C,CAAC;AAAA,MAAA;AAAA,IAET;AAAA,IACA,sBAAsB,eAAe;;AACnC,UAAI,CAAC,yBAAyB,EAAC,+CAAe,wBAAuB;AACnE,cAAM,IAAI;AAAA,UACR;AAAA,QAAA;AAAA,MAEJ;AAEM,YAAA,oBAAmB,oDAAe,gBAAf,YAA8B;AAEhD,aAAA;AAAA,QAEL,gBACE,qBAAqB,YACjB,wBACA;AAAA,QACN,iBAAiB;AAAA,QACjB,wBAAwB;AAAA,QACxB,iBAAiB;AAAA,QACjB,sCACE,0DAAe,0BAAf,YAAwC,0BAAxC,YAAiE;AAAA,MAAA;AAAA,IAEvE;AAAA,EAAA;AAEJ;;"}

package/dist/prod/ShopifyProvider.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const storefrontApiConstants = require("./storefront-api-constants.cjs");
-const jsxRuntime = require("react/jsx-runtime");
-const ShopifyContext = react.createContext({
-  storeDomain: "test.myshopify.com",
-  storefrontToken: "abc123",
-  storefrontApiVersion: storefrontApiConstants.SFAPI_VERSION,
-  country: {
-    isoCode: "US"
-  },
-  language: {
-    isoCode: "EN"
-  },
-  locale: "EN-US"
-});
-function ShopifyProvider({
-  children,
-  shopifyConfig
-}) {
-  if (!shopifyConfig) {
-    throw new Error(`The 'shopifyConfig' prop must be passed to '<ShopifyProvider/>'`);
-  }
-  if (shopifyConfig.storefrontApiVersion !== storefrontApiConstants.SFAPI_VERSION) {
-    console.warn(`This version of Hydrogen-UI is built for Shopify's Storefront API version ${storefrontApiConstants.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]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ShopifyContext.Provider, {
-    value: finalConfig,
-    children
-  });
-}
-function useShop() {
-  const shopContext = react.useContext(ShopifyContext);
-  if (!shopContext) {
-    throw new Error(`'useShop()' must be a descendent of <ShopifyProvider/>`);
-  }
-  return shopContext;
-}
-exports.ShopifyProvider = ShopifyProvider;
-exports.useShop = useShop;
-//# sourceMappingURL=ShopifyProvider.cjs.map

package/dist/prod/cart-constants.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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";
-const SHOPIFY_Y = "_shopify_y";
-const SHOPIFY_S = "_shopify_s";
-exports.CART_ID_STORAGE_KEY = CART_ID_STORAGE_KEY;
-exports.SHOPIFY_S = SHOPIFY_S;
-exports.SHOPIFY_STOREFRONT_ID_HEADER = SHOPIFY_STOREFRONT_ID_HEADER;
-exports.SHOPIFY_STOREFRONT_S_HEADER = SHOPIFY_STOREFRONT_S_HEADER;
-exports.SHOPIFY_STOREFRONT_Y_HEADER = SHOPIFY_STOREFRONT_Y_HEADER;
-exports.SHOPIFY_Y = SHOPIFY_Y;
-exports.STOREFRONT_API_PUBLIC_TOKEN_HEADER = STOREFRONT_API_PUBLIC_TOKEN_HEADER;
-//# sourceMappingURL=cart-constants.cjs.map

package/dist/prod/cart-hooks.cjs

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const ShopifyProvider = require("./ShopifyProvider.cjs");
-const cartConstants = require("./cart-constants.cjs");
-const cookie = require("worktop/cookie");
-function useCartFetch() {
-  const {
-    storeDomain,
-    storefrontApiVersion,
-    storefrontToken,
-    storefrontId
-  } = ShopifyProvider.useShop();
-  return react.useCallback(({
-    query,
-    variables
-  }) => {
-    const headers = {
-      "Content-Type": "application/json",
-      "X-SDK-Variant": "hydrogen",
-      "X-SDK-Version": storefrontApiVersion,
-      [cartConstants.STOREFRONT_API_PUBLIC_TOKEN_HEADER]: storefrontToken
-    };
-    if (storefrontId) {
-      headers[cartConstants.SHOPIFY_STOREFRONT_ID_HEADER] = storefrontId;
-    }
-    const cookieData = cookie.parse(document.cookie);
-    if (cookieData[cartConstants.SHOPIFY_Y] && cookieData[cartConstants.SHOPIFY_S]) {
-      headers[cartConstants.SHOPIFY_STOREFRONT_Y_HEADER] = cookieData[cartConstants.SHOPIFY_Y];
-      headers[cartConstants.SHOPIFY_STOREFRONT_S_HEADER] = cookieData[cartConstants.SHOPIFY_S];
-    }
-    return fetch(`https://${storeDomain}/api/${storefrontApiVersion}/graphql.json`, {
-      method: "POST",
-      headers,
-      body: JSON.stringify({
-        query: query.toString(),
-        variables
-      })
-    }).then((res) => res.json()).catch((error) => {
-      return {
-        data: void 0,
-        errors: error.toString()
-      };
-    });
-  }, [storeDomain, storefrontApiVersion, storefrontToken, storefrontId]);
-}
-exports.useCartFetch = useCartFetch;
-//# sourceMappingURL=cart-hooks.cjs.map

package/dist/prod/index.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const CartProvider = require("./CartProvider.cjs");
-const ExternalVideo = require("./ExternalVideo.cjs");
-const flattenConnection = require("./flatten-connection.cjs");
-const Image = require("./Image.cjs");
-const MediaFile = require("./MediaFile.cjs");
-const Metafield = require("./Metafield.cjs");
-const ModelViewer = require("./ModelViewer.cjs");
-const Money = require("./Money.cjs");
-const ProductPrice = require("./ProductPrice.cjs");
-const ProductProvider = require("./ProductProvider.cjs");
-const ShopifyProvider = require("./ShopifyProvider.cjs");
-const ShopPayButton = require("./ShopPayButton.cjs");
-const storefrontClient = require("./storefront-client.cjs");
-const useMoney = require("./useMoney.cjs");
-const Video = require("./Video.cjs");
-exports.CartProvider = CartProvider.CartProvider;
-exports.useCart = CartProvider.useCart;
-exports.ExternalVideo = ExternalVideo.ExternalVideo;
-exports.flattenConnection = flattenConnection.flattenConnection;
-exports.Image = Image.Image;
-exports.MediaFile = MediaFile.MediaFile;
-exports.Metafield = Metafield.Metafield;
-exports.parseMetafield = Metafield.parseMetafield;
-exports.parseMetafieldValue = Metafield.parseMetafieldValue;
-exports.ModelViewer = ModelViewer.ModelViewer;
-exports.Money = Money.Money;
-exports.ProductPrice = ProductPrice.ProductPrice;
-exports.ProductProvider = ProductProvider.ProductProvider;
-exports.useProduct = ProductProvider.useProduct;
-exports.ShopifyProvider = ShopifyProvider.ShopifyProvider;
-exports.useShop = ShopifyProvider.useShop;
-exports.ShopPayButton = ShopPayButton.ShopPayButton;
-exports.createStorefrontClient = storefrontClient.createStorefrontClient;
-exports.useMoney = useMoney.useMoney;
-exports.Video = Video.Video;
-//# sourceMappingURL=index.cjs.map

package/dist/prod/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prod/storefront-api-constants.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const SFAPI_VERSION = "2022-10";
-exports.SFAPI_VERSION = SFAPI_VERSION;
-//# sourceMappingURL=storefront-api-constants.cjs.map

package/dist/prod/storefront-api-constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"storefront-api-constants.cjs","sources":["../../src/storefront-api-constants.ts"],"sourcesContent":["export const SFAPI_VERSION = '2022-10';\n"],"names":[],"mappings":";;AAAO,MAAM,gBAAgB;;"}

package/dist/prod/storefront-client.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"storefront-client.cjs","sources":["../../src/storefront-client.ts"],"sourcesContent":["import {SFAPI_VERSION} from './storefront-api-constants.js';\n\n/**\n * The `createStorefrontClient()` function creates helpers that enable you to quickly query the Shopify Storefront API.\n *\n * When used on the server, it is recommended to use the `privateStorefrontToken` prop. When used on the client, it is recommended to use the `publicStorefrontToken` prop.\n */\nexport function createStorefrontClient({\n  storeDomain,\n  privateStorefrontToken,\n  publicStorefrontToken,\n  storefrontApiVersion,\n  contentType,\n}: StorefrontClientProps): StorefrontClientReturn {\n  if (storefrontApiVersion !== SFAPI_VERSION) {\n    console.warn(\n      `StorefrontClient: The Storefront API version that you're using is different than the version this build of Hydrogen-UI is targeting. You may run into unexpected errors if these versions don't match. Received verion: \"${storefrontApiVersion}\"; expected version ${SFAPI_VERSION}`\n    );\n  }\n\n  // only warn if not in a browser environment\n  if (__HYDROGEN_DEV__ && !privateStorefrontToken && !globalThis.document) {\n    console.warn(\n      `StorefrontClient: Using a private storefront token is recommended for server environments.  Refer to the authentication https://shopify.dev/api/storefront#authentication documentation for more details. `\n    );\n  }\n\n  // only warn if in a browser environment and you're using the privateStorefrontToken\n  if (__HYDROGEN_DEV__ && privateStorefrontToken && globalThis) {\n    console.warn(\n      `StorefrontClient: You are attempting to use a private token in an environment where it can be easily accessed by anyone. This is a security risk; please use the public token and the 'publicStorefrontToken' prop`\n    );\n  }\n\n  return {\n    getStorefrontApiUrl(overrideProps) {\n      return `https://${\n        overrideProps?.storeDomain ?? storeDomain\n      }.myshopify.com/api/${\n        overrideProps?.storefrontApiVersion ?? storefrontApiVersion\n      }/graphql.json`;\n    },\n    getPrivateTokenHeaders(overrideProps) {\n      if (!privateStorefrontToken && !overrideProps?.privateStorefrontToken) {\n        throw new Error(\n          `StorefrontClient: You did not pass in a 'privateStorefrontToken' while using 'getPrivateTokenHeaders()'`\n        );\n      }\n\n      if (__HYDROGEN_DEV__ && !overrideProps?.buyerIp) {\n        console.warn(\n          `StorefrontClient: it is recommended to pass in the 'buyerIp' property which improves analytics and data in the admin.`\n        );\n      }\n\n      const finalContentType = overrideProps?.contentType ?? contentType;\n\n      return {\n        // default to json\n        'content-type':\n          finalContentType === 'graphql'\n            ? 'application/graphql'\n            : 'application/json',\n        'X-SDK-Variant': 'hydrogen-ui',\n        'X-SDK-Variant-Source': 'react',\n        'X-SDK-Version': storefrontApiVersion,\n        'Shopify-Storefront-Private-Token':\n          overrideProps?.privateStorefrontToken ?? privateStorefrontToken ?? '',\n        ...(overrideProps?.buyerIp\n          ? {'Shopify-Storefront-Buyer-IP': overrideProps.buyerIp}\n          : {}),\n      };\n    },\n    getPublicTokenHeaders(overrideProps) {\n      if (!publicStorefrontToken && !overrideProps?.publicStorefrontToken) {\n        throw new Error(\n          `StorefrontClient: You did not pass in a 'publicStorefrontToken' while using 'getPublicTokenHeaders()'`\n        );\n      }\n\n      const finalContentType = overrideProps?.contentType ?? contentType;\n\n      return {\n        // default to json\n        'content-type':\n          finalContentType === 'graphql'\n            ? 'application/graphql'\n            : 'application/json',\n        'X-SDK-Variant': 'hydrogen-ui',\n        'X-SDK-Variant-Source': 'react',\n        'X-SDK-Version': storefrontApiVersion,\n        'X-Shopify-Storefront-Access-Token':\n          overrideProps?.publicStorefrontToken ?? publicStorefrontToken ?? '',\n      };\n    },\n  };\n}\n\ntype StorefrontClientProps = {\n  /** The host name of the domain (eg: `{shop}.myshopify.com`). */\n  storeDomain: string;\n  /** The Storefront API delegate access token. Refer to the [authentication](https://shopify.dev/api/storefront#authentication) and [delegate access token](https://shopify.dev/apps/auth/oauth/delegate-access-tokens) documentation for more details. */\n  privateStorefrontToken?: string;\n  /** The Storefront API access token. Refer to the [authentication](https://shopify.dev/api/storefront#authentication) documentation for more details. */\n  publicStorefrontToken?: string;\n  /** The Storefront API version. This should almost always be the same as the version Hydrogen-UI was built for. Learn more about Shopify [API versioning](https://shopify.dev/api/usage/versioning) for more details.  */\n  storefrontApiVersion: string;\n  /**\n   * Customizes which `\"content-type\"` header is added when using `getPrivateTokenHeaders()` and `getPublicTokenHeaders()`. When fetching with a `JSON.stringify()`-ed `body`, use `\"json\"`. When fetching with a `body` that is a plain string, use `\"graphql\"`. Defaults to `\"json\"`\n   *\n   * Can also be customized on a call-by-call basis by passing in `'contentType'` to both `getPrivateTokenHeaders({...})` and `getPublicTokenHeaders({...})`, for example: `getPublicTokenHeaders({contentType: 'graphql'})`\n   */\n  contentType?: 'json' | 'graphql';\n};\n\ntype OverrideTokenHeaderProps = Partial<\n  Pick<StorefrontClientProps, 'contentType'>\n>;\n\ntype StorefrontClientReturn = {\n  /**\n   * Creates the fully-qualified URL to your store's GraphQL endpoint.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getStorefrontApiUrl({...})`:\n   *\n   * - `storeDomain`\n   * - `storefrontApiVersion`\n   */\n  getStorefrontApiUrl: (\n    props?: Partial<\n      Pick<StorefrontClientProps, 'storeDomain' | 'storefrontApiVersion'>\n    >\n  ) => string;\n  /**\n   * Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint. This method uses the private Server-to-Server token which reduces the chance of throttling but must not be exposed to clients. Server-side calls should prefer using this over `getPublicTokenHeaders()`.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getPrivateTokenHeaders({...})`:\n   *\n   * - `contentType`\n   * - `privateStorefrontToken`\n   * - `buyerIp`\n   *\n   * Note that `contentType` defaults to what you configured in `createStorefrontClient({...})` and defaults to `'json'`, but a specific call may require using `graphql`. When using `JSON.stringify()` on the `body`, use `'json'`; otherwise, use `'graphql'`.\n   */\n  getPrivateTokenHeaders: (\n    props?: OverrideTokenHeaderProps &\n      Pick<StorefrontClientProps, 'privateStorefrontToken'> & {\n        /**\n         * The client's IP address. Passing this to the Storefront API when using a server-to-server token will help improve your store's analytics data.\n         */\n        buyerIp?: string;\n      }\n  ) => Record<string, string>;\n  /**\n   * Returns an object that contains headers that are needed for each query to Storefront API GraphQL endpoint. This method uses the private Server-to-Server token which reduces the chance of throttling but must not be exposed to clients. Server-side calls should prefer using this over `getPublicTokenHeaders()`.\n   *\n   * By default, it will use the config you passed in when calling `createStorefrontClient()`. However, you can override the following settings on each invocation of `getPrivateTokenHeaders({...})`:\n   *\n   * - `contentType`\n   * - `publicStorefrontToken`\n   *\n   * Note that `contentType` defaults to what you configured in `createStorefrontClient({...})` and defaults to `'json'`, but a specific call may require using `graphql`. When using `JSON.stringify()` on the `body`, use `'json'`; otherwise, use `'graphql'`.\n   */\n  getPublicTokenHeaders: (\n    props?: OverrideTokenHeaderProps &\n      Pick<StorefrontClientProps, 'publicStorefrontToken'>\n  ) => Record<string, string>;\n};\n"],"names":["SFAPI_VERSION"],"mappings":";;;AAOO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkD;AAChD,MAAI,yBAAyBA,uBAAAA,eAAe;AAClC,YAAA;AAAA,MACN,4NAA4N,2CAA2CA,uBAAA;AAAA,IAAA;AAAA,EAE3Q;AAgBO,SAAA;AAAA,IACL,oBAAoB,eAAe;;AACjC,aAAO,YACL,oDAAe,gBAAf,YAA8B,kCAE9B,oDAAe,yBAAf,YAAuC;AAAA,IAE3C;AAAA,IACA,uBAAuB,eAAe;;AACpC,UAAI,CAAC,0BAA0B,EAAC,+CAAe,yBAAwB;AACrE,cAAM,IAAI;AAAA,UACR;AAAA,QAAA;AAAA,MAEJ;AAQM,YAAA,oBAAmB,oDAAe,gBAAf,YAA8B;AAEhD,aAAA;AAAA,QAEL,gBACE,qBAAqB,YACjB,wBACA;AAAA,QACN,iBAAiB;AAAA,QACjB,wBAAwB;AAAA,QACxB,iBAAiB;AAAA,QACjB,qCACE,0DAAe,2BAAf,YAAyC,2BAAzC,YAAmE;AAAA,QACrE,IAAI,+CAAe,WACf,EAAC,+BAA+B,cAAc,QAAA,IAC9C,CAAC;AAAA,MAAA;AAAA,IAET;AAAA,IACA,sBAAsB,eAAe;;AACnC,UAAI,CAAC,yBAAyB,EAAC,+CAAe,wBAAuB;AACnE,cAAM,IAAI;AAAA,UACR;AAAA,QAAA;AAAA,MAEJ;AAEM,YAAA,oBAAmB,oDAAe,gBAAf,YAA8B;AAEhD,aAAA;AAAA,QAEL,gBACE,qBAAqB,YACjB,wBACA;AAAA,QACN,iBAAiB;AAAA,QACjB,wBAAwB;AAAA,QACxB,iBAAiB;AAAA,QACjB,sCACE,0DAAe,0BAAf,YAAwC,0BAAxC,YAAiE;AAAA,MAAA;AAAA,IAEvE;AAAA,EAAA;AAEJ;;"}