@shopify/hydrogen-react 2026.4.0 → 2026.4.2

package/dist/node-prod/index.js

@@ -1,91 +1,89 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const AddToCartButton = require("./AddToCartButton.js");
-const analytics = require("./analytics.js");
-const analyticsConstants = require("./analytics-constants.js");
-const analyticsUtils = require("./analytics-utils.js");
-const BuyNowButton = require("./BuyNowButton.js");
-const cartConstants = require("./cart-constants.js");
-const CartCheckoutButton = require("./CartCheckoutButton.js");
-const CartCost = require("./CartCost.js");
-const CartLineProvider = require("./CartLineProvider.js");
-const CartLineQuantity = require("./CartLineQuantity.js");
-const CartLineQuantityAdjustButton = require("./CartLineQuantityAdjustButton.js");
-const CartProvider = require("./CartProvider.js");
-const codegen_helpers = require("./codegen.helpers.js");
-const cookiesUtils = require("./cookies-utils.js");
-const ExternalVideo = require("./ExternalVideo.js");
-const flattenConnection = require("./flatten-connection.js");
-const getProductOptions = require("./getProductOptions.js");
-const Image = require("./Image.js");
-const loadScript = require("./load-script.js");
-const MediaFile = require("./MediaFile.js");
-const ModelViewer = require("./ModelViewer.js");
-const Money = require("./Money.js");
-const optionValueDecoder = require("./optionValueDecoder.js");
-const parseMetafield = require("./parse-metafield.js");
-const ProductPrice = require("./ProductPrice.js");
-const ProductProvider = require("./ProductProvider.js");
-const RichText = require("./RichText.js");
-const ShopifyProvider = require("./ShopifyProvider.js");
-const ShopPayButton = require("./ShopPayButton.js");
-const storefrontClient = require("./storefront-client.js");
-const trackingUtils = require("./tracking-utils.js");
-const useMoney = require("./useMoney.js");
-const useSelectedOptionInUrlParam = require("./useSelectedOptionInUrlParam.js");
-const useShopifyCookies = require("./useShopifyCookies.js");
-const Video = require("./Video.js");
-exports.AddToCartButton = AddToCartButton.AddToCartButton;
-exports.getClientBrowserParameters = analytics.getClientBrowserParameters;
-exports.sendShopifyAnalytics = analytics.sendShopifyAnalytics;
-exports.AnalyticsEventName = analyticsConstants.AnalyticsEventName;
-exports.AnalyticsPageType = analyticsConstants.AnalyticsPageType;
-exports.ShopifySalesChannel = analyticsConstants.ShopifySalesChannel;
-exports.parseGid = analyticsUtils.parseGid;
-exports.BuyNowButton = BuyNowButton.BuyNowButton;
-exports.SHOPIFY_S = cartConstants.SHOPIFY_S;
-exports.SHOPIFY_STOREFRONT_ID_HEADER = cartConstants.SHOPIFY_STOREFRONT_ID_HEADER;
-exports.SHOPIFY_STOREFRONT_S_HEADER = cartConstants.SHOPIFY_STOREFRONT_S_HEADER;
-exports.SHOPIFY_STOREFRONT_Y_HEADER = cartConstants.SHOPIFY_STOREFRONT_Y_HEADER;
-exports.SHOPIFY_Y = cartConstants.SHOPIFY_Y;
-exports.CartCheckoutButton = CartCheckoutButton.CartCheckoutButton;
-exports.CartCost = CartCost.CartCost;
-exports.CartLineProvider = CartLineProvider.CartLineProvider;
-exports.useCartLine = CartLineProvider.useCartLine;
-exports.CartLineQuantity = CartLineQuantity.CartLineQuantity;
-exports.CartLineQuantityAdjustButton = CartLineQuantityAdjustButton.CartLineQuantityAdjustButton;
-exports.CartProvider = CartProvider.CartProvider;
-exports.useCart = CartProvider.useCart;
-exports.customerAccountApiCustomScalars = codegen_helpers.customerAccountApiCustomScalars;
-exports.storefrontApiCustomScalars = codegen_helpers.storefrontApiCustomScalars;
-exports.getShopifyCookies = cookiesUtils.getShopifyCookies;
-exports.ExternalVideo = ExternalVideo.ExternalVideo;
-exports.flattenConnection = flattenConnection.flattenConnection;
-exports.getAdjacentAndFirstAvailableVariants = getProductOptions.getAdjacentAndFirstAvailableVariants;
-exports.getProductOptions = getProductOptions.getProductOptions;
-exports.mapSelectedProductOptionToObject = getProductOptions.mapSelectedProductOptionToObject;
-exports.IMAGE_FRAGMENT = Image.IMAGE_FRAGMENT;
-exports.Image = Image.Image;
-exports.useLoadScript = loadScript.useLoadScript;
-exports.MediaFile = MediaFile.MediaFile;
-exports.ModelViewer = ModelViewer.ModelViewer;
-exports.Money = Money.Money;
-exports.decodeEncodedVariant = optionValueDecoder.decodeEncodedVariant;
-exports.isOptionValueCombinationInEncodedVariant = optionValueDecoder.isOptionValueCombinationInEncodedVariant;
-exports.parseMetafield = parseMetafield.parseMetafield;
-exports.ProductPrice = ProductPrice.ProductPrice;
-exports.ProductProvider = ProductProvider.ProductProvider;
-exports.useProduct = ProductProvider.useProduct;
-exports.RichText = RichText.RichText;
-exports.ShopifyProvider = ShopifyProvider.ShopifyProvider;
-exports.useShop = ShopifyProvider.useShop;
-exports.ShopPayButton = ShopPayButton.ShopPayButton;
-exports.createStorefrontClient = storefrontClient.createStorefrontClient;
-exports.SHOPIFY_UNIQUE_TOKEN_HEADER = trackingUtils.SHOPIFY_UNIQUE_TOKEN_HEADER;
-exports.SHOPIFY_VISIT_TOKEN_HEADER = trackingUtils.SHOPIFY_VISIT_TOKEN_HEADER;
-exports.getTrackingValues = trackingUtils.getTrackingValues;
-exports.useMoney = useMoney.useMoney;
-exports.useSelectedOptionInUrlParam = useSelectedOptionInUrlParam.useSelectedOptionInUrlParam;
-exports.useShopifyCookies = useShopifyCookies.useShopifyCookies;
-exports.Video = Video.Video;
-//# sourceMappingURL=index.js.map
+const require_flatten_connection = require("./flatten-connection.js");
+const require_storefront_client = require("./storefront-client.js");
+const require_ShopifyProvider = require("./ShopifyProvider.js");
+const require_cart_constants = require("./cart-constants.js");
+const require_tracking_utils = require("./tracking-utils.js");
+const require_CartProvider = require("./CartProvider.js");
+const require_ProductProvider = require("./ProductProvider.js");
+const require_AddToCartButton = require("./AddToCartButton.js");
+const require_analytics_constants = require("./analytics-constants.js");
+const require_analytics_utils = require("./analytics-utils.js");
+const require_cookies_utils = require("./cookies-utils.js");
+const require_analytics = require("./analytics.js");
+const require_BuyNowButton = require("./BuyNowButton.js");
+const require_CartCheckoutButton = require("./CartCheckoutButton.js");
+const require_useMoney = require("./useMoney.js");
+const require_Money = require("./Money.js");
+const require_CartCost = require("./CartCost.js");
+const require_CartLineProvider = require("./CartLineProvider.js");
+const require_CartLineQuantity = require("./CartLineQuantity.js");
+const require_CartLineQuantityAdjustButton = require("./CartLineQuantityAdjustButton.js");
+const require_codegen_helpers = require("./codegen.helpers.js");
+const require_ExternalVideo = require("./ExternalVideo.js");
+const require_optionValueDecoder = require("./optionValueDecoder.js");
+const require_getProductOptions = require("./getProductOptions.js");
+const require_Image = require("./Image.js");
+const require_load_script = require("./load-script.js");
+const require_Video = require("./Video.js");
+const require_ModelViewer = require("./ModelViewer.js");
+const require_MediaFile = require("./MediaFile.js");
+const require_parse_metafield = require("./parse-metafield.js");
+const require_ProductPrice = require("./ProductPrice.js");
+const require_RichText = require("./RichText.js");
+const require_ShopPayButton = require("./ShopPayButton.js");
+const require_useSelectedOptionInUrlParam = require("./useSelectedOptionInUrlParam.js");
+const require_useShopifyCookies = require("./useShopifyCookies.js");
+exports.AddToCartButton = require_AddToCartButton.AddToCartButton;
+exports.AnalyticsEventName = require_analytics_constants.AnalyticsEventName;
+exports.AnalyticsPageType = require_analytics_constants.AnalyticsPageType;
+exports.BuyNowButton = require_BuyNowButton.BuyNowButton;
+exports.CartCheckoutButton = require_CartCheckoutButton.CartCheckoutButton;
+exports.CartCost = require_CartCost.CartCost;
+exports.CartLineProvider = require_CartLineProvider.CartLineProvider;
+exports.CartLineQuantity = require_CartLineQuantity.CartLineQuantity;
+exports.CartLineQuantityAdjustButton = require_CartLineQuantityAdjustButton.CartLineQuantityAdjustButton;
+exports.CartProvider = require_CartProvider.CartProvider;
+exports.ExternalVideo = require_ExternalVideo.ExternalVideo;
+exports.IMAGE_FRAGMENT = require_Image.IMAGE_FRAGMENT;
+exports.Image = require_Image.Image;
+exports.MediaFile = require_MediaFile.MediaFile;
+exports.ModelViewer = require_ModelViewer.ModelViewer;
+exports.Money = require_Money.Money;
+exports.ProductPrice = require_ProductPrice.ProductPrice;
+exports.ProductProvider = require_ProductProvider.ProductProvider;
+exports.RichText = require_RichText.RichText;
+exports.SHOPIFY_S = require_cart_constants.SHOPIFY_S;
+exports.SHOPIFY_STOREFRONT_ID_HEADER = require_cart_constants.SHOPIFY_STOREFRONT_ID_HEADER;
+exports.SHOPIFY_STOREFRONT_S_HEADER = require_cart_constants.SHOPIFY_STOREFRONT_S_HEADER;
+exports.SHOPIFY_STOREFRONT_Y_HEADER = require_cart_constants.SHOPIFY_STOREFRONT_Y_HEADER;
+exports.SHOPIFY_UNIQUE_TOKEN_HEADER = require_tracking_utils.SHOPIFY_UNIQUE_TOKEN_HEADER;
+exports.SHOPIFY_VISIT_TOKEN_HEADER = require_tracking_utils.SHOPIFY_VISIT_TOKEN_HEADER;
+exports.SHOPIFY_Y = require_cart_constants.SHOPIFY_Y;
+exports.ShopPayButton = require_ShopPayButton.ShopPayButton;
+exports.ShopifyProvider = require_ShopifyProvider.ShopifyProvider;
+exports.ShopifySalesChannel = require_analytics_constants.ShopifySalesChannel;
+exports.Video = require_Video.Video;
+exports.createStorefrontClient = require_storefront_client.createStorefrontClient;
+exports.customerAccountApiCustomScalars = require_codegen_helpers.customerAccountApiCustomScalars;
+exports.decodeEncodedVariant = require_optionValueDecoder.decodeEncodedVariant;
+exports.flattenConnection = require_flatten_connection.flattenConnection;
+exports.getAdjacentAndFirstAvailableVariants = require_getProductOptions.getAdjacentAndFirstAvailableVariants;
+exports.getClientBrowserParameters = require_analytics.getClientBrowserParameters;
+exports.getProductOptions = require_getProductOptions.getProductOptions;
+exports.getShopifyCookies = require_cookies_utils.getShopifyCookies;
+exports.getTrackingValues = require_tracking_utils.getTrackingValues;
+exports.isOptionValueCombinationInEncodedVariant = require_optionValueDecoder.isOptionValueCombinationInEncodedVariant;
+exports.mapSelectedProductOptionToObject = require_getProductOptions.mapSelectedProductOptionToObject;
+exports.parseGid = require_analytics_utils.parseGid;
+exports.parseMetafield = require_parse_metafield.parseMetafield;
+exports.sendShopifyAnalytics = require_analytics.sendShopifyAnalytics;
+exports.storefrontApiCustomScalars = require_codegen_helpers.storefrontApiCustomScalars;
+exports.useCart = require_CartProvider.useCart;
+exports.useCartLine = require_CartLineProvider.useCartLine;
+exports.useLoadScript = require_load_script.useLoadScript;
+exports.useMoney = require_useMoney.useMoney;
+exports.useProduct = require_ProductProvider.useProduct;
+exports.useSelectedOptionInUrlParam = require_useSelectedOptionInUrlParam.useSelectedOptionInUrlParam;
+exports.useShop = require_ShopifyProvider.useShop;
+exports.useShopifyCookies = require_useShopifyCookies.useShopifyCookies;

