@instockng/storefront-ui 1.0.34 → 1.0.36

package/dist/index92.mjs

@@ -1,23 +1,182 @@
 'use client';
-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(t, "RouterContext", {
-      enumerable: !0,
-      get: function() {
-        return r;
-      }
+import i from "./index78.mjs";
+import S from "./index202.mjs";
+const h = Symbol("internals");
+function y(r) {
+  return r && String(r).trim().toLowerCase();
+}
+function m(r) {
+  return r === !1 || r == null ? r : i.isArray(r) ? r.map(m) : String(r);
+}
+function A(r) {
+  const t = /* @__PURE__ */ Object.create(null), e = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
+  let s;
+  for (; s = e.exec(r); )
+    t[s[1]] = s[2];
+  return t;
+}
+const k = (r) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(r.trim());
+function g(r, t, e, s, n) {
+  if (i.isFunction(s))
+    return s.call(this, t, e);
+  if (n && (t = e), !!i.isString(t)) {
+    if (i.isString(s))
+      return t.indexOf(s) !== -1;
+    if (i.isRegExp(s))
+      return s.test(t);
+  }
+}
+function E(r) {
+  return r.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (t, e, s) => e.toUpperCase() + s);
+}
+function j(r, t) {
+  const e = i.toCamelCase(" " + t);
+  ["get", "set", "has"].forEach((s) => {
+    Object.defineProperty(r, s + e, {
+      value: function(n, o, f) {
+        return this[s].call(this, t, n, o, f);
+      },
+      configurable: !0
     });
-    const r = (/* @__PURE__ */ n._(u)).default.createContext(null);
-    process.env.NODE_ENV !== "production" && (r.displayName = "RouterContext");
-  }(e), e);
+  });
+}
+class b {
+  constructor(t) {
+    t && this.set(t);
+  }
+  set(t, e, s) {
+    const n = this;
+    function o(c, l, a) {
+      const u = y(l);
+      if (!u)
+        throw new Error("header name must be a non-empty string");
+      const p = i.findKey(n, u);
+      (!p || n[p] === void 0 || a === !0 || a === void 0 && n[p] !== !1) && (n[p || l] = m(c));
+    }
+    const f = (c, l) => i.forEach(c, (a, u) => o(a, u, l));
+    if (i.isPlainObject(t) || t instanceof this.constructor)
+      f(t, e);
+    else if (i.isString(t) && (t = t.trim()) && !k(t))
+      f(S(t), e);
+    else if (i.isObject(t) && i.isIterable(t)) {
+      let c = {}, l, a;
+      for (const u of t) {
+        if (!i.isArray(u))
+          throw TypeError("Object iterator must return a key-value pair");
+        c[a = u[0]] = (l = c[a]) ? i.isArray(l) ? [...l, u[1]] : [l, u[1]] : u[1];
+      }
+      f(c, e);
+    } else
+      t != null && o(e, t, s);
+    return this;
+  }
+  get(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      if (s) {
+        const n = this[s];
+        if (!e)
+          return n;
+        if (e === !0)
+          return A(n);
+        if (i.isFunction(e))
+          return e.call(this, n, s);
+        if (i.isRegExp(e))
+          return e.exec(n);
+        throw new TypeError("parser must be boolean|regexp|function");
+      }
+    }
+  }
+  has(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      return !!(s && this[s] !== void 0 && (!e || g(this, this[s], s, e)));
+    }
+    return !1;
+  }
+  delete(t, e) {
+    const s = this;
+    let n = !1;
+    function o(f) {
+      if (f = y(f), f) {
+        const c = i.findKey(s, f);
+        c && (!e || g(s, s[c], c, e)) && (delete s[c], n = !0);
+      }
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), n;
+  }
+  clear(t) {
+    const e = Object.keys(this);
+    let s = e.length, n = !1;
+    for (; s--; ) {
+      const o = e[s];
+      (!t || g(this, this[o], o, t, !0)) && (delete this[o], n = !0);
+    }
+    return n;
+  }
+  normalize(t) {
+    const e = this, s = {};
+    return i.forEach(this, (n, o) => {
+      const f = i.findKey(s, o);
+      if (f) {
+        e[f] = m(n), delete e[o];
+        return;
+      }
+      const c = t ? E(o) : String(o).trim();
+      c !== o && delete e[o], e[c] = m(n), s[c] = !0;
+    }), this;
+  }
+  concat(...t) {
+    return this.constructor.concat(this, ...t);
+  }
+  toJSON(t) {
+    const e = /* @__PURE__ */ Object.create(null);
+    return i.forEach(this, (s, n) => {
+      s != null && s !== !1 && (e[n] = t && i.isArray(s) ? s.join(", ") : s);
+    }), e;
+  }
+  [Symbol.iterator]() {
+    return Object.entries(this.toJSON())[Symbol.iterator]();
+  }
+  toString() {
+    return Object.entries(this.toJSON()).map(([t, e]) => t + ": " + e).join(`
+`);
+  }
+  getSetCookie() {
+    return this.get("set-cookie") || [];
+  }
+  get [Symbol.toStringTag]() {
+    return "AxiosHeaders";
+  }
+  static from(t) {
+    return t instanceof this ? t : new this(t);
+  }
+  static concat(t, ...e) {
+    const s = new this(t);
+    return e.forEach((n) => s.set(n)), s;
+  }
+  static accessor(t) {
+    const s = (this[h] = this[h] = {
+      accessors: {}
+    }).accessors, n = this.prototype;
+    function o(f) {
+      const c = y(f);
+      s[c] || (j(n, f), s[c] = !0);
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), this;
+  }
 }
