@shopify/hydrogen-react 0.0.0-next-8ee1ffb → 0.0.0-next-541cac7

package/dist/node-prod/Metafield.js

@@ -1,288 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("react");
-const ShopifyProvider = require("./ShopifyProvider.js");
-const Image = require("./Image.js");
-const Video = require("./Video.js");
-const flattenConnection = require("./flatten-connection.js");
-const jsxRuntime = require("react/jsx-runtime");
-function Metafield(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const {
-    data,
-    as,
-    ...passthroughProps
-  } = props;
-  const {
-    locale
-  } = ShopifyProvider.useShop();
-  const parsedMetafield = require$$0.useMemo(() => parseMetafield(data), [data]);
-  if (!parsedMetafield) {
-    const noDataPropWarning = `<Metafield/>: nothing was passed to the data prop 'data'. Rendering 'null'`;
-    {
-      console.warn(noDataPropWarning);
-    }
-    return null;
-  }
-  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'`;
-    {
-      console.warn(noValueWarning);
-    }
-    return null;
-  }
-  switch (parsedMetafield.type) {
-    case "date": {
-      const Wrapper2 = as != null ? as : "time";
-      return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        children: parsedMetafield.value.toLocaleDateString(locale)
-      });
-    }
-    case "date_time": {
-      const Wrapper2 = as != null ? as : "time";
-      return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        children: parsedMetafield.value.toLocaleString(locale)
-      });
-    }
-    case "weight":
-    case "dimension":
-    case "volume": {
-      const Wrapper2 = as != null ? as : "span";
-      return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        children: getMeasurementAsString(parsedMetafield.value, locale)
-      });
-    }
-    case "rating": {
-      const Wrapper2 = as != null ? as : "span";
-      return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        children: parsedMetafield.value.value
-      });
-    }
-    case "single_line_text_field": {
-      const Wrapper2 = as != null ? as : "span";
-      return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        dangerouslySetInnerHTML: {
-          __html: parsedMetafield.value
-        }
-      });
-    }
-    case "multi_line_text_field": {
-      const Wrapper2 = as != null ? as : "div";
-      return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        dangerouslySetInnerHTML: {
-          __html: parsedMetafield.value.split("\n").join("<br/>")
-        }
-      });
-    }
-    case "url": {
-      const protocolLessUrl = new URL(parsedMetafield.value);
-      return /* @__PURE__ */ jsxRuntime.jsx("a", {
-        href: protocolLessUrl.href.replace(protocolLessUrl.protocol, ""),
-        ...passthroughProps,
-        children: parsedMetafield.value
-      });
-    }
-    case "json": {
-      const Wrapper2 = as != null ? as : "span";
-      return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        children: 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__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        children: (_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.flattenConnection(parsedMetafield.references) : [];
-      return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, {
-        ...passthroughProps,
-        children: refArray.map((ref, index) => /* @__PURE__ */ jsxRuntime.jsx("li", {
-          children: ref
-        }, `${ref != null ? ref : ""}-${index}`))
-      });
-    }
-    case "file_reference": {
-      if (((_d = parsedMetafield.reference) == null ? void 0 : _d.__typename) === "MediaImage") {
-        const ref = parsedMetafield.reference;
-        return ref.image ? /* @__PURE__ */ jsxRuntime.jsx(Image.Image, {
-          data: ref.image,
-          ...passthroughProps
-        }) : null;
-      } else if (((_e = parsedMetafield.reference) == null ? void 0 : _e.__typename) === "GenericFile") {
-        const ref = parsedMetafield.reference;
-        return ref.previewImage ? /* @__PURE__ */ jsxRuntime.jsx("a", {
-          href: (_g = (_f = parsedMetafield.reference) == null ? void 0 : _f.url) != null ? _g : "",
-          ...passthroughProps,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Image.Image, {
-            data: ref.previewImage
-          })
-        }) : null;
-      } else if (((_h = parsedMetafield.reference) == null ? void 0 : _h.__typename) === "Video") {
-        const ref = parsedMetafield.reference;
-        return /* @__PURE__ */ jsxRuntime.jsx(Video.Video, {
-          ...passthroughProps,
-          data: ref
-        });
-      }
-    }
-  }
-  const Wrapper = as != null ? as : "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, {
-    ...passthroughProps,
-    children: (_i = parsedMetafield.value) == null ? void 0 : _i.toString()
-  });
-}
-function parseMetafield(metafield) {
-  if (!metafield) {
-    return null;
-  }
-  return {
-    ...metafield,
-    value: parseMetafieldValue(metafield)
-  };
-}
-function parseMetafieldValue(metafield) {
-  if (!metafield) {
-    return null;
-  }
-  if (metafield.value === null || metafield.value === void 0) {
-    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, v) => {
-      if (k !== "__proto__")
-        return v;
-    });
-  }
-  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}`);
-  }
-}
-exports.Metafield = Metafield;
-exports.getMeasurementAsString = getMeasurementAsString;
-exports.parseJSON = parseJSON;
-exports.parseMetafield = parseMetafield;
-exports.parseMetafieldValue = parseMetafieldValue;
-//# sourceMappingURL=Metafield.js.map

package/dist/node-prod/Metafield.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Metafield.js","sources":["../../src/Metafield.tsx"],"sourcesContent":["import {type ElementType, useMemo, type ComponentPropsWithoutRef} from 'react';\nimport {useShop} from './ShopifyProvider.js';\nimport {Image} from './Image.js';\nimport type {\n  MediaImage,\n  Page,\n  ProductVariant,\n  Product,\n  GenericFile,\n  Video as VideoType,\n  Metafield as MetafieldType,\n} from './storefront-api-types.js';\nimport {Video} from './Video.js';\nimport {flattenConnection} from './flatten-connection.js';\nimport type {PartialDeep, JsonValue} from 'type-fest';\n\ninterface BaseProps<ComponentGeneric extends ElementType> {\n  /** An object with fields that correspond to the Storefront API's [Metafield object](https://shopify.dev/api/storefront/reference/common-objects/metafield). */\n  data: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null;\n  /** An HTML tag or React component to be rendered as the base element wrapper. The default value varies depending on [metafield.type](https://shopify.dev/apps/metafields/types). */\n  as?: ComponentGeneric;\n}\n\nexport type MetafieldProps<ComponentGeneric extends ElementType> =\n  ComponentPropsWithoutRef<ComponentGeneric> & BaseProps<ComponentGeneric>;\n\n/**\n * The `Metafield` component renders the value of a Storefront\n * API's [Metafield object](https://shopify.dev/api/storefront/reference/common-objects/metafield).\n * Relies on the `locale` property of the `useShop()` hook, so it must be a desendent of `<ShopifyProvider/>`\n *\n * Renders a smart default of the Metafield's `value`. For more information, refer to the [Default output](#default-output) section.\n */\nexport function Metafield<ComponentGeneric extends ElementType>(\n  props: MetafieldProps<ComponentGeneric>\n) {\n  const {data, as, ...passthroughProps} = props;\n  const {locale} = useShop();\n\n  const parsedMetafield = useMemo(() => parseMetafield(data), [data]);\n\n  if (!parsedMetafield) {\n    const noDataPropWarning = `<Metafield/>: nothing was passed to the data prop 'data'. Rendering 'null'`;\n    if (__HYDROGEN_DEV__) {\n      throw new Error(noDataPropWarning);\n    } else {\n      console.warn(noDataPropWarning);\n    }\n    return null;\n  }\n\n  if (parsedMetafield.value === null || parsedMetafield.value === undefined) {\n    const noValueWarning = `<Metafield/>: No metafield value for metafield ${\n      parsedMetafield.id ?? parsedMetafield.key\n    }. Rendering 'null'`;\n    if (__HYDROGEN_DEV__) {\n      throw new Error(noValueWarning);\n    } else {\n      console.warn(noValueWarning);\n    }\n    return null;\n  }\n\n  switch (parsedMetafield.type) {\n    case 'date': {\n      const Wrapper = as ?? 'time';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Date).toLocaleDateString(locale)}\n        </Wrapper>\n      );\n    }\n    case 'date_time': {\n      const Wrapper = as ?? 'time';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Date).toLocaleString(locale)}\n        </Wrapper>\n      );\n    }\n    case 'weight':\n    case 'dimension':\n    case 'volume': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {getMeasurementAsString(parsedMetafield.value as Measurement, locale)}\n        </Wrapper>\n      );\n    }\n    case 'rating': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Rating).value}\n        </Wrapper>\n      );\n    }\n    case 'single_line_text_field': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper\n          {...passthroughProps}\n          dangerouslySetInnerHTML={{__html: parsedMetafield.value as string}}\n        />\n      );\n    }\n    case 'multi_line_text_field': {\n      const Wrapper = as ?? 'div';\n      return (\n        <Wrapper\n          {...passthroughProps}\n          dangerouslySetInnerHTML={{\n            __html: (parsedMetafield.value as string).split('\\n').join('<br/>'),\n          }}\n        />\n      );\n    }\n    case 'url': {\n      const protocolLessUrl = new URL(parsedMetafield.value as string);\n      return (\n        <a\n          href={protocolLessUrl.href.replace(protocolLessUrl.protocol, '')}\n          {...passthroughProps}\n        >\n          {parsedMetafield.value as string}\n        </a>\n      );\n    }\n    case 'json': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {JSON.stringify(parsedMetafield.value)}\n        </Wrapper>\n      );\n    }\n    case 'product_reference':\n    case 'variant_reference':\n    case 'page_reference': {\n      const Wrapper = as ?? 'span';\n      const ref = parsedMetafield.reference as Page | ProductVariant | Product;\n      return (\n        <Wrapper {...passthroughProps}>{ref?.title ?? ref?.id ?? ''}</Wrapper>\n      );\n    }\n    case 'list.single_line_text_field': {\n      const Wrapper = as ?? 'ul';\n\n      const refArray = parsedMetafield.references\n        ? (flattenConnection(parsedMetafield.references) as string[])\n        : [];\n      return (\n        <Wrapper {...passthroughProps}>\n          {refArray.map((ref, index) => (\n            // there's no unique way to identify these strings, so we do our best by combining the string with the index for the key\n            // eslint-disable-next-line react/no-array-index-key\n            <li key={`${ref ?? ''}-${index}`}>{ref}</li>\n          ))}\n        </Wrapper>\n      );\n    }\n    case 'file_reference': {\n      if (parsedMetafield.reference?.__typename === 'MediaImage') {\n        const ref = parsedMetafield.reference as MediaImage;\n        return ref.image ? (\n          <Image data={ref.image} {...passthroughProps} />\n        ) : null;\n      } else if (parsedMetafield.reference?.__typename === 'GenericFile') {\n        const ref = parsedMetafield.reference as GenericFile;\n        return ref.previewImage ? (\n          <a href={parsedMetafield.reference?.url ?? ''} {...passthroughProps}>\n            <Image data={ref.previewImage} />\n          </a>\n        ) : null;\n      } else if (parsedMetafield.reference?.__typename === 'Video') {\n        const ref = parsedMetafield.reference as VideoType;\n        return <Video {...passthroughProps} data={ref} />;\n      }\n    }\n  }\n\n  const Wrapper = as ?? 'span';\n  return (\n    <Wrapper {...passthroughProps}>{parsedMetafield.value?.toString()}</Wrapper>\n  );\n}\n\n/**\n * The `parseMetafield` utility transforms a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/Metafield)\n * into a new object whose `values` have been parsed according to the metafield `type`.\n * If the metafield is `null`, then it returns `null` back.\n *\n * Note that `parseMetafield()` will have a breaking change in a future version; it will change to behave like `metafieldParser()`.\n */\nexport function parseMetafield(\n  /** A [Metafield](https://shopify.dev/api/storefront/reference/common-objects/Metafield) or null */\n  metafield: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null\n): PartialDeep<ParsedMetafield, {recurseIntoArrays: true}> | null {\n  if (__HYDROGEN_DEV__) {\n    console.info(\n      `'parseMetafield()' will have a breaking change in a future version; its behavior will match that of 'metafieldParser()'`\n    );\n  }\n\n  if (!metafield) {\n    if (__HYDROGEN_DEV__) {\n      console.warn(\n        `'parseMetafield' was not passed any value for the 'metafield' argument`\n      );\n    }\n    return null;\n  }\n  if (\n    __HYDROGEN_DEV__ &&\n    (metafield.value === null || metafield.value === undefined)\n  ) {\n    console.warn(\n      `'parseMetafield()' was passed ${metafield.value} for 'metafield.value'`\n    );\n  }\n\n  return {\n    ...metafield,\n    value: parseMetafieldValue(metafield),\n  };\n}\n\n/**\n * The `parseMetafieldValue` function parses a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `type`.\n * @deprecated `parseMetafieldValue()` is unsupported and will be removed in a future version.\n */\nexport function parseMetafieldValue(\n  metafield: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null\n): ParsedMetafield['value'] {\n  if (__HYDROGEN_DEV__) {\n    console.info(`'parseMetafieldValue()' will be removed in a future version`);\n  }\n\n  if (!metafield) {\n    return null;\n  }\n\n  if (metafield.value === null || metafield.value === undefined) {\n    if (__HYDROGEN_DEV__) {\n      console.warn(\n        `'parseMetafieldValue()' was passed ${metafield.value} for 'metafield.value'`\n      );\n    }\n    return metafield.value;\n  }\n\n  switch (metafield.type) {\n    case 'boolean':\n      return metafield.value === 'true';\n    case 'number_integer':\n      return parseInt(metafield.value);\n    case 'number_decimal':\n      return parseFloat(metafield.value);\n    case 'date':\n    case 'date_time':\n      return new Date(metafield.value);\n    case 'json':\n    case 'weight':\n    case 'dimension':\n    case 'volume':\n    case 'rating':\n      return parseJSON(metafield.value);\n    case 'color':\n    case 'single_line_text_field':\n    case 'multi_line_text_field':\n    case 'product_reference':\n    case 'page_reference':\n    case 'variant_reference':\n    case 'file_reference':\n    case 'url':\n    default:\n      return metafield.value;\n  }\n}\n\n/**\n * Parses a JSON string while preventing prototype injection attacks.\n */\nexport function parseJSON(json: string) {\n  if (String(json).includes('__proto__')) {\n    return JSON.parse(json, (k, v) => {\n      if (k !== '__proto__') return v;\n    });\n  }\n\n  return JSON.parse(json);\n}\n\nconst UNIT_MAPPING: Record<string, string> = {\n  // Dimension\n  mm: 'millimeter',\n  cm: 'centimeter',\n  m: 'meter',\n  in: 'inch',\n  ft: 'foot',\n  yd: 'yard',\n  // Volume\n  ml: 'milliliter',\n  l: 'liter',\n  us_fl_oz: 'fluid-ounce',\n  us_gal: 'gallon',\n  // Weight\n  kg: 'kilogram',\n  g: 'gram',\n  lb: 'pound',\n  oz: 'ounce',\n};\n\nexport function getMeasurementAsString(\n  measurement: Measurement,\n  locale = 'en-us',\n  options: Intl.NumberFormatOptions = {}\n) {\n  let measure: Measurement = {\n    value: measurement.value,\n    unit: UNIT_MAPPING[measurement.unit],\n  };\n\n  if (measure.unit == null) {\n    measure = convertToSupportedUnit(measurement.value, measurement.unit);\n  }\n\n  return new Intl.NumberFormat(locale, {\n    ...options,\n    unit: measure.unit,\n    style: 'unit',\n  }).format(measure.value);\n}\n\nfunction convertToSupportedUnit(value: number, unit: string): Measurement {\n  switch (unit) {\n    case 'cl':\n      return {\n        value: value / 1000,\n        unit: 'liter',\n      };\n    case 'm3':\n      return {\n        value: value * 1000,\n        unit: 'liter',\n      };\n    case 'us_pt':\n      return {\n        value: value * 0.125,\n        unit: 'gallon',\n      };\n    case 'us_qt':\n      return {\n        value: value * 0.5,\n        unit: 'gallon',\n      };\n    case 'us_oz':\n      return {\n        value: value / 128,\n        unit: 'gallon',\n      };\n    case 'imp_pt':\n      return {\n        value: value / 6.661, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_qt':\n      return {\n        value: value / 3.331, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_gal':\n      return {\n        value: value / 1.201, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_fl_oz':\n      return {\n        value: value * 0.96076, // approximate conversion\n        unit: 'fluid-ounce',\n      };\n    default:\n      throw new Error(`Unit not supported: ${unit}`);\n  }\n}\n\ntype ParsedMetafield = Omit<\n  PartialDeep<MetafieldType, {recurseIntoArrays: true}>,\n  'value'\n> & {\n  value?: string | number | boolean | JsonValue | Date | Rating | Measurement;\n};\n\nexport interface Rating {\n  value: number;\n  scale_min: number;\n  scale_max: number;\n}\n\ninterface Measurement {\n  unit: string;\n  value: number;\n}\n"],"names":["Metafield","props","data","as","passthroughProps","locale","useShop","parsedMetafield","useMemo","parseMetafield","noDataPropWarning","console","warn","value","undefined","noValueWarning","id","key","type","Wrapper","toLocaleDateString","toLocaleString","getMeasurementAsString","__html","split","join","protocolLessUrl","URL","href","replace","protocol","JSON","stringify","ref","reference","title","refArray","references","flattenConnection","map","index","__typename","image","_jsx","Image","previewImage","url","Video","toString","metafield","parseMetafieldValue","parseInt","parseFloat","Date","parseJSON","json","String","includes","parse","k","v","UNIT_MAPPING","mm","cm","m","in","ft","yd","ml","l","us_fl_oz","us_gal","kg","g","lb","oz","measurement","options","measure","unit","convertToSupportedUnit","Intl","NumberFormat","style","format","Error"],"mappings":"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"}

package/dist/node-prod/Metafield.mjs

@@ -1,288 +0,0 @@
-import { useMemo } from "react";
-import { useShop } from "./ShopifyProvider.mjs";
-import { Image } from "./Image.mjs";
-import { Video } from "./Video.mjs";
-import { flattenConnection } from "./flatten-connection.mjs";
-import { jsx } from "react/jsx-runtime";
-function Metafield(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const {
-    data,
-    as,
-    ...passthroughProps
-  } = props;
-  const {
-    locale
-  } = useShop();
-  const parsedMetafield = useMemo(() => parseMetafield(data), [data]);
-  if (!parsedMetafield) {
-    const noDataPropWarning = `<Metafield/>: nothing was passed to the data prop 'data'. Rendering 'null'`;
-    {
-      console.warn(noDataPropWarning);
-    }
-    return null;
-  }
-  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'`;
-    {
-      console.warn(noValueWarning);
-    }
-    return null;
-  }
-  switch (parsedMetafield.type) {
-    case "date": {
-      const Wrapper2 = as != null ? as : "time";
-      return /* @__PURE__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        children: parsedMetafield.value.toLocaleDateString(locale)
-      });
-    }
-    case "date_time": {
-      const Wrapper2 = as != null ? as : "time";
-      return /* @__PURE__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        children: parsedMetafield.value.toLocaleString(locale)
-      });
-    }
-    case "weight":
-    case "dimension":
-    case "volume": {
-      const Wrapper2 = as != null ? as : "span";
-      return /* @__PURE__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        children: getMeasurementAsString(parsedMetafield.value, locale)
-      });
-    }
-    case "rating": {
-      const Wrapper2 = as != null ? as : "span";
-      return /* @__PURE__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        children: parsedMetafield.value.value
-      });
-    }
-    case "single_line_text_field": {
-      const Wrapper2 = as != null ? as : "span";
-      return /* @__PURE__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        dangerouslySetInnerHTML: {
-          __html: parsedMetafield.value
-        }
-      });
-    }
-    case "multi_line_text_field": {
-      const Wrapper2 = as != null ? as : "div";
-      return /* @__PURE__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        dangerouslySetInnerHTML: {
-          __html: parsedMetafield.value.split("\n").join("<br/>")
-        }
-      });
-    }
-    case "url": {
-      const protocolLessUrl = new URL(parsedMetafield.value);
-      return /* @__PURE__ */ jsx("a", {
-        href: protocolLessUrl.href.replace(protocolLessUrl.protocol, ""),
-        ...passthroughProps,
-        children: parsedMetafield.value
-      });
-    }
-    case "json": {
-      const Wrapper2 = as != null ? as : "span";
-      return /* @__PURE__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        children: 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__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        children: (_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__ */ jsx(Wrapper2, {
-        ...passthroughProps,
-        children: refArray.map((ref, index) => /* @__PURE__ */ jsx("li", {
-          children: ref
-        }, `${ref != null ? ref : ""}-${index}`))
-      });
-    }
-    case "file_reference": {
-      if (((_d = parsedMetafield.reference) == null ? void 0 : _d.__typename) === "MediaImage") {
-        const ref = parsedMetafield.reference;
-        return ref.image ? /* @__PURE__ */ jsx(Image, {
-          data: ref.image,
-          ...passthroughProps
-        }) : null;
-      } else if (((_e = parsedMetafield.reference) == null ? void 0 : _e.__typename) === "GenericFile") {
-        const ref = parsedMetafield.reference;
-        return ref.previewImage ? /* @__PURE__ */ jsx("a", {
-          href: (_g = (_f = parsedMetafield.reference) == null ? void 0 : _f.url) != null ? _g : "",
-          ...passthroughProps,
-          children: /* @__PURE__ */ jsx(Image, {
-            data: ref.previewImage
-          })
-        }) : null;
-      } else if (((_h = parsedMetafield.reference) == null ? void 0 : _h.__typename) === "Video") {
-        const ref = parsedMetafield.reference;
-        return /* @__PURE__ */ jsx(Video, {
-          ...passthroughProps,
-          data: ref
-        });
-      }
-    }
-  }
-  const Wrapper = as != null ? as : "span";
-  return /* @__PURE__ */ jsx(Wrapper, {
-    ...passthroughProps,
-    children: (_i = parsedMetafield.value) == null ? void 0 : _i.toString()
-  });
-}
-function parseMetafield(metafield) {
-  if (!metafield) {
-    return null;
-  }
-  return {
-    ...metafield,
-    value: parseMetafieldValue(metafield)
-  };
-}
-function parseMetafieldValue(metafield) {
-  if (!metafield) {
-    return null;
-  }
-  if (metafield.value === null || metafield.value === void 0) {
-    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, v) => {
-      if (k !== "__proto__")
-        return v;
-    });
-  }
-  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}`);
-  }
-}
-export {
-  Metafield,
-  getMeasurementAsString,
-  parseJSON,
-  parseMetafield,
-  parseMetafieldValue
-};
-//# sourceMappingURL=Metafield.mjs.map

package/dist/node-prod/Metafield.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Metafield.mjs","sources":["../../src/Metafield.tsx"],"sourcesContent":["import {type ElementType, useMemo, type ComponentPropsWithoutRef} from 'react';\nimport {useShop} from './ShopifyProvider.js';\nimport {Image} from './Image.js';\nimport type {\n  MediaImage,\n  Page,\n  ProductVariant,\n  Product,\n  GenericFile,\n  Video as VideoType,\n  Metafield as MetafieldType,\n} from './storefront-api-types.js';\nimport {Video} from './Video.js';\nimport {flattenConnection} from './flatten-connection.js';\nimport type {PartialDeep, JsonValue} from 'type-fest';\n\ninterface BaseProps<ComponentGeneric extends ElementType> {\n  /** An object with fields that correspond to the Storefront API's [Metafield object](https://shopify.dev/api/storefront/reference/common-objects/metafield). */\n  data: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null;\n  /** An HTML tag or React component to be rendered as the base element wrapper. The default value varies depending on [metafield.type](https://shopify.dev/apps/metafields/types). */\n  as?: ComponentGeneric;\n}\n\nexport type MetafieldProps<ComponentGeneric extends ElementType> =\n  ComponentPropsWithoutRef<ComponentGeneric> & BaseProps<ComponentGeneric>;\n\n/**\n * The `Metafield` component renders the value of a Storefront\n * API's [Metafield object](https://shopify.dev/api/storefront/reference/common-objects/metafield).\n * Relies on the `locale` property of the `useShop()` hook, so it must be a desendent of `<ShopifyProvider/>`\n *\n * Renders a smart default of the Metafield's `value`. For more information, refer to the [Default output](#default-output) section.\n */\nexport function Metafield<ComponentGeneric extends ElementType>(\n  props: MetafieldProps<ComponentGeneric>\n) {\n  const {data, as, ...passthroughProps} = props;\n  const {locale} = useShop();\n\n  const parsedMetafield = useMemo(() => parseMetafield(data), [data]);\n\n  if (!parsedMetafield) {\n    const noDataPropWarning = `<Metafield/>: nothing was passed to the data prop 'data'. Rendering 'null'`;\n    if (__HYDROGEN_DEV__) {\n      throw new Error(noDataPropWarning);\n    } else {\n      console.warn(noDataPropWarning);\n    }\n    return null;\n  }\n\n  if (parsedMetafield.value === null || parsedMetafield.value === undefined) {\n    const noValueWarning = `<Metafield/>: No metafield value for metafield ${\n      parsedMetafield.id ?? parsedMetafield.key\n    }. Rendering 'null'`;\n    if (__HYDROGEN_DEV__) {\n      throw new Error(noValueWarning);\n    } else {\n      console.warn(noValueWarning);\n    }\n    return null;\n  }\n\n  switch (parsedMetafield.type) {\n    case 'date': {\n      const Wrapper = as ?? 'time';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Date).toLocaleDateString(locale)}\n        </Wrapper>\n      );\n    }\n    case 'date_time': {\n      const Wrapper = as ?? 'time';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Date).toLocaleString(locale)}\n        </Wrapper>\n      );\n    }\n    case 'weight':\n    case 'dimension':\n    case 'volume': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {getMeasurementAsString(parsedMetafield.value as Measurement, locale)}\n        </Wrapper>\n      );\n    }\n    case 'rating': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {(parsedMetafield.value as Rating).value}\n        </Wrapper>\n      );\n    }\n    case 'single_line_text_field': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper\n          {...passthroughProps}\n          dangerouslySetInnerHTML={{__html: parsedMetafield.value as string}}\n        />\n      );\n    }\n    case 'multi_line_text_field': {\n      const Wrapper = as ?? 'div';\n      return (\n        <Wrapper\n          {...passthroughProps}\n          dangerouslySetInnerHTML={{\n            __html: (parsedMetafield.value as string).split('\\n').join('<br/>'),\n          }}\n        />\n      );\n    }\n    case 'url': {\n      const protocolLessUrl = new URL(parsedMetafield.value as string);\n      return (\n        <a\n          href={protocolLessUrl.href.replace(protocolLessUrl.protocol, '')}\n          {...passthroughProps}\n        >\n          {parsedMetafield.value as string}\n        </a>\n      );\n    }\n    case 'json': {\n      const Wrapper = as ?? 'span';\n      return (\n        <Wrapper {...passthroughProps}>\n          {JSON.stringify(parsedMetafield.value)}\n        </Wrapper>\n      );\n    }\n    case 'product_reference':\n    case 'variant_reference':\n    case 'page_reference': {\n      const Wrapper = as ?? 'span';\n      const ref = parsedMetafield.reference as Page | ProductVariant | Product;\n      return (\n        <Wrapper {...passthroughProps}>{ref?.title ?? ref?.id ?? ''}</Wrapper>\n      );\n    }\n    case 'list.single_line_text_field': {\n      const Wrapper = as ?? 'ul';\n\n      const refArray = parsedMetafield.references\n        ? (flattenConnection(parsedMetafield.references) as string[])\n        : [];\n      return (\n        <Wrapper {...passthroughProps}>\n          {refArray.map((ref, index) => (\n            // there's no unique way to identify these strings, so we do our best by combining the string with the index for the key\n            // eslint-disable-next-line react/no-array-index-key\n            <li key={`${ref ?? ''}-${index}`}>{ref}</li>\n          ))}\n        </Wrapper>\n      );\n    }\n    case 'file_reference': {\n      if (parsedMetafield.reference?.__typename === 'MediaImage') {\n        const ref = parsedMetafield.reference as MediaImage;\n        return ref.image ? (\n          <Image data={ref.image} {...passthroughProps} />\n        ) : null;\n      } else if (parsedMetafield.reference?.__typename === 'GenericFile') {\n        const ref = parsedMetafield.reference as GenericFile;\n        return ref.previewImage ? (\n          <a href={parsedMetafield.reference?.url ?? ''} {...passthroughProps}>\n            <Image data={ref.previewImage} />\n          </a>\n        ) : null;\n      } else if (parsedMetafield.reference?.__typename === 'Video') {\n        const ref = parsedMetafield.reference as VideoType;\n        return <Video {...passthroughProps} data={ref} />;\n      }\n    }\n  }\n\n  const Wrapper = as ?? 'span';\n  return (\n    <Wrapper {...passthroughProps}>{parsedMetafield.value?.toString()}</Wrapper>\n  );\n}\n\n/**\n * The `parseMetafield` utility transforms a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/Metafield)\n * into a new object whose `values` have been parsed according to the metafield `type`.\n * If the metafield is `null`, then it returns `null` back.\n *\n * Note that `parseMetafield()` will have a breaking change in a future version; it will change to behave like `metafieldParser()`.\n */\nexport function parseMetafield(\n  /** A [Metafield](https://shopify.dev/api/storefront/reference/common-objects/Metafield) or null */\n  metafield: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null\n): PartialDeep<ParsedMetafield, {recurseIntoArrays: true}> | null {\n  if (__HYDROGEN_DEV__) {\n    console.info(\n      `'parseMetafield()' will have a breaking change in a future version; its behavior will match that of 'metafieldParser()'`\n    );\n  }\n\n  if (!metafield) {\n    if (__HYDROGEN_DEV__) {\n      console.warn(\n        `'parseMetafield' was not passed any value for the 'metafield' argument`\n      );\n    }\n    return null;\n  }\n  if (\n    __HYDROGEN_DEV__ &&\n    (metafield.value === null || metafield.value === undefined)\n  ) {\n    console.warn(\n      `'parseMetafield()' was passed ${metafield.value} for 'metafield.value'`\n    );\n  }\n\n  return {\n    ...metafield,\n    value: parseMetafieldValue(metafield),\n  };\n}\n\n/**\n * The `parseMetafieldValue` function parses a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `type`.\n * @deprecated `parseMetafieldValue()` is unsupported and will be removed in a future version.\n */\nexport function parseMetafieldValue(\n  metafield: PartialDeep<MetafieldType, {recurseIntoArrays: true}> | null\n): ParsedMetafield['value'] {\n  if (__HYDROGEN_DEV__) {\n    console.info(`'parseMetafieldValue()' will be removed in a future version`);\n  }\n\n  if (!metafield) {\n    return null;\n  }\n\n  if (metafield.value === null || metafield.value === undefined) {\n    if (__HYDROGEN_DEV__) {\n      console.warn(\n        `'parseMetafieldValue()' was passed ${metafield.value} for 'metafield.value'`\n      );\n    }\n    return metafield.value;\n  }\n\n  switch (metafield.type) {\n    case 'boolean':\n      return metafield.value === 'true';\n    case 'number_integer':\n      return parseInt(metafield.value);\n    case 'number_decimal':\n      return parseFloat(metafield.value);\n    case 'date':\n    case 'date_time':\n      return new Date(metafield.value);\n    case 'json':\n    case 'weight':\n    case 'dimension':\n    case 'volume':\n    case 'rating':\n      return parseJSON(metafield.value);\n    case 'color':\n    case 'single_line_text_field':\n    case 'multi_line_text_field':\n    case 'product_reference':\n    case 'page_reference':\n    case 'variant_reference':\n    case 'file_reference':\n    case 'url':\n    default:\n      return metafield.value;\n  }\n}\n\n/**\n * Parses a JSON string while preventing prototype injection attacks.\n */\nexport function parseJSON(json: string) {\n  if (String(json).includes('__proto__')) {\n    return JSON.parse(json, (k, v) => {\n      if (k !== '__proto__') return v;\n    });\n  }\n\n  return JSON.parse(json);\n}\n\nconst UNIT_MAPPING: Record<string, string> = {\n  // Dimension\n  mm: 'millimeter',\n  cm: 'centimeter',\n  m: 'meter',\n  in: 'inch',\n  ft: 'foot',\n  yd: 'yard',\n  // Volume\n  ml: 'milliliter',\n  l: 'liter',\n  us_fl_oz: 'fluid-ounce',\n  us_gal: 'gallon',\n  // Weight\n  kg: 'kilogram',\n  g: 'gram',\n  lb: 'pound',\n  oz: 'ounce',\n};\n\nexport function getMeasurementAsString(\n  measurement: Measurement,\n  locale = 'en-us',\n  options: Intl.NumberFormatOptions = {}\n) {\n  let measure: Measurement = {\n    value: measurement.value,\n    unit: UNIT_MAPPING[measurement.unit],\n  };\n\n  if (measure.unit == null) {\n    measure = convertToSupportedUnit(measurement.value, measurement.unit);\n  }\n\n  return new Intl.NumberFormat(locale, {\n    ...options,\n    unit: measure.unit,\n    style: 'unit',\n  }).format(measure.value);\n}\n\nfunction convertToSupportedUnit(value: number, unit: string): Measurement {\n  switch (unit) {\n    case 'cl':\n      return {\n        value: value / 1000,\n        unit: 'liter',\n      };\n    case 'm3':\n      return {\n        value: value * 1000,\n        unit: 'liter',\n      };\n    case 'us_pt':\n      return {\n        value: value * 0.125,\n        unit: 'gallon',\n      };\n    case 'us_qt':\n      return {\n        value: value * 0.5,\n        unit: 'gallon',\n      };\n    case 'us_oz':\n      return {\n        value: value / 128,\n        unit: 'gallon',\n      };\n    case 'imp_pt':\n      return {\n        value: value / 6.661, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_qt':\n      return {\n        value: value / 3.331, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_gal':\n      return {\n        value: value / 1.201, // approximate conversion\n        unit: 'gallon',\n      };\n    case 'imp_fl_oz':\n      return {\n        value: value * 0.96076, // approximate conversion\n        unit: 'fluid-ounce',\n      };\n    default:\n      throw new Error(`Unit not supported: ${unit}`);\n  }\n}\n\ntype ParsedMetafield = Omit<\n  PartialDeep<MetafieldType, {recurseIntoArrays: true}>,\n  'value'\n> & {\n  value?: string | number | boolean | JsonValue | Date | Rating | Measurement;\n};\n\nexport interface Rating {\n  value: number;\n  scale_min: number;\n  scale_max: number;\n}\n\ninterface Measurement {\n  unit: string;\n  value: number;\n}\n"],"names":["Metafield","props","data","as","passthroughProps","locale","useShop","parsedMetafield","useMemo","parseMetafield","noDataPropWarning","console","warn","value","undefined","noValueWarning","id","key","type","Wrapper","toLocaleDateString","toLocaleString","getMeasurementAsString","__html","split","join","protocolLessUrl","URL","href","replace","protocol","JSON","stringify","ref","reference","title","refArray","references","flattenConnection","map","index","__typename","image","_jsx","previewImage","url","toString","metafield","parseMetafieldValue","parseInt","parseFloat","Date","parseJSON","json","String","includes","parse","k","v","UNIT_MAPPING","mm","cm","m","in","ft","yd","ml","l","us_fl_oz","us_gal","kg","g","lb","oz","measurement","options","measure","unit","convertToSupportedUnit","Intl","NumberFormat","style","format","Error"],"mappings":";;;;;;AAiCO,SAASA,UACdC,OACA;;AACM,QAAA;AAAA,IAACC;AAAAA,IAAMC;AAAAA,OAAOC;AAAAA,EAAoBH,IAAAA;AAClC,QAAA;AAAA,IAACI;AAAAA,MAAUC,QAAS;AAEpBC,QAAAA,kBAAkBC,QAAQ,MAAMC,eAAeP,IAAI,GAAG,CAACA,IAAI,CAAC;AAElE,MAAI,CAACK,iBAAiB;AACpB,UAAMG,oBAAqB;AAGpB;AACLC,cAAQC,KAAKF,iBAAiB;AAAA,IAChC;AACO,WAAA;AAAA,EACT;AAEA,MAAIH,gBAAgBM,UAAU,QAAQN,gBAAgBM,UAAUC,QAAW;AACzE,UAAMC,iBAAkB,mDACtBR,qBAAgBS,OAAhBT,YAAsBA,gBAAgBU;AAIjC;AACLN,cAAQC,KAAKG,cAAc;AAAA,IAC7B;AACO,WAAA;AAAA,EACT;AAEA,UAAQR,gBAAgBW,MAAI;AAAA,IAC1B,KAAK,QAAQ;AACX,YAAMC,WAAUhB,kBAAM;AACtB,iCACGgB,UAAO;AAAA,QAAA,GAAKf;AAAAA,QAAgB,UACzBG,gBAAgBM,MAAeO,mBAAmBf,MAAM;AAAA,MAAA,CAClD;AAAA,IAEd;AAAA,IACA,KAAK,aAAa;AAChB,YAAMc,WAAUhB,kBAAM;AACtB,iCACGgB,UAAO;AAAA,QAAA,GAAKf;AAAAA,QAAgB,UACzBG,gBAAgBM,MAAeQ,eAAehB,MAAM;AAAA,MAAA,CAC9C;AAAA,IAEd;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK,UAAU;AACb,YAAMc,WAAUhB,kBAAM;AACtB,iCACGgB,UAAO;AAAA,QAAA,GAAKf;AAAAA,QAAgB,UAC1BkB,uBAAuBf,gBAAgBM,OAAsBR,MAAM;AAAA,MAAA,CAC5D;AAAA,IAEd;AAAA,IACA,KAAK,UAAU;AACb,YAAMc,WAAUhB,kBAAM;AACtB,iCACGgB,UAAO;AAAA,QAAA,GAAKf;AAAAA,QAAgB,UACzBG,gBAAgBM,MAAiBA;AAAAA,MAAAA,CAC3B;AAAA,IAEd;AAAA,IACA,KAAK,0BAA0B;AAC7B,YAAMM,WAAUhB,kBAAM;AACtB,iCACGgB,UAAO;AAAA,QAAA,GACFf;AAAAA,QACJ,yBAAyB;AAAA,UAACmB,QAAQhB,gBAAgBM;AAAAA,QAAe;AAAA,MAAA,CACjE;AAAA,IAEN;AAAA,IACA,KAAK,yBAAyB;AAC5B,YAAMM,WAAUhB,kBAAM;AACtB,iCACGgB,UAAO;AAAA,QAAA,GACFf;AAAAA,QACJ,yBAAyB;AAAA,UACvBmB,QAAShB,gBAAgBM,MAAiBW,MAAM,IAAI,EAAEC,KAAK,OAAO;AAAA,QACpE;AAAA,MAAA,CACA;AAAA,IAEN;AAAA,IACA,KAAK,OAAO;AACV,YAAMC,kBAAkB,IAAIC,IAAIpB,gBAAgBM,KAAgB;AAChE,iCACE,KAAA;AAAA,QACE,MAAMa,gBAAgBE,KAAKC,QAAQH,gBAAgBI,UAAU,EAAE;AAAA,QAAE,GAC7D1B;AAAAA,QAAgB,UAEnBG,gBAAgBM;AAAAA,MAAAA,CACf;AAAA,IAER;AAAA,IACA,KAAK,QAAQ;AACX,YAAMM,WAAUhB,kBAAM;AACtB,iCACGgB,UAAO;AAAA,QAAA,GAAKf;AAAAA,QAAgB,UAC1B2B,KAAKC,UAAUzB,gBAAgBM,KAAK;AAAA,MAAA,CAC7B;AAAA,IAEd;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK,kBAAkB;AACrB,YAAMM,WAAUhB,kBAAM;AACtB,YAAM8B,MAAM1B,gBAAgB2B;AAC5B,iCACGf,UAAO;AAAA,QAAA,GAAKf;AAAAA,QAAgB,WAAG6B,sCAAKE,UAALF,YAAcA,2BAAKjB,OAAnBiB,YAAyB;AAAA,MAAA,CAAa;AAAA,IAE1E;AAAA,IACA,KAAK,+BAA+B;AAClC,YAAMd,WAAUhB,kBAAM;AAEtB,YAAMiC,WAAW7B,gBAAgB8B,aAC5BC,kBAAkB/B,gBAAgB8B,UAAU,IAC7C;AACJ,iCACGlB,UAAO;AAAA,QAAA,GAAKf;AAAAA,QAAgB,UAC1BgC,SAASG,IAAI,CAACN,KAAKO,8BAGlB,MAAA;AAAA,UAAA,UAAmCP;AAAAA,QAAAA,GAAzB,GAAEA,oBAAO,MAAMO,OAAO,CACjC;AAAA,MAAA,CACO;AAAA,IAEd;AAAA,IACA,KAAK,kBAAkB;AACjBjC,YAAAA,qBAAgB2B,cAAhB3B,mBAA2BkC,gBAAe,cAAc;AAC1D,cAAMR,MAAM1B,gBAAgB2B;AACrBD,eAAAA,IAAIS,QACTC,oBAAC,OAAK;AAAA,UAAC,MAAMV,IAAIS;AAAAA,UAAM,GAAKtC;AAAAA,QAAgB,CAAA,IAC1C;AAAA,MACKG,aAAAA,qBAAgB2B,cAAhB3B,mBAA2BkC,gBAAe,eAAe;AAClE,cAAMR,MAAM1B,gBAAgB2B;AACrBD,eAAAA,IAAIW,eACTD,oBAAA,KAAA;AAAA,UAAG,OAAMpC,2BAAgB2B,cAAhB3B,mBAA2BsC,QAA3BtC,YAAkC;AAAA,UAAG,GAAKH;AAAAA,UAAgB,8BAChE,OAAK;AAAA,YAAC,MAAM6B,IAAIW;AAAAA,UAAAA,CAAa;AAAA,QAAG,CAAA,IAEjC;AAAA,MACKrC,aAAAA,qBAAgB2B,cAAhB3B,mBAA2BkC,gBAAe,SAAS;AAC5D,cAAMR,MAAM1B,gBAAgB2B;AAC5B,mCAAQ,OAAK;AAAA,UAAA,GAAK9B;AAAAA,UAAkB,MAAM6B;AAAAA,QAAAA,CAAO;AAAA,MACnD;AAAA,IACF;AAAA,EAAC;AAGH,QAAMd,UAAUhB,kBAAM;AACtB,6BACG,SAAO;AAAA,IAAA,GAAKC;AAAAA,IAAgB,WAAGG,qBAAgBM,UAAhBN,mBAAuBuC;AAAAA,EAAQ,CAAa;AAEhF;AASO,SAASrC,eAEdsC,WACgE;AAOhE,MAAI,CAACA,WAAW;AAMP,WAAA;AAAA,EACT;AAUO,SAAA;AAAA,IACL,GAAGA;AAAAA,IACHlC,OAAOmC,oBAAoBD,SAAS;AAAA,EAAA;AAExC;AAMO,SAASC,oBACdD,WAC0B;AAK1B,MAAI,CAACA,WAAW;AACP,WAAA;AAAA,EACT;AAEA,MAAIA,UAAUlC,UAAU,QAAQkC,UAAUlC,UAAUC,QAAW;AAM7D,WAAOiC,UAAUlC;AAAAA,EACnB;AAEA,UAAQkC,UAAU7B,MAAI;AAAA,IACpB,KAAK;AACH,aAAO6B,UAAUlC,UAAU;AAAA,IAC7B,KAAK;AACIoC,aAAAA,SAASF,UAAUlC,KAAK;AAAA,IACjC,KAAK;AACIqC,aAAAA,WAAWH,UAAUlC,KAAK;AAAA,IACnC,KAAK;AAAA,IACL,KAAK;AACI,aAAA,IAAIsC,KAAKJ,UAAUlC,KAAK;AAAA,IACjC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACIuC,aAAAA,UAAUL,UAAUlC,KAAK;AAAA,IAClC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAOkC,UAAUlC;AAAAA,EAAM;AAE7B;AAKO,SAASuC,UAAUC,MAAc;AACtC,MAAIC,OAAOD,IAAI,EAAEE,SAAS,WAAW,GAAG;AACtC,WAAOxB,KAAKyB,MAAMH,MAAM,CAACI,GAAGC,MAAM;AAChC,UAAID,MAAM;AAAoBC,eAAAA;AAAAA,IAAAA,CAC/B;AAAA,EACH;AAEO3B,SAAAA,KAAKyB,MAAMH,IAAI;AACxB;AAEA,MAAMM,eAAuC;AAAA,EAE3CC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,GAAG;AAAA,EACHC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EAEJC,IAAI;AAAA,EACJC,GAAG;AAAA,EACHC,UAAU;AAAA,EACVC,QAAQ;AAAA,EAERC,IAAI;AAAA,EACJC,GAAG;AAAA,EACHC,IAAI;AAAA,EACJC,IAAI;AACN;AAEO,SAASnD,uBACdoD,aACArE,SAAS,SACTsE,UAAoC,CAAA,GACpC;AACA,MAAIC,UAAuB;AAAA,IACzB/D,OAAO6D,YAAY7D;AAAAA,IACnBgE,MAAMlB,aAAae,YAAYG;AAAAA,EAAAA;AAG7BD,MAAAA,QAAQC,QAAQ,MAAM;AACxBD,cAAUE,uBAAuBJ,YAAY7D,OAAO6D,YAAYG,IAAI;AAAA,EACtE;AAEO,SAAA,IAAIE,KAAKC,aAAa3E,QAAQ;AAAA,IACnC,GAAGsE;AAAAA,IACHE,MAAMD,QAAQC;AAAAA,IACdI,OAAO;AAAA,EACR,CAAA,EAAEC,OAAON,QAAQ/D,KAAK;AACzB;AAEA,SAASiE,uBAAuBjE,OAAegE,MAA2B;AACxE,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACLhE,OAAOA,QAAQ;AAAA,QACfgE,MAAM;AAAA,MAAA;AAAA,IAEV;AACQ,YAAA,IAAIM,MAAO,uBAAsBN,MAAM;AAAA,EAAE;AAErD;"}