@instockng/storefront-ui 1.0.71 → 1.0.73

package/dist/index97.mjs

@@ -1,182 +1,57 @@
 'use client';
-import i from "./index83.mjs";
-import S from "./index151.mjs";
-const h = Symbol("internals");
-function y(r) {
-  return r && String(r).trim().toLowerCase();
+import c from "./index86.mjs";
+function r(t, i, o, a, e) {
+  Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = t, this.name = "AxiosError", i && (this.code = i), o && (this.config = o), a && (this.request = a), e && (this.response = e, this.status = e.status ? e.status : null);
 }
-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
-    });
-  });
-}
-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;
+c.inherits(r, Error, {
+  toJSON: function() {
+    return {
+      // Standard
+      message: this.message,
+      name: this.name,
+      // Microsoft
+      description: this.description,
+      number: this.number,
+      // Mozilla
+      fileName: this.fileName,
+      lineNumber: this.lineNumber,
+      columnNumber: this.columnNumber,
+      stack: this.stack,
+      // Axios
+      config: c.toJSONObject(this.config),
+      code: this.code,
+      status: this.status
+    };
   }
-  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);
+const u = r.prototype, R = {};
+[
+  "ERR_BAD_OPTION_VALUE",
+  "ERR_BAD_OPTION",
+  "ECONNABORTED",
+  "ETIMEDOUT",
+  "ERR_NETWORK",
+  "ERR_FR_TOO_MANY_REDIRECTS",
+  "ERR_DEPRECATED",
+  "ERR_BAD_RESPONSE",
+  "ERR_BAD_REQUEST",
+  "ERR_CANCELED",
+  "ERR_NOT_SUPPORT",
+  "ERR_INVALID_URL"
+  // eslint-disable-next-line func-names
+].forEach((t) => {
+  R[t] = { value: t };
+});
+Object.defineProperties(r, R);
+Object.defineProperty(u, "isAxiosError", { value: !0 });
+r.from = (t, i, o, a, e, E) => {
+  const s = Object.create(u);
+  c.toFlatObject(t, s, function(m) {
+    return m !== Error.prototype;
+  }, (n) => n !== "isAxiosError");
+  const l = t && t.message ? t.message : "Error", h = i == null && t ? t.code : i;
+  return r.call(s, l, h, o, a, e), t && s.cause == null && Object.defineProperty(s, "cause", { value: t, configurable: !0 }), s.name = t && t.name || "Error", E && Object.assign(s, E), s;
+};
 export {
-  b as default
+  r as default
 };

package/dist/index98.mjs

@@ -1,56 +1,9 @@
 'use client';
-import s from "./index83.mjs";
-import m from "./index152.mjs";
-import u from "./index153.mjs";
-import { getFetch as b } from "./index154.mjs";
-import d from "./index94.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 {
-    }
-    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;
-    }
-    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"
-      );
-    }
-    return t;
-  },
-  adapters: p
-};
+function u(n) {
+  return function(r) {
+    return n.apply(null, r);
+  };
+}
 export {
-  y as default
+  u as default
 };

package/dist/index99.mjs

@@ -1,72 +1,8 @@
 'use client';
-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;
-});
+import i from "./index86.mjs";
+function o(r) {
+  return i.isObject(r) && r.isAxiosError === !0;
+}
 export {
-  e as default
+  o as default
 };

package/dist/providers/MetaPixelProvider.d.ts

@@ -19,7 +19,7 @@ interface MetaPixelContextValue {
     /**
      * Track a page view
      */
-    trackPageView: () => void;
+    trackPageView: (eventID?: string) => void;
     /**
      * Track product view
      */

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

@@ -1 +1 @@
-{"version":3,"file":"MetaPixelProvider.d.ts","sourceRoot":"","sources":["../../src/providers/MetaPixelProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvF,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC7B;;OAEG;IACH,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjF;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpG;;;;;;;OAOG;IACH,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpH;;;;;;OAMG;IACH,qBAAqB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnH;;;;;;;OAOG;IACH,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAExH;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAID,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CA8IrF;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,0BAQ3B;AAED,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"MetaPixelProvider.d.ts","sourceRoot":"","sources":["../../src/providers/MetaPixelProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvF,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC7B;;OAEG;IACH,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjF;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpG;;;;;;;OAOG;IACH,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpH;;;;;;OAMG;IACH,qBAAqB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnH;;;;;;;OAOG;IACH,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAExH;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAID,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CA+IrF;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,0BAQ3B;AAED,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "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.27",
+    "@instockng/api-client": "^1.0.35",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.0",
     "react-facebook-pixel": "^1.0.4",

package/src/components/Checkout.tsx

@@ -752,7 +752,7 @@ export function Checkout({
                 className="flex items-center justify-center gap-2 p-3 bg-green-500 hover:bg-green-600 rounded-lg transition-colors"
               >
                 <img
-                  src="https://toyland.ng/cdn-cgi/image/width=64/icon-whatsapp.svg"
+                  src="https://toyland.ng/icon-whatsapp.svg"
                   alt="WhatsApp"
                   className="h-5 w-5"
                 />
@@ -896,7 +896,7 @@ export function Checkout({
                       <option disabled value="">{selectedState ? 'Select Delivery Zone' : 'Select State First'}</option>
                       {selectedState?.zones.map((zone) => (
                         <option key={zone.id} value={zone.id}>
-                          {zone.name} ({formatCurrency(zone.deliveryCost)})
+                          {zone.name}
                         </option>
                       ))}
                     </FormSelect>

package/src/hooks/usePageTracking.ts

@@ -40,12 +40,12 @@ import { useMetaPixel } from '../providers/MetaPixelProvider';
  * }
  * ```
  */
-export function usePageTracking() {
+export function usePageTracking(initialEventId?: string) {
   const { trackPageView } = useMetaPixel();
 
   useEffect(() => {
-    // Track initial page view
-    trackPageView();
+    // Track initial page view (with optional deduplication ID)
+    trackPageView(initialEventId);
 
     // For Next.js Pages Router, track route changes
     if (typeof window !== 'undefined') {

package/src/providers/MetaPixelProvider.tsx

@@ -23,7 +23,7 @@ interface MetaPixelContextValue {
   /**
    * Track a page view
    */
-  trackPageView: () => void;
+  trackPageView: (eventID?: string) => void;
 
   /**
    * Track product view
@@ -150,7 +150,7 @@ export function MetaPixelProvider({ children, pixelId, debug }: MetaPixelProvide
     }
   };
 
-  const trackPageView = () => {
+  const trackPageView = (eventID?: string) => {
     if (!isInitialized || !reactPixel) {
       if (shouldDebug) {
         console.log('[Meta Pixel] PageView (not initialized)');
@@ -158,7 +158,8 @@ export function MetaPixelProvider({ children, pixelId, debug }: MetaPixelProvide
       return;
     }
 
-    reactPixel.pageView();
+    const eventData = eventID ? { eventID } : undefined;
+    reactPixel.pageView(eventID ? eventData : undefined);
 
     if (shouldDebug) {
       console.log('[Meta Pixel] PageView');