@instockng/storefront-ui 1.0.44 → 1.0.45

package/dist/index94.mjs

@@ -1,26 +1,182 @@
 'use client';
-import { __module as u } from "./index167.mjs";
-import { __require as c } from "./index168.mjs";
-var a;
-function d() {
-  return a ? u.exports : (a = 1, function(o, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "detectDomainLocale", {
-      enumerable: !0,
-      get: function() {
-        return i;
-      }
+import i from "./index80.mjs";
+import S from "./index205.mjs";
+const h = Symbol("internals");
+function y(r) {
+  return r && String(r).trim().toLowerCase();
+}
+function m(r) {
+  return r === !1 || r == null ? r : i.isArray(r) ? r.map(m) : String(r);
+}
+function A(r) {
+  const t = /* @__PURE__ */ Object.create(null), e = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
+  let s;
+  for (; s = e.exec(r); )
+    t[s[1]] = s[2];
+  return t;
+}
+const k = (r) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(r.trim());
+function g(r, t, e, s, n) {
+  if (i.isFunction(s))
+    return s.call(this, t, e);
+  if (n && (t = e), !!i.isString(t)) {
+    if (i.isString(s))
+      return t.indexOf(s) !== -1;
+    if (i.isRegExp(s))
+      return s.test(t);
+  }
+}
+function E(r) {
+  return r.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (t, e, s) => e.toUpperCase() + s);
+}
+function j(r, t) {
+  const e = i.toCamelCase(" " + t);
+  ["get", "set", "has"].forEach((s) => {
+    Object.defineProperty(r, s + e, {
+      value: function(n, o, f) {
+        return this[s].call(this, t, n, o, f);
+      },
+      configurable: !0
     });
-    const i = function() {
-      for (var n = arguments.length, r = new Array(n), t = 0; t < n; t++)
-        r[t] = arguments[t];
-      if (process.env.__NEXT_I18N_SUPPORT)
-        return c().detectDomainLocale(...r);
-    };
-    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), o.exports = e.default);
-  }(u, u.exports), u.exports);
+  });
+}
+class b {
+  constructor(t) {
+    t && this.set(t);
+  }
+  set(t, e, s) {
+    const n = this;
+    function o(c, l, a) {
+      const u = y(l);
+      if (!u)
+        throw new Error("header name must be a non-empty string");
+      const p = i.findKey(n, u);
+      (!p || n[p] === void 0 || a === !0 || a === void 0 && n[p] !== !1) && (n[p || l] = m(c));
+    }
+    const f = (c, l) => i.forEach(c, (a, u) => o(a, u, l));
+    if (i.isPlainObject(t) || t instanceof this.constructor)
+      f(t, e);
+    else if (i.isString(t) && (t = t.trim()) && !k(t))
+      f(S(t), e);
+    else if (i.isObject(t) && i.isIterable(t)) {
+      let c = {}, l, a;
+      for (const u of t) {
+        if (!i.isArray(u))
+          throw TypeError("Object iterator must return a key-value pair");
+        c[a = u[0]] = (l = c[a]) ? i.isArray(l) ? [...l, u[1]] : [l, u[1]] : u[1];
+      }
+      f(c, e);
+    } else
+      t != null && o(e, t, s);
+    return this;
+  }
+  get(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      if (s) {
+        const n = this[s];
+        if (!e)
+          return n;
+        if (e === !0)
+          return A(n);
+        if (i.isFunction(e))
+          return e.call(this, n, s);
+        if (i.isRegExp(e))
+          return e.exec(n);
+        throw new TypeError("parser must be boolean|regexp|function");
+      }
+    }
+  }
+  has(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      return !!(s && this[s] !== void 0 && (!e || g(this, this[s], s, e)));
+    }
+    return !1;
+  }
+  delete(t, e) {
+    const s = this;
+    let n = !1;
+    function o(f) {
+      if (f = y(f), f) {
+        const c = i.findKey(s, f);
+        c && (!e || g(s, s[c], c, e)) && (delete s[c], n = !0);
+      }
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), n;
+  }
+  clear(t) {
+    const e = Object.keys(this);
+    let s = e.length, n = !1;
+    for (; s--; ) {
+      const o = e[s];
+      (!t || g(this, this[o], o, t, !0)) && (delete this[o], n = !0);
+    }
+    return n;
+  }
+  normalize(t) {
+    const e = this, s = {};
+    return i.forEach(this, (n, o) => {
+      const f = i.findKey(s, o);
+      if (f) {
+        e[f] = m(n), delete e[o];
+        return;
+      }
+      const c = t ? E(o) : String(o).trim();
+      c !== o && delete e[o], e[c] = m(n), s[c] = !0;
+    }), this;
+  }
+  concat(...t) {
+    return this.constructor.concat(this, ...t);
+  }
+  toJSON(t) {
+    const e = /* @__PURE__ */ Object.create(null);
+    return i.forEach(this, (s, n) => {
+      s != null && s !== !1 && (e[n] = t && i.isArray(s) ? s.join(", ") : s);
+    }), e;
+  }
+  [Symbol.iterator]() {
+    return Object.entries(this.toJSON())[Symbol.iterator]();
+  }
+  toString() {
+    return Object.entries(this.toJSON()).map(([t, e]) => t + ": " + e).join(`
+`);
+  }
+  getSetCookie() {
+    return this.get("set-cookie") || [];
+  }
+  get [Symbol.toStringTag]() {
+    return "AxiosHeaders";
+  }
+  static from(t) {
+    return t instanceof this ? t : new this(t);
+  }
+  static concat(t, ...e) {
+    const s = new this(t);
+    return e.forEach((n) => s.set(n)), s;
+  }
+  static accessor(t) {
+    const s = (this[h] = this[h] = {
+      accessors: {}
+    }).accessors, n = this.prototype;
+    function o(f) {
+      const c = y(f);
+      s[c] || (j(n, f), s[c] = !0);
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), this;
+  }
 }