package/dist/node-prod/index.mjs

@@ -1,91 +1,36 @@
+import { flattenConnection } from "./flatten-connection.mjs";
+import { createStorefrontClient } from "./storefront-client.mjs";
+import { ShopifyProvider, useShop } from "./ShopifyProvider.mjs";
+import { SHOPIFY_S, SHOPIFY_STOREFRONT_ID_HEADER, SHOPIFY_STOREFRONT_S_HEADER, SHOPIFY_STOREFRONT_Y_HEADER, SHOPIFY_Y } from "./cart-constants.mjs";
+import { SHOPIFY_UNIQUE_TOKEN_HEADER, SHOPIFY_VISIT_TOKEN_HEADER, getTrackingValues } from "./tracking-utils.mjs";
+import { CartProvider, useCart } from "./CartProvider.mjs";
+import { ProductProvider, useProduct } from "./ProductProvider.mjs";
 import { AddToCartButton } from "./AddToCartButton.mjs";
-import { getClientBrowserParameters, sendShopifyAnalytics } from "./analytics.mjs";
 import { AnalyticsEventName, AnalyticsPageType, ShopifySalesChannel } from "./analytics-constants.mjs";
 import { parseGid } from "./analytics-utils.mjs";
+import { getShopifyCookies } from "./cookies-utils.mjs";
+import { getClientBrowserParameters, sendShopifyAnalytics } from "./analytics.mjs";
 import { BuyNowButton } from "./BuyNowButton.mjs";
