@instockng/storefront-ui 1.0.21 → 1.0.22

package/dist/index32.mjs

@@ -1,21 +1,21 @@
 'use client';
 import { useQueryClient as s, useMutation as i } from "@tanstack/react-query";
-import { useQueryUnwrapped as o } from "./index67.mjs";
+import { useQueryUnwrapped as a } from "./index67.mjs";
 import { queryKeys as r } from "./index29.mjs";
-import { updateCart as c, createCart as l, applyDiscount as y, removeDiscount as m, addCartItem as C, updateCartItem as p, removeCartItem as q, checkoutCart as d, fetchCart as f } from "./index25.mjs";
-function b(e, t) {
-  return o({
+import { updateCart as c, createCart as l, applyDiscount as y, removeDiscount as m, addCartItem as p, updateCartItem as C, removeCartItem as q, checkoutCart as f, fetchCart as d } from "./index25.mjs";
+function Q(e, t) {
+  return a({
     queryKey: r.public.carts.detail(e),
-    queryFn: () => f(e),
+    queryFn: () => d(e),
     ...t
   });
 }
 function S(e, t) {
-  const u = s();
+  const n = s();
   return i({
-    mutationFn: (n) => c(e, n),
+    mutationFn: (u) => c(e, u),
     onSuccess: () => {
-      u.invalidateQueries({ queryKey: r.public.carts.detail(e) });
+      n.invalidateQueries({ queryKey: r.public.carts.detail(e) });
     },
     ...t
   });
@@ -27,61 +27,61 @@ function D(e) {
   });
 }
 function h(e, t) {
-  const u = s();
+  const n = s();
   return i({
-    mutationFn: (n) => y(e, n.code),
+    mutationFn: (u) => y(e, u.code),
     onSuccess: () => {
-      u.invalidateQueries({ queryKey: r.public.carts.detail(e) });
+      n.invalidateQueries({ queryKey: r.public.carts.detail(e) });
     },
     ...t
   });
 }
 function k(e, t) {
-  const u = s();
+  const n = s();
   return i({
     mutationFn: () => m(e),
     onSuccess: () => {
-      u.invalidateQueries({ queryKey: r.public.carts.detail(e) });
+      n.invalidateQueries({ queryKey: r.public.carts.detail(e) });
     },
     ...t
   });
 }
 function U(e, t) {
-  const u = s();
+  const n = s();
   return i({
-    mutationFn: (n) => C(e, n.sku, n.quantity),
+    mutationFn: (u) => p(e, u.sku, u.quantity, u.fbc, u.fbp),
     onSuccess: () => {
-      u.invalidateQueries({ queryKey: r.public.carts.detail(e) });
+      n.invalidateQueries({ queryKey: r.public.carts.detail(e) });
     },
     ...t
   });
 }
 function A(e, t) {
-  const u = s();
+  const n = s();
   return i({
-    mutationFn: ({ itemId: n, quantity: a }) => p(e, n, a),
+    mutationFn: ({ itemId: u, quantity: o }) => C(e, u, o),
     onSuccess: () => {
-      u.invalidateQueries({ queryKey: r.public.carts.detail(e) });
+      n.invalidateQueries({ queryKey: r.public.carts.detail(e) });
     },
     ...t
   });
 }
 function R(e, t) {
-  const u = s();
+  const n = s();
   return i({
-    mutationFn: (n) => q(e, n),
+    mutationFn: (u) => q(e, u),
     onSuccess: () => {
-      u.invalidateQueries({ queryKey: r.public.carts.detail(e) });
+      n.invalidateQueries({ queryKey: r.public.carts.detail(e) });
     },
     ...t
   });
 }
 function w(e, t) {
-  const u = s();
+  const n = s();
   return i({
-    mutationFn: (n) => d(e, n),
+    mutationFn: (u) => f(e, u),
     onSuccess: () => {
-      u.invalidateQueries({ queryKey: r.public.carts.detail(e) });
+      n.invalidateQueries({ queryKey: r.public.carts.detail(e) });
     },
     ...t
   });
@@ -91,7 +91,7 @@ export {
   h as useApplyDiscount,
   w as useCheckoutCart,
   D as useCreateCart,
-  b as useGetCart,
+  Q as useGetCart,
   R as useRemoveCartItem,
   k as useRemoveDiscount,
   S as useUpdateCart,

package/dist/index37.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { getDefaultExportFromCjs as x } from "./index61.mjs";
-import { __module as q } from "./index63.mjs";
+import { getDefaultExportFromCjs as x } from "./index60.mjs";
+import { __module as q } from "./index61.mjs";
 function S(b, p) {
   for (var s = 0; s < p.length; s++) {
     const c = p[s];

package/dist/index38.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { getDefaultExportFromCjs as n } from "./index61.mjs";
-import { __require as i } from "./index62.mjs";
+import { getDefaultExportFromCjs as n } from "./index60.mjs";
+import { __require as i } from "./index63.mjs";
 function s(t, a) {
   for (var o = 0; o < a.length; o++) {
     const e = a[o];

package/dist/index4.mjs

@@ -1,92 +1,93 @@
 'use client';
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as w, useContext as h, useState as d, useEffect as _ } from "react";
-const P = w(null);
-function b({ children: c, pixelId: r, debug: f }) {
-  const [s, p] = d(!1), [a, x] = d(null), k = typeof process < "u" && process.env.NODE_ENV === "development", o = f ?? k;
-  _(() => {
+import { jsx as w } from "react/jsx-runtime";
+import { createContext as h, useContext as _, useState as P, useEffect as M } from "react";
+const f = h(null);
+function T({ children: r, pixelId: a, debug: p }) {
+  const [l, x] = P(!1), [s, k] = P(null), g = typeof process < "u" && process.env.NODE_ENV === "development", i = p ?? g;
+  M(() => {
     if (!(typeof window > "u")) {
-      if (!r) {
-        o && console.log("[Meta Pixel] No pixel ID provided, tracking disabled");
+      if (!a) {
+        i && console.log("[Meta Pixel] No pixel ID provided, tracking disabled");
         return;
       }
       import("./index37.mjs").then((e) => e.f).then((e) => {
-        const t = e.default, i = {
+        const t = e.default, o = {
           autoConfig: !0,
-          debug: o
+          debug: i
         };
-        t.init(r, void 0, i), x(t), p(!0), o && console.log("[Meta Pixel] Initialized with ID:", r);
+        t.init(a, void 0, o), k(t), x(!0), i && console.log("[Meta Pixel] Initialized with ID:", a);
       }).catch((e) => {
         console.error("[Meta Pixel] Failed to load react-facebook-pixel:", e);
       });
     }
-  }, [r, o]);
-  const n = (e, t) => {
-    if (!s || !a) {
-      o && console.log("[Meta Pixel] Track (not initialized):", e, t);
+  }, [a, i]);
+  const c = (e, t, o) => {
+    if (!l || !s) {
+      i && console.log("[Meta Pixel] Track (not initialized):", e, t);
       return;
     }
-    a.track(e, t), o && console.log("[Meta Pixel] Track:", e, t);
-  }, g = {
-    track: n,
+    const n = o ? { ...t, eventID: o } : t;
+    s.track(e, n), i && console.log("[Meta Pixel] Track:", e, n, o ? `(ID: ${o})` : "");
+  }, m = {
+    track: c,
     trackPageView: () => {
-      if (!s || !a) {
-        o && console.log("[Meta Pixel] PageView (not initialized)");
+      if (!l || !s) {
+        i && console.log("[Meta Pixel] PageView (not initialized)");
         return;
       }
-      a.pageView(), o && console.log("[Meta Pixel] PageView");
+      s.pageView(), i && console.log("[Meta Pixel] PageView");
     },
-    trackProductView: (e, t, i) => {
-      n("ViewContent", {
+    trackProductView: (e, t, o, n) => {
+      c("ViewContent", {
         content_ids: [e],
         content_name: t,
         content_type: "product",
-        value: i,
+        value: o,
         currency: "NGN"
-      });
+      }, n);
     },
-    trackAddToCart: (e, t, i, l) => {
-      n("AddToCart", {
+    trackAddToCart: (e, t, o, n, u) => {
+      c("AddToCart", {
         content_ids: [e],
         content_name: t,
         content_type: "product",
-        value: i,
+        value: o,
         currency: "NGN",
-        num_items: l
-      });
+        num_items: n
+      }, u);
     },
-    trackInitiateCheckout: (e, t) => {
-      n("InitiateCheckout", {
+    trackInitiateCheckout: (e, t, o) => {
+      c("InitiateCheckout", {
         value: e,
         currency: "NGN",
         num_items: t
-      });
+      }, o);
     },
-    trackPurchase: (e, t, i, l) => {
-      n("Purchase", {
+    trackPurchase: (e, t, o, n, u) => {
+      c("Purchase", {
         value: e,
         currency: t,
         content_type: "product",
-        contents: l.map((u) => ({
-          id: u.id,
+        contents: n.map((d) => ({
+          id: d.id,
           // SKU
-          quantity: u.quantity,
-          item_price: u.item_price
+          quantity: d.quantity,
+          item_price: d.item_price
         })),
-        order_id: i
-      });
+        order_id: o
+      }, u);
     },
-    isInitialized: s
+    isInitialized: l
   };
-  return /* @__PURE__ */ m(P.Provider, { value: g, children: c });
+  return /* @__PURE__ */ w(f.Provider, { value: m, children: r });
 }
-function z() {
-  const c = h(P);
-  if (!c)
+function D() {
+  const r = _(f);
+  if (!r)
     throw new Error("useMetaPixel must be used within MetaPixelProvider");
-  return c;
+  return r;
 }
 export {
-  b as MetaPixelProvider,
-  z as useMetaPixel
+  T as MetaPixelProvider,
+  D as useMetaPixel
 };

package/dist/index42.mjs

@@ -1,6 +1,6 @@
 'use client';
 import * as l from "react";
-import { composeRefs as m } from "./index60.mjs";
+import { composeRefs as m } from "./index62.mjs";
 import { jsx as u } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function y(e) {

package/dist/index47.mjs

@@ -1,21 +1,21 @@
 'use client';
-import a from "./index75.mjs";
-import p from "./index76.mjs";
-import m from "./index77.mjs";
-import i from "./index78.mjs";
-import f from "./index79.mjs";
-import l from "./index80.mjs";
-import c from "./index81.mjs";
-import d from "./index82.mjs";
-import u from "./index83.mjs";
-import { VERSION as x } from "./index84.mjs";
-import C from "./index85.mjs";
-import A from "./index86.mjs";
-import E from "./index87.mjs";
-import O from "./index88.mjs";
-import S from "./index89.mjs";
-import H from "./index90.mjs";
-import T from "./index91.mjs";
+import a from "./index76.mjs";
+import p from "./index77.mjs";
+import m from "./index78.mjs";
+import i from "./index79.mjs";
+import f from "./index80.mjs";
+import l from "./index81.mjs";
+import c from "./index82.mjs";
+import d from "./index83.mjs";
+import u from "./index84.mjs";
+import { VERSION as x } from "./index85.mjs";
+import C from "./index86.mjs";
+import A from "./index87.mjs";
+import E from "./index88.mjs";
+import O from "./index89.mjs";
+import S from "./index90.mjs";
+import H from "./index91.mjs";
+import T from "./index92.mjs";
 function n(o) {
   const t = new m(o), e = p(m.prototype.request, t);
   return a.extend(e, m.prototype, t, { allOwnKeys: !0 }), a.extend(e, t, null, { allOwnKeys: !0 }), e.create = function(s) {

package/dist/index48.mjs

@@ -2,8 +2,8 @@
 var p = Object.defineProperty;
 var k = (r, e, i) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i;
 var h = (r, e, i) => k(r, typeof e != "symbol" ? e + "" : e, i);
-import { serialize as j } from "./index92.mjs";
-import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index93.mjs";
+import { serialize as j } from "./index93.mjs";
+import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index94.mjs";
 var v = (r, e) => new Proxy(() => {
 }, {
   get(t, s) {

package/dist/index60.mjs

@@ -1,26 +1,27 @@
 'use client';
-import "react";
-function i(n, o) {
-  if (typeof n == "function")
-    return n(o);
-  n != null && (n.current = o);
+function n(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function f(...n) {
-  return (o) => {
-    let u = !1;
-    const c = n.map((t) => {
-      const e = i(t, o);
-      return !u && typeof e == "function" && (u = !0), e;
+function c(e) {
+  if (e.__esModule) return e;
+  var o = e.default;
+  if (typeof o == "function") {
+    var t = function r() {
+      return this instanceof r ? Reflect.construct(o, arguments, this.constructor) : o.apply(this, arguments);
+    };
+    t.prototype = o.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
+    var u = Object.getOwnPropertyDescriptor(e, r);
+    Object.defineProperty(t, r, u.get ? u : {
+      enumerable: !0,
+      get: function() {
+        return e[r];
+      }
     });
-    if (u)
-      return () => {
-        for (let t = 0; t < c.length; t++) {
-          const e = c[t];
-          typeof e == "function" ? e() : i(n[t], null);
-        }
-      };
-  };
+  }), t;
 }
 export {
-  f as composeRefs
+  c as getAugmentedNamespace,
+  n as getDefaultExportFromCjs
 };

package/dist/index61.mjs

@@ -1,27 +1,5 @@
 'use client';
-function n(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function c(e) {
-  if (e.__esModule) return e;
-  var o = e.default;
-  if (typeof o == "function") {
-    var t = function r() {
-      return this instanceof r ? Reflect.construct(o, arguments, this.constructor) : o.apply(this, arguments);
-    };
-    t.prototype = o.prototype;
-  } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
-    var u = Object.getOwnPropertyDescriptor(e, r);
-    Object.defineProperty(t, r, u.get ? u : {
-      enumerable: !0,
-      get: function() {
-        return e[r];
-      }
-    });
-  }), t;
-}
+var e = { exports: {} };
 export {
-  c as getAugmentedNamespace,
-  n as getDefaultExportFromCjs
+  e as __module
 };

package/dist/index62.mjs

@@ -1,156 +1,26 @@
 'use client';
-import { __module as l } from "./index68.mjs";
-import "./index69.mjs";
-import j from "react";
-import { __require as A } from "./index70.mjs";
-import { __require as O } from "./index71.mjs";
-import { __require as x } from "./index72.mjs";
-import { __require as F } from "./index73.mjs";
-import { __exports as M } from "./index74.mjs";
-var p;
-function W() {
-  return p ? l.exports : (p = 1, function(g, u) {
-    Object.defineProperty(u, "__esModule", {
-      value: !0
-    });
-    function _(e, o) {
-      for (var t in o) Object.defineProperty(e, t, {
-        enumerable: !0,
-        get: o[t]
-      });
-    }
-    _(u, {
-      Router: function() {
-        return i.default;
-      },
-      createRouter: function() {
-        return P;
-      },
-      // Export the singletonRouter and this is the public API.
-      default: function() {
-        return v;
-      },
-      makePublicRouterInstance: function() {
-        return E;
-      },
-      useRouter: function() {
-        return q;
-      },
-      withRouter: function() {
-        return w.default;
-      }
-    });
-    const f = M, R = /* @__PURE__ */ f._(j), i = /* @__PURE__ */ f._(A()), b = O(), y = /* @__PURE__ */ f._(x()), w = /* @__PURE__ */ f._(F()), n = {
-      router: null,
-      readyCallbacks: [],
-      ready(e) {
-        if (this.router) return e();
-        typeof window < "u" && this.readyCallbacks.push(e);
-      }
-    }, d = [
-      "pathname",
-      "route",
-      "query",
-      "asPath",
-      "components",
-      "isFallback",
-      "basePath",
-      "locale",
-      "locales",
-      "defaultLocale",
-      "isReady",
-      "isPreview",
-      "isLocaleDomain",
-      "domainLocales"
-    ], C = [
-      "routeChangeStart",
-      "beforeHistoryChange",
-      "routeChangeComplete",
-      "routeChangeError",
-      "hashChangeStart",
-      "hashChangeComplete"
-    ], h = [
-      "push",
-      "replace",
-      "reload",
-      "back",
-      "prefetch",
-      "beforePopState"
-    ];
-    Object.defineProperty(n, "events", {
-      get() {
-        return i.default.events;
-      }
+import "react";
+function i(n, o) {
+  if (typeof n == "function")
+    return n(o);
+  n != null && (n.current = o);
+}
+function f(...n) {
+  return (o) => {
+    let u = !1;
+    const c = n.map((t) => {
+      const e = i(t, o);
+      return !u && typeof e == "function" && (u = !0), e;
     });
-    function m() {
-      if (!n.router) {
-        const e = `No router instance found.
-You should only use "next/router" on the client side of your app.
-`;
-        throw new Error(e);
-      }
-      return n.router;
-    }
-    d.forEach((e) => {
-      Object.defineProperty(n, e, {
-        get() {
-          return m()[e];
+    if (u)
+      return () => {
+        for (let t = 0; t < c.length; t++) {
+          const e = c[t];
+          typeof e == "function" ? e() : i(n[t], null);
         }
-      });
-    }), h.forEach((e) => {
-      n[e] = function() {
-        for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
-          t[r] = arguments[r];
-        return m()[e](...t);
       };
-    }), C.forEach((e) => {
-      n.ready(() => {
-        i.default.events.on(e, function() {
-          for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
-            t[r] = arguments[r];
-          const s = "on" + e.charAt(0).toUpperCase() + e.substring(1), c = n;
-          if (c[s])
-            try {
-              c[s](...t);
-            } catch (a) {
-              console.error("Error when running the Router event: " + s), console.error((0, y.default)(a) ? a.message + `
-` + a.stack : a + "");
-            }
-        });
-      });
-    });
-    const v = n;
-    function q() {
-      const e = R.default.useContext(b.RouterContext);
-      if (!e)
-        throw new Error("NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted");
-      return e;
-    }
-    function P() {
-      for (var e = arguments.length, o = new Array(e), t = 0; t < e; t++)
-        o[t] = arguments[t];
-      return n.router = new i.default(...o), n.readyCallbacks.forEach((r) => r()), n.readyCallbacks = [], n.router;
-    }
-    function E(e) {
-      const o = e, t = {};
-      for (const r of d) {
-        if (typeof o[r] == "object") {
-          t[r] = Object.assign(Array.isArray(o[r]) ? [] : {}, o[r]);
-          continue;
-        }
-        t[r] = o[r];
-      }
-      return t.events = i.default.events, h.forEach((r) => {
-        t[r] = function() {
-          for (var s = arguments.length, c = new Array(s), a = 0; a < s; a++)
-            c[a] = arguments[a];
-          return o[r](...c);
-        };
-      }), t;
-    }
-    (typeof u.default == "function" || typeof u.default == "object" && u.default !== null) && typeof u.default.__esModule > "u" && (Object.defineProperty(u.default, "__esModule", { value: !0 }), Object.assign(u.default, u), g.exports = u.default);
-  }(l, l.exports), l.exports);
+  };
 }
 export {
-  W as __require
+  f as composeRefs
 };