+b.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
+i.reduceDescriptors(b.prototype, ({ value: r }, t) => {
+  let e = t[0].toUpperCase() + t.slice(1);
+  return {
+    get: () => r,
+    set(s) {
+      this[e] = s;
+    }
+  };
+});
+i.freezeMethods(b);
 export {
-  d as __require
+  b as default
 };

package/dist/index95.mjs

@@ -1,30 +1,56 @@
 'use client';
-import { __exports as u } from "./index169.mjs";
-var a;
-function f() {
-  return a ? u : (a = 1, function(s) {
-    Object.defineProperty(s, "__esModule", {
-      value: !0
-    }), Object.defineProperty(s, "parsePath", {
-      enumerable: !0,
-      get: function() {
-        return i;
-      }
-    });
-    function i(r) {
-      const e = r.indexOf("#"), n = r.indexOf("?"), t = n > -1 && (e < 0 || n < e);
-      return t || e > -1 ? {
-        pathname: r.substring(0, t ? n : e),
-        query: t ? r.substring(n, e > -1 ? e : void 0) : "",
-        hash: e > -1 ? r.slice(e) : ""
-      } : {
-        pathname: r,
-        query: "",
-        hash: ""
-      };
+import s from "./index80.mjs";
+import m from "./index206.mjs";
+import u from "./index207.mjs";
+import { getFetch as b } from "./index208.mjs";
+import d from "./index91.mjs";
+const p = {
+  http: m,
+  xhr: u,
+  fetch: {
+    get: b
+  }
+};
+s.forEach(p, (e, o) => {
+  if (e) {
+    try {
+      Object.defineProperty(e, "name", { value: o });
+    } catch {
+    }
+    Object.defineProperty(e, "adapterName", { value: o });
+  }
+});
+const f = (e) => `- ${e}`, g = (e) => s.isFunction(e) || e === null || e === !1, y = {
+  getAdapter: (e, o) => {
+    e = s.isArray(e) ? e : [e];
+    const { length: a } = e;
+    let i, t;
+    const c = {};
+    for (let r = 0; r < a; r++) {
+      i = e[r];
+      let n;
+      if (t = i, !g(i) && (t = p[(n = String(i)).toLowerCase()], t === void 0))
+        throw new d(`Unknown adapter '${n}'`);
+      if (t && (s.isFunction(t) || (t = t.get(o))))
+        break;
+      c[n || "#" + r] = t;
     }
-  }(u), u);
-}
+    if (!t) {
+      const r = Object.entries(c).map(
+        ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
+      );
+      let n = a ? r.length > 1 ? `since :
+` + r.map(f).join(`
+`) : " " + f(r[0]) : "as no adapter specified";
+      throw new d(
+        "There is no suitable adapter to dispatch the request " + n,
+        "ERR_NOT_SUPPORT"
+      );
+    }
+    return t;
+  },
+  adapters: p
+};
 export {
-  f as __require
+  y as default
 };

package/dist/index96.mjs

@@ -1,26 +1,72 @@
 'use client';
-import { __module as a } from "./index170.mjs";
-import { __require as f } from "./index171.mjs";
-import { __require as c } from "./index172.mjs";
-var i;
-function g() {
-  return i ? a.exports : (i = 1, function(o, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "addLocale", {
-      enumerable: !0,
-      get: function() {
-        return l;
-      }
-    });
-    const d = f(), l = function(t) {
-      for (var u = arguments.length, n = new Array(u > 1 ? u - 1 : 0), r = 1; r < u; r++)
-        n[r - 1] = arguments[r];
-      return process.env.__NEXT_I18N_SUPPORT ? (0, d.normalizePathTrailingSlash)(c().addLocale(t, ...n)) : t;
-    };
-    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), o.exports = e.default);
-  }(a, a.exports), a.exports);
-}
+const e = {
+  Continue: 100,
+  SwitchingProtocols: 101,
+  Processing: 102,
+  EarlyHints: 103,
+  Ok: 200,
+  Created: 201,
+  Accepted: 202,
+  NonAuthoritativeInformation: 203,
+  NoContent: 204,
+  ResetContent: 205,
+  PartialContent: 206,
+  MultiStatus: 207,
+  AlreadyReported: 208,
+  ImUsed: 226,
+  MultipleChoices: 300,
+  MovedPermanently: 301,
+  Found: 302,
+  SeeOther: 303,
+  NotModified: 304,
+  UseProxy: 305,
+  Unused: 306,
+  TemporaryRedirect: 307,
+  PermanentRedirect: 308,
+  BadRequest: 400,
+  Unauthorized: 401,
+  PaymentRequired: 402,
+  Forbidden: 403,
+  NotFound: 404,
+  MethodNotAllowed: 405,
+  NotAcceptable: 406,
+  ProxyAuthenticationRequired: 407,
+  RequestTimeout: 408,
+  Conflict: 409,
+  Gone: 410,
+  LengthRequired: 411,
+  PreconditionFailed: 412,
+  PayloadTooLarge: 413,
+  UriTooLong: 414,
+  UnsupportedMediaType: 415,
+  RangeNotSatisfiable: 416,
+  ExpectationFailed: 417,
+  ImATeapot: 418,
+  MisdirectedRequest: 421,
+  UnprocessableEntity: 422,
+  Locked: 423,
+  FailedDependency: 424,
+  TooEarly: 425,
+  UpgradeRequired: 426,
+  PreconditionRequired: 428,
+  TooManyRequests: 429,
+  RequestHeaderFieldsTooLarge: 431,
+  UnavailableForLegalReasons: 451,
+  InternalServerError: 500,
+  NotImplemented: 501,
+  BadGateway: 502,
+  ServiceUnavailable: 503,
+  GatewayTimeout: 504,
+  HttpVersionNotSupported: 505,
+  VariantAlsoNegotiates: 506,
+  InsufficientStorage: 507,
+  LoopDetected: 508,
+  NotExtended: 510,
+  NetworkAuthenticationRequired: 511
+};
+Object.entries(e).forEach(([t, o]) => {
+  e[o] = t;
+});
 export {
-  g as __require
+  e as default
 };