-import { SHOPIFY_S, SHOPIFY_STOREFRONT_ID_HEADER, SHOPIFY_STOREFRONT_S_HEADER, SHOPIFY_STOREFRONT_Y_HEADER, SHOPIFY_Y } from "./cart-constants.mjs";
 import { CartCheckoutButton } from "./CartCheckoutButton.mjs";
+import { useMoney } from "./useMoney.mjs";
+import { Money } from "./Money.mjs";
 import { CartCost } from "./CartCost.mjs";
 import { CartLineProvider, useCartLine } from "./CartLineProvider.mjs";
 import { CartLineQuantity } from "./CartLineQuantity.mjs";
 import { CartLineQuantityAdjustButton } from "./CartLineQuantityAdjustButton.mjs";
-import { CartProvider, useCart } from "./CartProvider.mjs";
 import { customerAccountApiCustomScalars, storefrontApiCustomScalars } from "./codegen.helpers.mjs";
-import { getShopifyCookies } from "./cookies-utils.mjs";
 import { ExternalVideo } from "./ExternalVideo.mjs";
-import { flattenConnection } from "./flatten-connection.mjs";
+import { decodeEncodedVariant, isOptionValueCombinationInEncodedVariant } from "./optionValueDecoder.mjs";
 import { getAdjacentAndFirstAvailableVariants, getProductOptions, mapSelectedProductOptionToObject } from "./getProductOptions.mjs";
 import { IMAGE_FRAGMENT, Image } from "./Image.mjs";
 import { useLoadScript } from "./load-script.mjs";
