@instockng/storefront-ui 1.0.75 → 1.0.77

package/dist/index138.mjs

@@ -1,5 +1,73 @@
 'use client';
-var e = {};
+import { __exports as n } from "./index209.mjs";
+import { __require as c } from "./index210.mjs";
+var u;
+function y() {
+  return u ? n : (u = 1, function(a) {
+    Object.defineProperty(a, "__esModule", {
+      value: !0
+    }), Object.defineProperty(a, "BloomFilter", {
+      enumerable: !0,
+      get: function() {
+        return i;
+      }
+    });
+    function l(o) {
+      let t = 0;
+      for (let e = 0; e < o.length; e++) {
+        const r = o.charCodeAt(e);
+        t = Math.imul(t ^ r, 1540483477), t ^= t >>> 13, t = Math.imul(t, 1540483477);
+      }
+      return t >>> 0;
+    }
+    const s = 1e-4;
+    class i {
+      static from(t, e) {
+        e === void 0 && (e = s);
+        const r = new i(t.length, e);
+        for (const h of t)
+          r.add(h);
+        return r;
+      }
+      export() {
+        const t = {
+          numItems: this.numItems,
+          errorRate: this.errorRate,
+          numBits: this.numBits,
+          numHashes: this.numHashes,
+          bitArray: this.bitArray
+        };
+        if (process.env.NEXT_RUNTIME === "nodejs" && this.errorRate < s) {
+          const e = JSON.stringify(t), r = c().sync(e);
+          r > 1024 && console.warn("Creating filter with error rate less than 0.1% (0.001) can increase the size dramatically proceed with caution. Received error rate " + this.errorRate + " resulted in size " + e.length + " bytes, " + r + " bytes (gzip)");
+        }
+        return t;
+      }
+      import(t) {
+        this.numItems = t.numItems, this.errorRate = t.errorRate, this.numBits = t.numBits, this.numHashes = t.numHashes, this.bitArray = t.bitArray;
+      }
+      add(t) {
+        this.getHashValues(t).forEach((r) => {
+          this.bitArray[r] = 1;
+        });
+      }
+      contains(t) {
+        return this.getHashValues(t).every((r) => this.bitArray[r]);
+      }
+      getHashValues(t) {
+        const e = [];
+        for (let r = 1; r <= this.numHashes; r++) {
+          const h = l("" + t + r) % this.numBits;
+          e.push(h);
+        }
+        return e;
+      }
+      constructor(t, e = s) {
+        this.numItems = t, this.errorRate = e, this.numBits = Math.ceil(-(t * Math.log(e)) / (Math.log(2) * Math.log(2))), this.numHashes = Math.ceil(this.numBits / t * Math.log(2)), this.bitArray = new Array(this.numBits).fill(0);
+      }
+    }
+  }(n), n);
+}
 export {
-  e as __exports
+  y as __require
 };

package/dist/index139.mjs

@@ -1,5 +1,11 @@
 'use client';
-var r = {};
+import { __module as e } from "./index211.mjs";
+import { __require as o } from "./index212.mjs";
+import { __require as t } from "./index213.mjs";
+var r;
+function p() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
+}
 export {
-  r as __exports
+  p as __require
 };

package/dist/index14.mjs

@@ -1,101 +1,203 @@
 'use client';