+b.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
+i.reduceDescriptors(b.prototype, ({ value: r }, t) => {
+  let e = t[0].toUpperCase() + t.slice(1);
+  return {
+    get: () => r,
+    set(s) {
+      this[e] = s;
+    }
+  };
+});
+i.freezeMethods(b);
 export {
-  d as __require
+  b as default
 };

package/dist/index93.mjs

@@ -1,58 +1,56 @@
 'use client';
-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;
+import s from "./index78.mjs";
+import m from "./index203.mjs";
+import u from "./index204.mjs";
+import { getFetch as b } from "./index205.mjs";
+import d from "./index89.mjs";
+const p = {
+  http: m,
+  xhr: u,
+  fetch: {
+    get: b
+  }
+};
+s.forEach(p, (e, o) => {
+  if (e) {
+    try {
+      Object.defineProperty(e, "name", { value: o });
+    } catch {
     }
-    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;
-      });
+    Object.defineProperty(e, "adapterName", { value: o });
+  }
+});
+const f = (e) => `- ${e}`, g = (e) => s.isFunction(e) || e === null || e === !1, y = {
+  getAdapter: (e, o) => {
+    e = s.isArray(e) ? e : [e];
+    const { length: a } = e;
+    let i, t;
+    const c = {};
+    for (let r = 0; r < a; r++) {
+      i = e[r];
+      let n;
+      if (t = i, !g(i) && (t = p[(n = String(i)).toLowerCase()], t === void 0))
+        throw new d(`Unknown adapter '${n}'`);
+      if (t && (s.isFunction(t) || (t = t.get(o))))
+        break;
+      c[n || "#" + r] = t;
     }
-    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 + "");
+    if (!t) {
+      const r = Object.entries(c).map(
+        ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
+      );
+      let n = a ? r.length > 1 ? `since :
+` + r.map(f).join(`
+`) : " " + f(r[0]) : "as no adapter specified";
+      throw new d(
+        "There is no suitable adapter to dispatch the request " + n,
+        "ERR_NOT_SUPPORT"
+      );
     }
-  }(o), o);
-}
+    return t;
+  },
+  adapters: p
+};
 export {
-  m as __require
+  y as default
 };

package/dist/index94.mjs

@@ -1,36 +1,72 @@
 'use client';
-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);
-}
+const e = {
+  Continue: 100,
+  SwitchingProtocols: 101,
+  Processing: 102,
+  EarlyHints: 103,
+  Ok: 200,
+  Created: 201,
+  Accepted: 202,
+  NonAuthoritativeInformation: 203,
+  NoContent: 204,
+  ResetContent: 205,
+  PartialContent: 206,
+  MultiStatus: 207,
+  AlreadyReported: 208,
+  ImUsed: 226,
+  MultipleChoices: 300,
+  MovedPermanently: 301,
+  Found: 302,
+  SeeOther: 303,
+  NotModified: 304,
+  UseProxy: 305,
+  Unused: 306,
+  TemporaryRedirect: 307,
+  PermanentRedirect: 308,
+  BadRequest: 400,
+  Unauthorized: 401,
+  PaymentRequired: 402,
+  Forbidden: 403,
+  NotFound: 404,
+  MethodNotAllowed: 405,
+  NotAcceptable: 406,
+  ProxyAuthenticationRequired: 407,
+  RequestTimeout: 408,
+  Conflict: 409,
+  Gone: 410,
+  LengthRequired: 411,
+  PreconditionFailed: 412,
+  PayloadTooLarge: 413,
+  UriTooLong: 414,
+  UnsupportedMediaType: 415,
+  RangeNotSatisfiable: 416,
+  ExpectationFailed: 417,
+  ImATeapot: 418,
+  MisdirectedRequest: 421,
+  UnprocessableEntity: 422,
+  Locked: 423,
+  FailedDependency: 424,
+  TooEarly: 425,
+  UpgradeRequired: 426,
+  PreconditionRequired: 428,
+  TooManyRequests: 429,
+  RequestHeaderFieldsTooLarge: 431,
+  UnavailableForLegalReasons: 451,
+  InternalServerError: 500,
+  NotImplemented: 501,
+  BadGateway: 502,
+  ServiceUnavailable: 503,
+  GatewayTimeout: 504,
+  HttpVersionNotSupported: 505,
+  VariantAlsoNegotiates: 506,
+  InsufficientStorage: 507,
+  LoopDetected: 508,
+  NotExtended: 510,
+  NetworkAuthenticationRequired: 511
+};
+Object.entries(e).forEach(([t, o]) => {
+  e[o] = t;
+});
 export {
-  y as __require
+  e as default
 };