-import { MediaFile } from "./MediaFile.mjs";
+import { Video } from "./Video.mjs";
 import { ModelViewer } from "./ModelViewer.mjs";
-import { Money } from "./Money.mjs";
-import { decodeEncodedVariant, isOptionValueCombinationInEncodedVariant } from "./optionValueDecoder.mjs";
+import { MediaFile } from "./MediaFile.mjs";
 import { parseMetafield } from "./parse-metafield.mjs";
 import { ProductPrice } from "./ProductPrice.mjs";
-import { ProductProvider, useProduct } from "./ProductProvider.mjs";
 import { RichText } from "./RichText.mjs";
-import { ShopifyProvider, useShop } from "./ShopifyProvider.mjs";
 import { ShopPayButton } from "./ShopPayButton.mjs";
-import { createStorefrontClient } from "./storefront-client.mjs";
-import { SHOPIFY_UNIQUE_TOKEN_HEADER, SHOPIFY_VISIT_TOKEN_HEADER, getTrackingValues } from "./tracking-utils.mjs";
-import { useMoney } from "./useMoney.mjs";
 import { useSelectedOptionInUrlParam } from "./useSelectedOptionInUrlParam.mjs";
 import { useShopifyCookies } from "./useShopifyCookies.mjs";
-import { Video } from "./Video.mjs";
-export {
-  AddToCartButton,
-  AnalyticsEventName,
-  AnalyticsPageType,
-  BuyNowButton,
-  CartCheckoutButton,
-  CartCost,
-  CartLineProvider,
-  CartLineQuantity,
-  CartLineQuantityAdjustButton,
-  CartProvider,
-  ExternalVideo,
-  IMAGE_FRAGMENT,
-  Image,
-  MediaFile,
-  ModelViewer,
-  Money,
-  ProductPrice,
-  ProductProvider,
-  RichText,
-  SHOPIFY_S,
-  SHOPIFY_STOREFRONT_ID_HEADER,
-  SHOPIFY_STOREFRONT_S_HEADER,
-  SHOPIFY_STOREFRONT_Y_HEADER,
-  SHOPIFY_UNIQUE_TOKEN_HEADER,
-  SHOPIFY_VISIT_TOKEN_HEADER,
-  SHOPIFY_Y,
-  ShopPayButton,
-  ShopifyProvider,
-  ShopifySalesChannel,
-  Video,
-  createStorefrontClient,
-  customerAccountApiCustomScalars,
-  decodeEncodedVariant,
-  flattenConnection,
-  getAdjacentAndFirstAvailableVariants,
-  getClientBrowserParameters,
-  getProductOptions,
-  getShopifyCookies,
-  getTrackingValues,
-  isOptionValueCombinationInEncodedVariant,
-  mapSelectedProductOptionToObject,
-  parseGid,
-  parseMetafield,
-  sendShopifyAnalytics,
-  storefrontApiCustomScalars,
-  useCart,
-  useCartLine,
-  useLoadScript,
-  useMoney,
-  useProduct,
-  useSelectedOptionInUrlParam,
-  useShop,
-  useShopifyCookies
-};
-//# sourceMappingURL=index.mjs.map
+export { AddToCartButton, AnalyticsEventName, AnalyticsPageType, BuyNowButton, CartCheckoutButton, CartCost, CartLineProvider, CartLineQuantity, CartLineQuantityAdjustButton, CartProvider, ExternalVideo, IMAGE_FRAGMENT, Image, MediaFile, ModelViewer, Money, ProductPrice, ProductProvider, RichText, SHOPIFY_S, SHOPIFY_STOREFRONT_ID_HEADER, SHOPIFY_STOREFRONT_S_HEADER, SHOPIFY_STOREFRONT_Y_HEADER, SHOPIFY_UNIQUE_TOKEN_HEADER, SHOPIFY_VISIT_TOKEN_HEADER, SHOPIFY_Y, ShopPayButton, ShopifyProvider, ShopifySalesChannel, Video, createStorefrontClient, customerAccountApiCustomScalars, decodeEncodedVariant, flattenConnection, getAdjacentAndFirstAvailableVariants, getClientBrowserParameters, getProductOptions, getShopifyCookies, getTrackingValues, isOptionValueCombinationInEncodedVariant, mapSelectedProductOptionToObject, parseGid, parseMetafield, sendShopifyAnalytics, storefrontApiCustomScalars, useCart, useCartLine, useLoadScript, useMoney, useProduct, useSelectedOptionInUrlParam, useShop, useShopifyCookies };

package/dist/node-prod/load-script.js