-import { jsx as e, jsxs as s, Fragment as j } from "react/jsx-runtime";
-import { useState as a } from "react";
-import { useCart as T } from "./index3.mjs";
-import { Button as y } from "./index16.mjs";
-import { Badge as k } from "./index18.mjs";
-import { Tag as B, CheckCircle as b, X as E, AlertCircle as F } from "lucide-react";
-import { cn as p } from "./index22.mjs";
-function K({
-  onSuccess: i,
-  className: N,
-  placeholder: w = "Enter discount code",
-  inputClassName: C,
-  buttonClassName: A
+import { jsxs as a, Fragment as k, jsx as e } from "react/jsx-runtime";
+import { useState as X, useEffect as Z } from "react";
+import { useCart as $ } from "./index3.mjs";
+import { CartItem as A } from "./index13.mjs";
+import { DiscountCodeInput as G } from "./index15.mjs";
+import { Checkout as J } from "./index16.mjs";
+import { RecommendedProducts as K } from "./index11.mjs";
+import { Button as j } from "./index17.mjs";
+import { X as O, Loader2 as Q, Package as p } from "lucide-react";
+import { cn as c, formatCurrency as d } from "./index23.mjs";
+import { useHideBodyOverflow as S } from "./index45.mjs";
+function ne({
+  isOpen: s,
+  onClose: i,
+  onCheckout: m,
+  onContinueShopping: h,
+  onPurchaseSuccess: f,
+  className: C,
+  showDiscountCode: E = !0,
+  showContinueShopping: R = !0,
+  checkoutButtonText: F = "Complete Purchase",
+  continueShoppingText: I = "Continue Shopping",
+  checkoutButtonClassName: L,
+  continueShoppingButtonClassName: z,
+  disableCheckout: Y = !1,
+  emptyMessage: B = "Your cart is empty"
 }) {
-  var v;
-  const [n, g] = a(""), [u, o] = a(""), [l, f] = a(!1), [h, x] = a(!1), [d, c] = a(""), { applyDiscount: D, removeDiscount: I, cart: r } = T(), M = async (t) => {
-    if (t.preventDefault(), !!n.trim()) {
-      f(!0), c("");
-      try {
-        await D(n.trim()), o("Discount code applied!"), g(""), setTimeout(() => o(""), 3e3), i == null || i();
-      } catch (m) {
-        c((m == null ? void 0 : m.message) || "Invalid or expired discount code");
-      } finally {
-        f(!1);
-      }
-    }
-  }, R = async () => {
-    x(!0), c("");
-    try {
-      await I(), o("Discount code removed"), setTimeout(() => o(""), 3e3), i == null || i();
-    } catch (t) {
-      c((t == null ? void 0 : t.message) || "Failed to remove discount code");
-    } finally {
-      x(!1);
-    }
+  var x, y, b;
+  const { cart: t, isLoading: l, error: o, trackCheckoutInitiated: D } = $(), [M, u] = X(!1);
+  S(s), Z(() => {
+    const r = (n) => {
+      n.key === "Escape" && s && i();
+    };
+    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+  }, [s, i]);
+  const q = ((x = t == null ? void 0 : t.pricing) == null ? void 0 : x.subtotal) || 0, g = ((y = t == null ? void 0 : t.pricing.discount) == null ? void 0 : y.amount) || 0, H = () => {
+    D(), u(!0), m == null || m();
+  }, P = () => {
+    h == null || h(), i();
   };
-  return /* @__PURE__ */ e("div", { className: p("", N), children: /* @__PURE__ */ e("div", { className: "pt-6", children: /* @__PURE__ */ s("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
-      /* @__PURE__ */ e(B, { className: "h-4 w-4" }),
-      "Discount Code"
-    ] }),
-    r && r.pricing.discount && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-md bg-green-50 p-3", children: [
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(b, { className: "h-4 w-4 text-green-600" }),
-        /* @__PURE__ */ e("span", { className: "text-sm font-medium text-green-900", children: "Code Applied:" }),
-        /* @__PURE__ */ e(k, { className: "bg-green-600 text-white", children: r.pricing.discount.code })
-      ] }),
-      /* @__PURE__ */ e(
-        y,
-        {
-          variant: "ghost",
-          size: "sm",
-          onClick: R,
-          disabled: h,
-          className: "h-8 px-2 text-green-700 hover:text-green-800",
-          children: h ? "Removing..." : /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(E, { className: "h-4 w-4" }) })
-        }
-      )
-    ] }),
-    !((v = r == null ? void 0 : r.pricing) != null && v.discount) && /* @__PURE__ */ s("form", { onSubmit: M, className: "flex gap-2", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          value: n,
-          onChange: (t) => g(t.target.value.toUpperCase()),
-          placeholder: w,
-          disabled: l,
-          className: p(
-            "flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm",
-            "focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
-            "disabled:cursor-not-allowed disabled:opacity-50",
-            d && "border-red-500 focus:border-red-500 focus:ring-red-500",
-            C
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        y,
-        {
-          type: "submit",
-          disabled: !n.trim() || l,
-          className: p("bg-accent-500 text-white hover:bg-accent-600", A),
-          children: l ? "Applying..." : "Apply"
+  return /* @__PURE__ */ a(k, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: c(
+          "fixed inset-0 z-40 bg-black/50 transition-opacity duration-300",
+          s ? "opacity-100" : "pointer-events-none opacity-0"
+        ),
+        onClick: i,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: c(
+          "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",
+          C
+        ),
+        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: (b = t == null ? void 0 : t.items) == null ? void 0 : b.length }),
+              /* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Your Cart" })
+            ] }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: i,
+                className: "rounded-full p-2 transition-colors hover:bg-gray-100",
+                "aria-label": "Close cart",
+                children: /* @__PURE__ */ e(O, { className: "h-6 w-6" })
+              }
+            )
+          ] }) }),
+          !l && !o && t && t.items && t.items.length > 0 && /* @__PURE__ */ e("div", { className: "bg-gray-50 px-4 py-3 border-b border-gray-200", children: (() => {
+            var w;
+            const n = ((w = t.pricing) == null ? void 0 : w.subtotal) || 0, N = Math.max(0, 2e4 - n), T = Math.min(100, n / 2e4 * 100), v = N <= 0;
+            return /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ e("p", { className: "text-sm font-bold text-center", children: v ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "You've unlocked FREE delivery! 🎉" }) : /* @__PURE__ */ a("span", { children: [
+                "You're ",
+                /* @__PURE__ */ e("span", { className: "text-red-500", children: d(N) }),
+                " away from FREE delivery"
+              ] }) }),
+              /* @__PURE__ */ e("div", { className: "h-2 w-full bg-gray-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: c(
+                    "h-full transition-all duration-500 ease-out",
+                    v ? "bg-green-500" : "bg-red-500"
+                  ),
+                  style: { width: `${T}%` }
+                }
+              ) })
+            ] });
+          })() }),
+          l && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
+            /* @__PURE__ */ e(Q, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-accent-500" }),
+            /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading cart..." })
+          ] }) }),
+          o && !l && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
+            /* @__PURE__ */ e(p, { 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 && !o && (!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(p, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
+            /* @__PURE__ */ e("p", { className: "text-gray-600", children: B })
+          ] }) }),
+          !l && !o && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(k, { 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, n) => /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    item: r
+                  }
+                ),
+                /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
+              ] }, r.id)) }),
+              E && /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(G, {}) })
+            ] }),
+            /* @__PURE__ */ e(K, { 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: "px-4 py-2 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: d(q) })
+                  ] }),
+                  g > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
+                    /* @__PURE__ */ e("span", { children: "Discount" }),
+                    /* @__PURE__ */ a("span", { className: "font-semibold", children: [
+                      "-",
+                      d(g)
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
+                    /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Shipping" }),
+                    /* @__PURE__ */ e("span", { className: "font-semibold", children: t.pricing && t.deliveryZone ? d(t.pricing.deliveryCharge) : "-" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ a("div", { className: "flex justify-between p-4 border-t border-gray-300 text-lg", children: [
+                  /* @__PURE__ */ e("span", { className: "font-bold", children: "Total" }),
+                  /* @__PURE__ */ e("span", { className: "font-bold", children: d(t.pricing.total) })
+                ] })
+              ] }),
+              /* @__PURE__ */ a("div", { className: "px-4 py-2 space-y-2 pt-0", children: [
+                /* @__PURE__ */ a(
+                  j,
+                  {
+                    onClick: H,
+                    disabled: Y || t.items.length === 0,
+                    className: c("w-full bg-accent-500 text-white hover:bg-accent-600", L),
+                    size: "lg",
+                    children: [
+                      /* @__PURE__ */ e(p, { className: "h-5 w-5" }),
+                      F
+                    ]
+                  }
+                ),
+                R && /* @__PURE__ */ e(
+                  j,
+                  {
+                    onClick: P,
+                    variant: "outline",
+                    className: c("w-full border-gray-300 text-gray-600 hover:bg-gray-100", z),
+                    size: "lg",
+                    children: I
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      J,
+      {
+        isOpen: M,
+        onSuccess: (r) => {
+          f == null || f(r), i();
+        },
+        onClose: () => u(!1),
+        refundPolicy: {
+          title: "🤔 Curious about Refunds?",
+          policies: [
+            "2 day return window from delivery date",
+            "Items must be unused and in original packaging",
+            "Refunds processed as soon as item is received",
+            "Refunds issued to original payment method",
+            "Contact hello@instock.ng to initiate a refund"
+          ]
         }
-      )
-    ] }),
-    d && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-red-600", children: [
-      /* @__PURE__ */ e(F, { className: "h-4 w-4" }),
-      d
-    ] }),
-    u && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-green-600", children: [
-      /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
-      u
-    ] })
-  ] }) }) });
+      }
+    )
+  ] });
 }
 export {
-  K as DiscountCodeInput
+  ne as ShoppingCart
 };

