@instockng/storefront-ui 1.0.21 → 1.0.23

package/dist/index263.mjs

@@ -1,33 +1,9 @@
 'use client';
-import r from "./index75.mjs";
-import c from "./index141.mjs";
-const p = c.hasStandardBrowserEnv ? (
-  // Standard browser envs support document.cookie
-  {
-    write(e, t, n, i, s, u) {
-      const o = [e + "=" + encodeURIComponent(t)];
-      r.isNumber(n) && o.push("expires=" + new Date(n).toGMTString()), r.isString(i) && o.push("path=" + i), r.isString(s) && o.push("domain=" + s), u === !0 && o.push("secure"), document.cookie = o.join("; ");
-    },
-    read(e) {
-      const t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
-      return t ? decodeURIComponent(t[3]) : null;
-    },
-    remove(e) {
-      this.write(e, "", Date.now() - 864e5);
-    }
-  }
-) : (
-  // Non-standard browser env (web workers, react-native) lack needed support.
-  {
-    write() {
-    },
-    read() {
-      return null;
-    },
-    remove() {
-    }
-  }
-);
+import o from "./index200.mjs";
+const n = o.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, o.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
+  new URL(o.origin),
+  o.navigator && /(msie|trident)/i.test(o.navigator.userAgent)
+) : () => !0;
 export {
-  p as default
+  n as default
 };

package/dist/index264.mjs

@@ -1,5 +1,33 @@
 'use client';
-const e = {};
+import r from "./index76.mjs";
+import c from "./index200.mjs";
+const p = c.hasStandardBrowserEnv ? (
+  // Standard browser envs support document.cookie
+  {
+    write(e, t, n, i, s, u) {
+      const o = [e + "=" + encodeURIComponent(t)];
+      r.isNumber(n) && o.push("expires=" + new Date(n).toGMTString()), r.isString(i) && o.push("path=" + i), r.isString(s) && o.push("domain=" + s), u === !0 && o.push("secure"), document.cookie = o.join("; ");
+    },
+    read(e) {
+      const t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
+      return t ? decodeURIComponent(t[3]) : null;
+    },
+    remove(e) {
+      this.write(e, "", Date.now() - 864e5);
+    }
+  }
+) : (
+  // Non-standard browser env (web workers, react-native) lack needed support.
+  {
+    write() {
+    },
+    read() {
+      return null;
+    },
+    remove() {
+    }
+  }
+);
 export {
-  e as default
+  p as default
 };

package/dist/index3.mjs

@@ -1,170 +1,201 @@
 'use client';
-import { jsxs as Q, jsx as V } from "react/jsx-runtime";
-import { createContext as W, useState as I, useRef as y, useEffect as m, useCallback as o, useContext as X } from "react";
+import { jsxs as ct, jsx as st } from "react/jsx-runtime";
+import { createContext as at, useState as _, useRef as g, useCallback as c, useEffect as d, useContext as ut } from "react";
 import "./index20.mjs";
-import { useGetCart as Z, useCreateCart as $, useAddCartItem as tt, useUpdateCartItem as et, useRemoveCartItem as rt, useApplyDiscount as ot, useRemoveDiscount as nt, useUpdateCart as st, useCheckoutCart as at } from "./index32.mjs";
+import { useGetCart as it, useCreateCart as ft, useAddCartItem as mt, useUpdateCartItem as dt, useRemoveCartItem as lt, useApplyDiscount as pt, useRemoveDiscount as Ct, useUpdateCart as wt, useCheckoutCart as It } from "./index32.mjs";
 import "@tanstack/react-query";
