@instockng/storefront-ui 1.0.65 → 1.0.67

package/dist/index96.mjs

@@ -1,182 +1,78 @@
 'use client';
-import i from "./index82.mjs";
-import S from "./index149.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
+import u from "./index95.mjs";
+class c {
+  constructor(e) {
+    if (typeof e != "function")
+      throw new TypeError("executor must be a function.");
+    let t;
+    this.promise = new Promise(function(r) {
+      t = r;
     });
-  });
-}
-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;
+    this.promise.then((n) => {
+      if (!s._listeners) return;
+      let r = s._listeners.length;
+      for (; r-- > 0; )
+        s._listeners[r](n);
+      s._listeners = null;
+    }), this.promise.then = (n) => {
+      let r;
+      const o = new Promise((i) => {
+        s.subscribe(i), r = i;
+      }).then(n);
+      return o.cancel = function() {
+        s.unsubscribe(r);
+      }, o;
+    }, e(function(r, o, i) {
+      s.reason || (s.reason = new u(r, o, i), t(s.reason));
+    });
   }
-  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);
+  /**
+   * Throws a `CanceledError` if cancellation has been requested.
+   */
+  throwIfRequested() {
+    if (this.reason)
+      throw this.reason;
+  }
+  /**
+   * Subscribe to the cancel signal
+   */
+  subscribe(e) {
+    if (this.reason) {
+      e(this.reason);
+      return;
     }
-    return i.isArray(t) ? t.forEach(o) : o(t), this;
+    this._listeners ? this._listeners.push(e) : this._listeners = [e];
+  }
+  /**
+   * Unsubscribe from the cancel signal
+   */
+  unsubscribe(e) {
+    if (!this._listeners)
+      return;
+    const t = this._listeners.indexOf(e);
+    t !== -1 && this._listeners.splice(t, 1);
+  }
+  toAbortSignal() {
+    const e = new AbortController(), t = (s) => {
+      e.abort(s);
+    };
+    return this.subscribe(t), e.signal.unsubscribe = () => this.unsubscribe(t), e.signal;
+  }
+  /**
+   * Returns an object that contains a new `CancelToken` and a function that, when called,
+   * cancels the `CancelToken`.
+   */
+  static source() {
+    let e;
+    return {
+      token: new c(function(n) {
+        e = n;
+      }),
+      cancel: e
+    };
   }
 }
-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 {
-  b as default
+  c as default
 };

package/dist/index97.mjs

@@ -1,56 +1,7 @@
 'use client';
-import s from "./index82.mjs";
-import m from "./index150.mjs";
-import u from "./index151.mjs";
-import { getFetch as b } from "./index152.mjs";
-import d from "./index93.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;
-    }
-    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
-};
+function t(n) {
+  return !!(n && n.__CANCEL__);
+}
 export {
-  y as default
+  t as default
 };

package/dist/index98.mjs

@@ -1,72 +1,5 @@
 'use client';
-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;
-});
+const o = "1.12.2";
 export {
-  e as default
+  o as VERSION
 };

package/dist/index99.mjs

@@ -1,37 +1,86 @@
 '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");