package/dist/index140.mjs

@@ -1,36 +1,5 @@
 'use client';
-import { __exports as r } from "./index155.mjs";
-var c;
-function b() {
-  return c ? r : (c = 1, function(n) {
-    Object.defineProperty(n, "__esModule", {
-      value: !0
-    });
-    function u(e, t) {
-      for (var i in t) Object.defineProperty(e, i, {
-        enumerable: !0,
-        get: t[i]
-      });
-    }
-    u(n, {
-      getObjectClassLabel: function() {
-        return o;
-      },
-      isPlainObject: function() {
-        return s;
-      }
-    });
-    function o(e) {
-      return Object.prototype.toString.call(e);
-    }
-    function s(e) {
-      if (o(e) !== "[object Object]")
-        return !1;
-      const t = Object.getPrototypeOf(e);
-      return t === null || t.hasOwnProperty("isPrototypeOf");
-    }
-  }(r), r);
-}
+var e = {};
 export {
-  b as __require
+  e as __exports
 };

package/dist/index141.mjs

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

package/dist/index142.mjs

@@ -1,5 +1,36 @@
 'use client';
-var o = { exports: {} };
+import { __exports as r } from "./index214.mjs";
+var c;
+function b() {
+  return c ? r : (c = 1, function(n) {
+    Object.defineProperty(n, "__esModule", {
+      value: !0
+    });
+    function u(e, t) {
+      for (var i in t) Object.defineProperty(e, i, {
+        enumerable: !0,
+        get: t[i]
+      });
+    }
+    u(n, {
+      getObjectClassLabel: function() {
+        return o;
+      },
+      isPlainObject: function() {
+        return s;
+      }
+    });
+    function o(e) {
+      return Object.prototype.toString.call(e);
+    }
+    function s(e) {
+      if (o(e) !== "[object Object]")
+        return !1;
+      const t = Object.getPrototypeOf(e);
+      return t === null || t.hasOwnProperty("isPrototypeOf");
+    }
+  }(r), r);
+}
 export {
-  o as __module
+  b as __require
 };