@@ -1,53 +1,43 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const SCRIPTS_LOADED = {};
+require("./_virtual/_rolldown/runtime.js");
+let react = require("react");
+//#region src/load-script.tsx
+var SCRIPTS_LOADED = {};
 function loadScript(src, options) {
-  const isScriptLoaded = SCRIPTS_LOADED[src];
-  if (isScriptLoaded) {
-    return isScriptLoaded;
-  }
-  const promise = new Promise((resolve, reject) => {
-    const script = document.createElement("script");
-    if (options == null ? void 0 : options.module) {
-      script.type = "module";
-    } else {
-      script.type = "text/javascript";
-    }
-    script.src = src;
-    script.onload = () => {
-      resolve(true);
-    };
-    script.onerror = () => {
-      reject(false);
-    };
-    if ((options == null ? void 0 : options.in) === "head") {
-      document.head.appendChild(script);
-    } else {
-      document.body.appendChild(script);
-    }
-    const attributes = options == null ? void 0 : options.attributes;
-    if (attributes) {
-      Object.keys(attributes).forEach((key) => {
-        script.setAttribute(key, attributes[key]);
-      });
-    }
-  });
-  SCRIPTS_LOADED[src] = promise;
-  return promise;
+	const isScriptLoaded = SCRIPTS_LOADED[src];
+	if (isScriptLoaded) return isScriptLoaded;
+	const promise = new Promise((resolve, reject) => {
+		const script = document.createElement("script");
+		if (options?.module) script.type = "module";
+		else script.type = "text/javascript";
+		script.src = src;
+		script.onload = () => {
+			resolve(true);
+		};
+		script.onerror = () => {
+			reject(false);
+		};
+		if (options?.in === "head") document.head.appendChild(script);
+		else document.body.appendChild(script);
+		const attributes = options?.attributes;
+		if (attributes) Object.keys(attributes).forEach((key) => {
+			script.setAttribute(key, attributes[key]);
+		});
+	});
+	SCRIPTS_LOADED[src] = promise;
+	return promise;
 }
+/**
+* The `useLoadScript` hook loads an external script tag in the browser. It allows React components to lazy-load large third-party dependencies.
+* @publicDocs
+*/
 function useLoadScript(url, options) {
-  const [status, setStatus] = React.useState("loading");
-  React.useEffect(
-    () => {
-      loadScript(url, options).then(() => setStatus("done")).catch(() => setStatus("error"));
-    },
-    // Ignore options changes since it won't trigger a new load.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [url]
-  );
-  return status;
+	const [status, setStatus] = (0, react.useState)("loading");
+	(0, react.useEffect)(() => {
+		loadScript(url, options).then(() => setStatus("done")).catch(() => setStatus("error"));
+	}, [url]);
+	return status;
 }
-exports.loadScript = loadScript;
+//#endregion
 exports.useLoadScript = useLoadScript;
-//# sourceMappingURL=load-script.js.map
+
+//# sourceMappingURL=load-script.js.map

package/dist/node-prod/load-script.js.map