package/dist/index97.mjs

@@ -1,28 +1,37 @@
 'use client';
-import { __module as o } from "./index173.mjs";
-import { __require as d } from "./index95.mjs";
-var f;
-function m() {
-  return f ? o.exports : (f = 1, function(i, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "removeLocale", {
-      enumerable: !0,
-      get: function() {
-        return c;
-      }
-    });
-    const l = d();
-    function c(r, t) {
-      if (process.env.__NEXT_I18N_SUPPORT) {
-        const { pathname: u } = (0, l.parsePath)(r), n = u.toLowerCase(), a = t == null ? void 0 : t.toLowerCase();
-        return t && (n.startsWith("/" + a + "/") || n === "/" + a) ? (u.length === t.length + 1 ? "/" : "") + r.slice(t.length + 1) : r;
-      }
-      return r;
-    }
-    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), i.exports = e.default);
-  }(o, o.exports), o.exports);
-}
+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));
 export {
-  m as __require
+  s as serialize
 };

package/dist/index98.mjs

@@ -1,24 +1,46 @@
 'use client';
-import { __module as r } from "./index174.mjs";
-import { __require as o } from "./index100.mjs";
-var a;
-function l() {
-  return a ? r.exports : (a = 1, function(n, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "removeBasePath", {
-      enumerable: !0,
-      get: function() {
-        return i;
-      }
-    });
-    const f = o(), u = process.env.__NEXT_ROUTER_BASEPATH || "";
-    function i(t) {
-      return process.env.__NEXT_MANUAL_CLIENT_BASE_PATH && !(0, f.hasBasePath)(t) || u.length === 0 || (t = t.slice(u.length), t.startsWith("/") || (t = "/" + t)), t;
-    }
-    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), n.exports = e.default);
-  }(r, r.exports), r.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 {
-  l as __require
+  f as buildSearchParams,
+  o as deepMerge,
+  s as mergePath,
+  l as removeIndexString,
+  p as replaceUrlParam,
+  i as replaceUrlProtocol
 };

package/dist/index99.mjs

@@ -1,25 +1,5 @@
 'use client';
