@instockng/storefront-ui 1.0.70 → 1.0.72

package/dist/index272.mjs

@@ -1,5 +1,33 @@
 'use client';
-const e = {};
+import r from "./index86.mjs";
+import c from "./index150.mjs";
+const p = c.hasStandardBrowserEnv ? (
+  // Standard browser envs support document.cookie
+  {
+    write(e, t, n, i, s, u) {
+      const o = [e + "=" + encodeURIComponent(t)];
+      r.isNumber(n) && o.push("expires=" + new Date(n).toGMTString()), r.isString(i) && o.push("path=" + i), r.isString(s) && o.push("domain=" + s), u === !0 && o.push("secure"), document.cookie = o.join("; ");
+    },
+    read(e) {
+      const t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
+      return t ? decodeURIComponent(t[3]) : null;
+    },
+    remove(e) {
+      this.write(e, "", Date.now() - 864e5);
+    }
+  }
+) : (
+  // Non-standard browser env (web workers, react-native) lack needed support.
+  {
+    write() {
+    },
+    read() {
+      return null;
+    },
+    remove() {
+    }
+  }
+);
 export {
-  e as default
+  p as default
 };

package/dist/index273.mjs

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

package/dist/index275.mjs

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

package/dist/index28.mjs

@@ -1,45 +1,45 @@
 'use client';
