@instockng/storefront-ui 1.0.65 → 1.0.67

package/dist/index78.mjs

@@ -1,23 +1,9 @@
 'use client';
-import { __exports as e } from "./index137.mjs";
-import "./index76.mjs";
-import u from "react";
-import { __exports as n } from "./index81.mjs";
-var o;
-function d() {
-  return o ? e : (o = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), Object.defineProperty(t, "RouterContext", {
-      enumerable: !0,
-      get: function() {
-        return r;
-      }
-    });
-    const r = (/* @__PURE__ */ n._(u)).default.createContext(null);
-    process.env.NODE_ENV !== "production" && (r.displayName = "RouterContext");
-  }(e), e);
+import { __exports as r } from "./index82.mjs";
+function t(e) {
+  return e && e.__esModule ? e : { default: e };
 }
+r._ = t;
 export {
-  d as __require
+  r as default
 };

package/dist/index79.mjs

@@ -1,58 +1,359 @@
 'use client';
-import { __exports as o } from "./index138.mjs";
-import { __require as p } from "./index139.mjs";
-var u;
-function m() {
-  return u ? o : (u = 1, function(i) {
-    Object.defineProperty(i, "__esModule", {
-      value: !0
-    });
-    function f(e, r) {
-      for (var t in r) Object.defineProperty(e, t, {
-        enumerable: !0,
-        get: r[t]
+import { __exports as ce } from "./index83.mjs";
+import "./index149.mjs";
+import "./index150.mjs";
+import "./index151.mjs";
+import { __exports as he } from "./index152.mjs";
+import { __exports as pe } from "./index153.mjs";
+import { __exports as ue } from "./index154.mjs";
+(function(U) {
+  Object.defineProperty(U, "__esModule", {
+    value: !0
+  }), Object.defineProperty(U, "getImgProps", {
+    enumerable: !0,
+    get: function() {
+      return ee;
+    }
+  });
+  const z = pe, $ = ue, K = he, C = [
+    "lazy",
+    "eager",
+    void 0
+  ];
+  function k(i) {
+    return i.default !== void 0;
+  }
+  function X(i) {
+    return i.src !== void 0;
+  }
+  function Q(i) {
+    return !!i && typeof i == "object" && (k(i) || X(i));
+  }
+  const A = /* @__PURE__ */ new Map();
+  let _;
+  function N(i) {
+    return typeof i > "u" ? i : typeof i == "number" ? Number.isFinite(i) ? i : NaN : typeof i == "string" && /^[0-9]+$/.test(i) ? parseInt(i, 10) : NaN;
+  }
+  function Y(i, m, e) {
+    let { deviceSizes: w, allSizes: o } = i;
+    if (e) {
+      const s = /(^|\s)(1?\d?\d)vw/g, u = [];
+      for (let p; p = s.exec(e); p)
+        u.push(parseInt(p[2]));
+      if (u.length) {
+        const p = Math.min(...u) * 0.01;
+        return {
+          widths: o.filter((g) => g >= w[0] * p),
+          kind: "w"
+        };
+      }
+      return {
+        widths: o,
+        kind: "w"
+      };
+    }
+    return typeof m != "number" ? {
+      widths: w,
+      kind: "w"
+    } : {
+      widths: [
+        ...new Set(
+          // > This means that most OLED screens that say they are 3x resolution,
+          // > are actually 3x in the green color, but only 1.5x in the red and
+          // > blue colors. Showing a 3x resolution image in the app vs a 2x
+          // > resolution image will be visually the same, though the 3x image
+          // > takes significantly more data. Even true 3x resolution screens are
+          // > wasteful as the human eye cannot see that level of detail without
+          // > something like a magnifying glass.
+          // https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/capping-image-fidelity-on-ultra-high-resolution-devices.html
+          [
+            m,
+            m * 2
+            /*, width * 3*/
+          ].map((s) => o.find((u) => u >= s) || o[o.length - 1])
+        )
+      ],
+      kind: "x"
+    };
+  }
+  function Z(i) {
+    let { config: m, src: e, unoptimized: w, width: o, quality: y, sizes: s, loader: u } = i;
+    if (w)
+      return {
+        src: e,
+        srcSet: void 0,
+        sizes: void 0
+      };
+    const { widths: p, kind: g } = Y(m, o, s), E = p.length - 1;
+    return {
+      sizes: !s && g === "w" ? "100vw" : s,
+      srcSet: p.map((b, n) => u({
+        config: m,
+        src: e,
+        quality: y,
+        width: b
+      }) + " " + (g === "w" ? b : n + 1) + g).join(", "),
+      // It's intended to keep `src` the last attribute because React updates
+      // attributes in order. If we keep `src` the first one, Safari will
+      // immediately start to fetch `src`, before `sizes` and `srcSet` are even
+      // updated by React. That causes multiple unnecessary requests if `srcSet`
+      // and `sizes` are defined.
+      // This bug cannot be reproduced in Chrome or Firefox.
+      src: u({
+        config: m,
+        src: e,
+        quality: y,
+        width: p[E]
+      })
+    };
+  }
+  function ee(i, m) {
+    let { src: e, sizes: w, unoptimized: o = !1, priority: y = !1, loading: s, className: u, quality: p, width: g, height: E, fill: b = !1, style: n, overrideSrc: te, onLoad: me, onLoadingComplete: ie, placeholder: l = "empty", blurDataURL: I, fetchPriority: re, decoding: oe = "async", layout: x, objectFit: W, objectPosition: q, lazyBoundary: se, lazyRoot: ne, ...R } = i;
+    const { imgConf: ae, showAltText: le, blurComplete: de, defaultLoader: V } = m;
+    let v, S = ae || K.imageConfigDefault;
+    if ("allSizes" in S)
+      v = S;
+    else {
+      var F;
+      const t = [
+        ...S.deviceSizes,
+        ...S.imageSizes
+      ].sort((c, h) => c - h), r = S.deviceSizes.sort((c, h) => c - h), f = (F = S.qualities) == null ? void 0 : F.sort((c, h) => c - h);
+      v = {
+        ...S,
+        allSizes: t,
+        deviceSizes: r,
+        qualities: f
+      };
+    }
+    if (typeof V > "u")
+      throw new Error(`images.loaderFile detected but the file is missing default export.
+Read more: https://nextjs.org/docs/messages/invalid-images-config`);
+    let O = R.loader || V;
+    delete R.loader, delete R.srcSet;
+    const L = "__next_img_default" in O;
+    if (L) {
+      if (v.loader === "custom")
+        throw new Error('Image with src "' + e + `" is missing "loader" prop.
+Read more: https://nextjs.org/docs/messages/next-image-missing-loader`);
+    } else {
+      const t = O;
+      O = (r) => {
+        const { config: f, ...c } = r;
+        return t(c);
+      };
+    }
+    if (x) {
+      x === "fill" && (b = !0);
+      const t = {
+        intrinsic: {
+          maxWidth: "100%",
+          height: "auto"
+        },
+        responsive: {
+          width: "100%",
+          height: "auto"
+        }
+      }, r = {
+        responsive: "100vw",
+        fill: "100vw"
+      }, f = t[x];
+      f && (n = {
+        ...n,
+        ...f
       });
+      const c = r[x];
+      c && !w && (w = c);
     }
-    f(i, {
-      /**
-      * Checks whether the given value is a NextError.
-      * This can be used to print a more detailed error message with properties like `code` & `digest`.
-      */
-      default: function() {
-        return s;
-      },
-      getProperError: function() {
-        return a;
+    let M = "", a = N(g), d = N(E), B, T;
+    if (Q(e)) {
+      const t = k(e) ? e.default : e;
+      if (!t.src)
+        throw new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received " + JSON.stringify(t));
+      if (!t.height || !t.width)
+        throw new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received " + JSON.stringify(t));
+      if (B = t.blurWidth, T = t.blurHeight, I = I || t.blurDataURL, M = t.src, !b) {
+        if (!a && !d)
+          a = t.width, d = t.height;
+        else if (a && !d) {
+          const r = a / t.width;
+          d = Math.round(t.height * r);
+        } else if (!a && d) {
+          const r = d / t.height;
+          a = Math.round(t.width * r);
+        }
       }
-    });
-    const c = p();
-    function s(e) {
-      return typeof e == "object" && e !== null && "name" in e && "message" in e;
-    }
-    function d(e) {
-      const r = /* @__PURE__ */ new WeakSet();
-      return JSON.stringify(e, (t, n) => {
-        if (typeof n == "object" && n !== null) {
-          if (r.has(n))
-            return "[Circular]";
-          r.add(n);
+    }
+    e = typeof e == "string" ? e : M;
+    let G = !y && (s === "lazy" || typeof s > "u");
+    (!e || e.startsWith("data:") || e.startsWith("blob:")) && (o = !0, G = !1), v.unoptimized && (o = !0), L && !v.dangerouslyAllowSVG && e.split("?", 1)[0].endsWith(".svg") && (o = !0);
+    const H = N(p);
+    if (process.env.NODE_ENV !== "production") {
+      if (v.output === "export" && L && !o)
+        throw new Error("Image Optimization using the default loader is not compatible with `{ output: 'export' }`.\n  Possible solutions:\n    - Remove `{ output: 'export' }` and run \"next start\" to run server mode including the Image Optimization API.\n    - Configure `{ images: { unoptimized: true } }` in `next.config.js` to disable the Image Optimization API.\n  Read more: https://nextjs.org/docs/messages/export-image-api");
+      if (!e)
+        o = !0;
+      else if (b) {
+        if (g)
+          throw new Error('Image with src "' + e + '" has both "width" and "fill" properties. Only one should be used.');
+        if (E)
+          throw new Error('Image with src "' + e + '" has both "height" and "fill" properties. Only one should be used.');
+        if (n != null && n.position && n.position !== "absolute")
+          throw new Error('Image with src "' + e + '" has both "fill" and "style.position" properties. Images with "fill" always use position absolute - it cannot be modified.');
+        if (n != null && n.width && n.width !== "100%")
+          throw new Error('Image with src "' + e + '" has both "fill" and "style.width" properties. Images with "fill" always use width 100% - it cannot be modified.');
+        if (n != null && n.height && n.height !== "100%")
+          throw new Error('Image with src "' + e + '" has both "fill" and "style.height" properties. Images with "fill" always use height 100% - it cannot be modified.');
+      } else {
+        if (typeof a > "u")
+          throw new Error('Image with src "' + e + '" is missing required "width" property.');
+        if (isNaN(a))
+          throw new Error('Image with src "' + e + '" has invalid "width" property. Expected a numeric value in pixels but received "' + g + '".');
+        if (typeof d > "u")
+          throw new Error('Image with src "' + e + '" is missing required "height" property.');
+        if (isNaN(d))
+          throw new Error('Image with src "' + e + '" has invalid "height" property. Expected a numeric value in pixels but received "' + E + '".');
+        if (/^[\x00-\x20]/.test(e))
+          throw new Error('Image with src "' + e + '" cannot start with a space or control character. Use src.trimStart() to remove it or encodeURIComponent(src) to keep it.');
+        if (/[\x00-\x20]$/.test(e))
+          throw new Error('Image with src "' + e + '" cannot end with a space or control character. Use src.trimEnd() to remove it or encodeURIComponent(src) to keep it.');
+      }
+      if (!C.includes(s))
+        throw new Error('Image with src "' + e + '" has invalid "loading" property. Provided "' + s + '" should be one of ' + C.map(String).join(",") + ".");
+      if (y && s === "lazy")
+        throw new Error('Image with src "' + e + `" has both "priority" and "loading='lazy'" properties. Only one should be used.`);
+      if (l !== "empty" && l !== "blur" && !l.startsWith("data:image/"))
+        throw new Error('Image with src "' + e + '" has invalid "placeholder" property "' + l + '".');
+      if (l !== "empty" && a && d && a * d < 1600 && (0, z.warnOnce)('Image with src "' + e + '" is smaller than 40x40. Consider removing the "placeholder" property to improve performance.'), l === "blur" && !I) {
+        const t = [
+          "jpeg",
+          "png",
+          "webp",
+          "avif"
+        ];
+        throw new Error('Image with src "' + e + `" has "placeholder='blur'" property but is missing the "blurDataURL" property.
+        Possible solutions:
+          - Add a "blurDataURL" property, the contents should be a small Data URL to represent the image
+          - Change the "src" property to a static import with one of the supported file types: ` + t.join(",") + ` (animated images not supported)
+          - Remove the "placeholder" property, effectively no blur effect
+        Read more: https://nextjs.org/docs/messages/placeholder-blur-data-url`);
+      }
+      if ("ref" in R && (0, z.warnOnce)('Image with src "' + e + '" is using unsupported "ref" property. Consider using the "onLoad" property instead.'), !o && !L) {
+        const t = O({
+          config: v,
+          src: e,
+          width: a || 400,
+          quality: H || 75
+        });
+        let r;
+        try {
+          r = new URL(t);
+        } catch {
         }
-        return n;
+        (t === e || r && r.pathname === e && !r.search) && (0, z.warnOnce)('Image with src "' + e + `" has a "loader" property that does not implement width. Please implement it or use the "unoptimized" property instead.
+Read more: https://nextjs.org/docs/messages/next-image-missing-loader-width`);
+      }
+      ie && (0, z.warnOnce)('Image with src "' + e + '" is using deprecated "onLoadingComplete" property. Please use the "onLoad" property instead.');
+      for (const [t, r] of Object.entries({
+        layout: x,
+        objectFit: W,
+        objectPosition: q,
+        lazyBoundary: se,
+        lazyRoot: ne
+      }))
+        r && (0, z.warnOnce)('Image with src "' + e + '" has legacy prop "' + t + `". Did you forget to run the codemod?
+Read more: https://nextjs.org/docs/messages/next-image-upgrade-to-13`);
+      if (typeof window < "u" && !_ && window.PerformanceObserver) {
+        _ = new PerformanceObserver((t) => {
+          for (const f of t.getEntries()) {
+            var r;
+            const c = (f == null || (r = f.element) == null ? void 0 : r.src) || "", h = A.get(c);
+            h && !h.priority && h.placeholder === "empty" && !h.src.startsWith("data:") && !h.src.startsWith("blob:") && (0, z.warnOnce)('Image with src "' + h.src + `" was detected as the Largest Contentful Paint (LCP). Please add the "priority" property if this image is above the fold.
+Read more: https://nextjs.org/docs/api-reference/next/image#priority`);
+          }
+        });
+        try {
+          _.observe({
+            type: "largest-contentful-paint",
+            buffered: !0
+          });
+        } catch (t) {
+          console.error(t);
+        }
+      }
+    }
+    const P = Object.assign(b ? {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0,
+      objectFit: W,
+      objectPosition: q
+    } : {}, le ? {} : {
+      color: "transparent"
+    }, n), J = !de && l !== "empty" ? l === "blur" ? 'url("data:image/svg+xml;charset=utf-8,' + (0, $.getImageBlurSvg)({
+      widthInt: a,
+      heightInt: d,
+      blurWidth: B,
+      blurHeight: T,
+      blurDataURL: I || "",
+      objectFit: P.objectFit
+    }) + '")' : 'url("' + l + '")' : null;
+    let D = J ? {
+      backgroundSize: P.objectFit || "cover",
+      backgroundPosition: P.objectPosition || "50% 50%",
+      backgroundRepeat: "no-repeat",
+      backgroundImage: J
+    } : {};
+    process.env.NODE_ENV === "development" && D.backgroundImage && l === "blur" && I != null && I.startsWith("/") && (D.backgroundImage = 'url("' + I + '")');
+    const j = Z({
+      config: v,
+      src: e,
+      unoptimized: o,
+      width: a,
+      quality: H,
+      sizes: w,
+      loader: O
+    });
+    if (process.env.NODE_ENV !== "production" && typeof window < "u") {
+      let t;
+      try {
+        t = new URL(j.src);
+      } catch {
+        t = new URL(j.src, window.location.href);
+      }
+      A.set(t.href, {
+        src: e,
+        priority: y,
+        placeholder: l
       });
     }
-    function a(e) {
-      if (s(e))
-        return e;
-      if (process.env.NODE_ENV === "development") {
-        if (typeof e > "u")
-          return new Error("An undefined error was thrown, see here for more info: https://nextjs.org/docs/messages/threw-undefined");
-        if (e === null)
-          return new Error("A null error was thrown, see here for more info: https://nextjs.org/docs/messages/threw-undefined");
-      }
-      return new Error((0, c.isPlainObject)(e) ? d(e) : e + "");
-    }
-  }(o), o);
-}
-export {
-  m as __require
-};
+    return {
+      props: {
+        ...R,
+        loading: G ? "lazy" : s,
+        fetchPriority: re,
+        width: a,
+        height: d,
+        decoding: oe,
+        className: u,
+        style: {
+          ...P,
+          ...D
+        },
+        sizes: j.sizes,
+        srcSet: j.srcSet,
+        src: te || j.src
+      },
+      meta: {
+        unoptimized: o,
+        priority: y,
+        placeholder: l,
+        fill: b
+      }
+    };
+  }
+})(ce);