@instockng/storefront-ui 1.0.83 → 1.0.85

package/dist/index102.mjs

@@ -1,37 +1,5 @@
 'use client';
-var a = (i, t, e = {}) => {
-  let r = `${i}=${t}`;
-  if (i.startsWith("__Secure-") && !e.secure)
-    throw new Error("__Secure- Cookie must have Secure attributes");
-  if (i.startsWith("__Host-")) {
-    if (!e.secure)
-      throw new Error("__Host- Cookie must have Secure attributes");
-    if (e.path !== "/")
-      throw new Error('__Host- Cookie must have Path attributes with "/"');
-    if (e.domain)
-      throw new Error("__Host- Cookie must not have Domain attributes");
-  }
-  if (e && typeof e.maxAge == "number" && e.maxAge >= 0) {
-    if (e.maxAge > 3456e4)
-      throw new Error(
-        "Cookies Max-Age SHOULD NOT be greater than 400 days (34560000 seconds) in duration."
-      );
-    r += `; Max-Age=${e.maxAge | 0}`;
-  }
-  if (e.domain && e.prefix !== "host" && (r += `; Domain=${e.domain}`), e.path && (r += `; Path=${e.path}`), e.expires) {
-    if (e.expires.getTime() - Date.now() > 3456e7)
-      throw new Error(
-        "Cookies Expires SHOULD NOT be greater than 400 days (34560000 seconds) in the future."
-      );
-    r += `; Expires=${e.expires.toUTCString()}`;
-  }
-  if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite && (r += `; SameSite=${e.sameSite.charAt(0).toUpperCase() + e.sameSite.slice(1)}`), e.priority && (r += `; Priority=${e.priority.charAt(0).toUpperCase() + e.priority.slice(1)}`), e.partitioned) {
-    if (!e.secure)
-      throw new Error("Partitioned Cookie must have Secure attributes");
-    r += "; Partitioned";
-  }
-  return r;
-}, s = (i, t, e) => (t = encodeURIComponent(t), a(i, t, e));
+var o = { exports: {} };
 export {
-  s as serialize
+  o as __module
 };

package/dist/index103.mjs

@@ -1,46 +1,37 @@
 'use client';