-import { __module as a } from "./index175.mjs";
-import { __require as _ } from "./index176.mjs";
-import { __require as l } from "./index171.mjs";
-var t;
-function h() {
-  return t ? a.exports : (t = 1, function(u, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "addBasePath", {
-      enumerable: !0,
-      get: function() {
-        return f;
-      }
-    });
-    const i = _(), d = l(), n = process.env.__NEXT_ROUTER_BASEPATH || "";
-    function f(r, o) {
-      return (0, d.normalizePathTrailingSlash)(process.env.__NEXT_MANUAL_CLIENT_BASE_PATH && !o ? r : (0, i.addPathPrefix)(r, n));
-    }
-    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), u.exports = e.default);
-  }(a, a.exports), a.exports);
-}
+var r = {};
 export {
-  h as __require
+  r as __exports
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/RecommendedProducts.tsx

@@ -28,16 +28,16 @@ export function RecommendedProducts({
 }: RecommendedProductsProps) {
   const { cart, addItem } = useCart();
   const { data: recommendations, isLoading, error } = useGetCartRecommendations(cart?.id, limit);
-  const [addingProductIds, setAddingProductIds] = useState<Set<string>>(new Set());
-  const [fadingProductIds, setFadingProductIds] = useState<Set<string>>(new Set());
-  const [collapsingProductIds, setCollapsingProductIds] = useState<Set<string>>(new Set());
-  const [hiddenProductIds, setHiddenProductIds] = useState<Set<string>>(new Set());
+  const [addingProductIds, setAddingProductIds] = useState<string[]>([]);
+  const [fadingProductIds, setFadingProductIds] = useState<string[]>([]);
+  const [collapsingProductIds, setCollapsingProductIds] = useState<string[]>([]);
+  const [hiddenProductIds, setHiddenProductIds] = useState<string[]>([]);
 
   // Reset hidden products when recommendations change (e.g., when cart items are removed)
   useEffect(() => {
-    setHiddenProductIds(new Set());
-    setFadingProductIds(new Set());
-    setCollapsingProductIds(new Set());
+    setHiddenProductIds([]);
+    setFadingProductIds([]);
+    setCollapsingProductIds([]);
   }, [recommendations]);
 
   // Don't render if no cart
@@ -58,7 +58,7 @@ export function RecommendedProducts({
 
   // Filter out hidden products
   const visibleRecommendations = recommendations?.filter(
-    product => !hiddenProductIds.has(product.id)
+    product => !hiddenProductIds.includes(product.id)
   );
 
   // Don't render if error or no visible recommendations
@@ -67,27 +67,23 @@ export function RecommendedProducts({
   }
 
   const handleAddToCart = async (product: typeof visibleRecommendations[0], variant: typeof visibleRecommendations[0]['variants'][0]) => {
-    setAddingProductIds(prev => new Set(prev).add(product.id));
+    setAddingProductIds(prev => [...prev, product.id]);
     try {
       await addItem(product.slug, product.name, variant.price, variant.sku, 1);
       // Start the fade-out and blur animation
-      setFadingProductIds(prev => new Set(prev).add(product.id));
+      setFadingProductIds(prev => [...prev, product.id]);
 
       // After fade completes (500ms), start width collapse
       setTimeout(() => {
-        setCollapsingProductIds(prev => new Set(prev).add(product.id));
+        setCollapsingProductIds(prev => [...prev, product.id]);
       }, 500);
 
       // Remove from DOM after collapse completes (1000ms total)
       setTimeout(() => {
-        setHiddenProductIds(prev => new Set(prev).add(product.id));
+        setHiddenProductIds(prev => [...prev, product.id]);
       }, 1000);
     } finally {
-      setAddingProductIds(prev => {
-        const next = new Set(prev);
-        next.delete(product.id);
-        return next;
-      });
+      setAddingProductIds(prev => prev.filter(id => id !== product.id));
     }
   };
 
@@ -104,17 +100,13 @@ export function RecommendedProducts({
           {/* Left spacer */}
           <div className="flex-shrink-0 w-1" />
 
-          {recommendations?.map((product) => {
+          {visibleRecommendations?.map((product) => {
             const firstVariant = product.variants[0];
             if (!firstVariant) return null;
 
-            const isAdding = addingProductIds.has(product.id);
-            const isFading = fadingProductIds.has(product.id);
-            const isCollapsing = collapsingProductIds.has(product.id);
-            const isHidden = hiddenProductIds.has(product.id);
-
-            // Don't render hidden products
-            if (isHidden) return null;
+            const isAdding = addingProductIds.includes(product.id);
+            const isFading = fadingProductIds.includes(product.id);
+            const isCollapsing = collapsingProductIds.includes(product.id);
 
             return (
               <div