@instockng/storefront-ui 1.0.35 → 1.0.37

package/dist/index74.mjs

@@ -1,58 +1,23 @@
 '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", {
+import { __exports as e } from "./index133.mjs";
+import "./index72.mjs";
+import u from "react";
+import { __exports as n } from "./index77.mjs";
+var o;
+function d() {
+  return o ? e : (o = 1, function(t) {
+    Object.defineProperty(t, "__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;
+    }), Object.defineProperty(t, "RouterContext", {
+      enumerable: !0,
+      get: function() {
+        return r;
       }
     });
-    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);
+    const r = (/* @__PURE__ */ n._(u)).default.createContext(null);
+    process.env.NODE_ENV !== "production" && (r.displayName = "RouterContext");
+  }(e), e);
 }
 export {
-  m as __require
+  d as __require
 };

package/dist/index75.mjs

@@ -1,36 +1,58 @@
 '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 o } from "./index134.mjs";
+import { __require as p } from "./index135.mjs";
+var u;
+function m() {
+  return u ? o : (u = 1, function(i) {
+    Object.defineProperty(i, "__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
-        });
+    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;
       }
-      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 + ")";
+    });
+    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 r;
+      return new Error((0, c.isPlainObject)(e) ? d(e) : e + "");
     }
-    (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);
+  }(o), o);
 }
 export {
-  y as __require
+  m as __require
 };

package/dist/index76.mjs

@@ -1,5 +1,36 @@
 'use client';
