@instockng/storefront-ui 1.0.106 → 1.0.108

package/dist/index178.mjs

@@ -1,5 +1,33 @@
 'use client';
-var t = {};
+import { __exports as e } from "./index236.mjs";
+import { __require as f } from "./index237.mjs";
+import { __require as _ } from "./index123.mjs";
+var i;
+function R() {
+  return i ? e : (i = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    });
+    function n(c, o) {
+      for (var u in o) Object.defineProperty(c, u, {
+        enumerable: !0,
+        get: o[u]
+      });
+    }
+    n(r, {
+      getSortedRouteObjects: function() {
+        return t.getSortedRouteObjects;
+      },
+      getSortedRoutes: function() {
+        return t.getSortedRoutes;
+      },
+      isDynamicRoute: function() {
+        return s.isDynamicRoute;
+      }
+    });
+    const t = f(), s = _();
+  }(e), e);
+}
 export {
-  t as __exports
+  R as __require
 };

package/dist/index179.mjs

@@ -1,5 +1,21 @@
 'use client';
-var r = {};
+import { __exports as e } from "./index238.mjs";
+var t;
+function u() {
+  return t ? e : (t = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    }), Object.defineProperty(r, "normalizePathSep", {
+      enumerable: !0,
+      get: function() {
+        return n;
+      }
+    });
+    function n(a) {
+      return a.replace(/\\/g, "/");
+    }
+  }(e), e);
+}
 export {
-  r as __exports
+  u as __require
 };

package/dist/index18.mjs

@@ -1,154 +1,121 @@
 'use client';
-import { jsx as s, jsxs as l, Fragment as x } from "react/jsx-runtime";
-import { useRef as T, useState as c } from "react";
-import "./index28.mjs";
-import { useGetCartUpsellAddons as z } from "./index40.mjs";
+import { jsx as t, jsxs as s, Fragment as c } from "react/jsx-runtime";
+import { useState as r } from "react";
+import "./index31.mjs";
+import { useGetCartRecommendations as M } from "./index43.mjs";
 import "@tanstack/react-query";