-import { ShoppingCart as ct } from "./index10.mjs";
-import { useMetaPixel as ut } from "./index4.mjs";
-const f = "oms_cart_id", N = W(null);
-function Ct({ children: l, brandSlug: a, initialCartId: d, shoppingCartProps: P }) {
-  const [t, c] = I(d || null), [h, v] = I(!1), [g, x] = I(!1), S = y(!1), A = y(!1), p = y(!1), { trackAddToCart: D, trackPurchase: R } = ut();
-  m(() => {
-    x(!0);
-  }, []), m(() => {
-    if (d || S.current) return;
-    S.current = !0;
+import { ShoppingCart as ht } from "./index10.mjs";
+import { useMetaPixel as vt } from "./index4.mjs";
+const l = "oms_cart_id", U = at(null);
+function bt({ children: p, brandSlug: i, initialCartId: C, shoppingCartProps: L }) {
+  const [t, f] = _(C || null), [A, S] = _(!1), [j, G] = _(!1), b = g(!1), M = g(!1), h = g(!1), { trackAddToCart: v, trackInitiateCheckout: E, trackPurchase: O } = vt(), N = c(() => {
+    if (typeof document > "u") return { fbc: void 0, fbp: void 0 };
+    const e = (r) => {
+      var o;
+      const n = `; ${document.cookie}`.split(`; ${r}=`);
+      if (n.length === 2) return (o = n.pop()) == null ? void 0 : o.split(";").shift();
+    };
+    return {
+      fbc: e("_fbc"),
+      fbp: e("_fbp")
+    };
+  }, []);
+  d(() => {
+    G(!0);
+  }, []), d(() => {
+    if (C || b.current) return;
+    b.current = !0;
     const r = new URLSearchParams(window.location.search).get("cartId");
     if (r) {
-      c(r);
+      f(r);
       return;
     }
-    const s = localStorage.getItem(f);
-    s && c(s);
-  }, [d]);
-  const { data: k, isLoading: T, error: w, refetch: n } = Z(t || "", {
+    const s = localStorage.getItem(l);
+    s && f(s);
+  }, [C]);
+  const { data: m, isLoading: q, error: w, refetch: a } = it(t || "", {
     enabled: !!t,
     retry: !1
     // Don't retry on failure - cart might be invalid/expired
-  }), C = $({
+  }), y = ft({
     onSuccess: (e) => {
       if ("error" in e) {
         console.error("Failed to create cart:", e.error);
         return;
       }
-      c(e.id);
+      f(e.id);
     },
     onError: (e) => {
       console.error("Failed to create cart:", e);
     },
     retry: 10
   });
-  m(() => {
-    if (A.current) return;
-    A.current = !0;
+  d(() => {
+    if (M.current) return;
+    M.current = !0;
     const e = setTimeout(() => {
-      !(typeof window < "u" ? localStorage.getItem(f) : null) && !d && C.mutate(a);
+      !(typeof window < "u" ? localStorage.getItem(l) : null) && !C && y.mutate(i);
     }, 150);
     return () => clearTimeout(e);
-  }, []), m(() => {
-    w && t && !p.current && (p.current = !0, console.warn("Cart fetch failed, creating new cart:", w), c(null), typeof window < "u" && localStorage.removeItem(f), setTimeout(() => {
-      C.mutate(a), p.current = !1;
+  }, []), d(() => {
+    w && t && !h.current && (h.current = !0, console.warn("Cart fetch failed, creating new cart:", w), f(null), typeof window < "u" && localStorage.removeItem(l), setTimeout(() => {
+      y.mutate(i), h.current = !1;
     }, 100));
-  }, [w, t, a]);
-  const _ = tt(t || "", {
-    onSuccess: () => n()
-  }), F = et(t || "", {
-    onSuccess: () => n()
-  }), U = rt(t || "", {
-    onSuccess: () => n()
-  }), L = ot(t || "", {
-    onSuccess: () => n()
-  }), j = nt(t || "", {
-    onSuccess: () => n()
-  }), G = st(t || "", {
-    onSuccess: () => n(),
+  }, [w, t, i]);
+  const H = mt(t || "", {
+    onSuccess: () => a()
+  }), K = dt(t || "", {
+    onSuccess: () => a()
+  }), Y = lt(t || "", {
+    onSuccess: () => a()
+  }), z = pt(t || "", {
+    onSuccess: () => a()
+  }), B = Ct(t || "", {
+    onSuccess: () => a()
+  }), J = wt(t || "", {
+    onSuccess: () => a(),
     retry: 3
-  }), O = at(t || "", {
+  }), Q = It(t || "", {
     onSuccess: (e) => {
-      var s;
+      var n;
       if ("error" in e) return;
-      const r = ((s = e.items) == null ? void 0 : s.map((u) => {
-        var i;
+      const r = ((n = e.items) == null ? void 0 : n.map((o) => {
+        var u;
         return {
-          id: ((i = u.variant) == null ? void 0 : i.sku) || "",
-          quantity: u.quantity,
-          item_price: Number(u.priceAtPurchase)
+          id: ((u = o.variant) == null ? void 0 : u.sku) || "",
+          quantity: o.quantity,
+          item_price: Number(o.priceAtPurchase)
         };
-      })) || [];
-      R(
+      })) || [], s = `order_${e.id}`;
+      O(
         Number(e.totalPrice),
         "NGN",
         e.id,
-        r
+        r,
+        s
       );
     }
   });
-  m(() => {
-    t && typeof window < "u" && localStorage.setItem(f, t);
+  d(() => {
+    t && typeof window < "u" && localStorage.setItem(l, t);
   }, [t]);
-  const b = o(
-    async (e, r, s, u, i) => {
+  const V = c(
+    async (e, r, s, n, o) => {
+      var $;
       if (!t) throw new Error("No cart ID");
-      await _.mutateAsync({ sku: u, quantity: i }), D(e, r, s, i);
+      const { fbc: u, fbp: D } = N(), R = await H.mutateAsync({ sku: n, quantity: o, fbc: u, fbp: D });
+      if ("error" in R) return;
+      const I = ($ = R.items) == null ? void 0 : $.filter(
+        (k) => {
+          var F;
+          return ((F = k.variant) == null ? void 0 : F.sku) === n;
+        }
+      ), T = I == null ? void 0 : I[I.length - 1];
+      if (T) {
+        const k = `cart_${t}_item_${T.id}`;
+        v(e, r, s, o, k);
+      } else
+        v(e, r, s, o);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, D]
-  ), q = o(
+    [t, v, N]
+  ), W = c(
     async (e, r) => {
       if (!t) throw new Error("No cart ID");
-      await F.mutateAsync({ itemId: e, quantity: r });
+      await K.mutateAsync({ itemId: e, quantity: r });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), H = o(
+  ), X = c(
     async (e) => {
       if (!t) throw new Error("No cart ID");
-      await U.mutateAsync(e);
+      await Y.mutateAsync(e);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), K = o(
+  ), Z = c(
     async (e) => {
       if (!t) throw new Error("No cart ID");
-      await L.mutateAsync({ code: e });
+      await z.mutateAsync({ code: e });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), Y = o(async () => {
+  ), tt = c(async () => {
     if (!t) throw new Error("No cart ID");
-    await j.mutateAsync();
-  }, [t]), M = o(() => {
-    c(null), typeof window < "u" && localStorage.removeItem(f);
-  }, []), z = o(() => {
-    M(), C.mutate(a);
-  }, [a]), B = o(() => {
-    v(!0);
-  }, []), E = o(() => {
-    v(!1);
-  }, []), J = {
-    cart: k || null,
+    await B.mutateAsync();
+  }, [t]), P = c(() => {
+    f(null), typeof window < "u" && localStorage.removeItem(l);
+  }, []), et = c(() => {
+    P(), y.mutate(i);
+  }, [i]), rt = c(() => {
+    S(!0);
+  }, []), x = c(() => {
+    S(!1);
+  }, []), ot = c(() => {
+    var n, o;
+    if (!m || !t) return;
+    const e = Number(((n = m.pricing) == null ? void 0 : n.total) || 0), r = ((o = m.items) == null ? void 0 : o.reduce((u, D) => u + D.quantity, 0)) || 0, s = `cart_${t}_checkout`;
+    E(e, r, s);
+  }, [m, t, E]), nt = {
+    cart: m || null,
     cartId: t,
-    isLoading: T,
+    isLoading: q,
     error: w,
-    updateCartMutation: G,
-    checkoutMutation: O,
-    addItem: b,
-    updateItem: q,
-    removeItem: H,
-    applyDiscount: K,
-    removeDiscount: Y,
-    clearCart: M,
-    clearAndCreateNewCart: z,
-    refetch: n,
-    isOpen: h,
-    open: B,
-    close: E
+    updateCartMutation: J,
+    checkoutMutation: Q,
+    addItem: V,
+    updateItem: W,
+    removeItem: X,
+    applyDiscount: Z,
+    removeDiscount: tt,
+    trackCheckoutInitiated: ot,
+    clearCart: P,
+    clearAndCreateNewCart: et,
+    refetch: a,
+    isOpen: A,
+    open: rt,
+    close: x
   };
-  return /* @__PURE__ */ Q(N.Provider, { value: J, children: [
-    l,
-    g && /* @__PURE__ */ V(
-      ct,
+  return /* @__PURE__ */ ct(U.Provider, { value: nt, children: [
+    p,
+    j && /* @__PURE__ */ st(
+      ht,
       {
-        isOpen: h,
-        onClose: E,
-        ...P
+        isOpen: A,
+        onClose: x,
+        ...L
       }
     )
   ] });
 }
-function It() {
-  const l = X(N);
-  if (!l)
+function Mt() {
+  const p = ut(U);
+  if (!p)
     throw new Error("useCart must be used within CartProvider");
-  return l;
+  return p;
 }
 export {
-  N as CartContext,
-  Ct as CartProvider,
-  It as useCart
+  U as CartContext,
+  bt as CartProvider,
+  Mt as useCart
 };

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,5 +1,5 @@
 'use client';
-import { getDefaultExportFromCjs as n } from "./index61.mjs";
+import { getDefaultExportFromCjs as n } from "./index60.mjs";
 import { __require as i } from "./index62.mjs";
 function s(t, a) {
   for (var o = 0; o < a.length; 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
 };