@instockng/storefront-ui 1.0.24 → 1.0.26

package/dist/index91.mjs

@@ -1,56 +1,182 @@
 'use client';
-import s from "./index76.mjs";
-import m from "./index144.mjs";
-import u from "./index145.mjs";
-import { getFetch as b } from "./index146.mjs";
-import d from "./index87.mjs";
-const p = {
-  http: m,
-  xhr: u,
-  fetch: {
-    get: b
+import i from "./index77.mjs";
+import S from "./index142.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);
   }
-};
-s.forEach(p, (e, o) => {
-  if (e) {
-    try {
-      Object.defineProperty(e, "name", { value: o });
-    } catch {
+}
+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
+    });
+  });
+}
+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));
     }
-    Object.defineProperty(e, "adapterName", { value: o });
+    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;
   }
-});
-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;
+  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");
+      }
     }
-    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"
-      );
+  }
+  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 t;
-  },
-  adapters: p
-};
+    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 {
-  y as default
+  b as default
 };

package/dist/index92.mjs

@@ -1,72 +1,56 @@
 '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
+import s from "./index77.mjs";
+import m from "./index143.mjs";
+import u from "./index144.mjs";
+import { getFetch as b } from "./index145.mjs";
+import d from "./index88.mjs";
+const p = {
+  http: m,
+  xhr: u,
+  fetch: {
+    get: b
+  }
 };
-Object.entries(e).forEach(([t, o]) => {
-  e[o] = t;
+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
+};
 export {
-  e as default
+  y as default
 };

package/dist/index93.mjs

@@ -1,37 +1,72 @@
 '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));
+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 {
-  s as serialize
+  e as default
 };

package/dist/index94.mjs

@@ -1,46 +1,5 @@
 '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}` : "");
-  }
-  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;
-}
+var o = { exports: {} };
 export {
-  f as buildSearchParams,
-  o as deepMerge,
-  s as mergePath,
-  l as removeIndexString,
-  p as replaceUrlParam,
-  i as replaceUrlProtocol
+  o as __module
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -45,7 +45,7 @@
   "author": "Ola Wale",
   "license": "MIT",
   "dependencies": {
-    "@instockng/api-client": "^1.0.6",
+    "@instockng/api-client": "^1.0.7",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.0",
     "react-facebook-pixel": "^1.0.4",

package/src/components/ShoppingCart.tsx

@@ -261,7 +261,7 @@ export function ShoppingCart({
         onSuccess={() => onClose()}
         onClose={() => setIsCheckoutOpen(false)}
         refundPolicy={{
-          title: '🤔 Curious about refunds',
+          title: '🤔 Curious about Refunds?',
           policies: [
             '2 day return window from delivery date',
             'Items must be unused and in original packaging',

package/src/contexts/CartContext.tsx

@@ -94,7 +94,7 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
   const isHandlingErrorRef = useRef(false);
 
   // Get Meta Pixel tracking methods
-  const { trackAddToCart, trackInitiateCheckout, trackPurchase } = useMetaPixel();
+  const { trackAddToCart, trackInitiateCheckout } = useMetaPixel();
 
   /**
    * Extract fbc (Facebook Click ID) and fbp (Facebook Browser ID) cookies for attribution
@@ -237,26 +237,9 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
   });
 
   const checkoutMutation = useCheckoutCart(cartId || '', {
-    onSuccess: (order) => {
-      // Track Purchase event with Meta Pixel
-      if ('error' in order) return; // Skip if error response
-
-      const items = order.items?.map((item) => ({
-        id: item.variant?.sku || '',
-        quantity: item.quantity,
-        item_price: Number(item.priceAtPurchase),
-      })) || [];
-
-      // Generate event ID matching backend format: order_{orderId}
-      const eventID = `order_${order.id}`;
-
-      trackPurchase(
-        Number(order.totalPrice),
-        'NGN',
-        order.id,
-        items,
-        eventID
-      );
+    onSuccess: () => {
+      // Purchase event is tracked server-side via Meta CAPI
+      // No client-side tracking needed to avoid duplicates
     },
   });