-import { useCart as G } from "./index3.mjs";
-import { cn as b, formatCurrency as w } from "./index27.mjs";
-import { FreeShippingProgress as R } from "./index49.mjs";
-import { Button as A } from "./index21.mjs";
-import { Loader2 as C, Package as q, Check as B } from "lucide-react";
-import { VariantPickerModal as D } from "./index13.mjs";
-function ee({
-  onSkip: k,
-  className: P,
-  checkoutButtonClassName: F
+import { useCart as U } from "./index3.mjs";
+import { cn as m, formatCurrency as z } from "./index30.mjs";
+import { Button as b } from "./index24.mjs";
+import { Loader2 as N, Package as R, Check as S } from "lucide-react";
+import { VariantPickerModal as T } from "./index14.mjs";
+function K({
+  onSkip: w,
+  limit: y = 100,
+  className: p,
+  checkoutButtonClassName: k
 }) {
-  const { cart: o, addItem: I } = G(), { data: m, isLoading: M } = z(o == null ? void 0 : o.id), u = T(null);
-  m && !u.current && (u.current = m);
-  const f = u.current ?? m, [V, N] = c([]), [h, j] = c([]), [r, g] = c(null), [U, y] = c(!1), v = async (t, e, n) => {
-    N((i) => [...i, t.id]);
+  const { cart: d, addItem: C } = U(), { data: h, isLoading: A } = M(d == null ? void 0 : d.id, y), [P, f] = r([]), [I, V] = r([]), [g, o] = r(null), [j, u] = r(!1), x = h ? [...h].reverse() : [], v = async (e, a) => {
+    f((i) => [...i, e.id]);
     try {
-      const i = Math.round(e.price * (1 - n / 100));
-      await I(t.slug, t.name, i, e.sku, 1, !0, n), j((a) => [...a, t.id]);
+      await C(e.slug, e.name, a.price, a.sku, 1), V((i) => [...i, e.id]);
     } finally {
-      N((i) => i.filter((a) => a !== t.id));
+      f((i) => i.filter((n) => n !== e.id));
     }
-  }, L = (t, e) => {
-    if (t.variants.length > 1) {
-      g({ product: t, discountPercent: e });
+  }, F = (e) => {
+    if (e.variants.length > 1) {
+      o(e);
       return;
     }
-    const n = t.variants[0];
-    n && v(t, n, e);
-  }, O = async (t, e) => {
-    if (r) {
-      y(!0);
-      try {
-        let n = null, i = null;
-        for (const a of f || []) {
-          const d = a.addons.find((p) => p.id === t.id);
-          if (d) {
-            n = d, i = d.variants.find((p) => p.id === e.id);
-            break;
-          }
-        }
-        n && i && await v(n, i, r.discountPercent), g(null);
-      } finally {
-        y(!1);
-      }
+    const a = e.variants[0];
+    a && v(e, a);
+  }, L = async (e, a) => {
+    u(!0);
+    try {
+      const i = x.find((l) => l.id === e.id), n = i == null ? void 0 : i.variants.find((l) => l.id === a.id);
+      i && n && await v(i, n), o(null);
+    } finally {
+      u(!1);
     }
   };
-  if (M)
-    return /* @__PURE__ */ s("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ s(C, { className: "h-8 w-8 animate-spin text-accent-500" }) });
-  const S = [];
-  for (const t of f || [])
-    for (const e of t.addons)
-      h.includes(e.id) || S.push({
-        product: t,
-        addon: e,
-        parentName: t.productName,
-        parentThumbnail: t.productThumbnailUrl
-      });
-  return /* @__PURE__ */ l(x, { children: [
-    /* @__PURE__ */ l("div", { className: b("flex flex-1 min-h-0 flex-col", P), children: [
-      /* @__PURE__ */ s(R, {}),
-      /* @__PURE__ */ l("div", { className: "flex-1 min-h-0 overflow-y-auto p-4", children: [
-        /* @__PURE__ */ l("div", { className: "text-center mb-4", children: [
-          /* @__PURE__ */ s("h3", { className: "text-lg font-semibold text-gray-900", children: "Exclusive deals for you" }),
-          /* @__PURE__ */ s("p", { className: "text-sm text-gray-500 mt-1", children: "Get these items at a special discount before checkout" })
+  return A ? /* @__PURE__ */ t("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ t(N, { className: "h-8 w-8 animate-spin text-accent-500" }) }) : /* @__PURE__ */ s(c, { children: [
+    /* @__PURE__ */ s("div", { className: m("flex flex-1 min-h-0 flex-col", p), children: [
+      /* @__PURE__ */ s("div", { className: "flex-1 min-h-0 overflow-y-auto p-4", children: [
+        /* @__PURE__ */ s("div", { className: "text-center mb-4", children: [
+          /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-gray-900", children: "Would you like to add something else?" }),
+          /* @__PURE__ */ t("p", { className: "text-sm text-gray-500 mt-1", children: "These go great with your order" })
         ] }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-3", children: (f || []).flatMap(
-          (t) => t.addons.map((e) => {
-            const n = e.variants[0];
-            if (!n) return null;
-            const i = V.includes(e.id), a = h.includes(e.id), d = Math.round(n.price * (1 - e.discountPercent / 100));
-            return /* @__PURE__ */ l(
-              "div",
-              {
-                className: "flex flex-col bg-white border border-gray-200 rounded-lg overflow-hidden",
-                children: [
-                  /* @__PURE__ */ l("div", { className: "relative aspect-square bg-gray-100 overflow-hidden", children: [
-                    e.thumbnailUrl ? /* @__PURE__ */ s(
-                      "img",
-                      {
-                        src: e.thumbnailUrl,
-                        alt: e.name,
-                        className: "absolute inset-0 w-full h-full object-cover"
-                      }
-                    ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ s(q, { className: "h-8 w-8 text-gray-300" }) }),
-                    /* @__PURE__ */ l("div", { className: "absolute top-1 left-1 bg-red-500 text-white text-xs font-bold px-1.5 py-0.5 rounded", children: [
-                      e.discountPercent,
-                      "% OFF"
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ l("div", { className: "p-2 flex flex-col flex-1", children: [
-                    /* @__PURE__ */ s("h4", { className: "text-xs font-medium text-gray-900 line-clamp-2 leading-tight min-h-[2.5em]", children: e.name }),
-                    /* @__PURE__ */ l("div", { className: "mt-1", children: [
-                      /* @__PURE__ */ s("span", { className: "text-xs text-gray-400 line-through mr-1", children: w(n.price) }),
-                      /* @__PURE__ */ s("span", { className: "text-sm font-bold text-red-600", children: w(d) })
-                    ] }),
-                    /* @__PURE__ */ s(
-                      A,
-                      {
-                        size: "sm",
-                        onClick: () => L(e, e.discountPercent),
-                        disabled: i || a,
-                        className: b(
-                          "w-full text-xs h-7 mt-2",
-                          a ? "bg-green-500 hover:bg-green-500 text-white !opacity-100" : "bg-red-500 hover:bg-red-600 text-white"
-                        ),
-                        children: i ? /* @__PURE__ */ l(x, { children: [
-                          /* @__PURE__ */ s(C, { className: "h-3 w-3 animate-spin" }),
-                          "Adding..."
-                        ] }) : a ? /* @__PURE__ */ l(x, { children: [
-                          /* @__PURE__ */ s(B, { className: "h-3 w-3" }),
-                          "Added"
-                        ] }) : "Add"
-                      }
-                    )
-                  ] })
-                ]
-              },
-              e.id
-            );
-          })
-        ) })
+        /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-3", children: x.map((e) => {
+          const a = e.variants[0];
+          if (!a) return null;
+          const i = P.includes(e.id), n = I.includes(e.id);
+          return /* @__PURE__ */ s(
+            "a",
+            {
+              href: `/product/${e.slug}`,
+              className: "flex flex-col bg-white border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition-shadow",
+              children: [
+                /* @__PURE__ */ t("div", { className: "relative aspect-square bg-gray-100 overflow-hidden", children: e.thumbnailUrl ? /* @__PURE__ */ t(
+                  "img",
+                  {
+                    src: e.thumbnailUrl,
+                    alt: e.name,
+                    className: "absolute inset-0 w-full h-full object-cover"
+                  }
+                ) : /* @__PURE__ */ t("div", { className: "absolute inset-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ t(R, { className: "h-8 w-8 text-gray-300" }) }) }),
+                /* @__PURE__ */ s("div", { className: "p-2 flex flex-col flex-1", children: [
+                  /* @__PURE__ */ t("h4", { className: "text-sm font-medium text-gray-900 line-clamp-2 leading-tight min-h-[2.5em]", children: e.name }),
+                  /* @__PURE__ */ t("p", { className: "text-sm font-bold text-accent-600 mt-1", children: z(a.price) }),
+                  /* @__PURE__ */ t(
+                    b,
+                    {
+                      size: "sm",
+                      onClick: (l) => {
+                        l.preventDefault(), l.stopPropagation(), F(e);
+                      },
+                      disabled: i || n,
+                      className: m(
+                        "w-full text-xs h-8 mt-2",
+                        n ? "bg-green-500 hover:bg-green-500 text-white !opacity-100" : "bg-accent-500 hover:bg-accent-600 text-white"
+                      ),
+                      children: i ? /* @__PURE__ */ s(c, { children: [
+                        /* @__PURE__ */ t(N, { className: "h-3 w-3 animate-spin" }),
+                        "Adding..."
+                      ] }) : n ? /* @__PURE__ */ s(c, { children: [
+                        /* @__PURE__ */ t(S, { className: "h-3 w-3" }),
+                        "Added"
+                      ] }) : "Add"
+                    }
+                  )
+                ] })
+              ]
+            },
+            e.id
+          );
+        }) })
       ] }),
-      /* @__PURE__ */ s("div", { className: "border-t border-gray-300 bg-white px-4 py-3", children: /* @__PURE__ */ s(
-        A,
+      /* @__PURE__ */ t("div", { className: "border-t border-gray-300 bg-white px-4 py-3", children: /* @__PURE__ */ t(
+        b,
         {
-          onClick: k,
-          className: b("w-full bg-accent-500 text-white hover:bg-accent-600", F),
+          onClick: w,
+          className: m("w-full bg-accent-500 text-white hover:bg-accent-600", k),
           size: "lg",
-          children: h.length > 0 ? "Continue to checkout" : "No thanks, continue to checkout"
+          children: "No thanks, continue to checkout"
         }
       ) })
     ] }),
-    /* @__PURE__ */ s(
-      D,
+    /* @__PURE__ */ t(
+      T,
       {
-        isOpen: !!r,
-        onClose: () => g(null),
-        product: (r == null ? void 0 : r.product) || null,
-        onConfirm: O,
-        isLoading: U,
-        discountPercent: r == null ? void 0 : r.discountPercent
+        isOpen: !!g,
+        onClose: () => o(null),
+        product: g,
+        onConfirm: L,
+        isLoading: j
       }
     )
   ] });
 }
 export {
-  ee as AddOnsDiscountScreen
+  K as CartUpsellScreen
 };

package/dist/index181.mjs

@@ -1,75 +1,5 @@
 'use client';
-import { __exports as u } from "./index243.mjs";
-import { __require as d } from "./index244.mjs";
-var a;
-function h() {
-  return a ? u : (a = 1, function(c) {
-    Object.defineProperty(c, "__esModule", {
-      value: !0
-    });
-    function s(n, e) {
-      for (var r in e) Object.defineProperty(n, r, {
-        enumerable: !0,
-        get: e[r]
-      });
-    }
-    s(c, {
-      INTERCEPTION_ROUTE_MARKERS: function() {
-        return i;
-      },
-      extractInterceptionRouteInformation: function() {
-        return l;
-      },
-      isInterceptionRouteAppPath: function() {
-        return f;
-      }
-    });
-    const p = d(), i = [
-      "(..)(..)",
-      "(.)",
-      "(..)",
-      "(...)"
-    ];
-    function f(n) {
-      return n.split("/").find((e) => i.find((r) => e.startsWith(r))) !== void 0;
-    }
-    function l(n) {
-      let e, r, t;
-      for (const o of n.split("/"))
-        if (r = i.find((R) => o.startsWith(R)), r) {
-          [e, t] = n.split(r, 2);
-          break;
-        }
-      if (!e || !r || !t)
-        throw new Error(`Invalid interception route: ${n}. Must be in the format /<intercepting route>/(..|...|..)(..)/<intercepted route>`);
-      switch (e = (0, p.normalizeAppPath)(e), r) {
-        case "(.)":
-          e === "/" ? t = `/${t}` : t = e + "/" + t;
-          break;
-        case "(..)":
-          if (e === "/")
-            throw new Error(`Invalid interception route: ${n}. Cannot use (..) marker at the root level, use (.) instead.`);
-          t = e.split("/").slice(0, -1).concat(t).join("/");
-          break;
-        case "(...)":
-          t = "/" + t;
-          break;
-        case "(..)(..)":
-          const o = e.split("/");
-          if (o.length <= 2)
-            throw new Error(`Invalid interception route: ${n}. Cannot use (..)(..) marker at the root level or one level up.`);
-          t = o.slice(0, -2).concat(t).join("/");
-          break;
-        default:
-          throw new Error("Invariant: unexpected marker");
-      }
-      return {
-        interceptingRoute: e,
-        interceptedRoute: t
-      };
-    }
-  }(u), u);
-}
+var t = {};
 export {
-  h as __require
+  t as __exports
 };

package/dist/index182.mjs

@@ -1,5 +1,5 @@
 'use client';
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };

package/dist/index183.mjs

@@ -1,56 +1,5 @@
 'use client';
-import { __exports as i } from "./index251.mjs";
-var a;
-function d() {
-  return a ? i : (a = 1, function(f) {
-    Object.defineProperty(f, "__esModule", {
-      value: !0
-    });
-    function c(e, r) {
-      for (var t in r) Object.defineProperty(e, t, {
-        enumerable: !0,
-        get: r[t]
-      });
-    }
-    c(f, {
-      assign: function() {
-        return l;
-      },
-      searchParamsToUrlQuery: function() {
-        return y;
-      },
-      urlQueryToSearchParams: function() {
-        return h;
-      }
-    });
-    function y(e) {
-      const r = {};
-      return e.forEach((t, n) => {
-        typeof r[n] > "u" ? r[n] = t : Array.isArray(r[n]) ? r[n].push(t) : r[n] = [
-          r[n],
-          t
-        ];
-      }), r;
-    }
-    function s(e) {
-      return typeof e == "string" || typeof e == "number" && !isNaN(e) || typeof e == "boolean" ? String(e) : "";
-    }
-    function h(e) {
-      const r = new URLSearchParams();
-      return Object.entries(e).forEach((t) => {
-        let [n, u] = t;
-        Array.isArray(u) ? u.forEach((o) => r.append(n, s(o))) : r.set(n, s(u));
-      }), r;
-    }
-    function l(e) {
-      for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-        t[n - 1] = arguments[n];
-      return t.forEach((u) => {
-        Array.from(u.keys()).forEach((o) => e.delete(o)), u.forEach((o, g) => e.append(g, o));
-      }), e;
-    }
-  }(i), i);
-}
+var a = {};
 export {
-  d as __require
+  a as __exports
 };

package/dist/index184.mjs

@@ -1,5 +1,75 @@
 'use client';
-var e = {};
+import { __exports as u } from "./index246.mjs";
+import { __require as d } from "./index247.mjs";
+var a;
+function h() {
+  return a ? u : (a = 1, function(c) {
+    Object.defineProperty(c, "__esModule", {
+      value: !0
+    });
+    function s(n, e) {
+      for (var r in e) Object.defineProperty(n, r, {
+        enumerable: !0,
+        get: e[r]
+      });
+    }
+    s(c, {
+      INTERCEPTION_ROUTE_MARKERS: function() {
+        return i;
+      },
+      extractInterceptionRouteInformation: function() {
+        return l;
+      },
+      isInterceptionRouteAppPath: function() {
+        return f;
+      }
+    });
+    const p = d(), i = [
+      "(..)(..)",
+      "(.)",
+      "(..)",
+      "(...)"
+    ];
+    function f(n) {
+      return n.split("/").find((e) => i.find((r) => e.startsWith(r))) !== void 0;
+    }
+    function l(n) {
+      let e, r, t;
+      for (const o of n.split("/"))
+        if (r = i.find((R) => o.startsWith(R)), r) {
+          [e, t] = n.split(r, 2);
+          break;
+        }
+      if (!e || !r || !t)
+        throw new Error(`Invalid interception route: ${n}. Must be in the format /<intercepting route>/(..|...|..)(..)/<intercepted route>`);
+      switch (e = (0, p.normalizeAppPath)(e), r) {
+        case "(.)":
+          e === "/" ? t = `/${t}` : t = e + "/" + t;
+          break;
+        case "(..)":
+          if (e === "/")
+            throw new Error(`Invalid interception route: ${n}. Cannot use (..) marker at the root level, use (.) instead.`);
+          t = e.split("/").slice(0, -1).concat(t).join("/");
+          break;
+        case "(...)":
+          t = "/" + t;
+          break;
+        case "(..)(..)":
+          const o = e.split("/");
+          if (o.length <= 2)
+            throw new Error(`Invalid interception route: ${n}. Cannot use (..)(..) marker at the root level or one level up.`);
+          t = o.slice(0, -2).concat(t).join("/");
+          break;
+        default:
+          throw new Error("Invariant: unexpected marker");
+      }
+      return {
+        interceptingRoute: e,
+        interceptedRoute: t
+      };
+    }
+  }(u), u);
+}
 export {
-  e as __exports
+  h as __require
 };

package/dist/index185.mjs

@@ -1,39 +1,5 @@
 'use client';
-import { __exports as n } from "./index245.mjs";
-import { __require as d } from "./index246.mjs";
-var o;
-function p() {
-  return o ? n : (o = 1, function(i) {
-    Object.defineProperty(i, "__esModule", {
-      value: !0
-    }), Object.defineProperty(i, "getPathMatch", {
-      enumerable: !0,
-      get: function() {
-        return s;
-      }
-    });
-    const u = d();
-    function s(l, e) {
-      const r = [], t = (0, u.pathToRegexp)(l, r, {
-        delimiter: "/",
-        sensitive: typeof (e == null ? void 0 : e.sensitive) == "boolean" ? e.sensitive : !1,
-        strict: e == null ? void 0 : e.strict
-      }), h = (0, u.regexpToFunction)(e != null && e.regexModifier ? new RegExp(e.regexModifier(t.source), t.flags) : t, r);
-      return (f, m) => {
-        if (typeof f != "string") return !1;
-        const a = h(f);
-        if (!a) return !1;
-        if (e != null && e.removeUnnamedParams)
-          for (const c of r)
-            typeof c.name == "number" && delete a.params[c.name];
-        return {
-          ...m,
-          ...a.params
-        };
-      };
-    }
-  }(n), n);
-}
+var e = {};
 export {
-  p as __require
+  e as __exports
 };