package/dist/index143.mjs

@@ -1,24 +1,5 @@
 'use client';
-import f from "./index84.mjs";
-import d from "./index214.mjs";
-function l(e) {
-  return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
-}
-function m(e, c, i) {
-  if (!c)
-    return e;
-  const t = i && i.encode || l;
-  f.isFunction(i) && (i = {
-    serialize: i
-  });
-  const r = i && i.serialize;
-  let n;
-  if (r ? n = r(c, i) : n = f.isURLSearchParams(c) ? c.toString() : new d(c, i).toString(t), n) {
-    const a = e.indexOf("#");
-    a !== -1 && (e = e.slice(0, a)), e += (e.indexOf("?") === -1 ? "?" : "&") + n;
-  }
-  return e;
-}
+var e = { exports: {} };
 export {
-  m as default
+  e as __module
 };

package/dist/index144.mjs

@@ -1,59 +1,24 @@
 'use client';
-import n from "./index84.mjs";
-class a {
-  constructor() {
-    this.handlers = [];
-  }
-  /**
-   * Add a new interceptor to the stack
-   *
-   * @param {Function} fulfilled The function to handle `then` for a `Promise`
-   * @param {Function} rejected The function to handle `reject` for a `Promise`
-   *
-   * @return {Number} An ID used to remove interceptor later
-   */
-  use(s, h, r) {
-    return this.handlers.push({
-      fulfilled: s,
-      rejected: h,
-      synchronous: r ? r.synchronous : !1,
-      runWhen: r ? r.runWhen : null
-    }), this.handlers.length - 1;
-  }
-  /**
-   * Remove an interceptor from the stack
-   *
-   * @param {Number} id The ID that was returned by `use`
-   *
-   * @returns {Boolean} `true` if the interceptor was removed, `false` otherwise
-   */
-  eject(s) {
-    this.handlers[s] && (this.handlers[s] = null);
-  }
-  /**
-   * Clear all interceptors from the stack
-   *
-   * @returns {void}
-   */
-  clear() {
-    this.handlers && (this.handlers = []);
-  }
-  /**
-   * Iterate over all the registered interceptors
-   *
-   * This method is particularly useful for skipping over any
-   * interceptors that may have become `null` calling `eject`.
-   *
-   * @param {Function} fn The function to call for each interceptor
-   *
-   * @returns {void}
-   */
-  forEach(s) {
-    n.forEach(this.handlers, function(r) {
-      r !== null && s(r);
-    });
+import f from "./index78.mjs";
+import d from "./index215.mjs";
+function l(e) {
+  return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
+}
+function m(e, c, i) {
+  if (!c)
+    return e;
+  const t = i && i.encode || l;
+  f.isFunction(i) && (i = {
+    serialize: i
+  });
+  const r = i && i.serialize;
+  let n;
+  if (r ? n = r(c, i) : n = f.isURLSearchParams(c) ? c.toString() : new d(c, i).toString(t), n) {
+    const a = e.indexOf("#");
+    a !== -1 && (e = e.slice(0, a)), e += (e.indexOf("?") === -1 ? "?" : "&") + n;
   }
+  return e;
 }
 export {
-  a as default
+  m as default
 };