+import t from "./index89.mjs";
+import E from "./index100.mjs";
+function B(i) {
+  return t.isPlainObject(i) || t.isArray(i);
+}
+function h(i) {
+  return t.endsWith(i, "[]") ? i.slice(0, -2) : i;
+}
+function O(i, e, s) {
+  return i ? i.concat(e).map(function(o, d) {
+    return o = h(o), !s && d ? "[" + o + "]" : o;
+  }).join(s ? "." : "") : e;
+}
+function T(i) {
+  return t.isArray(i) && !i.some(B);
+}
+const S = t.toFlatObject(t, {}, null, function(e) {
+  return /^is[A-Z]/.test(e);
+});
+function W(i, e, s) {
+  if (!t.isObject(i))
+    throw new TypeError("target must be an object");
+  e = e || new FormData(), s = t.toFlatObject(s, {
+    metaTokens: !0,
+    dots: !1,
+    indexes: !1
+  }, !1, function(n, u) {
+    return !t.isUndefined(u[n]);
+  });
+  const p = s.metaTokens, o = s.visitor || j, d = s.dots, m = s.indexes, w = (s.Blob || typeof Blob < "u" && Blob) && t.isSpecCompliantForm(e);
+  if (!t.isFunction(o))
+    throw new TypeError("visitor must be a function");
+  function l(r) {
+    if (r === null) return "";
+    if (t.isDate(r))
+      return r.toISOString();
+    if (t.isBoolean(r))
+      return r.toString();
+    if (!w && t.isBlob(r))
+      throw new E("Blob is not supported. Use a Buffer instead.");
+    return t.isArrayBuffer(r) || t.isTypedArray(r) ? w && typeof Blob == "function" ? new Blob([r]) : Buffer.from(r) : r;
   }
-  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}`;
+  function j(r, n, u) {
+    let f = r;
+    if (r && !u && typeof r == "object") {
+      if (t.endsWith(n, "{}"))
+        n = p ? n : n.slice(0, -2), r = JSON.stringify(r);
+      else if (t.isArray(r) && T(r) || (t.isFileList(r) || t.endsWith(n, "[]")) && (f = t.toArray(r)))
+        return n = h(n), f.forEach(function(b, x) {
+          !(t.isUndefined(b) || b === null) && e.append(
+            // eslint-disable-next-line no-nested-ternary
+            m === !0 ? O([n], x, d) : m === null ? n : n + "[]",
+            l(b)
+          );
+        }), !1;
+    }
+    return B(r) ? !0 : (e.append(O(u, n, d), l(r)), !1);
   }
-  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()}`;
+  const a = [], F = Object.assign(S, {
+    defaultVisitor: j,
+    convertValue: l,
+    isVisitable: B
+  });
+  function A(r, n) {
+    if (!t.isUndefined(r)) {
+      if (a.indexOf(r) !== -1)
+        throw Error("Circular reference detected in " + n.join("."));
+      a.push(r), t.forEach(r, function(f, c) {
+        (!(t.isUndefined(f) || f === null) && o.call(
+          e,
+          f,
+          t.isString(c) ? c.trim() : c,
+          n,
+          F
+        )) === !0 && A(f, n ? n.concat(c) : [c]);
+      }), a.pop();
+    }
   }
-  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));
+  if (!t.isObject(i))
+    throw new TypeError("data must be an object");
+  return A(i), e;
+}
 export {
-  s as serialize
+  W as default
 };

package/package.json

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

package/src/components/ProductAddOns.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useRef } from 'react';
+import Image from 'next/image';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { Switch } from './ui/switch';
 import { Badge } from './ui/badge';
@@ -105,7 +106,7 @@ export function ProductAddOns({
 
     if (isLoading) {
         return (
-            <div className={cn('w-full py-8 space-y-4 animate-pulse', className)} style={{ maxWidth: 'calc(100vw - calc(var(--spacing) * 4))' }}>
+            <div className={cn('w-full py-8 space-y-4 animate-pulse', className)} style={{ maxWidth: 'calc(100vw - calc(var(--spacing) * 7))' }}>
                 <div className="h-4 w-32 bg-gray-200 rounded px-1 mb-6" />
                 <div className="flex gap-4 overflow-x-hidden">
                     <div className="min-w-[90%] h-[90px] bg-gray-100 rounded-[2rem]" />
@@ -126,7 +127,7 @@ export function ProductAddOns({
                     ref={scrollContainerRef}
                     onScroll={handleScroll}
                     className="flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1"
-                    style={{ scrollbarWidth: 'none', msOverflowStyle: 'none', maxWidth: 'calc(100vw - calc(var(--spacing) * 4))' }}
+                    style={{ scrollbarWidth: 'none', msOverflowStyle: 'none', maxWidth: 'calc(100vw - calc(var(--spacing) * 7))' }}
                 >
                     {products.map((product: AddOnProduct) => {
                         const isSelected = selectedProductIds.includes(product.id);
@@ -144,12 +145,16 @@ export function ProductAddOns({
                                 className="relative flex min-w-[90%] md:min-w-[420px] snap-start items-center gap-4 rounded-xl bg-[#EBEBEB] p-3 transition-all"
                             >
                                 {/* Image Container */}
-                                <div className="h-16 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center">
+                                <div className="relative h-16 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center">
                                     {product.thumbnailUrl ? (
-                                        <img
+                                        <Image
                                             src={product.thumbnailUrl}
                                             alt={product.name}
-                                            className="h-full w-full object-cover"
+                                            fill
+                                            className="object-cover"
+                                            width={60}
+                                            height={60}
+                                            loading="lazy"
                                         />
                                     ) : (
                                         <div className="flex h-full w-full items-center justify-center text-[10px] text-gray-400">No Img</div>