@@ -1 +1 @@
-{"version":3,"file":"load-script.js","sources":["../../src/load-script.tsx"],"sourcesContent":["import {useState, useEffect} from 'react';\n\nconst SCRIPTS_LOADED: Record<string, Promise<boolean>> = {};\n\ntype LoadScriptOptions = {\n  module?: boolean;\n  in?: 'head' | 'body';\n  attributes?: Record<string, string>;\n};\n\nexport function loadScript(\n  src: string,\n  options?: LoadScriptOptions,\n): Promise<boolean> {\n  const isScriptLoaded = SCRIPTS_LOADED[src];\n\n  // eslint-disable-next-line @typescript-eslint/no-misused-promises\n  if (isScriptLoaded) {\n    return isScriptLoaded;\n  }\n\n  const promise = new Promise<boolean>((resolve, reject) => {\n    const script = document.createElement('script');\n    if (options?.module) {\n      script.type = 'module';\n    } else {\n      script.type = 'text/javascript';\n    }\n    script.src = src;\n    script.onload = (): void => {\n      resolve(true);\n    };\n    script.onerror = (): void => {\n      reject(false);\n    };\n    if (options?.in === 'head') {\n      document.head.appendChild(script);\n    } else {\n      document.body.appendChild(script);\n    }\n\n    const attributes = options?.attributes;\n    if (attributes) {\n      Object.keys(attributes).forEach((key) => {\n        script.setAttribute(key, attributes[key]);\n      });\n    }\n  });\n\n  SCRIPTS_LOADED[src] = promise;\n\n  return promise;\n}\n\ntype LoadScriptParams = Parameters<typeof loadScript>;\n\n/**\n * The `useLoadScript` hook loads an external script tag in the browser. It allows React components to lazy-load large third-party dependencies.\n */\nexport function useLoadScript(\n  url: LoadScriptParams[0],\n  options?: LoadScriptParams[1],\n): ScriptState {\n  const [status, setStatus] = useState<ScriptState>('loading');\n\n  useEffect(\n    () => {\n      loadScript(url, options)\n        .then(() => setStatus('done'))\n        .catch(() => setStatus('error'));\n    },\n    // Ignore options changes since it won't trigger a new load.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url],\n  );\n\n  return status;\n}\n\ntype ScriptState = 'loading' | 'done' | 'error';\n"],"names":["useState","useEffect"],"mappings":";;;AAEA,MAAM,iBAAmD,CAAA;AAQlD,SAAS,WACd,KACA,SACkB;AAClB,QAAM,iBAAiB,eAAe,GAAG;AAGzC,MAAI,gBAAgB;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,IAAI,QAAiB,CAAC,SAAS,WAAW;AACxD,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAI,mCAAS,QAAQ;AACnB,aAAO,OAAO;AAAA,IAChB,OAAO;AACL,aAAO,OAAO;AAAA,IAChB;AACA,WAAO,MAAM;AACb,WAAO,SAAS,MAAY;AAC1B,cAAQ,IAAI;AAAA,IACd;AACA,WAAO,UAAU,MAAY;AAC3B,aAAO,KAAK;AAAA,IACd;AACA,SAAI,mCAAS,QAAO,QAAQ;AAC1B,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC,OAAO;AACL,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC;AAEA,UAAM,aAAa,mCAAS;AAC5B,QAAI,YAAY;AACd,aAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACvC,eAAO,aAAa,KAAK,WAAW,GAAG,CAAC;AAAA,MAC1C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,iBAAe,GAAG,IAAI;AAEtB,SAAO;AACT;AAOO,SAAS,cACd,KACA,SACa;AACb,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAsB,SAAS;AAE3DC,QAAAA;AAAAA,IACE,MAAM;AACJ,iBAAW,KAAK,OAAO,EACpB,KAAK,MAAM,UAAU,MAAM,CAAC,EAC5B,MAAM,MAAM,UAAU,OAAO,CAAC;AAAA,IACnC;AAAA;AAAA;AAAA,IAGA,CAAC,GAAG;AAAA,EAAA;AAGN,SAAO;AACT;;;"}
+{"version":3,"file":"load-script.js","names":[],"sources":["../../src/load-script.tsx"],"sourcesContent":["import {useState, useEffect} from 'react';\n\nconst SCRIPTS_LOADED: Record<string, Promise<boolean>> = {};\n\ntype LoadScriptOptions = {\n  module?: boolean;\n  in?: 'head' | 'body';\n  attributes?: Record<string, string>;\n};\n\nexport function loadScript(\n  src: string,\n  options?: LoadScriptOptions,\n): Promise<boolean> {\n  const isScriptLoaded = SCRIPTS_LOADED[src];\n\n  // eslint-disable-next-line @typescript-eslint/no-misused-promises\n  if (isScriptLoaded) {\n    return isScriptLoaded;\n  }\n\n  const promise = new Promise<boolean>((resolve, reject) => {\n    const script = document.createElement('script');\n    if (options?.module) {\n      script.type = 'module';\n    } else {\n      script.type = 'text/javascript';\n    }\n    script.src = src;\n    script.onload = (): void => {\n      resolve(true);\n    };\n    script.onerror = (): void => {\n      reject(false);\n    };\n    if (options?.in === 'head') {\n      document.head.appendChild(script);\n    } else {\n      document.body.appendChild(script);\n    }\n\n    const attributes = options?.attributes;\n    if (attributes) {\n      Object.keys(attributes).forEach((key) => {\n        script.setAttribute(key, attributes[key]);\n      });\n    }\n  });\n\n  SCRIPTS_LOADED[src] = promise;\n\n  return promise;\n}\n\n/** @publicDocs */\nexport type LoadScriptParams = Parameters<typeof loadScript>;\n\n/**\n * The `useLoadScript` hook loads an external script tag in the browser. It allows React components to lazy-load large third-party dependencies.\n * @publicDocs\n */\nexport function useLoadScript(\n  url: LoadScriptParams[0],\n  options?: LoadScriptParams[1],\n): ScriptState {\n  const [status, setStatus] = useState<ScriptState>('loading');\n\n  useEffect(\n    () => {\n      loadScript(url, options)\n        .then(() => setStatus('done'))\n        .catch(() => setStatus('error'));\n    },\n    // Ignore options changes since it won't trigger a new load.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url],\n  );\n\n  return status;\n}\n\ntype ScriptState = 'loading' | 'done' | 'error';\n"],"mappings":";;;AAEA,IAAM,iBAAmD,EAAE;AAQ3D,SAAgB,WACd,KACA,SACkB;CAClB,MAAM,iBAAiB,eAAe;AAGtC,KAAI,eACF,QAAO;CAGT,MAAM,UAAU,IAAI,SAAkB,SAAS,WAAW;EACxD,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,MAAI,SAAS,OACX,QAAO,OAAO;MAEd,QAAO,OAAO;AAEhB,SAAO,MAAM;AACb,SAAO,eAAqB;AAC1B,WAAQ,KAAK;;AAEf,SAAO,gBAAsB;AAC3B,UAAO,MAAM;;AAEf,MAAI,SAAS,OAAO,OAClB,UAAS,KAAK,YAAY,OAAO;MAEjC,UAAS,KAAK,YAAY,OAAO;EAGnC,MAAM,aAAa,SAAS;AAC5B,MAAI,WACF,QAAO,KAAK,WAAW,CAAC,SAAS,QAAQ;AACvC,UAAO,aAAa,KAAK,WAAW,KAAK;IACzC;GAEJ;AAEF,gBAAe,OAAO;AAEtB,QAAO;;;;;;AAUT,SAAgB,cACd,KACA,SACa;CACb,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAmC,UAAU;AAE5D,EAAA,GAAA,MAAA,iBACQ;AACJ,aAAW,KAAK,QAAQ,CACrB,WAAW,UAAU,OAAO,CAAC,CAC7B,YAAY,UAAU,QAAQ,CAAC;IAIpC,CAAC,IAAI,CACN;AAED,QAAO"}

package/dist/node-prod/load-script.mjs

