@instockng/storefront-ui 1.0.33 → 1.0.34

package/dist/index3.mjs

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

package/dist/index38.mjs

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

package/dist/index40.mjs

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

package/dist/index44.mjs

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

package/dist/index5.mjs

@@ -1,97 +1,98 @@
 'use client';
 import { jsx as f } from "react/jsx-runtime";
-import { createContext as x, useContext as p, useState as w, useEffect as y } from "react";
+import { createContext as x, useContext as p, useState as w, useEffect as v } from "react";
 const u = x(void 0);
 let c = null;
 function N({
   children: a,
   pixelId: k,
-  debug: n = !1
+  debug: r = !1
 }) {
   const [T, d] = w(!1);
-  y(() => {
+  v(() => {
     if (typeof window > "u") return;
     if (!k) {
-      n && console.log("TikTok Pixel ID not provided. Tracking disabled.");
+      r && console.log("TikTok Pixel ID not provided. Tracking disabled.");
       return;
     }
     (async () => {
       try {
         const t = (await import("./index39.mjs")).default;
-        t.init(k, {}, { debug: n }), t.pageView(), c = t, d(!0), n && console.log("TikTok Pixel initialized:", k);
+        t.init(k, {}, { debug: r }), t.pageView(), c = t, d(!0), r && console.log("TikTok Pixel initialized:", k);
       } catch (t) {
         console.error("Failed to initialize TikTok Pixel:", t);
       }
     })();
-  }, [k, n]);
-  const r = (e, t, i) => {
+  }, [k, r]);
+  const n = (i, t, o) => {
     if (!T || !c) {
-      n && console.log("TikTok Pixel not initialized. Event not tracked:", e);
+      r && console.log("TikTok Pixel not initialized. Event not tracked:", i);
       return;
     }
     try {
-      const o = i ? { ...t, event_id: i } : t;
-      c.track(e, o), n && console.log("TikTok Pixel tracked event:", e, o);
-    } catch (o) {
-      console.error("Failed to track TikTok Pixel event:", o);
+      const e = o ? { ...t, event_id: o } : t;
+      c.track(i, e), r && console.log("TikTok Pixel tracked event:", i, e);
+    } catch (e) {
+      console.error("Failed to track TikTok Pixel event:", e);
     }
   }, P = {
-    track: r,
+    track: n,
     trackPageView: () => {
       if (!(!T || !c))
         try {
-          c.pageView(), n && console.log("TikTok Pixel tracked page view");
-        } catch (e) {
-          console.error("Failed to track TikTok Pixel page view:", e);
+          c.pageView(), r && console.log("TikTok Pixel tracked page view");
+        } catch (i) {
+          console.error("Failed to track TikTok Pixel page view:", i);
         }
     },
-    trackProductView: (e, t, i, o) => {
-      r(
+    trackProductView: (i, t, o, e) => {
+      n(
         "ViewContent",
         {
           content_type: "product",
-          content_id: e,
+          content_id: i,
           content_name: t,
-          price: i,
+          price: o,
           currency: "NGN"
         },
-        o
+        e
       );
     },
-    trackAddToCart: (e, t, i, o, l) => {
-      r(
+    trackAddToCart: (i, t, o, e, l) => {
+      n(
         "AddToCart",
         {
           content_type: "product",
-          content_id: e,
+          content_id: i,
           content_name: t,
-          price: i,
-          quantity: o,
+          value: o * e,
+          quantity: e,
           currency: "NGN"
         },
         l
       );
     },
-    trackInitiateCheckout: (e, t, i) => {
-      r(
+    trackInitiateCheckout: (i, t, o, e) => {
+      n(
         "InitiateCheckout",
         {
           content_type: "product",
-          value: e,
+          value: i,
           currency: "NGN",
-          num_items: t
+          num_items: t,
+          ...e && e.length > 0 ? { contents: e } : {}
         },
-        i
+        o
       );
     },
-    trackPurchase: (e, t, i, o, l) => {
-      r(
+    trackPurchase: (i, t, o, e, l) => {
+      n(
         "CompletePayment",
         {
           content_type: "product",
-          value: e,
+          value: i,
           currency: t,
-          contents: o.map((s) => ({
+          contents: e.map((s) => ({
             content_id: s.id,
             quantity: s.quantity,
             price: s.item_price

package/dist/index50.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 "./index94.mjs";
-import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index95.mjs";
+import { serialize as j } from "./index87.mjs";
+import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index88.mjs";
 var v = (r, e) => new Proxy(() => {
 }, {
   get(t, s) {

package/dist/index63.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/index64.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/index65.mjs

@@ -1,156 +1,26 @@
 'use client';
-import { __module as l } from "./index87.mjs";
-import "./index88.mjs";
-import j from "react";
-import { __require as A } from "./index89.mjs";
-import { __require as O } from "./index90.mjs";
-import { __require as x } from "./index91.mjs";
-import { __require as F } from "./index92.mjs";
-import { __exports as M } from "./index93.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
 };