@instockng/storefront-ui 1.0.33 → 1.0.34

package/dist/index92.mjs

@@ -1,36 +1,23 @@
 'use client';
-import { __module as u } from "./index135.mjs";
-import d from "react/jsx-runtime";
-import "react";
-import { __require as c } from "./index65.mjs";
-var n;
-function y() {
-  return n ? u.exports : (n = 1, function(a, e) {
-    Object.defineProperty(e, "__esModule", {
+import { __exports as e } from "./index132.mjs";
+import "./index90.mjs";
+import u from "react";
+import { __exports as n } from "./index95.mjs";
+var o;
+function d() {
+  return o ? e : (o = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
       value: !0
-    }), Object.defineProperty(e, "default", {
+    }), Object.defineProperty(t, "RouterContext", {
       enumerable: !0,
       get: function() {
-        return l;
+        return r;
       }
     });
-    const f = d, o = c();
-    function l(t) {
-      function r(i) {
-        return /* @__PURE__ */ (0, f.jsx)(t, {
-          router: (0, o.useRouter)(),
-          ...i
-        });
-      }
-      if (r.getInitialProps = t.getInitialProps, r.origGetInitialProps = t.origGetInitialProps, process.env.NODE_ENV !== "production") {
-        const i = t.displayName || t.name || "Unknown";
-        r.displayName = "withRouter(" + i + ")";
-      }
-      return r;
-    }
-    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), a.exports = e.default);
-  }(u, u.exports), u.exports);
+    const r = (/* @__PURE__ */ n._(u)).default.createContext(null);
+    process.env.NODE_ENV !== "production" && (r.displayName = "RouterContext");
+  }(e), e);
 }
 export {
-  y as __require
+  d as __require
 };

package/dist/index93.mjs

@@ -1,5 +1,58 @@
 'use client';
-var e = {};
+import { __exports as o } from "./index133.mjs";
+import { __require as p } from "./index134.mjs";
+var u;
+function m() {
+  return u ? o : (u = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
+      value: !0
+    });
+    function f(e, r) {
+      for (var t in r) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: r[t]
+      });
+    }
+    f(i, {
+      /**
+      * Checks whether the given value is a NextError.
+      * This can be used to print a more detailed error message with properties like `code` & `digest`.
+      */
+      default: function() {
+        return s;
+      },
+      getProperError: function() {
+        return a;
+      }
+    });
+    const c = p();
+    function s(e) {
+      return typeof e == "object" && e !== null && "name" in e && "message" in e;
+    }
+    function d(e) {
+      const r = /* @__PURE__ */ new WeakSet();
+      return JSON.stringify(e, (t, n) => {
+        if (typeof n == "object" && n !== null) {
+          if (r.has(n))
+            return "[Circular]";
+          r.add(n);
+        }
+        return n;
+      });
+    }
+    function a(e) {
+      if (s(e))
+        return e;
+      if (process.env.NODE_ENV === "development") {
+        if (typeof e > "u")
+          return new Error("An undefined error was thrown, see here for more info: https://nextjs.org/docs/messages/threw-undefined");
+        if (e === null)
+          return new Error("A null error was thrown, see here for more info: https://nextjs.org/docs/messages/threw-undefined");
+      }
+      return new Error((0, c.isPlainObject)(e) ? d(e) : e + "");
+    }
+  }(o), o);
+}
 export {
-  e as __exports
+  m as __require
 };

package/dist/index94.mjs

@@ -1,37 +1,36 @@
 '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));
+import { __module as u } from "./index135.mjs";
+import d from "react/jsx-runtime";
+import "react";
+import { __require as c } from "./index66.mjs";
+var n;
+function y() {
+  return n ? u.exports : (n = 1, function(a, e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return l;
+      }
+    });
+    const f = d, o = c();
+    function l(t) {
+      function r(i) {
+        return /* @__PURE__ */ (0, f.jsx)(t, {
+          router: (0, o.useRouter)(),
+          ...i
+        });
+      }
+      if (r.getInitialProps = t.getInitialProps, r.origGetInitialProps = t.origGetInitialProps, process.env.NODE_ENV !== "production") {
+        const i = t.displayName || t.name || "Unknown";
+        r.displayName = "withRouter(" + i + ")";
+      }
+      return r;
+    }
+    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), a.exports = e.default);
+  }(u, u.exports), u.exports);
+}
 export {
-  s as serialize
+  y as __require
 };

package/dist/index95.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 e = {};
 export {
-  f as buildSearchParams,
-  o as deepMerge,
-  s as mergePath,
-  l as removeIndexString,
-  p as replaceUrlParam,
-  i as replaceUrlProtocol
+  e as __exports
 };

