@instockng/storefront-ui 1.0.106 → 1.0.108

package/dist/index59.mjs

@@ -1,39 +1,36 @@
 'use client';
-import o from "./index60.mjs";
-const {
-  Axios: e,
-  AxiosError: a,
-  CanceledError: s,
-  isCancel: t,
-  CancelToken: i,
-  VERSION: l,
-  all: n,
-  Cancel: d,
-  isAxiosError: x,
-  spread: C,
-  toFormData: c,
-  AxiosHeaders: m,
-  HttpStatusCode: p,
-  formToJSON: A,
-  getAdapter: f,
-  mergeConfig: E
-} = o;
+import { clsx as O } from "./index60.mjs";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var s;
+  if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n == null ? void 0 : n[t], u = d == null ? void 0 : d[t];
+    if (a === null) return null;
+    const i = m(a) || m(u);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [u, i] = a;
+    return i === void 0 || (t[u] = i), t;
+  }, {}), N = l == null || (s = l.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((t, a) => {
+    let { class: u, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      u,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+};
 export {
-  e as Axios,
-  a as AxiosError,
-  m as AxiosHeaders,
-  d as Cancel,
-  i as CancelToken,
-  s as CanceledError,
-  p as HttpStatusCode,
-  l as VERSION,
-  n as all,
-  o as default,
-  A as formToJSON,
-  f as getAdapter,
-  x as isAxiosError,
-  t as isCancel,
-  E as mergeConfig,
-  C as spread,
-  c as toFormData
+  j as cva,
+  y as cx
 };

package/dist/index6.mjs

@@ -1,20 +1,116 @@
 'use client';
-import { useEffect as a } from "react";
-import { useMetaPixel as f } from "./index4.mjs";
-function u(o) {
-  const { trackPageView: t } = f();
-  a(() => {
-    if (t(o), typeof window < "u") {
-      const n = () => {
-        t();
-      };
-      import("./index47.mjs").then((e) => e.r).then((e) => (e.default.events.on("routeChangeComplete", n), () => {
-        e.default.events.off("routeChangeComplete", n);
-      })).catch(() => {
-      });
+import { jsx as f } from "react/jsx-runtime";
+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: r = !1
+}) {
+  const [T, d] = w(!1);
+  v(() => {
+    if (typeof window > "u") return;
+    if (!k) {
+      r && console.log("TikTok Pixel ID not provided. Tracking disabled.");
+      return;
     }
-  }, [t]);
+    (async () => {
+      try {
+        const t = (await import("./index49.mjs")).default;
+        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, r]);
+  const n = (i, t, o) => {
+    if (!T || !c) {
+      r && console.log("TikTok Pixel not initialized. Event not tracked:", i);
+      return;
+    }
+    try {
+      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: n,
+    trackPageView: () => {
+      if (!(!T || !c))
+        try {
+          c.pageView(), r && console.log("TikTok Pixel tracked page view");
+        } catch (i) {
+          console.error("Failed to track TikTok Pixel page view:", i);
+        }
+    },
+    trackProductView: (i, t, o, e) => {
+      n(
+        "ViewContent",
+        {
+          content_type: "product",
+          content_id: i,
+          content_name: t,
+          price: o,
+          currency: "NGN"
+        },
+        e
+      );
+    },
+    trackAddToCart: (i, t, o, e, l) => {
+      n(
+        "AddToCart",
+        {
+          content_type: "product",
+          content_id: i,
+          content_name: t,
+          value: o * e,
+          quantity: e,
+          currency: "NGN"
+        },
+        l
+      );
+    },
+    trackInitiateCheckout: (i, t, o, e) => {
+      n(
+        "InitiateCheckout",
+        {
+          content_type: "product",
+          value: i,
+          currency: "NGN",
+          num_items: t,
+          ...e && e.length > 0 ? { contents: e } : {}
+        },
+        o
+      );
+    },
+    trackPurchase: (i, t, o, e, l) => {
+      n(
+        "CompletePayment",
+        {
+          content_type: "product",
+          value: i,
+          currency: t,
+          contents: e.map((s) => ({
+            content_id: s.id,
+            quantity: s.quantity,
+            price: s.item_price
+          }))
+        },
+        l
+      );
+    }
+  };
+  return /* @__PURE__ */ f(u.Provider, { value: P, children: a });
+}
+function z() {
+  const a = p(u);
+  if (a === void 0)
+    throw new Error("useTikTokPixel must be used within a TikTokPixelProvider");
+  return a;
 }
 export {
-  u as usePageTracking
+  N as TikTokPixelProvider,
+  z as useTikTokPixel
 };

package/dist/index60.mjs

@@ -1,47 +1,18 @@
 'use client';
-import a from "./index84.mjs";
-import p from "./index85.mjs";
-import m from "./index86.mjs";
-import i from "./index87.mjs";
-import f from "./index88.mjs";
-import l from "./index89.mjs";
-import c from "./index90.mjs";
-import d from "./index91.mjs";
-import u from "./index92.mjs";
-import { VERSION as x } from "./index93.mjs";
-import C from "./index94.mjs";
-import A from "./index95.mjs";
-import E from "./index96.mjs";
-import O from "./index97.mjs";
-import S from "./index98.mjs";
-import H from "./index99.mjs";
-import T from "./index100.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) {
-    return n(i(o, s));
-  }, e;
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
 }
-const r = n(f);
-r.Axios = m;
-r.CanceledError = c;
-r.CancelToken = d;
-r.isCancel = u;
-r.VERSION = x;
-r.toFormData = C;
-r.AxiosError = A;
-r.Cancel = r.CanceledError;
-r.all = function(t) {
-  return Promise.all(t);
-};
-r.spread = E;
-r.isAxiosError = O;
-r.mergeConfig = i;
-r.AxiosHeaders = S;
-r.formToJSON = (o) => l(a.isHTMLForm(o) ? new FormData(o) : o);
-r.getAdapter = H.getAdapter;
-r.HttpStatusCode = T;
-r.default = r;
 export {
-  r as default
+  i as clsx,
+  i as default
 };