-import { createRpcClients as n } from "./index26.mjs";
-import { API_BASE_URL as o } from "./index23.mjs";
-async function p(e) {
-  const s = await n(o).carts[":id"].$get({
-    param: { id: e }
+import { createRpcClients as o } from "./index26.mjs";
+const r = "https://oms-api.instock.com.ng";
+async function m(n) {
+  const s = await o(r).carts[":id"].$get({
+    param: { id: n }
   });
   if (!s.ok)
     throw new Error(`Failed to fetch cart: ${s.statusText}`);
   return s.json();
 }
-async function w(e) {
-  const s = await n(o).carts.index.$post({
-    json: { brandSlug: e }
+async function p(n) {
+  const s = await o(r).carts.index.$post({
+    json: { brandSlug: n }
   });
   if (!s.ok)
     throw new Error(`Failed to create cart: ${s.statusText}`);
   return s.json();
 }
-async function f(e, r) {
-  const t = await n(o).carts[":id"].$patch({
-    param: { id: e },
+async function w(n, e) {
+  const t = await o(r).carts[":id"].$patch({
+    param: { id: n },
     // @ts-expect-error - Hono RPC type inference issue
-    json: r
+    json: e
   });
   if (!t.ok)
     throw new Error(`Failed to update cart: ${t.statusText}`);
   return t.json();
 }
-async function $(e, r, s, t, a, i, d) {
-  const c = await n(o).carts[":id"].items.$post({
-    param: { id: e },
+async function f(n, e, s, t, a, c, d) {
+  const i = await o(r).carts[":id"].items.$post({
+    param: { id: n },
     // @ts-expect-error - Hono RPC type inference issue
-    json: { sku: r, quantity: s, fbc: t, fbp: a, ttp: i, ttclid: d }
+    json: { sku: e, quantity: s, fbc: t, fbp: a, ttp: c, ttclid: d }
   });
-  if (!c.ok)
-    throw new Error(`Failed to add item to cart: ${c.statusText}`);
-  return c.json();
+  if (!i.ok)
+    throw new Error(`Failed to add item to cart: ${i.statusText}`);
+  return i.json();
 }
-async function h(e, r, s) {
-  const a = await n(o).carts[":id"].items[":itemId"].$patch({
-    param: { id: e, itemId: r },
+async function h(n, e, s) {
+  const a = await o(r).carts[":id"].items[":itemId"].$patch({
+    param: { id: n, itemId: e },
     // @ts-expect-error - Hono RPC type inference issue
     json: { quantity: s }
   });
@@ -47,61 +47,72 @@ async function h(e, r, s) {
     throw new Error(`Failed to update cart item: ${a.statusText}`);
   return a.json();
 }
-async function j(e, r) {
-  const t = await n(o).carts[":id"].items[":itemId"].$delete({
-    param: { id: e, itemId: r }
+async function $(n, e) {
+  const t = await o(r).carts[":id"].items[":itemId"].$delete({
+    param: { id: n, itemId: e }
   });
   if (!t.ok)
     throw new Error(`Failed to remove cart item: ${t.statusText}`);
   return t.json();
 }
-async function y(e, r) {
-  const t = await n(o).carts[":id"]["apply-discount"].$post({
-    param: { id: e },
+async function j(n, e) {
+  const t = await o(r).carts[":id"]["apply-discount"].$post({
+    param: { id: n },
     // @ts-expect-error - Hono RPC type inference issue
-    json: { code: r }
+    json: { code: e }
   });
   if (!t.ok)
     throw new Error(`Failed to apply discount: ${t.statusText}`);
   return t.json();
 }
-async function k(e) {
-  const s = await n(o).carts[":id"]["remove-discount"].$post({
-    param: { id: e }
+async function k(n) {
+  const s = await o(r).carts[":id"]["remove-discount"].$post({
+    param: { id: n }
   });
   if (!s.ok)
     throw new Error(`Failed to remove discount: ${s.statusText}`);
   return s.json();
 }
-async function x(e, r) {
-  const t = await n(o).carts[":id"].checkout.$post({
-    param: { id: e },
+async function y(n, e) {
+  const t = await o(r).carts[":id"].checkout.$post({
+    param: { id: n },
     // @ts-expect-error - Hono RPC type inference issue
-    json: r
+    json: e
   });
   if (!t.ok)
     throw new Error(`Failed to checkout cart: ${t.statusText}`);
   return t.json();
 }
-async function E(e, r) {
-  const t = await n(o).carts[":id"].recommendations.$get({
-    param: { id: e },
+async function x(n, e) {
+  const t = await o(r).carts[":id"]["initiate-checkout"].$post({
+    param: { id: n },
+    // @ts-expect-error - Hono RPC type inference issue
+    json: e
+  });
+  if (!t.ok)
+    throw new Error(`Failed to initiate checkout intent: ${t.statusText}`);
+  return t.json();
+}
+async function E(n, e) {
+  const t = await o(r).carts[":id"].recommendations.$get({
+    param: { id: n },
     // @ts-ignore - Hono RPC type inference issue with query parameters
-    query: { limit: r.toString() }
+    query: { limit: e.toString() }
   });
   if (!t.ok)
     throw new Error(`Failed to fetch cart recommendations: ${t.statusText}`);
   return t.json();
 }
 export {
-  $ as addCartItem,
-  y as applyDiscount,
-  x as checkoutCart,
-  w as createCart,
-  p as fetchCart,
+  f as addCartItem,
+  j as applyDiscount,
+  y as checkoutCart,
+  p as createCart,
+  m as fetchCart,
   E as fetchCartRecommendations,
-  j as removeCartItem,
+  x as initiateCheckout,
+  $ as removeCartItem,
   k as removeDiscount,
-  f as updateCart,
+  w as updateCart,
   h as updateCartItem
 };

package/dist/index29.mjs

@@ -1,34 +1,34 @@
 'use client';
 import { createRpcClients as s } from "./index26.mjs";
-import { API_BASE_URL as i } from "./index23.mjs";
-async function d(r, e) {
+const i = "https://oms-api.instock.com.ng";
+async function a(r, o) {
   const t = await s(i).orders[":id"][":token"].$get({
-    param: { id: r, token: e }
+    param: { id: r, token: o }
   });
   if (!t.ok)
     throw new Error(`Failed to fetch order: ${t.statusText}`);
   return t.json();
 }
-async function m(r, e) {
+async function d(r, o) {
   const t = await s(i).orders.confirm.$post({
-    json: { orderId: r, token: e }
+    json: { orderId: r, token: o }
   });
   if (!t.ok)
     throw new Error(`Failed to confirm order: ${t.statusText}`);
   return t.json();
 }
-async function f(r, e, o = 4) {
+async function m(r, o, e = 4) {
   const n = await s(i).orders[":id"][":token"].recommendations.$get({
-    param: { id: r, token: e },
+    param: { id: r, token: o },
     // @ts-ignore - Hono RPC type inference issue with query parameters
-    query: { limit: String(o) }
+    query: { limit: String(e) }
   });
   if (!n.ok)
     throw new Error(`Failed to fetch order recommendations: ${n.statusText}`);
   return n.json();
 }
 export {
-  m as confirmOrder,
-  d as fetchOrder,
-  f as fetchOrderRecommendations
+  d as confirmOrder,
+  a as fetchOrder,
+  m as fetchOrderRecommendations
 };

package/dist/index3.mjs

@@ -1,35 +1,35 @@
 'use client';
-import { jsxs as it, jsx as ut } from "react/jsx-runtime";
-import { createContext as mt, useState as _, useRef as g, useEffect as d, useCallback as n, useContext as dt } from "react";
+import { jsxs as dt, jsx as ft } from "react/jsx-runtime";
+import { createContext as lt, useState as x, useRef as P, useEffect as f, useCallback as a, useContext as Ct } from "react";
 import "./index23.mjs";
-import { queryKeys as ft } from "./index32.mjs";
-import { useGetCart as lt, useCreateCart as Ct, useAddCartItem as It, useUpdateCartItem as wt, useRemoveCartItem as pt, useApplyDiscount as kt, useRemoveDiscount as yt, useUpdateCart as ht, useCheckoutCart as vt } from "./index35.mjs";
-import { useQueryClient as Tt } from "@tanstack/react-query";
-import { ShoppingCart as At } from "./index13.mjs";
-import { useMetaPixel as Dt } from "./index4.mjs";
-import { useTikTokPixel as Mt } from "./index5.mjs";
-import { getFbCookies as Et, getTikTokCookies as St } from "./index22.mjs";
-const f = "oms_cart_id", j = mt(null);
-function Lt({ children: l, brandSlug: u, initialCartId: C, shoppingCartProps: q }) {
-  const [t, m] = _(C || null), [I, T] = _(!1), [O, Q] = _(!1), x = g(!1), R = g(!1), A = g(!1), G = Tt(), { trackAddToCart: D, trackInitiateCheckout: P } = Dt(), { trackAddToCart: M, trackInitiateCheckout: b } = Mt();
-  d(() => {
-    Q(!0);
-  }, []), d(() => {
-    if (C || x.current) return;
-    x.current = !0;
-    const r = new URLSearchParams(window.location.search).get("cartId");
-    if (r) {
-      m(r), T(!0);
+import { queryKeys as pt } from "./index32.mjs";
+import { useGetCart as It, useCreateCart as kt, useAddCartItem as wt, useUpdateCartItem as ht, useRemoveCartItem as yt, useApplyDiscount as vt, useRemoveDiscount as Tt, useUpdateCart as gt, useCheckoutCart as At, useInitiateCheckout as Dt } from "./index35.mjs";
+import { useQueryClient as Mt } from "@tanstack/react-query";
+import { ShoppingCart as Et } from "./index13.mjs";
+import { useMetaPixel as St } from "./index4.mjs";
+import { useTikTokPixel as xt } from "./index5.mjs";
+import { getFbCookies as j, getTikTokCookies as O, generateClientEventId as Pt } from "./index22.mjs";
+const l = "oms_cart_id", Q = lt(null);
+function Ot({ children: C, brandSlug: u, initialCartId: p, shoppingCartProps: $ }) {
+  const [t, m] = x(p || null), [I, y] = x(!1), [G, H] = x(!1), _ = P(!1), R = P(!1), v = P(!1), Y = Mt(), { trackAddToCart: T, trackInitiateCheckout: g } = St(), { trackAddToCart: A, trackInitiateCheckout: D } = xt();
+  f(() => {
+    H(!0);
+  }, []), f(() => {
+    if (p || _.current) return;
+    _.current = !0;
+    const o = new URLSearchParams(window.location.search).get("cartId");
+    if (o) {
+      m(o), y(!0);
       return;
     }
-    const o = localStorage.getItem(f);
-    o && m(o);
-  }, [C]);
-  const { data: i, isLoading: H, error: w, refetch: c } = lt(t || "", {
+    const c = localStorage.getItem(l);
+    c && m(c);
+  }, [p]);
+  const { data: n, isLoading: z, error: k, refetch: s } = It(t || "", {
     enabled: !!t,
     retry: !1
     // Don't retry on failure - cart might be invalid/expired
-  }), E = Ct({
+  }), M = kt({
     onSuccess: (e) => {
       if ("error" in e) {
         console.error("Failed to create cart:", e.error);
@@ -42,149 +42,167 @@ function Lt({ children: l, brandSlug: u, initialCartId: C, shoppingCartProps: q
     },
     retry: 10
   });
-  d(() => {
+  f(() => {
     if (R.current) return;
     R.current = !0;
     const e = setTimeout(() => {
-      !(typeof window < "u" ? localStorage.getItem(f) : null) && !C && E.mutate(u);
+      !(typeof window < "u" ? localStorage.getItem(l) : null) && !p && M.mutate(u);
     }, 150);
     return () => clearTimeout(e);
-  }, []), d(() => {
-    w && t && !A.current && (A.current = !0, console.warn("Cart fetch failed, creating new cart:", w), m(null), typeof window < "u" && localStorage.removeItem(f), setTimeout(() => {
-      E.mutate(u), A.current = !1;
+  }, []), f(() => {
+    k && t && !v.current && (v.current = !0, console.warn("Cart fetch failed, creating new cart:", k), m(null), typeof window < "u" && localStorage.removeItem(l), setTimeout(() => {
+      M.mutate(u), v.current = !1;
     }, 100));
-  }, [w, t, u]);
-  const Y = It(t || "", {
-    onSuccess: () => c()
-  }), z = wt(t || "", {
-    onSuccess: () => c()
-  }), B = pt(t || "", {
+  }, [k, t, u]);
+  const B = wt(t || "", {
+    onSuccess: () => s()
+  }), J = ht(t || "", {
+    onSuccess: () => s()
+  }), V = yt(t || "", {
     onSuccess: () => {
-      c(), t && G.invalidateQueries({ queryKey: ft.public.carts.recommendations(t) });
+      s(), t && Y.invalidateQueries({ queryKey: pt.public.carts.recommendations(t) });
     }
-  }), J = kt(t || "", {
-    onSuccess: () => c()
-  }), V = yt(t || "", {
-    onSuccess: () => c()
-  }), W = ht(t || "", {
-    onSuccess: () => c(),
+  }), W = vt(t || "", {
+    onSuccess: () => s()
+  }), X = Tt(t || "", {
+    onSuccess: () => s()
+  }), Z = gt(t || "", {
+    onSuccess: () => s(),
     retry: 3
-  }), X = vt(t || "", {
+  }), tt = At(t || "", {
     onSuccess: () => {
     }
-  });
-  d(() => {
-    t && typeof window < "u" && localStorage.setItem(f, t);
+  }), b = Dt(t || "");
+  f(() => {
+    t && typeof window < "u" && localStorage.setItem(l, t);
   }, [t]);
-  const Z = n(
-    async (e, r, o, p, a) => {
-      var L;
+  const et = a(
+    async (e, o, c, i, r) => {
+      var K;
       if (!t) throw new Error("No cart ID");
-      const { fbc: k, fbp: y } = Et(), { ttp: s, ttclid: S } = St(), U = await Y.mutateAsync({
-        sku: p,
-        quantity: a,
-        fbc: k,
-        fbp: y,
-        ttp: s,
-        ttclid: S,
+      const { fbc: d, fbp: E } = j(), { ttp: S, ttclid: mt } = O(), N = await B.mutateAsync({
+        sku: i,
+        quantity: r,
+        fbc: d,
+        fbp: E,
+        ttp: S,
+        ttclid: mt,
         refreshRecommendations: !I
       });
-      if ("error" in U) return;
-      const h = (L = U.items) == null ? void 0 : L.filter(
-        (v) => {
-          var $;
-          return (($ = v.variant) == null ? void 0 : $.sku) === p;
+      if ("error" in N) return;
+      const w = (K = N.items) == null ? void 0 : K.filter(
+        (h) => {
+          var L;
+          return ((L = h.variant) == null ? void 0 : L.sku) === i;
         }
-      ), K = h == null ? void 0 : h[h.length - 1];
-      if (K) {
-        const v = `cart_${t}_item_${K.id}`;
-        D(e, r, o, a, v), M(e, r, o, a, v);
+      ), U = w == null ? void 0 : w[w.length - 1];
+      if (U) {
+        const h = `cart_${t}_item_${U.id}`;
+        T(i, o, c, r, h), A(e, o, c, r, h);
       } else
-        D(e, r, o, a), M(e, r, o, a);
+        T(i, o, c, r), A(e, o, c, r);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, I, D, M]
-  ), tt = n(
-    async (e, r) => {
+    [t, I, T, A]
+  ), rt = a(
+    async (e, o) => {
       if (!t) throw new Error("No cart ID");
-      await z.mutateAsync({ itemId: e, quantity: r });
+      await J.mutateAsync({ itemId: e, quantity: o });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), et = n(
+  ), ot = a(
     async (e) => {
       if (!t) throw new Error("No cart ID");
-      await B.mutateAsync(e);
+      await V.mutateAsync(e);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), rt = n(
+  ), nt = a(
     async (e) => {
       if (!t) throw new Error("No cart ID");
-      await J.mutateAsync({ code: e });
+      await W.mutateAsync({ code: e });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), ot = n(async () => {
+  ), ct = a(async () => {
     if (!t) throw new Error("No cart ID");
-    await V.mutateAsync();
-  }, [t]), F = n(() => {
-    m(null), typeof window < "u" && localStorage.removeItem(f);
-  }, []), nt = n(() => {
-    F(), E.mutate(u);
-  }, [u]), at = n(() => {
-    T(!0);
-  }, []), N = n(() => {
-    T(!1);
-  }, []), ct = n(() => {
-    var a, k, y;
-    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((s, S) => s + S.quantity, 0)) || 0, o = `cart_${t}_checkout`, p = ((y = i.items) == null ? void 0 : y.map((s) => ({
-      content_id: s.variant.sku,
-      quantity: s.quantity,
-      price: Number(s.variant.price)
-    }))) || [];
-    P(e, r, o), b(e, r, o, p);
-  }, [i, t, P, b]), st = {
-    cart: i || null,
+    await X.mutateAsync();
+  }, [t]), F = a(() => {
+    m(null), typeof window < "u" && localStorage.removeItem(l);
+  }, []), at = a(() => {
+    F(), M.mutate(u);
+  }, [u]), st = a(() => {
+    y(!0);
+  }, []), q = a(() => {
+    y(!1);
+  }, []), it = a(async () => {
+    if (!(!n || !n.pricing))
+      try {
+        const e = Pt("cart", n.id, "checkout"), o = n.pricing.total, c = n.items.reduce((r, d) => r + d.quantity, 0), i = n.items.map((r) => ({
+          id: r.variant.sku,
+          quantity: r.quantity,
+          item_price: Number(r.variant.price)
+        }));
+        if (g && g(o, c, i, e), n.brand.metaPixelId || n.brand.tiktokPixelId) {
+          const { fbc: r, fbp: d } = j(), { ttp: E, ttclid: S } = O();
+          b.mutate({
+            email: n.customerEmail,
+            phone: n.customerPhone,
+            fbc: r,
+            fbp: d,
+            ttp: E,
+            ttclid: S
+          });
+        }
+        D && D(o, c, e, i.map((r) => ({
+          content_id: r.id,
+          quantity: r.quantity,
+          price: r.item_price
+        })));
+      } catch (e) {
+        console.error("Error tracking initiate checkout:", e);
+      }
+  }, [n, g, D, b]), ut = {
+    cart: n || null,
     cartId: t,
-    isLoading: H,
-    error: w,
-    updateCartMutation: W,
-    checkoutMutation: X,
-    addItem: Z,
-    updateItem: tt,
-    removeItem: et,
-    applyDiscount: rt,
-    removeDiscount: ot,
-    trackCheckoutInitiated: ct,
+    isLoading: z,
+    error: k,
+    updateCartMutation: Z,
+    checkoutMutation: tt,
+    addItem: et,
+    updateItem: rt,
+    removeItem: ot,
+    applyDiscount: nt,
+    removeDiscount: ct,
+    trackCheckoutInitiated: it,
     clearCart: F,
-    clearAndCreateNewCart: nt,
-    refetch: c,
+    clearAndCreateNewCart: at,
+    refetch: s,
     isOpen: I,
-    open: at,
-    close: N
+    open: st,
+    close: q
   };
-  return /* @__PURE__ */ it(j.Provider, { value: st, children: [
-    l,
-    O && /* @__PURE__ */ ut(
-      At,
+  return /* @__PURE__ */ dt(Q.Provider, { value: ut, children: [
+    C,
+    G && /* @__PURE__ */ ft(
+      Et,
       {
         isOpen: I,
-        onClose: N,
-        ...q
+        onClose: q,
+        ...$
       }
     )
   ] });
 }
-function $t() {
-  const l = dt(j);
-  if (!l)
+function Qt() {
+  const C = Ct(Q);
+  if (!C)
     throw new Error("useCart must be used within CartProvider");
-  return l;
+  return C;
 }
 export {
-  j as CartContext,
-  Lt as CartProvider,
-  $t as useCart
+  Q as CartContext,
+  Ot as CartProvider,
+  Qt as useCart
 };

package/dist/index30.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { createRpcClients as o } from "./index26.mjs";
-import { API_BASE_URL as r } from "./index23.mjs";
-async function c(t) {
-  const e = await o(r).deliveryZones.index.$get({
+const n = "https://oms-api.instock.com.ng";
+async function r(t) {
+  const e = await o(n).deliveryZones.index.$get({
     query: t ? { brandId: t } : {}
   });
   if (!e.ok)
@@ -10,5 +10,5 @@ async function c(t) {
   return e.json();
 }
 export {
-  c as fetchDeliveryZones
+  r as fetchDeliveryZones
 };

package/dist/index31.mjs

@@ -1,9 +1,9 @@
 'use client';
-import { createRpcClients as e } from "./index26.mjs";
-import { API_BASE_URL as n } from "./index23.mjs";
-async function c(r) {
-  const t = await e(n).brands[":slug"].$get({
-    param: { slug: r }
+import { createRpcClients as s } from "./index26.mjs";
+const o = "https://oms-api.instock.com.ng";
+async function c(n) {
+  const t = await s(o).brands[":slug"].$get({
+    param: { slug: n }
   });
   if (!t.ok)
     throw new Error(`Failed to fetch brand: ${t.statusText}`);