@shopify/hydrogen-react 0.0.0-next-9bff83c → 0.0.0-next-cfd8626

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

@@ -990,7 +990,7 @@
       "X-Shopify-Storefront-Access-Token": accessToken
     };
   }
-  var _jsxFileName$f = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ShopifyProvider.tsx";
+  var _jsxFileName$e = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ShopifyProvider.tsx";
   const ShopifyContext = React.createContext({
     storeDomain: "test",
     storefrontToken: "abc123",
@@ -1051,7 +1051,7 @@
       value: finalConfig,
       __self: this,
       __source: {
-        fileName: _jsxFileName$f,
+        fileName: _jsxFileName$e,
         lineNumber: 84,
         columnNumber: 5
       }
@@ -1564,7 +1564,7 @@
   function isCartFetchResultEvent(event) {
     return event.type === "RESOLVE" || event.type === "ERROR" || event.type === "CART_COMPLETED";
   }
-  var _jsxFileName$e = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/CartProvider.tsx";
+  var _jsxFileName$d = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/CartProvider.tsx";
   const CartContext = React.createContext(null);
   function useCart() {
     const context = React.useContext(CartContext);
@@ -1873,7 +1873,7 @@
       value: cartContextValue,
       __self: this,
       __source: {
-        fileName: _jsxFileName$e,
+        fileName: _jsxFileName$d,
         lineNumber: 424,
         columnNumber: 5
       }
@@ -1939,7 +1939,7 @@
     var _a, _b;
     return event.payload.buyerIdentity.countryCode && ((_b = (_a = context.cart) == null ? void 0 : _a.buyerIdentity) == null ? void 0 : _b.countryCode) !== event.payload.buyerIdentity.countryCode;
   }
-  var _jsxFileName$d = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ProductProvider.tsx";
+  var _jsxFileName$c = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ProductProvider.tsx";
   const ProductOptionsContext = React.createContext(null);
   function ProductProvider({
     children,
@@ -2025,7 +2025,7 @@
       value,
       __self: this,
       __source: {
-        fileName: _jsxFileName$d,
+        fileName: _jsxFileName$c,
         lineNumber: 201,
         columnNumber: 5
       }
@@ -2098,7 +2098,7 @@
     }
     return true;
   }
-  var _jsxFileName$c = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/BaseButton.tsx";
+  var _jsxFileName$b = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/BaseButton.tsx";
   function BaseButton(props) {
     const {
       as,
@@ -2123,13 +2123,13 @@
       ...passthroughProps,
       __self: this,
       __source: {
-        fileName: _jsxFileName$c,
+        fileName: _jsxFileName$b,
         lineNumber: 59,
         columnNumber: 5
       }
     }, children);
   }
-  var _jsxFileName$b = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/AddToCartButton.tsx";
+  var _jsxFileName$a = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/AddToCartButton.tsx";
   function AddToCartButton(props) {
     var _a;
     const [addingItem, setAddingItem] = React.useState(false);
@@ -2173,7 +2173,7 @@
       defaultOnClick: handleAddItem,
       __self: this,
       __source: {
-        fileName: _jsxFileName$b,
+        fileName: _jsxFileName$a,
         lineNumber: 71,
         columnNumber: 7
       }
@@ -2193,13 +2193,13 @@
       "aria-live": "assertive",
       __self: this,
       __source: {
-        fileName: _jsxFileName$b,
+        fileName: _jsxFileName$a,
         lineNumber: 80,
         columnNumber: 9
       }
     }, addingItem ? accessibleAddingToCartLabel : null) : null);
   }
-  var _jsxFileName$a = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/BuyNowButton.tsx";
+  var _jsxFileName$9 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/BuyNowButton.tsx";
   function BuyNowButton(props) {
     const {
       cartCreate,
@@ -2236,13 +2236,13 @@
       defaultOnClick: handleBuyNow,
       __self: this,
       __source: {
-        fileName: _jsxFileName$a,
+        fileName: _jsxFileName$9,
         lineNumber: 53,
         columnNumber: 5
       }
     }, children);
   }