@@ -1,53 +1,42 @@
-import { useState, useEffect } from "react";
-const SCRIPTS_LOADED = {};
+import { useEffect, useState } from "react";
+//#region src/load-script.tsx
+var SCRIPTS_LOADED = {};
 function loadScript(src, options) {
-  const isScriptLoaded = SCRIPTS_LOADED[src];
-  if (isScriptLoaded) {
-    return isScriptLoaded;
-  }
-  const promise = new Promise((resolve, reject) => {
-    const script = document.createElement("script");
-    if (options == null ? void 0 : options.module) {
-      script.type = "module";
-    } else {
-      script.type = "text/javascript";
-    }
-    script.src = src;
-    script.onload = () => {
-      resolve(true);
-    };
-    script.onerror = () => {
-      reject(false);
-    };
-    if ((options == null ? void 0 : options.in) === "head") {
-      document.head.appendChild(script);
-    } else {
-      document.body.appendChild(script);
-    }
-    const attributes = options == null ? void 0 : options.attributes;
-    if (attributes) {
-      Object.keys(attributes).forEach((key) => {
-        script.setAttribute(key, attributes[key]);
-      });
-    }
-  });
-  SCRIPTS_LOADED[src] = promise;
-  return promise;
+	const isScriptLoaded = SCRIPTS_LOADED[src];
+	if (isScriptLoaded) return isScriptLoaded;
+	const promise = new Promise((resolve, reject) => {
+		const script = document.createElement("script");
+		if (options?.module) script.type = "module";
+		else script.type = "text/javascript";
+		script.src = src;
+		script.onload = () => {
+			resolve(true);
+		};
+		script.onerror = () => {
+			reject(false);
+		};
+		if (options?.in === "head") document.head.appendChild(script);
+		else document.body.appendChild(script);
+		const attributes = options?.attributes;
+		if (attributes) Object.keys(attributes).forEach((key) => {
+			script.setAttribute(key, attributes[key]);
+		});
+	});
+	SCRIPTS_LOADED[src] = promise;
+	return promise;
 }
+/**
+* The `useLoadScript` hook loads an external script tag in the browser. It allows React components to lazy-load large third-party dependencies.
+* @publicDocs
+*/
 function useLoadScript(url, options) {
-  const [status, setStatus] = useState("loading");
-  useEffect(
-    () => {
-      loadScript(url, options).then(() => setStatus("done")).catch(() => setStatus("error"));
-    },
-    // Ignore options changes since it won't trigger a new load.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [url]
-  );
-  return status;
+	const [status, setStatus] = useState("loading");
+	useEffect(() => {
+		loadScript(url, options).then(() => setStatus("done")).catch(() => setStatus("error"));
+	}, [url]);
+	return status;
 }
-export {
-  loadScript,
-  useLoadScript
-};
-//# sourceMappingURL=load-script.mjs.map
+//#endregion
+export { useLoadScript };
+
+//# sourceMappingURL=load-script.mjs.map