package/dist/index98.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as u } from "./index148.mjs";
+import { __exports as u } from "./index149.mjs";
 var c;
 function o() {
   if (c) return u;

package/dist/index99.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index149.mjs";
+import { __exports as e } from "./index150.mjs";
 var i;
 function u() {
   return i ? e : (i = 1, function(r) {

package/dist/providers/TikTokPixelProvider.d.ts

@@ -4,7 +4,11 @@ interface TikTokPixelContextType {
     trackPageView: () => void;
     trackProductView: (productId: string, productName: string, price: number, eventID?: string) => void;
     trackAddToCart: (productId: string, productName: string, price: number, quantity: number, eventID?: string) => void;
-    trackInitiateCheckout: (cartTotal: number, itemCount: number, eventID?: string) => void;
+    trackInitiateCheckout: (cartTotal: number, itemCount: number, eventID?: string, contents?: Array<{
+        content_id: string;
+        quantity: number;
+        price: number;
+    }>) => void;
     trackPurchase: (orderTotal: number, currency: string, orderId: string, items: Array<{
         id: string;
         quantity: number;

package/dist/providers/TikTokPixelProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TikTokPixelProvider.d.ts","sourceRoot":"","sources":["../../src/providers/TikTokPixelProvider.tsx"],"names":[],"mappings":"AAEA,OAAc,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,UAAU,sBAAsB;IAC9B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,CAChB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;IACV,cAAc,EAAE,CACd,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;IACV,qBAAqB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,aAAa,EAAE,CACb,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,EAClE,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;CACX;AAID,UAAU,wBAAwB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAID,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,KAAa,GACd,EAAE,wBAAwB,2CAuK1B;AAED,wBAAgB,cAAc,IAAI,sBAAsB,CAMvD"}
+{"version":3,"file":"TikTokPixelProvider.d.ts","sourceRoot":"","sources":["../../src/providers/TikTokPixelProvider.tsx"],"names":[],"mappings":"AAEA,OAAc,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,UAAU,sBAAsB;IAC9B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,CAChB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;IACV,cAAc,EAAE,CACd,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;IACV,qBAAqB,EAAE,CACrB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,KACtE,IAAI,CAAC;IACV,aAAa,EAAE,CACb,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,EAClE,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;CACX;AAID,UAAU,wBAAwB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAID,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,KAAa,GACd,EAAE,wBAAwB,2CAyK1B;AAED,wBAAgB,cAAc,IAAI,sBAAsB,CAMvD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.33",
+  "version": "1.0.34",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/contexts/CartContext.tsx

@@ -342,11 +342,18 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
     // Generate event ID matching backend format: cart_{cartId}_checkout
     const eventID = `cart_${cartId}_checkout`;
 
+    // Prepare contents array for TikTok Pixel
+    const contents = cart.items?.map((item) => ({
+      content_id: item.variant.sku,
+      quantity: item.quantity,
+      price: Number(item.variant.price),
+    })) || [];
+
     // Track InitiateCheckout event with Meta Pixel
     trackMetaInitiateCheckout(cartTotal, itemCount, eventID);
 
     // Track InitiateCheckout event with TikTok Pixel
-    trackTikTokInitiateCheckout(cartTotal, itemCount, eventID);
+    trackTikTokInitiateCheckout(cartTotal, itemCount, eventID, contents);
   }, [cart, cartId, trackMetaInitiateCheckout, trackTikTokInitiateCheckout]);
 
   const value: CartContextValue = {

package/src/providers/TikTokPixelProvider.tsx

@@ -24,7 +24,12 @@ interface TikTokPixelContextType {
     quantity: number,
     eventID?: string
   ) => void;
-  trackInitiateCheckout: (cartTotal: number, itemCount: number, eventID?: string) => void;
+  trackInitiateCheckout: (
+    cartTotal: number,
+    itemCount: number,
+    eventID?: string,
+    contents?: Array<{ content_id: string; quantity: number; price: number }>
+  ) => void;
   trackPurchase: (
     orderTotal: number,
     currency: string,
@@ -153,7 +158,7 @@ export function TikTokPixelProvider({
         content_type: 'product',
         content_id: productId,
         content_name: productName,
-        price: price,
+        value: price * quantity,
         quantity: quantity,
         currency: 'NGN',
       },
@@ -164,7 +169,8 @@ export function TikTokPixelProvider({
   const trackInitiateCheckout = (
     cartTotal: number,
     itemCount: number,
-    eventID?: string
+    eventID?: string,
+    contents?: Array<{ content_id: string; quantity: number; price: number }>
   ) => {
     track(
       'InitiateCheckout',
@@ -173,6 +179,7 @@ export function TikTokPixelProvider({
         value: cartTotal,
         currency: 'NGN',
         num_items: itemCount,
+        ...(contents && contents.length > 0 ? { contents } : {}),
       },
       eventID
     );