-var e = {};
+import { __module as u } from "./index136.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", {
+      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 {
-  e as __exports
+  y as __require
 };

package/dist/index77.mjs

@@ -1,5 +1,5 @@
 'use client';
-var o = { exports: {} };
+var e = {};
 export {
-  o as __module
+  e as __exports
 };

package/dist/index80.mjs

@@ -1,11 +1,11 @@
 'use client';
 import d from "./index78.mjs";
-import U from "./index194.mjs";
-import q from "./index195.mjs";
-import R from "./index196.mjs";
+import U from "./index137.mjs";
+import q from "./index138.mjs";
+import R from "./index139.mjs";
 import w from "./index81.mjs";
-import A from "./index197.mjs";
-import m from "./index198.mjs";
+import A from "./index140.mjs";
+import m from "./index141.mjs";
 import T from "./index92.mjs";
 const i = m.validators;
 class k {

package/dist/index82.mjs

@@ -1,10 +1,10 @@
 'use client';
 import t from "./index78.mjs";
 import c from "./index89.mjs";
-import u from "./index199.mjs";
+import u from "./index142.mjs";
 import S from "./index88.mjs";
-import h from "./index200.mjs";
-import a from "./index201.mjs";
+import h from "./index143.mjs";
+import a from "./index144.mjs";
 import O from "./index83.mjs";
 function y(i, r, e) {
   if (t.isString(i))

package/dist/index92.mjs

@@ -1,6 +1,6 @@
 'use client';
 import i from "./index78.mjs";
-import S from "./index202.mjs";
+import S from "./index145.mjs";
 const h = Symbol("internals");
 function y(r) {
   return r && String(r).trim().toLowerCase();

package/dist/index93.mjs

@@ -1,8 +1,8 @@
 'use client';
 import s from "./index78.mjs";
-import m from "./index203.mjs";
-import u from "./index204.mjs";
-import { getFetch as b } from "./index205.mjs";
+import m from "./index146.mjs";
+import u from "./index147.mjs";
+import { getFetch as b } from "./index148.mjs";
 import d from "./index89.mjs";
 const p = {
   http: m,

package/dist/index97.mjs

@@ -1,5 +1,5 @@
 'use client';
-var r = {};
+var o = { exports: {} };
 export {
-  r as __exports
+  o as __module
 };

package/dist/index98.mjs

@@ -1,31 +1,5 @@
 'use client';
-import { __exports as u } from "./index136.mjs";
-var c;
-function o() {
-  if (c) return u;
-  c = 1;
-  function p(r) {
-    if (typeof WeakMap != "function") return null;
-    var n = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap();
-    return (p = function(t) {
-      return t ? e : n;
-    })(r);
-  }
-  function f(r, n) {
-    if (!n && r && r.__esModule) return r;
-    if (r === null || typeof r != "object" && typeof r != "function") return { default: r };
-    var e = p(n);
-    if (e && e.has(r)) return e.get(r);
-    var t = { __proto__: null }, _ = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var i in r)
-      if (i !== "default" && Object.prototype.hasOwnProperty.call(r, i)) {
-        var a = _ ? Object.getOwnPropertyDescriptor(r, i) : null;
-        a && (a.get || a.set) ? Object.defineProperty(t, i, a) : t[i] = r[i];
-      }
-    return t.default = r, e && e.set(r, t), t;
-  }
-  return u._ = f, u;
-}
+var r = {};
 export {
-  o as __require
+  r as __exports
 };

package/dist/index99.mjs

@@ -1,21 +1,31 @@
 'use client';
-import { __exports as e } from "./index137.mjs";
-var i;
-function u() {
-  return i ? e : (i = 1, function(r) {
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), Object.defineProperty(r, "removeTrailingSlash", {
-      enumerable: !0,
-      get: function() {
-        return n;
+import { __exports as u } from "./index149.mjs";
+var c;
+function o() {
+  if (c) return u;
+  c = 1;
+  function p(r) {
+    if (typeof WeakMap != "function") return null;
+    var n = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap();
+    return (p = function(t) {
+      return t ? e : n;
+    })(r);
+  }
+  function f(r, n) {
+    if (!n && r && r.__esModule) return r;
+    if (r === null || typeof r != "object" && typeof r != "function") return { default: r };
+    var e = p(n);
+    if (e && e.has(r)) return e.get(r);
+    var t = { __proto__: null }, _ = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var i in r)
+      if (i !== "default" && Object.prototype.hasOwnProperty.call(r, i)) {
+        var a = _ ? Object.getOwnPropertyDescriptor(r, i) : null;
+        a && (a.get || a.set) ? Object.defineProperty(t, i, a) : t[i] = r[i];
       }
-    });
-    function n(a) {
-      return a.replace(/\/$/, "") || "/";
-    }
-  }(e), e);
+    return t.default = r, e && e.set(r, t), t;
+  }
+  return u._ = f, u;
 }
 export {
-  u as __require
+  o as __require
 };

package/package.json

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

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/components/ShoppingCart.tsx

@@ -15,6 +15,7 @@ import { Checkout } from './Checkout';
 import { Button } from './ui/button';
 import { X, Package, Loader2 } from 'lucide-react';
 import { formatCurrency, cn } from '../lib/utils';
+import { useHideBodyOverflow } from '@/hooks/useHideBodyOverflow';
 
 export interface ShoppingCartProps {
   /** Whether the cart is open */
@@ -67,16 +68,7 @@ export function ShoppingCart({
   const [isCheckoutOpen, setIsCheckoutOpen] = useState(false);
 
   // Prevent body scroll when cart is open
-  useEffect(() => {
-    if (isOpen) {
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.overflow = '';
-    }
-    return () => {
-      document.body.style.overflow = '';
-    };
-  }, [isOpen]);
+  useHideBodyOverflow(isOpen);
 
   // Close on escape key
   useEffect(() => {

package/src/components/ui/modal.tsx

@@ -11,6 +11,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { X } from 'lucide-react';
 import { cn } from '../../lib/utils';
+import { useHideBodyOverflow } from '@/hooks/useHideBodyOverflow';
 
 export interface ModalProps {
   /** Controls modal visibility */
@@ -86,15 +87,7 @@ export function Modal({
   }, [isOpen, onClose]);
 
   // Lock body scroll when modal is open
-  useEffect(() => {
-    if (isOpen) {
-      const originalOverflow = document.body.style.overflow;
-      document.body.style.overflow = 'hidden';
-      return () => {
-        document.body.style.overflow = originalOverflow;
-      };
-    }
-  }, [isOpen]);
+  useHideBodyOverflow(isOpen);
 
   if (!shouldRender) return null;
 

package/src/hooks/useHideBodyOverflow.ts

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+
+export function useHideBodyOverflow(isHidden: boolean) {
+    useEffect(() => {
+        if (isHidden) {
+            document.body.style.overflow = 'hidden';
+        } else {
+            document.body.style.overflow = '';
+        }
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [isHidden]);
+}