-  var _jsxFileName$9 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/CartCheckoutButton.tsx";
+  var _jsxFileName$8 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/CartCheckoutButton.tsx";
   function CartCheckoutButton(props) {
     const [requestedCheckout, setRequestedCheckout] = React.useState(false);
     const {
@@ -2264,7 +2264,7 @@
       onClick: () => setRequestedCheckout(true),
       __self: this,
       __source: {
-        fileName: _jsxFileName$9,
+        fileName: _jsxFileName$8,
         lineNumber: 28,
         columnNumber: 5
       }
@@ -2278,7 +2278,7 @@
     Color: "string",
     UnsignedInt64: "string"
   };
-  var _jsxFileName$8 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ExternalVideo.tsx";
+  var _jsxFileName$7 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ExternalVideo.tsx";
   function ExternalVideo(props) {
     var _a, _b;
     const {
@@ -2313,7 +2313,7 @@
       loading,
       __self: this,
       __source: {
-        fileName: _jsxFileName$8,
+        fileName: _jsxFileName$7,
         lineNumber: 56,
         columnNumber: 5
       }
@@ -2392,7 +2392,7 @@
     }
     return { width: null, height: null };
   }
-  var _jsxFileName$7 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/Image.tsx";
+  var _jsxFileName$6 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/Image.tsx";
   function Image({
     data,
     width,
@@ -2461,7 +2461,7 @@
       decoding,
       __self: this,
       __source: {
-        fileName: _jsxFileName$7,
+        fileName: _jsxFileName$6,
         lineNumber: 150,
         columnNumber: 5
       }
@@ -2497,7 +2497,7 @@
       scale
     })} ${size}w`).join(", ");
   }
-  var _jsxFileName$6 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/Video.tsx";
+  var _jsxFileName$5 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/Video.tsx";
   function Video(props) {
     var _a, _b;
     const {
@@ -2524,7 +2524,7 @@
       poster: posterUrl,
       __self: this,
       __source: {
-        fileName: _jsxFileName$6,
+        fileName: _jsxFileName$5,
         lineNumber: 42,
         columnNumber: 5
       }
@@ -2539,7 +2539,7 @@
         type: source.mimeType,
         __self: this,
         __source: {
-          fileName: _jsxFileName$6,
+          fileName: _jsxFileName$5,
           lineNumber: 54,
           columnNumber: 11
         }
@@ -2592,7 +2592,7 @@
     }, [url, stringifiedOptions, options]);
     return status;
   }
-  var _jsxFileName$5 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ModelViewer.tsx";
+  var _jsxFileName$4 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ModelViewer.tsx";
   function ModelViewer(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     const [modelViewer, setModelViewer] = React.useState(void 0);
@@ -2730,13 +2730,13 @@
       scale: passthroughProps.scale,
       __self: this,
       __source: {
-        fileName: _jsxFileName$5,
+        fileName: _jsxFileName$4,
         lineNumber: 222,
         columnNumber: 5
       }
     }, children);
   }
-  var _jsxFileName$4 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/MediaFile.tsx";
+  var _jsxFileName$3 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/MediaFile.tsx";
   function MediaFile({
     data,
     mediaOptions,
@@ -2756,7 +2756,7 @@
           data: data.image,
           __self: this,
           __source: {
-            fileName: _jsxFileName$4,
+            fileName: _jsxFileName$3,
             lineNumber: 54,
             columnNumber: 9
           }
@@ -2769,7 +2769,7 @@
           data,
           __self: this,
           __source: {
-            fileName: _jsxFileName$4,
+            fileName: _jsxFileName$3,
             lineNumber: 63,
             columnNumber: 9
           }
@@ -2782,7 +2782,7 @@
           data,
           __self: this,
           __source: {
-            fileName: _jsxFileName$4,
+            fileName: _jsxFileName$3,
             lineNumber: 68,
             columnNumber: 9
           }
@@ -2795,7 +2795,7 @@
           data,
           __self: this,
           __source: {
-            fileName: _jsxFileName$4,
+            fileName: _jsxFileName$3,
             lineNumber: 78,
             columnNumber: 9
           }
@@ -2809,384 +2809,10 @@
       }
     }
   }
-  var _jsxFileName$3 = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/Metafield.tsx";
-  function Metafield(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const {
-      data,
-      as,
-      ...passthroughProps
-    } = props;
-    const {
-      locale
-    } = useShop();
-    const parsedMetafield = React.useMemo(() => parseMetafield(data), [data]);
-    if (!parsedMetafield) {
-      const noDataPropWarning = `<Metafield/>: nothing was passed to the data prop 'data'. Rendering 'null'`;
-      {
-        throw new Error(noDataPropWarning);
-      }
-    }
-    if (parsedMetafield.value === null || parsedMetafield.value === void 0) {
-      const noValueWarning = `<Metafield/>: No metafield value for metafield ${(_a = parsedMetafield.id) != null ? _a : parsedMetafield.key}. Rendering 'null'`;
-      {
-        throw new Error(noValueWarning);
-      }
-    }
-    switch (parsedMetafield.type) {
-      case "date": {
-        const Wrapper2 = as != null ? as : "time";
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 68,
-            columnNumber: 9
-          }
-        }, parsedMetafield.value.toLocaleDateString(locale));
-      }
-      case "date_time": {
-        const Wrapper2 = as != null ? as : "time";
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 76,
-            columnNumber: 9
-          }
-        }, parsedMetafield.value.toLocaleString(locale));
-      }
-      case "weight":
-      case "dimension":
-      case "volume": {
-        const Wrapper2 = as != null ? as : "span";
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 86,
-            columnNumber: 9
-          }
-        }, getMeasurementAsString(parsedMetafield.value, locale));
-      }
-      case "rating": {
-        const Wrapper2 = as != null ? as : "span";
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 94,
-            columnNumber: 9
-          }
-        }, parsedMetafield.value.value);
-      }
-      case "single_line_text_field": {
-        const Wrapper2 = as != null ? as : "span";
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          dangerouslySetInnerHTML: {
-            __html: parsedMetafield.value
-          },
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 102,
-            columnNumber: 9
-          }
-        });
-      }
-      case "multi_line_text_field": {
-        const Wrapper2 = as != null ? as : "div";
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          dangerouslySetInnerHTML: {
-            __html: parsedMetafield.value.split("\n").join("<br/>")
-          },
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 111,
-            columnNumber: 9
-          }
-        });
-      }
-      case "url": {
-        const protocolLessUrl = new URL(parsedMetafield.value);
-        return /* @__PURE__ */ React__default.default.createElement("a", {
-          href: protocolLessUrl.href.replace(protocolLessUrl.protocol, ""),
-          ...passthroughProps,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 122,
-            columnNumber: 9
-          }
-        }, parsedMetafield.value);
-      }
-      case "json": {
-        const Wrapper2 = as != null ? as : "span";
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 133,
-            columnNumber: 9
-          }
-        }, JSON.stringify(parsedMetafield.value));
-      }
-      case "product_reference":
-      case "variant_reference":
-      case "page_reference": {
-        const Wrapper2 = as != null ? as : "span";
-        const ref = parsedMetafield.reference;
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 144,
-            columnNumber: 9
-          }
-        }, (_c = (_b = ref == null ? void 0 : ref.title) != null ? _b : ref == null ? void 0 : ref.id) != null ? _c : "");
-      }
-      case "list.single_line_text_field": {
-        const Wrapper2 = as != null ? as : "ul";
-        const refArray = parsedMetafield.references ? flattenConnection(parsedMetafield.references) : [];
-        return /* @__PURE__ */ React__default.default.createElement(Wrapper2, {
-          ...passthroughProps,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 154,
-            columnNumber: 9
-          }
-        }, refArray.map((ref, index2) => /* @__PURE__ */ React__default.default.createElement("li", {
-          key: `${ref != null ? ref : ""}-${index2}`,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$3,
-            lineNumber: 158,
-            columnNumber: 13
-          }
-        }, ref)));
-      }
-      case "file_reference": {
-        if (((_d = parsedMetafield.reference) == null ? void 0 : _d.__typename) === "MediaImage") {
-          const ref = parsedMetafield.reference;
-          return ref.image ? /* @__PURE__ */ React__default.default.createElement(Image, {
-            data: ref.image,
-            ...passthroughProps,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$3,
-              lineNumber: 167,
-              columnNumber: 11
-            }
-          }) : null;
-        } else if (((_e = parsedMetafield.reference) == null ? void 0 : _e.__typename) === "GenericFile") {
-          const ref = parsedMetafield.reference;
-          return ref.previewImage ? /* @__PURE__ */ React__default.default.createElement("a", {
-            href: (_g = (_f = parsedMetafield.reference) == null ? void 0 : _f.url) != null ? _g : "",
-            ...passthroughProps,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$3,
-              lineNumber: 172,
-              columnNumber: 11
-            }
-          }, /* @__PURE__ */ React__default.default.createElement(Image, {
-            data: ref.previewImage,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$3,
-              lineNumber: 173,
-              columnNumber: 13
-            }
-          })) : null;
-        } else if (((_h = parsedMetafield.reference) == null ? void 0 : _h.__typename) === "Video") {
-          const ref = parsedMetafield.reference;
-          return /* @__PURE__ */ React__default.default.createElement(Video, {
-            ...passthroughProps,
-            data: ref,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$3,
-              lineNumber: 178,
-              columnNumber: 16
-            }
-          });
-        }
-      }
-    }
-    const Wrapper = as != null ? as : "span";
-    return /* @__PURE__ */ React__default.default.createElement(Wrapper, {
-      ...passthroughProps,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 185,
-        columnNumber: 5
-      }
-    }, (_i = parsedMetafield.value) == null ? void 0 : _i.toString());
-  }
   function parseMetafield(metafield) {
-    {
-      console.info(`'parseMetafield()' will have a breaking change in a future version; its behavior will match that of 'metafieldParser()'`);
-    }
-    if (!metafield) {
-      {
-        console.warn(`'parseMetafield' was not passed any value for the 'metafield' argument`);
-      }
-      return null;
-    }
-    if (metafield.value === null || metafield.value === void 0) {
-      console.warn(`'parseMetafield()' was passed ${metafield.value} for 'metafield.value'`);
-    }
-    return {
-      ...metafield,
-      value: parseMetafieldValue(metafield)
-    };
-  }
-  function parseMetafieldValue(metafield) {
-    {
-      console.info(`'parseMetafieldValue()' will be removed in a future version`);
-    }
-    if (!metafield) {
-      return null;
-    }
-    if (metafield.value === null || metafield.value === void 0) {
-      {
-        console.warn(`'parseMetafieldValue()' was passed ${metafield.value} for 'metafield.value'`);
-      }
-      return metafield.value;
-    }
-    switch (metafield.type) {
-      case "boolean":
-        return metafield.value === "true";
-      case "number_integer":
-        return parseInt(metafield.value);
-      case "number_decimal":
-        return parseFloat(metafield.value);
-      case "date":
-      case "date_time":
-        return new Date(metafield.value);
-      case "json":
-      case "weight":
-      case "dimension":
-      case "volume":
-      case "rating":
-        return parseJSON(metafield.value);
-      case "color":
-      case "single_line_text_field":
-      case "multi_line_text_field":
-      case "product_reference":
-      case "page_reference":
-      case "variant_reference":
-      case "file_reference":
-      case "url":
-      default:
-        return metafield.value;
-    }
-  }
-  function parseJSON(json) {
-    if (String(json).includes("__proto__")) {
-      return JSON.parse(json, (k, v2) => {
-        if (k !== "__proto__")
-          return v2;
-      });
-    }
-    return JSON.parse(json);
-  }
-  const UNIT_MAPPING = {
-    mm: "millimeter",
-    cm: "centimeter",
-    m: "meter",
-    in: "inch",
-    ft: "foot",
-    yd: "yard",
-    ml: "milliliter",
-    l: "liter",
-    us_fl_oz: "fluid-ounce",
-    us_gal: "gallon",
-    kg: "kilogram",
-    g: "gram",
-    lb: "pound",
-    oz: "ounce"
-  };
-  function getMeasurementAsString(measurement, locale = "en-us", options = {}) {
-    let measure = {
-      value: measurement.value,
-      unit: UNIT_MAPPING[measurement.unit]
-    };
-    if (measure.unit == null) {
-      measure = convertToSupportedUnit(measurement.value, measurement.unit);
-    }
-    return new Intl.NumberFormat(locale, {
-      ...options,
-      unit: measure.unit,
-      style: "unit"
-    }).format(measure.value);
-  }
-  function convertToSupportedUnit(value, unit) {
-    switch (unit) {
-      case "cl":
-        return {
-          value: value / 1e3,
-          unit: "liter"
-        };
-      case "m3":
-        return {
-          value: value * 1e3,
-          unit: "liter"
-        };
-      case "us_pt":
-        return {
-          value: value * 0.125,
-          unit: "gallon"
-        };
-      case "us_qt":
-        return {
-          value: value * 0.5,
-          unit: "gallon"
-        };
-      case "us_oz":
-        return {
-          value: value / 128,
-          unit: "gallon"
-        };
-      case "imp_pt":
-        return {
-          value: value / 6.661,
-          unit: "gallon"
-        };
-      case "imp_qt":
-        return {
-          value: value / 3.331,
-          unit: "gallon"
-        };
-      case "imp_gal":
-        return {
-          value: value / 1.201,
-          unit: "gallon"
-        };
-      case "imp_fl_oz":
-        return {
-          value: value * 0.96076,
-          unit: "fluid-ounce"
-        };
-      default:
-        throw new Error(`Unit not supported: ${unit}`);
-    }
-  }
-  function metafieldParser(metafield) {
     var _a, _b, _c, _d;
     if (!metafield.type) {
-      const noTypeError = `metafieldParser(): The 'type' field is required in order to parse the Metafield.`;
+      const noTypeError = `parseMetafield(): The 'type' field is required in order to parse the Metafield.`;
       {
         throw new Error(noTypeError);
       }
@@ -3233,7 +2859,7 @@
         try {
           parsedValue = parseJSON((_a = metafield.value) != null ? _a : "");
         } catch (err) {
-          const parseError = `metafieldParser(): attempted to JSON.parse the 'metafield.value' property, but failed.`;
+          const parseError = `parseMetafield(): attempted to JSON.parse the 'metafield.value' property, but failed.`;
           {
             throw new Error(parseError);
           }
@@ -3273,13 +2899,22 @@
           parsedValue: flattenConnection((_d = metafield.references) != null ? _d : void 0)
         };
       default: {
-        const typeNotFoundError = `metafieldParser(): the 'metafield.type' you passed in is not supported. Your type: "${metafield.type}". If you believe this is an error, please open an issue on GitHub.`;
+        const typeNotFoundError = `parseMetafield(): the 'metafield.type' you passed in is not supported. Your type: "${metafield.type}". If you believe this is an error, please open an issue on GitHub.`;
         {
           throw new Error(typeNotFoundError);
         }
       }
     }
   }
+  function parseJSON(json) {
+    if (String(json).includes("__proto__")) {
+      return JSON.parse(json, (k, v2) => {
+        if (k !== "__proto__")
+          return v2;
+      });
+    }
+    return JSON.parse(json);
+  }
   function useMoney(money) {
     const {
       locale
@@ -3524,7 +3159,6 @@
   exports2.ExternalVideo = ExternalVideo;
   exports2.Image = Image;
   exports2.MediaFile = MediaFile;
-  exports2.Metafield = Metafield;
   exports2.ModelViewer = ModelViewer;
   exports2.Money = Money;
   exports2.ProductPrice = ProductPrice;
@@ -3534,9 +3168,7 @@
   exports2.Video = Video;
   exports2.createStorefrontClient = createStorefrontClient;
   exports2.flattenConnection = flattenConnection;
-  exports2.metafieldParser = metafieldParser;
   exports2.parseMetafield = parseMetafield;
-  exports2.parseMetafieldValue = parseMetafieldValue;
   exports2.storefrontApiCustomScalars = storefrontApiCustomScalars;
   exports2.useCart = useCart;
   exports2.useMoney = useMoney;