@instockng/storefront-ui 1.0.36 → 1.0.38

package/dist/index11.mjs

@@ -1,42 +1,42 @@
 'use client';
 import { jsxs as a, Fragment as N, jsx as e } from "react/jsx-runtime";
-import { useState as q, useEffect as b } from "react";
-import { useCart as B } from "./index3.mjs";
-import { CartItem as T } from "./index10.mjs";
-import { DiscountCodeInput as X } from "./index12.mjs";
-import { Checkout as Z } from "./index13.mjs";
-import { Button as v } from "./index14.mjs";
-import { X as A, Loader2 as G, Package as u } from "lucide-react";
+import { useState as F, useEffect as Y } from "react";
+import { useCart as q } from "./index3.mjs";
+import { CartItem as H } from "./index10.mjs";
+import { DiscountCodeInput as T } from "./index12.mjs";
+import { Checkout as X } from "./index13.mjs";
+import { RecommendedProducts as Z } from "./index41.mjs";
+import { Button as b } from "./index14.mjs";
+import { X as A, Loader2 as G, Package as h } from "lucide-react";
 import { cn as n, formatCurrency as c } from "./index20.mjs";
-function $({
-  isOpen: s,
-  onClose: i,
+import { useHideBodyOverflow as J } from "./index42.mjs";
+function ae({
+  isOpen: i,
+  onClose: s,
   onCheckout: d,
   onContinueShopping: o,
-  className: w,
-  showDiscountCode: k = !0,
-  showContinueShopping: j = !0,
-  checkoutButtonText: C = "Complete Purchase",
-  continueShoppingText: E = "Continue Shopping",
-  checkoutButtonClassName: I,
-  continueShoppingButtonClassName: L,
-  disableCheckout: z = !1,
+  className: v,
+  showDiscountCode: w = !0,
+  showContinueShopping: k = !0,
+  checkoutButtonText: j = "Complete Purchase",
+  continueShoppingText: C = "Continue Shopping",
+  checkoutButtonClassName: E,
+  continueShoppingButtonClassName: I,
+  disableCheckout: L = !1,
   emptyMessage: P = "Your cart is empty"
 }) {
-  var g, x, y;
-  const { cart: t, isLoading: l, error: m, trackCheckoutInitiated: R } = B(), [S, f] = q(!1);
-  b(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
-    document.body.style.overflow = "";
-  }), [s]), b(() => {
-    const r = (h) => {
-      h.key === "Escape" && s && i();
+  var p, x, g;
+  const { cart: t, isLoading: l, error: m, trackCheckoutInitiated: z } = q(), [R, f] = F(!1);
+  J(i), Y(() => {
+    const r = (y) => {
+      y.key === "Escape" && i && s();
     };
     return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
-  }, [s, i]);
-  const D = ((g = t == null ? void 0 : t.pricing) == null ? void 0 : g.subtotal) || 0, p = ((x = t == null ? void 0 : t.pricing.discount) == null ? void 0 : x.amount) || 0, F = () => {
-    R(), f(!0), d == null || d();
-  }, Y = () => {
-    o == null || o(), i();
+  }, [i, s]);
+  const S = ((p = t == null ? void 0 : t.pricing) == null ? void 0 : p.subtotal) || 0, u = ((x = t == null ? void 0 : t.pricing.discount) == null ? void 0 : x.amount) || 0, B = () => {
+    z(), f(!0), d == null || d();
+  }, D = () => {
+    o == null || o(), s();
   };
   return /* @__PURE__ */ a(N, { children: [
     /* @__PURE__ */ e(
@@ -44,9 +44,9 @@ function $({
       {
         className: n(
           "fixed inset-0 z-40 bg-black/50 transition-opacity duration-300",
-          s ? "opacity-100" : "pointer-events-none opacity-0"
+          i ? "opacity-100" : "pointer-events-none opacity-0"
         ),
-        onClick: i,
+        onClick: s,
         "aria-hidden": "true"
       }
     ),
@@ -55,19 +55,19 @@ function $({
       {
         className: n(
           "fixed right-0 top-0 z-50 h-full w-full bg-white shadow-2xl transition-transform duration-300 ease-in-out sm:w-[480px]",
-          s ? "translate-x-0" : "translate-x-full",
-          w
+          i ? "translate-x-0" : "translate-x-full",
+          v
         ),
         children: /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: [
           /* @__PURE__ */ e("div", { className: "border-b border-gray-300 px-4 py-2", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "bg-accent-500 text-white px-2 py-1 rounded-full text-sm aspect-square flex items-center justify-center w-8 h-8", children: (y = t == null ? void 0 : t.items) == null ? void 0 : y.length }),
+              /* @__PURE__ */ e("div", { className: "bg-accent-500 text-white px-2 py-1 rounded-full text-sm aspect-square flex items-center justify-center w-8 h-8", children: (g = t == null ? void 0 : t.items) == null ? void 0 : g.length }),
               /* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Your Cart" })
             ] }),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: i,
+                onClick: s,
                 className: "rounded-full p-2 transition-colors hover:bg-gray-100",
                 "aria-label": "Close cart",
                 children: /* @__PURE__ */ e(A, { className: "h-6 w-6" })
@@ -79,38 +79,39 @@ function $({
             /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading cart..." })
           ] }) }),
           m && !l && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
-            /* @__PURE__ */ e(u, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
+            /* @__PURE__ */ e(h, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
             /* @__PURE__ */ e("p", { className: "text-red-600", children: "Failed to load cart. Please try again." })
           ] }) }),
           !l && !m && (!t || !t.items || t.items.length === 0) && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
-            /* @__PURE__ */ e(u, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
+            /* @__PURE__ */ e(h, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
             /* @__PURE__ */ e("p", { className: "text-gray-600", children: P })
           ] }) }),
           !l && !m && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(N, { children: [
-            /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-4", children: [
-              /* @__PURE__ */ e("div", { className: "space-y-4", children: t.items.map((r, h) => /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto", children: [
+              /* @__PURE__ */ e("div", { className: "space-y-4 p-4", children: t.items.map((r, y) => /* @__PURE__ */ a("div", { children: [
                 /* @__PURE__ */ e(
-                  T,
+                  H,
                   {
                     item: r
                   }
                 ),
-                h < t.items.length - 1 && /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
+                /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
               ] }, r.id)) }),
-              k && /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(X, {}) })
+              w && /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(T, {}) })
             ] }),
+            /* @__PURE__ */ e(Z, { limit: 6, className: "border-t border-gray-200" }),
             /* @__PURE__ */ a("div", { className: "border-t border-gray-300 bg-white", children: [
               /* @__PURE__ */ a("div", { className: " text-base", children: [
                 /* @__PURE__ */ a("div", { className: "p-4 space-y-2", children: [
                   /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
                     /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Subtotal" }),
-                    /* @__PURE__ */ e("span", { className: "font-semibold", children: c(D) })
+                    /* @__PURE__ */ e("span", { className: "font-semibold", children: c(S) })
                   ] }),
-                  p > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
+                  u > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
                     /* @__PURE__ */ e("span", { children: "Discount" }),
                     /* @__PURE__ */ a("span", { className: "font-semibold", children: [
                       "-",
-                      c(p)
+                      c(u)
                     ] })
                   ] }),
                   /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
@@ -125,26 +126,26 @@ function $({
               ] }),
               /* @__PURE__ */ a("div", { className: "p-4 space-y-2", children: [
                 /* @__PURE__ */ a(
-                  v,
+                  b,
                   {
-                    onClick: F,
-                    disabled: z || t.items.length === 0,
-                    className: n("w-full bg-accent-500 text-white hover:bg-accent-600", I),
+                    onClick: B,
+                    disabled: L || t.items.length === 0,
+                    className: n("w-full bg-accent-500 text-white hover:bg-accent-600", E),
                     size: "lg",
                     children: [
-                      /* @__PURE__ */ e(u, { className: "h-5 w-5" }),
-                      C
+                      /* @__PURE__ */ e(h, { className: "h-5 w-5" }),
+                      j
                     ]
                   }
                 ),
-                j && /* @__PURE__ */ e(
-                  v,
+                k && /* @__PURE__ */ e(
+                  b,
                   {
-                    onClick: Y,
+                    onClick: D,
                     variant: "outline",
-                    className: n("w-full border-gray-300 text-gray-600 hover:bg-gray-100", L),
+                    className: n("w-full border-gray-300 text-gray-600 hover:bg-gray-100", I),
                     size: "lg",
-                    children: E
+                    children: C
                   }
                 )
               ] })
@@ -154,10 +155,10 @@ function $({
       }
     ),
     /* @__PURE__ */ e(
-      Z,
+      X,
       {
-        isOpen: S,
-        onSuccess: () => i(),
+        isOpen: R,
+        onSuccess: () => s(),
         onClose: () => f(!1),
         refundPolicy: {
           title: "🤔 Curious about Refunds?",
@@ -174,5 +175,5 @@ function $({
   ] });
 }
 export {
-  $ as ShoppingCart
+  ae as ShoppingCart
 };

package/dist/index110.mjs

@@ -1,148 +1,87 @@
 'use client';
-import { __exports as p } from "./index161.mjs";
-import { __require as I } from "./index129.mjs";
-import { __require as q } from "./index154.mjs";
-import { __require as v } from "./index162.mjs";
-import { __require as O } from "./index99.mjs";
-var N;
-function w() {
-  return N ? p : (N = 1, function(d) {
-    Object.defineProperty(d, "__esModule", {
+import { __exports as f } from "./index171.mjs";
+import { __require as z } from "./index172.mjs";
+import { __require as A } from "./index173.mjs";
+import { __require as F } from "./index101.mjs";
+import { __require as O } from "./index105.mjs";
+import { __require as U } from "./index118.mjs";
+import { __require as B } from "./index109.mjs";
+var k;
+function X() {
+  return k ? f : (k = 1, function(h) {
+    Object.defineProperty(h, "__esModule", {
       value: !0
-    });
-    function T(e, t) {
-      for (var r in t) Object.defineProperty(e, r, {
-        enumerable: !0,
-        get: t[r]
-      });
-    }
-    T(d, {
-      getNamedMiddlewareRegex: function() {
-        return A;
-      },
-      getNamedRouteRegex: function() {
-        return k;
-      },
-      getRouteRegex: function() {
-        return E;
-      },
-      parseParameter: function() {
-        return S;
+    }), Object.defineProperty(h, "default", {
+      enumerable: !0,
+      get: function() {
+        return j;
       }
     });
-    const m = I(), _ = q(), l = v(), h = O(), x = /\[((?:\[.*\])|.+)\]/;
-    function S(e) {
-      const t = e.match(x);
-      return R(t ? t[1] : e);
-    }
-    function R(e) {
-      const t = e.startsWith("[") && e.endsWith("]");
-      t && (e = e.slice(1, -1));
-      const r = e.startsWith("...");
-      return r && (e = e.slice(3)), {
-        key: e,
-        repeat: r,
-        optional: t
-      };
-    }
-    function P(e) {
-      const t = (0, h.removeTrailingSlash)(e).slice(1).split("/"), r = {};
-      let u = 1;
-      return {
-        parameterizedRoute: t.map((s) => {
-          const o = _.INTERCEPTION_ROUTE_MARKERS.find((i) => s.startsWith(i)), a = s.match(x);
-          if (o && a) {
-            const { key: i, optional: c, repeat: n } = R(a[1]);
-            return r[i] = {
-              pos: u++,
-              repeat: n,
-              optional: c
-            }, "/" + (0, l.escapeStringRegexp)(o) + "([^/]+?)";
-          } else if (a) {
-            const { key: i, repeat: c, optional: n } = R(a[1]);
-            return r[i] = {
-              pos: u++,
-              repeat: c,
-              optional: n
-            }, c ? n ? "(?:/(.+?))?" : "/(.+?)" : "/([^/]+?)";
-          } else
-            return "/" + (0, l.escapeStringRegexp)(s);
-        }).join(""),
-        groups: r
-      };
-    }
-    function E(e) {
-      const { parameterizedRoute: t, groups: r } = P(e);
-      return {
-        re: new RegExp("^" + t + "(?:/)?$"),
-        groups: r
-      };
-    }
-    function K() {
-      let e = 0;
-      return () => {
-        let t = "", r = ++e;
-        for (; r > 0; )
-          t += String.fromCharCode(97 + (r - 1) % 26), r = Math.floor((r - 1) / 26);
-        return t;
-      };
-    }
-    function y(e) {
-      let { interceptionMarker: t, getSafeRouteKey: r, segment: u, routeKeys: s, keyPrefix: o } = e;
-      const { key: a, optional: i, repeat: c } = R(u);
-      let n = a.replace(/\W/g, "");
-      o && (n = "" + o + n);
-      let f = !1;
-      (n.length === 0 || n.length > 30) && (f = !0), isNaN(parseInt(n.slice(0, 1))) || (f = !0), f && (n = r()), o ? s[n] = "" + o + a : s[n] = a;
-      const g = t ? (0, l.escapeStringRegexp)(t) : "";
-      return c ? i ? "(?:/" + g + "(?<" + n + ">.+?))?" : "/" + g + "(?<" + n + ">.+?)" : "/" + g + "(?<" + n + ">[^/]+?)";
-    }
-    function M(e, t) {
-      const r = (0, h.removeTrailingSlash)(e).slice(1).split("/"), u = K(), s = {};
-      return {
-        namedParameterizedRoute: r.map((o) => {
-          const a = _.INTERCEPTION_ROUTE_MARKERS.some((c) => o.startsWith(c)), i = o.match(/\[((?:\[.*\])|.+)\]/);
-          if (a && i) {
-            const [c] = o.split(i[0]);
-            return y({
-              getSafeRouteKey: u,
-              interceptionMarker: c,
-              segment: i[1],
-              routeKeys: s,
-              keyPrefix: t ? m.NEXT_INTERCEPTION_MARKER_PREFIX : void 0
-            });
-          } else return i ? y({
-            getSafeRouteKey: u,
-            segment: i[1],
-            routeKeys: s,
-            keyPrefix: t ? m.NEXT_QUERY_PARAM_PREFIX : void 0
-          }) : "/" + (0, l.escapeStringRegexp)(o);
-        }).join(""),
-        routeKeys: s
+    const y = z(), p = A(), _ = F(), d = O(), v = U(), T = B();
+    function j(o, m, a, q, g, R) {
+      let r = !1, P = !1, l = (0, T.parseRelativeUrl)(o), i = (0, _.removeTrailingSlash)((0, d.normalizeLocalePath)((0, v.removeBasePath)(l.pathname), R).pathname), t;
+      const c = (e) => {
+        let u = (0, y.getPathMatch)(e.source + (process.env.__NEXT_TRAILING_SLASH ? "(/)?" : ""), {
+          removeUnnamedParams: !0,
+          strict: !0
+        })(l.pathname);
+        if ((e.has || e.missing) && u) {
+          const n = (0, p.matchHas)({
+            headers: {
+              host: document.location.hostname,
+              "user-agent": navigator.userAgent
+            },
+            cookies: document.cookie.split("; ").reduce((b, D) => {
+              const [L, ...S] = D.split("=");
+              return b[L] = S.join("="), b;
+            }, {})
+          }, l.query, e.has, e.missing);
+          n ? Object.assign(u, n) : u = !1;
+        }
+        if (u) {
+          if (!e.destination)
+            return P = !0, !0;
+          const n = (0, p.prepareDestination)({
+            appendParamsToQuery: !0,
+            destination: e.destination,
+            params: u,
+            query: q
+          });
+          if (l = n.parsedDestination, o = n.newUrl, Object.assign(q, n.parsedDestination.query), i = (0, _.removeTrailingSlash)((0, d.normalizeLocalePath)((0, v.removeBasePath)(o), R).pathname), m.includes(i))
+            return r = !0, t = i, !0;
+          if (t = g(i), t !== o && m.includes(t))
+            return r = !0, !0;
+        }
       };
-    }
-    function k(e, t) {
-      const r = M(e, t);
-      return {
-        ...E(e),
-        namedRegex: "^" + r.namedParameterizedRoute + "(?:/)?$",
-        routeKeys: r.routeKeys
-      };
-    }
-    function A(e, t) {
-      const { parameterizedRoute: r } = P(e), { catchAll: u = !0 } = t;
-      if (r === "/")
-        return {
-          namedRegex: "^/" + (u ? ".*" : "") + "$"
-        };
-      const { namedParameterizedRoute: s } = M(e, !1);
-      let o = u ? "(?:(/.*)?)" : "";
+      let s = !1;
+      for (let e = 0; e < a.beforeFiles.length; e++)
+        c(a.beforeFiles[e]);
+      if (r = m.includes(i), !r) {
+        if (!s) {
+          for (let e = 0; e < a.afterFiles.length; e++)
+            if (c(a.afterFiles[e])) {
+              s = !0;
+              break;
+            }
+        }
+        if (s || (t = g(i), r = m.includes(t), s = r), !s) {
+          for (let e = 0; e < a.fallback.length; e++)
+            if (c(a.fallback[e])) {
+              s = !0;
+              break;
+            }
+        }
+      }
       return {
-        namedRegex: "^" + s + o + "$"
+        asPath: o,
+        parsedAs: l,
+        matchedPage: r,
+        resolvedHref: t,
+        externalDest: P
       };
     }
-  }(p), p);
+  }(f), f);
 }
 export {
-  w as __require
+  X as __require
 };

package/dist/index111.mjs

@@ -1,58 +1,41 @@
 'use client';
-import { __exports as c } from "./index163.mjs";
-import { __require as y } from "./index98.mjs";
-import { __require as U } from "./index156.mjs";
-var l;
-function x() {
-  return l ? c : (l = 1, function(h) {
-    Object.defineProperty(h, "__esModule", {
+import { __exports as n } from "./index174.mjs";
+import { __require as l } from "./index107.mjs";
+var s;
+function q() {
+  return s ? n : (s = 1, function(u) {
+    Object.defineProperty(u, "__esModule", {
       value: !0
-    });
-    function m(e, t) {
-      for (var o in t) Object.defineProperty(e, o, {
-        enumerable: !0,
-        get: t[o]
-      });
-    }
-    m(h, {
-      formatUrl: function() {
-        return p;
-      },
-      formatWithValidation: function() {
-        return q;
-      },
-      urlObjectKeys: function() {
-        return u;
+    }), Object.defineProperty(u, "getRouteMatcher", {
+      enumerable: !0,
+      get: function() {
+        return d;
       }
     });
-    const _ = /* @__PURE__ */ y()._(U()), d = /https?|ftp|gopher|file/;
-    function p(e) {
-      let { auth: t, hostname: o } = e, a = e.protocol || "", n = e.pathname || "", f = e.hash || "", s = e.query || "", r = !1;
-      t = t ? encodeURIComponent(t).replace(/%3A/i, ":") + "@" : "", e.host ? r = t + e.host : o && (r = t + (~o.indexOf(":") ? "[" + o + "]" : o), e.port && (r += ":" + e.port)), s && typeof s == "object" && (s = String(_.urlQueryToSearchParams(s)));
-      let i = e.search || s && "?" + s || "";
-      return a && !a.endsWith(":") && (a += ":"), e.slashes || (!a || d.test(a)) && r !== !1 ? (r = "//" + (r || ""), n && n[0] !== "/" && (n = "/" + n)) : r || (r = ""), f && f[0] !== "#" && (f = "#" + f), i && i[0] !== "?" && (i = "?" + i), n = n.replace(/[?#]/g, encodeURIComponent), i = i.replace("#", "%23"), "" + a + r + n + i + f;
-    }
-    const u = [
-      "auth",
-      "hash",
-      "host",
-      "hostname",
-      "href",
-      "path",
-      "pathname",
-      "port",
-      "protocol",
-      "query",
-      "search",
-      "slashes"
-    ];
-    function q(e) {
-      return process.env.NODE_ENV === "development" && e !== null && typeof e == "object" && Object.keys(e).forEach((t) => {
-        u.includes(t) || console.warn("Unknown key passed via urlObject into url.format: " + t);
-      }), p(e);
+    const f = l();
+    function d(p) {
+      let { re: h, groups: c } = p;
+      return (_) => {
+        const a = h.exec(_);
+        if (!a)
+          return !1;
+        const t = (r) => {
+          try {
+            return decodeURIComponent(r);
+          } catch {
+            throw new f.DecodeError("failed to decode param");
+          }
+        }, i = {};
+        return Object.keys(c).forEach((r) => {
+          const o = c[r], e = a[o.pos];
+          e !== void 0 && (i[r] = ~e.indexOf("/") ? e.split("/").map((m) => t(m)) : o.repeat ? [
+            t(e)
+          ] : t(e));
+        }), i;
+      };
     }
-  }(c), c);
+  }(n), n);
 }
 export {
-  x as __require
+  q as __require
 };