package/dist/index95.mjs

@@ -1,5 +1,37 @@
 'use client';
-var e = {};
+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));
 export {
-  e as __exports
+  s as serialize
 };

package/dist/index96.mjs

@@ -1,5 +1,46 @@
 'use client';
-var o = { exports: {} };
+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;
+}
 export {
-  o as __module
+  f as buildSearchParams,
+  o as deepMerge,
+  s as mergePath,
+  l as removeIndexString,
+  p as replaceUrlParam,
+  i as replaceUrlProtocol
 };

package/dist/index98.mjs

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

package/dist/index99.mjs

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

package/dist/lib/utils.d.ts

@@ -12,4 +12,12 @@ export declare function getFbCookies(): {
     fbc: string | undefined;
     fbp: string | undefined;
 };
+/**
+ * Extract TikTok attribution cookies and URL parameters for TikTok Events API
+ * @returns Object with ttp (TikTok Pixel cookie) and ttclid (TikTok Click ID from URL) values
+ */
+export declare function getTikTokCookies(): {
+    ttp: string | undefined;
+    ttclid: string | undefined;
+};
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAKrD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAOtD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAS1D;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAUrD;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI;IAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAcnF"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAKrD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAOtD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAS1D;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAUrD;AAsBD;;;GAGG;AACH,wBAAgB,YAAY,IAAI;IAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAKnF;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI;IAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAK1F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -45,7 +45,7 @@
   "author": "Ola Wale",
   "license": "MIT",
   "dependencies": {
-    "@instockng/api-client": "^1.0.16",
+    "@instockng/api-client": "^1.0.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.0",
     "react-facebook-pixel": "^1.0.4",

package/src/components/Checkout.tsx

@@ -29,7 +29,7 @@ import {
   Package,
   Info,
 } from 'lucide-react';
-import { formatCurrency, cn, getFbCookies } from '../lib/utils';
+import { formatCurrency, cn, getFbCookies, getTikTokCookies } from '../lib/utils';
 import PaystackSVG from "../paystack.svg"
 import { usePaystackPayment } from '../hooks/usePaystackPayment';
 
@@ -161,6 +161,9 @@ export function Checkout({
         // Get Facebook attribution cookies for CAPI
         const { fbc, fbp } = getFbCookies();
 
+        // Get TikTok attribution cookies for Events API
+        const { ttp, ttclid } = getTikTokCookies();
+
         const order = await checkout.mutateAsync({
           firstName: formData.firstName,
           lastName: formData.lastName,
@@ -173,6 +176,8 @@ export function Checkout({
           paystackReference: response.reference,
           fbc,
           fbp,
+          ttp,
+          ttclid,
         });
 
         // Check if response is an error
@@ -430,6 +435,9 @@ export function Checkout({
       // Get Facebook attribution cookies for CAPI
       const { fbc, fbp } = getFbCookies();
 
+      // Get TikTok attribution cookies for Events API
+      const { ttp, ttclid } = getTikTokCookies();
+
       const order = await checkout.mutateAsync({
         firstName: formData.firstName,
         lastName: formData.lastName,
@@ -441,6 +449,8 @@ export function Checkout({
         paymentMethod: formData.paymentMethod,
         fbc,
         fbp,
+        ttp,
+        ttclid,
       });
 
       // Check if response is an error

package/src/contexts/CartContext.tsx

@@ -24,7 +24,7 @@ import {
 import { ShoppingCart } from '../components/ShoppingCart';
 import { useMetaPixel } from '../providers/MetaPixelProvider';
 import { useTikTokPixel } from '../providers/TikTokPixelProvider';
-import { getFbCookies } from '../lib/utils';
+import { getFbCookies, getTikTokCookies } from '../lib/utils';
 
 const CART_ID_KEY = 'oms_cart_id';
 
@@ -243,8 +243,11 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
       // Get Facebook cookies for attribution
       const { fbc, fbp } = getFbCookies();
 
+      // Get TikTok cookies for attribution
+      const { ttp, ttclid } = getTikTokCookies();
+
       // Add item to cart via API
-      const updatedCart = await addItemMutation.mutateAsync({ sku, quantity, fbc, fbp });
+      const updatedCart = await addItemMutation.mutateAsync({ sku, quantity, fbc, fbp, ttp, ttclid });
 
       // Skip tracking if error response
       if ('error' in updatedCart) return;