-var s = (e, r) => (e = e.replace(/\/+$/, ""), e = e + "/", r = r.replace(/^\/+/, ""), e + r), p = (e, r) => {
-  for (const [n, t] of Object.entries(r)) {
-    const c = new RegExp("/:" + n + "(?:{[^/]+})?\\??");
-    e = e.replace(c, t ? `/${t}` : "");
+var a = (i, t, e = {}) => {
+  let r = `${i}=${t}`;
+  if (i.startsWith("__Secure-") && !e.secure)
+    throw new Error("__Secure- Cookie must have Secure attributes");
+  if (i.startsWith("__Host-")) {
+    if (!e.secure)
+      throw new Error("__Host- Cookie must have Secure attributes");
+    if (e.path !== "/")
+      throw new Error('__Host- Cookie must have Path attributes with "/"');
+    if (e.domain)
+      throw new Error("__Host- Cookie must not have Domain attributes");
   }
-  return e;
-}, f = (e) => {
-  const r = new URLSearchParams();
-  for (const [n, t] of Object.entries(e))
-    if (t !== void 0)
-      if (Array.isArray(t))
-        for (const c of t)
-          r.append(n, c);
-      else
-        r.set(n, t);
-  return r;
-}, i = (e, r) => {
-  switch (r) {
-    case "ws":
-      return e.replace(/^http/, "ws");
-    case "http":
-      return e.replace(/^ws/, "http");
+  if (e && typeof e.maxAge == "number" && e.maxAge >= 0) {
+    if (e.maxAge > 3456e4)
+      throw new Error(
+        "Cookies Max-Age SHOULD NOT be greater than 400 days (34560000 seconds) in duration."
+      );
+    r += `; Max-Age=${e.maxAge | 0}`;
+  }
+  if (e.domain && e.prefix !== "host" && (r += `; Domain=${e.domain}`), e.path && (r += `; Path=${e.path}`), e.expires) {
+    if (e.expires.getTime() - Date.now() > 3456e7)
+      throw new Error(
+        "Cookies Expires SHOULD NOT be greater than 400 days (34560000 seconds) in the future."
+      );
+    r += `; Expires=${e.expires.toUTCString()}`;
   }
-}, l = (e) => /^https?:\/\/[^\/]+?\/index(?=\?|$)/.test(e) ? e.replace(/\/index(?=\?|$)/, "/") : e.replace(/\/index(?=\?|$)/, "");
-function a(e) {
-  return typeof e == "object" && e !== null && !Array.isArray(e);
-}
-function o(e, r) {
-  if (!a(e) && !a(r))
-    return r;
-  const n = { ...e };
-  for (const t in r) {
-    const c = r[t];
-    a(n[t]) && a(c) ? n[t] = o(n[t], c) : n[t] = c;
+  if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite && (r += `; SameSite=${e.sameSite.charAt(0).toUpperCase() + e.sameSite.slice(1)}`), e.priority && (r += `; Priority=${e.priority.charAt(0).toUpperCase() + e.priority.slice(1)}`), e.partitioned) {
+    if (!e.secure)
+      throw new Error("Partitioned Cookie must have Secure attributes");
+    r += "; Partitioned";
   }
-  return n;
-}
+  return r;
+}, s = (i, t, e) => (t = encodeURIComponent(t), a(i, t, e));
 export {
-  f as buildSearchParams,
-  o as deepMerge,
-  s as mergePath,
-  l as removeIndexString,
-  p as replaceUrlParam,
-  i as replaceUrlProtocol
+  s as serialize
 };

package/dist/index104.mjs

@@ -1,5 +1,46 @@
 'use client';
-var o = { exports: {} };
+var s = (e, r) => (e = e.replace(/\/+$/, ""), e = e + "/", r = r.replace(/^\/+/, ""), e + r), p = (e, r) => {
+  for (const [n, t] of Object.entries(r)) {
+    const c = new RegExp("/:" + n + "(?:{[^/]+})?\\??");
+    e = e.replace(c, t ? `/${t}` : "");
+  }
+  return e;
+}, f = (e) => {
+  const r = new URLSearchParams();
+  for (const [n, t] of Object.entries(e))
+    if (t !== void 0)
+      if (Array.isArray(t))
+        for (const c of t)
+          r.append(n, c);
+      else
+        r.set(n, t);
+  return r;
+}, i = (e, r) => {
+  switch (r) {
+    case "ws":
+      return e.replace(/^http/, "ws");
+    case "http":
+      return e.replace(/^ws/, "http");
+  }
+}, l = (e) => /^https?:\/\/[^\/]+?\/index(?=\?|$)/.test(e) ? e.replace(/\/index(?=\?|$)/, "/") : e.replace(/\/index(?=\?|$)/, "");
+function a(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function o(e, r) {
+  if (!a(e) && !a(r))
+    return r;
+  const n = { ...e };
+  for (const t in r) {
+    const c = r[t];
+    a(n[t]) && a(c) ? n[t] = o(n[t], c) : n[t] = c;
+  }
+  return n;
+}
 export {
-  o as __module
+  f as buildSearchParams,
+  o as deepMerge,
+  s as mergePath,
+  l as removeIndexString,
+  p as replaceUrlParam,
+  i as replaceUrlProtocol
 };

package/dist/index14.mjs

@@ -1,53 +1,53 @@
 'use client';
-import { jsxs as a, Fragment as j, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as E, jsx as e } from "react/jsx-runtime";
 import { useState as $, useEffect as A } from "react";
 import { useCart as G } from "./index3.mjs";
 import { CartItem as J } from "./index13.mjs";
 import { DiscountCodeInput as K } from "./index15.mjs";
 import { Checkout as O } from "./index16.mjs";
 import { RecommendedProducts as Q } from "./index11.mjs";
-import { Button as E } from "./index17.mjs";
-import { X as S, Loader2 as U, Package as p } from "lucide-react";
+import { Button as F } from "./index17.mjs";
+import { X as U, Loader2 as V, Package as f } from "lucide-react";
 import { cn as c, formatCurrency as d } from "./index23.mjs";
-import { useHideBodyOverflow as V } from "./index45.mjs";
-function de({
-  isOpen: i,
-  onClose: s,
+import { useHideBodyOverflow as W } from "./index45.mjs";
+function oe({
+  isOpen: s,
+  onClose: i,
   onCheckout: m,
   onContinueShopping: h,
-  onPurchaseSuccess: f,
-  className: F,
-  showDiscountCode: R = !0,
-  showContinueShopping: I = !0,
-  checkoutButtonText: L = "Complete Purchase",
-  continueShoppingText: z = "Continue Shopping",
-  checkoutButtonClassName: Y,
+  onPurchaseSuccess: p,
+  className: R,
+  showDiscountCode: I = !0,
+  showContinueShopping: L = !0,
+  checkoutButtonText: z = "Complete Purchase",
+  continueShoppingText: Y = "Continue Shopping",
+  checkoutButtonClassName: T,
   continueShoppingButtonClassName: B,
   disableCheckout: D = !1,
   emptyMessage: M = "Your cart is empty"
 }) {
-  var x, y, N, b, v;
-  const { cart: t, isLoading: l, error: o, trackCheckoutInitiated: q } = G(), [H, u] = $(!1);
-  V(i), A(() => {
+  var x, y, b, N, v, w;
+  const { cart: t, isLoading: l, error: o, trackCheckoutInitiated: S } = G(), [q, u] = $(!1);
+  W(s), A(() => {
     const r = (n) => {
-      n.key === "Escape" && i && s();
+      n.key === "Escape" && s && i();
     };
     return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
-  }, [i, s]);
-  const P = ((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, T = () => {
-    q(), u(!0), m == null || m();
+  }, [s, i]);
+  const H = ((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, P = () => {
+    S(), u(!0), m == null || m();
   }, X = () => {
-    h == null || h(), s();
+    h == null || h(), i();
   };
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(
       "div",
       {
         className: c(
           "fixed inset-0 z-40 bg-black/50 transition-opacity duration-300",
-          i ? "opacity-100" : "pointer-events-none opacity-0"
+          s ? "opacity-100" : "pointer-events-none opacity-0"
         ),
-        onClick: s,
+        onClick: i,
         "aria-hidden": "true"
       }
     ),
@@ -56,32 +56,32 @@ function de({
       {
         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]",
-          i ? "translate-x-0" : "translate-x-full",
-          F
+          s ? "translate-x-0" : "translate-x-full",
+          R
         ),
         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: (N = t == null ? void 0 : t.items) == null ? void 0 : N.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: (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: s,
+                onClick: i,
                 className: "rounded-full p-2 transition-colors hover:bg-gray-100",
                 "aria-label": "Close cart",
-                children: /* @__PURE__ */ e(S, { className: "h-6 w-6" })
+                children: /* @__PURE__ */ e(U, { 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 C;
-            const n = ((C = t.pricing) == null ? void 0 : C.subtotal) || 0, w = Math.max(0, 2e4 - n), Z = Math.min(100, n / 2e4 * 100), k = w <= 0;
+          !l && !o && t && t.items && t.items.length > 0 && ((N = t.brand) == null ? void 0 : N.freeShippingThreshold) && /* @__PURE__ */ e("div", { className: "bg-gray-50 px-4 py-3 border-b border-gray-200", children: (() => {
+            var j;
+            const r = t.brand.freeShippingThreshold, n = ((j = t.pricing) == null ? void 0 : j.subtotal) || 0, k = Math.max(0, r - n), Z = Math.min(100, n / r * 100), C = k <= 0;
             return /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-bold text-center", children: k ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "You've unlocked FREE delivery! 🎉" }) : /* @__PURE__ */ a("span", { children: [
+              /* @__PURE__ */ e("p", { className: "text-sm font-bold text-center", children: C ? /* @__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(w) }),
+                /* @__PURE__ */ e("span", { className: "text-red-500", children: d(k) }),
                 " away from FREE delivery"
               ] }) }),
               /* @__PURE__ */ e("div", { className: "h-2 w-full bg-gray-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e(
@@ -89,7 +89,7 @@ function de({
                 {
                   className: c(
                     "h-full transition-all duration-500 ease-out",
-                    k ? "bg-green-500" : "bg-red-500"
+                    C ? "bg-green-500" : "bg-red-500"
                   ),
                   style: { width: `${Z}%` }
                 }
@@ -97,18 +97,18 @@ function de({
             ] });
           })() }),
           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 animate-spin text-accent-500" }),
+            /* @__PURE__ */ e(V, { 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(f, { 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(f, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
             /* @__PURE__ */ e("p", { className: "text-gray-600", children: M })
           ] }) }),
-          !l && !o && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(j, { children: [
+          !l && !o && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(E, { 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(
@@ -119,7 +119,7 @@ function de({
                 ),
                 /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
               ] }, r.id)) }),
-              R && /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(K, {}) })
+              I && /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(K, {}) })
             ] }),
             /* @__PURE__ */ e(Q, { limit: 6, className: "border-t border-gray-200" }),
             /* @__PURE__ */ a("div", { className: "border-t border-gray-300 bg-white", children: [
@@ -127,7 +127,7 @@ function de({
                 /* @__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(P) })
+                    /* @__PURE__ */ e("span", { className: "font-semibold", children: d(H) })
                   ] }),
                   g > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
                     /* @__PURE__ */ e("span", { children: "Discount" }),
@@ -138,7 +138,7 @@ function de({
                   ] }),
                   /* @__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.deliveryZone ? ((b = t.pricing) == null ? void 0 : b.deliveryCharge) === 0 ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" }) : d(((v = t.pricing) == null ? void 0 : v.deliveryCharge) ?? 0) : /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs font-normal", children: "Calculated at checkout" }) })
+                    /* @__PURE__ */ e("span", { className: "font-semibold", children: t.deliveryZone ? ((v = t.pricing) == null ? void 0 : v.deliveryCharge) === 0 ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" }) : d(((w = t.pricing) == null ? void 0 : w.deliveryCharge) ?? 0) : /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs font-normal", children: "Calculated at checkout" }) })
                   ] })
                 ] }),
                 /* @__PURE__ */ a("div", { className: "flex justify-between p-4 border-t border-gray-300 text-lg", children: [
@@ -148,26 +148,26 @@ function de({
               ] }),
               /* @__PURE__ */ a("div", { className: "px-4 py-2 space-y-2 pt-0", children: [
                 /* @__PURE__ */ a(
-                  E,
+                  F,
                   {
-                    onClick: T,
+                    onClick: P,
                     disabled: D || t.items.length === 0,
-                    className: c("w-full bg-accent-500 text-white hover:bg-accent-600", Y),
+                    className: c("w-full bg-accent-500 text-white hover:bg-accent-600", T),
                     size: "lg",
                     children: [
-                      /* @__PURE__ */ e(p, { className: "h-5 w-5" }),
-                      L
+                      /* @__PURE__ */ e(f, { className: "h-5 w-5" }),
+                      z
                     ]
                   }
                 ),
-                I && /* @__PURE__ */ e(
-                  E,
+                L && /* @__PURE__ */ e(
+                  F,
                   {
                     onClick: X,
                     variant: "outline",
                     className: c("w-full border-gray-300 text-gray-600 hover:bg-gray-100", B),
                     size: "lg",
-                    children: z
+                    children: Y
                   }
                 )
               ] })
@@ -179,9 +179,9 @@ function de({
     /* @__PURE__ */ e(
       O,
       {
-        isOpen: H,
+        isOpen: q,
         onSuccess: (r) => {
-          f == null || f(r), s();
+          p == null || p(r), i();
         },
         onClose: () => u(!1),
         refundPolicy: {
@@ -199,5 +199,5 @@ function de({
   ] });
 }
 export {
-  de as ShoppingCart
+  oe as ShoppingCart
 };

package/dist/index144.mjs

@@ -1,6 +1,6 @@
 'use client';
 import f from "./index85.mjs";
-import d from "./index215.mjs";
+import d from "./index244.mjs";
 function l(e) {
   return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
 }

package/dist/index146.mjs

@@ -1,5 +1,5 @@
 'use client';
-import r from "./index216.mjs";
+import r from "./index245.mjs";
 import p from "./index93.mjs";
 import l from "./index89.mjs";
 import m from "./index91.mjs";

package/dist/index147.mjs

@@ -1,6 +1,6 @@
 'use client';
-import r from "./index217.mjs";
-import f from "./index218.mjs";
+import r from "./index246.mjs";
+import f from "./index247.mjs";
 function u(l, i, t) {
   let o = !r(i);
   return l && (o || t == !1) ? f(l, i) : i;

package/dist/index151.mjs

@@ -1,6 +1,6 @@
 'use client';
-import o from "./index219.mjs";
-import * as t from "./index220.mjs";
+import o from "./index242.mjs";
+import * as t from "./index243.mjs";
 const m = {
   ...t,
   ...o

package/dist/index154.mjs

@@ -1,14 +1,14 @@
 'use client';
 import H from "./index85.mjs";
-import D from "./index221.mjs";
+import D from "./index250.mjs";
 import L from "./index149.mjs";
 import n from "./index96.mjs";
 import y from "./index91.mjs";
-import O from "./index222.mjs";
+import O from "./index251.mjs";
 import U from "./index151.mjs";
 import q from "./index99.mjs";
-import { progressEventReducer as A } from "./index223.mjs";
-import v from "./index224.mjs";
+import { progressEventReducer as A } from "./index252.mjs";
+import v from "./index253.mjs";
 const N = typeof XMLHttpRequest < "u", Q = N && function(s) {
   return new Promise(function(C, i) {
     const t = v(s);

package/dist/index155.mjs

@@ -2,12 +2,12 @@
 import K from "./index151.mjs";
 import t from "./index85.mjs";
 import b from "./index96.mjs";
-import ee from "./index225.mjs";
-import { trackStream as z } from "./index226.mjs";
+import ee from "./index254.mjs";
+import { trackStream as z } from "./index255.mjs";
 import te from "./index99.mjs";
-import { progressEventDecorator as I, progressEventReducer as M, asyncDecorator as j } from "./index223.mjs";
-import se from "./index224.mjs";
-import re from "./index221.mjs";
+import { progressEventDecorator as I, progressEventReducer as M, asyncDecorator as j } from "./index252.mjs";
+import se from "./index253.mjs";
+import re from "./index250.mjs";
 const J = 64 * 1024, { isFunction: P } = t, ne = (({ Request: r, Response: n }) => ({
   Request: r,
   Response: n