package/dist/node-prod/load-script.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"load-script.mjs","sources":["../../src/load-script.tsx"],"sourcesContent":["import {useState, useEffect} from 'react';\n\nconst SCRIPTS_LOADED: Record<string, Promise<boolean>> = {};\n\ntype LoadScriptOptions = {\n  module?: boolean;\n  in?: 'head' | 'body';\n  attributes?: Record<string, string>;\n};\n\nexport function loadScript(\n  src: string,\n  options?: LoadScriptOptions,\n): Promise<boolean> {\n  const isScriptLoaded = SCRIPTS_LOADED[src];\n\n  // eslint-disable-next-line @typescript-eslint/no-misused-promises\n  if (isScriptLoaded) {\n    return isScriptLoaded;\n  }\n\n  const promise = new Promise<boolean>((resolve, reject) => {\n    const script = document.createElement('script');\n    if (options?.module) {\n      script.type = 'module';\n    } else {\n      script.type = 'text/javascript';\n    }\n    script.src = src;\n    script.onload = (): void => {\n      resolve(true);\n    };\n    script.onerror = (): void => {\n      reject(false);\n    };\n    if (options?.in === 'head') {\n      document.head.appendChild(script);\n    } else {\n      document.body.appendChild(script);\n    }\n\n    const attributes = options?.attributes;\n    if (attributes) {\n      Object.keys(attributes).forEach((key) => {\n        script.setAttribute(key, attributes[key]);\n      });\n    }\n  });\n\n  SCRIPTS_LOADED[src] = promise;\n\n  return promise;\n}\n\ntype LoadScriptParams = Parameters<typeof loadScript>;\n\n/**\n * The `useLoadScript` hook loads an external script tag in the browser. It allows React components to lazy-load large third-party dependencies.\n */\nexport function useLoadScript(\n  url: LoadScriptParams[0],\n  options?: LoadScriptParams[1],\n): ScriptState {\n  const [status, setStatus] = useState<ScriptState>('loading');\n\n  useEffect(\n    () => {\n      loadScript(url, options)\n        .then(() => setStatus('done'))\n        .catch(() => setStatus('error'));\n    },\n    // Ignore options changes since it won't trigger a new load.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url],\n  );\n\n  return status;\n}\n\ntype ScriptState = 'loading' | 'done' | 'error';\n"],"names":[],"mappings":";AAEA,MAAM,iBAAmD,CAAA;AAQlD,SAAS,WACd,KACA,SACkB;AAClB,QAAM,iBAAiB,eAAe,GAAG;AAGzC,MAAI,gBAAgB;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,IAAI,QAAiB,CAAC,SAAS,WAAW;AACxD,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAI,mCAAS,QAAQ;AACnB,aAAO,OAAO;AAAA,IAChB,OAAO;AACL,aAAO,OAAO;AAAA,IAChB;AACA,WAAO,MAAM;AACb,WAAO,SAAS,MAAY;AAC1B,cAAQ,IAAI;AAAA,IACd;AACA,WAAO,UAAU,MAAY;AAC3B,aAAO,KAAK;AAAA,IACd;AACA,SAAI,mCAAS,QAAO,QAAQ;AAC1B,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC,OAAO;AACL,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC;AAEA,UAAM,aAAa,mCAAS;AAC5B,QAAI,YAAY;AACd,aAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACvC,eAAO,aAAa,KAAK,WAAW,GAAG,CAAC;AAAA,MAC1C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,iBAAe,GAAG,IAAI;AAEtB,SAAO;AACT;AAOO,SAAS,cACd,KACA,SACa;AACb,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,SAAS;AAE3D;AAAA,IACE,MAAM;AACJ,iBAAW,KAAK,OAAO,EACpB,KAAK,MAAM,UAAU,MAAM,CAAC,EAC5B,MAAM,MAAM,UAAU,OAAO,CAAC;AAAA,IACnC;AAAA;AAAA;AAAA,IAGA,CAAC,GAAG;AAAA,EAAA;AAGN,SAAO;AACT;"}
+{"version":3,"file":"load-script.mjs","names":[],"sources":["../../src/load-script.tsx"],"sourcesContent":["import {useState, useEffect} from 'react';\n\nconst SCRIPTS_LOADED: Record<string, Promise<boolean>> = {};\n\ntype LoadScriptOptions = {\n  module?: boolean;\n  in?: 'head' | 'body';\n  attributes?: Record<string, string>;\n};\n\nexport function loadScript(\n  src: string,\n  options?: LoadScriptOptions,\n): Promise<boolean> {\n  const isScriptLoaded = SCRIPTS_LOADED[src];\n\n  // eslint-disable-next-line @typescript-eslint/no-misused-promises\n  if (isScriptLoaded) {\n    return isScriptLoaded;\n  }\n\n  const promise = new Promise<boolean>((resolve, reject) => {\n    const script = document.createElement('script');\n    if (options?.module) {\n      script.type = 'module';\n    } else {\n      script.type = 'text/javascript';\n    }\n    script.src = src;\n    script.onload = (): void => {\n      resolve(true);\n    };\n    script.onerror = (): void => {\n      reject(false);\n    };\n    if (options?.in === 'head') {\n      document.head.appendChild(script);\n    } else {\n      document.body.appendChild(script);\n    }\n\n    const attributes = options?.attributes;\n    if (attributes) {\n      Object.keys(attributes).forEach((key) => {\n        script.setAttribute(key, attributes[key]);\n      });\n    }\n  });\n\n  SCRIPTS_LOADED[src] = promise;\n\n  return promise;\n}\n\n/** @publicDocs */\nexport type LoadScriptParams = Parameters<typeof loadScript>;\n\n/**\n * The `useLoadScript` hook loads an external script tag in the browser. It allows React components to lazy-load large third-party dependencies.\n * @publicDocs\n */\nexport function useLoadScript(\n  url: LoadScriptParams[0],\n  options?: LoadScriptParams[1],\n): ScriptState {\n  const [status, setStatus] = useState<ScriptState>('loading');\n\n  useEffect(\n    () => {\n      loadScript(url, options)\n        .then(() => setStatus('done'))\n        .catch(() => setStatus('error'));\n    },\n    // Ignore options changes since it won't trigger a new load.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url],\n  );\n\n  return status;\n}\n\ntype ScriptState = 'loading' | 'done' | 'error';\n"],"mappings":";;AAEA,IAAM,iBAAmD,EAAE;AAQ3D,SAAgB,WACd,KACA,SACkB;CAClB,MAAM,iBAAiB,eAAe;AAGtC,KAAI,eACF,QAAO;CAGT,MAAM,UAAU,IAAI,SAAkB,SAAS,WAAW;EACxD,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,MAAI,SAAS,OACX,QAAO,OAAO;MAEd,QAAO,OAAO;AAEhB,SAAO,MAAM;AACb,SAAO,eAAqB;AAC1B,WAAQ,KAAK;;AAEf,SAAO,gBAAsB;AAC3B,UAAO,MAAM;;AAEf,MAAI,SAAS,OAAO,OAClB,UAAS,KAAK,YAAY,OAAO;MAEjC,UAAS,KAAK,YAAY,OAAO;EAGnC,MAAM,aAAa,SAAS;AAC5B,MAAI,WACF,QAAO,KAAK,WAAW,CAAC,SAAS,QAAQ;AACvC,UAAO,aAAa,KAAK,WAAW,KAAK;IACzC;GAEJ;AAEF,gBAAe,OAAO;AAEtB,QAAO;;;;;;AAUT,SAAgB,cACd,KACA,SACa;CACb,MAAM,CAAC,QAAQ,aAAa,SAAsB,UAAU;AAE5D,iBACQ;AACJ,aAAW,KAAK,QAAQ,CACrB,WAAW,UAAU,OAAO,CAAC,CAC7B,YAAY,UAAU,QAAQ,CAAC;IAIpC,CAAC,IAAI,CACN;AAED,QAAO"}