@instockng/storefront-ui 1.0.72 → 1.0.73

package/dist/index15.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { jsxs as a, jsx as e, Fragment as Ie } from "react/jsx-runtime";
-import { useState as w, useEffect as _, useMemo as K, useCallback as qe } from "react";
+import { useState as w, useEffect as Z, useMemo as K, useCallback as qe } from "react";
 import { object as V, string as N, ValidationError as je } from "./index45.mjs";
 import "./index23.mjs";
 import "@tanstack/react-query";
@@ -12,7 +12,7 @@ import { FormSelect as ye } from "./index21.mjs";
 import { Button as B } from "./index16.mjs";
 import { Loader2 as U, ChevronLeft as Se, ChevronRight as Le, Package as pe, Banknote as fe, Mail as ze, Phone as Ae, ChevronDown as Fe, Zap as Te } from "lucide-react";
 import { PostPurchaseUpsell as Be } from "./index46.mjs";
-import { formatCurrency as q, cn as k, getFbCookies as G, getTikTokCookies as O } from "./index22.mjs";
+import { formatCurrency as _, cn as k, getFbCookies as G, getTikTokCookies as O } from "./index22.mjs";
 import We from "./index47.mjs";
 import { usePaystackPayment as Re } from "./index48.mjs";
 const $e = "2348125648668", He = `https://wa.me/${$e}`, Ke = (i) => i.replace(/\D/g, ""), Ue = V({
@@ -21,11 +21,11 @@ const $e = "2348125648668", He = `https://wa.me/${$e}`, Ke = (i) => i.replace(/\
   email: N().required("Email is required").email("Please enter a valid email address"),
   phone: N().required("Phone number is required").test("nigerian-phone", "Please enter a valid Nigerian phone number (e.g. 0812 564 8668)", (i) => {
     if (!i) return !1;
-    const j = Ke(i);
+    const q = Ke(i);
     return [
       /^0[789]\d{9}$/
       // 0xxxxxxxxx (11 digits total)
-    ].some((g) => g.test(j));
+    ].some((g) => g.test(q));
   })
 }), Ge = V({
   address: N().required("Street address is required").min(10, "Please provide a complete address"),
@@ -37,7 +37,7 @@ const $e = "2348125648668", He = `https://wa.me/${$e}`, Ke = (i) => i.replace(/\
 });
 function ct({
   isOpen: i,
-  onClose: j,
+  onClose: q,
   initialData: l,
   onSuccess: g,
   onError: o,
@@ -50,7 +50,7 @@ function ct({
     publicKey: E || "",
     onSuccess: async (r) => {
       try {
-        const { fbc: n, fbp: d } = G(), { ttp: h, ttclid: Z } = O(), v = await M.mutateAsync({
+        const { fbc: n, fbp: d } = G(), { ttp: h, ttclid: j } = O(), v = await M.mutateAsync({
           firstName: t.firstName,
           lastName: t.lastName,
           email: t.email,
@@ -63,7 +63,7 @@ function ct({
           fbc: n,
           fbp: d,
           ttp: h,
-          ttclid: Z
+          ttclid: j
         });
         if ("error" in v) {
           const P = v.error;
@@ -79,13 +79,13 @@ function ct({
       console.log("Payment popup closed by user");
     }
   });
-  _(() => {
+  Z(() => {
     i && J();
   }, [i, J]);
   const { data: C } = Ze(((se = s == null ? void 0 : s.brand) == null ? void 0 : se.id) || "", {
     enabled: !!((ne = s == null ? void 0 : s.brand) != null && ne.id)
   }), m = K(() => C == null ? void 0 : C.find((r) => r.id === L), [C, L]), p = K(() => m == null ? void 0 : m.zones.find((r) => r.id === f), [m, f]), M = ge;
-  _(() => {
+  Z(() => {
     i || (W(null), b("customer"), M.reset());
   }, [i]);
   const [t, $] = w({
@@ -99,11 +99,11 @@ function ct({
     paymentMethod: (l == null ? void 0 : l.paymentMethod) || "online",
     notes: (l == null ? void 0 : l.notes) || ""
   });
-  _(() => {
+  Z(() => {
     i && b("customer");
   }, [i]);
   const [ee, te] = w(!1);
-  _(() => {
+  Z(() => {
     i && s && !l && !ee && ($((r) => {
       var n;
       return {
@@ -115,7 +115,7 @@ function ct({
         deliveryZoneId: ((n = s.deliveryZone) == null ? void 0 : n.id) || r.deliveryZoneId
       };
     }), te(!0)), i || te(!1);
-  }, [i, s, l, ee]), _(() => {
+  }, [i, s, l, ee]), Z(() => {
     if (f) {
       const r = m == null ? void 0 : m.zones.find((n) => n.id === f);
       r && $((n) => ({
@@ -179,7 +179,7 @@ function ct({
           o == null || o(new Error("Payment system is loading. Please try again."));
           return;
         }
-        const n = Math.round(s.pricing.total * 100), { fbc: d, fbp: h } = G(), { ttp: Z, ttclid: v } = O();
+        const n = Math.round(s.pricing.total * 100), { fbc: d, fbp: h } = G(), { ttp: j, ttclid: v } = O();
         D.initializePayment({
           email: t.email || (s == null ? void 0 : s.customerEmail) || "customer@example.com",
           amount: n,
@@ -196,7 +196,7 @@ function ct({
             phone: t.phone,
             fbc: d,
             fbp: h,
-            ttp: Z,
+            ttp: j,
             ttclid: v,
             custom_fields: [
               {
@@ -230,7 +230,7 @@ function ct({
         return;
       }
       try {
-        const { fbc: n, fbp: d } = G(), { ttp: h, ttclid: Z } = O(), v = await M.mutateAsync({
+        const { fbc: n, fbp: d } = G(), { ttp: h, ttclid: j } = O(), v = await M.mutateAsync({
           firstName: t.firstName,
           lastName: t.lastName,
           email: t.email,
@@ -242,7 +242,7 @@ function ct({
           fbc: n,
           fbp: d,
           ttp: h,
-          ttclid: Z
+          ttclid: j
         });
         if ("error" in v) {
           const P = v.error;
@@ -263,23 +263,23 @@ function ct({
       Q && /* @__PURE__ */ e("div", { className: "absolute flex items-center justify-center inset-0 bg-white opacity-50", children: /* @__PURE__ */ e(U, { className: "animate-spin text-accent-500" }) }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Subtotal" }),
-        /* @__PURE__ */ e("span", { children: q(((ie = s == null ? void 0 : s.pricing) == null ? void 0 : ie.subtotal) ?? 0) })
+        /* @__PURE__ */ e("span", { children: _(((ie = s == null ? void 0 : s.pricing) == null ? void 0 : ie.subtotal) ?? 0) })
       ] }),
       s.pricing.discount && /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Discount" }),
         /* @__PURE__ */ a("span", { className: "text-green-600", children: [
           "-",
-          q(((oe = (de = s == null ? void 0 : s.pricing) == null ? void 0 : de.discount) == null ? void 0 : oe.amount) ?? 0)
+          _(((oe = (de = s == null ? void 0 : s.pricing) == null ? void 0 : de.discount) == null ? void 0 : oe.amount) ?? 0)
         ] })
       ] }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Delivery Fee" }),
-        /* @__PURE__ */ e("span", { children: q(((ce = s == null ? void 0 : s.pricing) == null ? void 0 : ce.deliveryCharge) ?? 0) })
+        /* @__PURE__ */ e("span", { children: _(((ce = s == null ? void 0 : s.pricing) == null ? void 0 : ce.deliveryCharge) ?? 0) })
       ] }),
       /* @__PURE__ */ e("hr", { className: "border-gray-200 my-2" }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Total" }),
-        /* @__PURE__ */ e("span", { children: q(((me = s == null ? void 0 : s.pricing) == null ? void 0 : me.total) ?? 0) })
+        /* @__PURE__ */ e("span", { children: _(((me = s == null ? void 0 : s.pricing) == null ? void 0 : me.total) ?? 0) })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
@@ -331,7 +331,7 @@ function ct({
       he,
       {
         isOpen: i,
-        onClose: j,
+        onClose: q,
         title: /* @__PURE__ */ a("span", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e("span", { className: "w-10 h-10 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e("svg", { className: "h-6 w-6 text-green-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }),
           /* @__PURE__ */ a("span", { children: [
@@ -343,7 +343,7 @@ function ct({
         footer: /* @__PURE__ */ e(
           B,
           {
-            onClick: j,
+            onClick: q,
             className: "w-full bg-accent-500 text-white hover:bg-accent-600",
             size: "lg",
             children: "Close"
@@ -383,7 +383,7 @@ function ct({
               ] }),
               /* @__PURE__ */ a("div", { className: "flex justify-between text-sm", children: [
                 /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Total" }),
-                /* @__PURE__ */ e("span", { className: "font-bold text-gray-900", children: q(y.totalPrice) })
+                /* @__PURE__ */ e("span", { className: "font-bold text-gray-900", children: _(y.totalPrice) })
               ] })
             ] })
           ] }),
@@ -404,7 +404,7 @@ function ct({
     he,
     {
       isOpen: i,
-      onClose: j,
+      onClose: q,
       title: ke,
       footer: Me,
       size: "lg",
@@ -437,7 +437,7 @@ function ct({
               /* @__PURE__ */ e(
                 "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"
                 }
@@ -580,12 +580,7 @@ function ct({
                       required: !0,
                       children: [
                         /* @__PURE__ */ e("option", { disabled: !0, value: "", children: m ? "Select Delivery Zone" : "Select State First" }),
-                        m == null ? void 0 : m.zones.map((r) => /* @__PURE__ */ a("option", { value: r.id, children: [
-                          r.name,
-                          " (",
-                          q(r.deliveryCost),
-                          ")"
-                        ] }, r.id))
+                        m == null ? void 0 : m.zones.map((r) => /* @__PURE__ */ e("option", { value: r.id, children: r.name }, r.id))
                       ]
                     }
                   )

package/dist/index150.mjs

@@ -1,6 +1,6 @@
 'use client';
-import o from "./index244.mjs";
-import * as t from "./index245.mjs";
+import o from "./index218.mjs";
+import * as t from "./index219.mjs";
 const m = {
   ...t,
   ...o

package/dist/index153.mjs

@@ -1,14 +1,14 @@
 'use client';
 import H from "./index86.mjs";
-import D from "./index246.mjs";
+import D from "./index220.mjs";
 import L from "./index148.mjs";
 import n from "./index97.mjs";
 import y from "./index92.mjs";
-import O from "./index247.mjs";
+import O from "./index221.mjs";
 import U from "./index150.mjs";
 import q from "./index100.mjs";
-import { progressEventReducer as A } from "./index248.mjs";
-import v from "./index249.mjs";
+import { progressEventReducer as A } from "./index222.mjs";
+import v from "./index223.mjs";
 const N = typeof XMLHttpRequest < "u", Q = N && function(s) {
   return new Promise(function(C, i) {
     const t = v(s);

package/dist/index154.mjs

@@ -2,12 +2,12 @@
 import K from "./index150.mjs";
 import t from "./index86.mjs";
 import b from "./index97.mjs";
-import ee from "./index250.mjs";
-import { trackStream as z } from "./index251.mjs";
+import ee from "./index224.mjs";
+import { trackStream as z } from "./index225.mjs";
 import te from "./index100.mjs";
-import { progressEventDecorator as I, progressEventReducer as M, asyncDecorator as j } from "./index248.mjs";
-import se from "./index249.mjs";
-import re from "./index246.mjs";
+import { progressEventDecorator as I, progressEventReducer as M, asyncDecorator as j } from "./index222.mjs";
+import se from "./index223.mjs";
+import re from "./index220.mjs";
 const J = 64 * 1024, { isFunction: P } = t, ne = (({ Request: r, Response: n }) => ({
   Request: r,
   Response: n

package/dist/index155.mjs

@@ -1,5 +1,5 @@
 'use client';
-var r = {};
+var a = {};
 export {
-  r as __exports
+  a as __exports
 };

package/dist/index157.mjs

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

package/dist/index158.mjs

@@ -1,21 +1,5 @@
 'use client';
-import { __exports as r } from "./index213.mjs";
-var u;
-function a() {
-  return u ? r : (u = 1, function(n) {
-    Object.defineProperty(n, "__esModule", {
-      value: !0
-    }), Object.defineProperty(n, "default", {
-      enumerable: !0,
-      get: function() {
-        return o;
-      }
-    });
-    function o(e, t) {
-      return t === void 0 && (t = ""), (e === "/" ? "/index" : /^\/index(\/|$)/.test(e) ? "/index" + e : e) + t;
-    }
-  }(r), r);
-}
+var e = { exports: {} };
 export {
-  a as __require
+  e as __module
 };

package/dist/index159.mjs

@@ -1,35 +1,21 @@
 'use client';
-import { __module as r } from "./index214.mjs";
-var i;
-function c() {
-  return i ? r.exports : (i = 1, function(f, e) {
-    Object.defineProperty(e, "__esModule", {
+import { __exports as r } from "./index232.mjs";
+var u;
+function a() {
+  return u ? r : (u = 1, function(n) {
+    Object.defineProperty(n, "__esModule", {
       value: !0
-    }), Object.defineProperty(e, "__unsafeCreateTrustedScriptURL", {
+    }), Object.defineProperty(n, "default", {
       enumerable: !0,
       get: function() {
-        return a;
+        return o;
       }
     });
-    let n;
-    function d() {
-      if (typeof n > "u" && typeof window < "u") {
-        var u;
-        n = ((u = window.trustedTypes) == null ? void 0 : u.createPolicy("nextjs", {
-          createHTML: (t) => t,
-          createScript: (t) => t,
-          createScriptURL: (t) => t
-        })) || null;
-      }
-      return n;
-    }
-    function a(u) {
-      var t;
-      return ((t = d()) == null ? void 0 : t.createScriptURL(u)) || u;
+    function o(e, t) {
+      return t === void 0 && (t = ""), (e === "/" ? "/index" : /^\/index(\/|$)/.test(e) ? "/index" + e : e) + t;
     }
-    (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), f.exports = e.default);
-  }(r, r.exports), r.exports);
+  }(r), r);
 }
 export {
-  c as __require
+  a as __require
 };

package/dist/index160.mjs

@@ -1,41 +1,35 @@
 'use client';
-import { __module as n } from "./index215.mjs";
-var a;
-function o() {
-  return a ? n.exports : (a = 1, function(f, e) {
+import { __module as r } from "./index233.mjs";
+var i;
+function c() {
+  return i ? r.exports : (i = 1, function(f, e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
-    });
-    function d(l, t) {
-      for (var u in t) Object.defineProperty(l, u, {
-        enumerable: !0,
-        get: t[u]
-      });
-    }
-    d(e, {
-      cancelIdleCallback: function() {
-        return c;
-      },
-      requestIdleCallback: function() {
-        return r;
+    }), Object.defineProperty(e, "__unsafeCreateTrustedScriptURL", {
+      enumerable: !0,
+      get: function() {
+        return a;
       }
     });
-    const r = typeof self < "u" && self.requestIdleCallback && self.requestIdleCallback.bind(window) || function(l) {
-      let t = Date.now();
-      return self.setTimeout(function() {
-        l({
-          didTimeout: !1,
-          timeRemaining: function() {
-            return Math.max(0, 50 - (Date.now() - t));
-          }
-        });
-      }, 1);
-    }, c = typeof self < "u" && self.cancelIdleCallback && self.cancelIdleCallback.bind(window) || function(l) {
-      return clearTimeout(l);
-    };
+    let n;
+    function d() {
+      if (typeof n > "u" && typeof window < "u") {
+        var u;
+        n = ((u = window.trustedTypes) == null ? void 0 : u.createPolicy("nextjs", {
+          createHTML: (t) => t,
+          createScript: (t) => t,
+          createScriptURL: (t) => t
+        })) || null;
+      }
+      return n;
+    }
+    function a(u) {
+      var t;
+      return ((t = d()) == null ? void 0 : t.createScriptURL(u)) || u;
+    }
     (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), f.exports = e.default);
-  }(n, n.exports), n.exports);
+  }(r, r.exports), r.exports);
 }
 export {
-  o as __require
+  c as __require
 };

package/dist/index161.mjs

@@ -1,20 +1,40 @@
 'use client';
-import { __exports as e } from "./index216.mjs";
-var t;
+import { __module as n } from "./index231.mjs";
+var a;
 function o() {
-  return t ? e : (t = 1, function(r) {
-    Object.defineProperty(r, "__esModule", {
+  return a ? n.exports : (a = 1, function(f, e) {
+    Object.defineProperty(e, "__esModule", {
       value: !0
-    }), Object.defineProperty(r, "getDeploymentIdQueryOrEmptyString", {
-      enumerable: !0,
-      get: function() {
-        return n;
-      }
     });
-    function n() {
-      return process.env.NEXT_DEPLOYMENT_ID ? `?dpl=${process.env.NEXT_DEPLOYMENT_ID}` : "";
+    function d(l, t) {
+      for (var u in t) Object.defineProperty(l, u, {
+        enumerable: !0,
+        get: t[u]
+      });
     }
-  }(e), e);
+    d(e, {
+      cancelIdleCallback: function() {
+        return c;
+      },
+      requestIdleCallback: function() {
+        return r;
+      }
+    });
+    const r = typeof self < "u" && self.requestIdleCallback && self.requestIdleCallback.bind(window) || function(l) {
+      let t = Date.now();
+      return self.setTimeout(function() {
+        l({
+          didTimeout: !1,
+          timeRemaining: function() {
+            return Math.max(0, 50 - (Date.now() - t));
+          }
+        });
+      }, 1);
+    }, c = typeof self < "u" && self.cancelIdleCallback && self.cancelIdleCallback.bind(window) || function(l) {
+      return clearTimeout(l);
+    };
+    (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), f.exports = e.default);
+  }(n, n.exports), n.exports);
 }
 export {
   o as __require

package/dist/index162.mjs

@@ -1,21 +1,21 @@
 'use client';
-import { __exports as e } from "./index217.mjs";
-var n;
-function a() {
-  return n ? e : (n = 1, function(r) {
+import { __exports as e } from "./index234.mjs";
+var t;
+function o() {
+  return t ? e : (t = 1, function(r) {
     Object.defineProperty(r, "__esModule", {
       value: !0
-    }), Object.defineProperty(r, "encodeURIPath", {
+    }), Object.defineProperty(r, "getDeploymentIdQueryOrEmptyString", {
       enumerable: !0,
       get: function() {
-        return t;
+        return n;
       }
     });
-    function t(o) {
-      return o.split("/").map((i) => encodeURIComponent(i)).join("/");
+    function n() {
+      return process.env.NEXT_DEPLOYMENT_ID ? `?dpl=${process.env.NEXT_DEPLOYMENT_ID}` : "";
     }
   }(e), e);
 }
 export {
-  a as __require
+  o as __require
 };

package/dist/index163.mjs

@@ -1,5 +1,21 @@
 'use client';
-var r = { exports: {} };
+import { __exports as e } from "./index235.mjs";
+var n;
+function a() {
+  return n ? e : (n = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    }), Object.defineProperty(r, "encodeURIPath", {
+      enumerable: !0,
+      get: function() {
+        return t;
+      }
+    });
+    function t(o) {
+      return o.split("/").map((i) => encodeURIComponent(i)).join("/");
+    }
+  }(e), e);
+}
 export {
-  r as __module
+  a as __require
 };

package/dist/index164.mjs

@@ -1,23 +1,5 @@
 'use client';
-import { __exports as e } from "./index218.mjs";
-import "./index77.mjs";
-import n from "react";
-import { __exports as o } from "./index82.mjs";
-var a;
-function c() {
-  return a ? e : (a = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), Object.defineProperty(t, "HeadManagerContext", {
-      enumerable: !0,
-      get: function() {
-        return r;
-      }
-    });
-    const r = (/* @__PURE__ */ o._(n)).default.createContext({});
-    process.env.NODE_ENV !== "production" && (r.displayName = "HeadManagerContext");
-  }(e), e);
-}
+var r = { exports: {} };
 export {
-  c as __require
+  r as __module
 };

package/dist/index165.mjs

@@ -1,49 +1,23 @@
 'use client';
-import { __module as n } from "./index219.mjs";
+import { __exports as e } from "./index229.mjs";
+import "./index80.mjs";
+import n from "react";
+import { __exports as o } from "./index85.mjs";
 var a;
-function m() {
-  return a ? n.exports : (a = 1, function(f, e) {
-    Object.defineProperty(e, "__esModule", {
+function c() {
+  return a ? e : (a = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
       value: !0
-    }), Object.defineProperty(e, "setAttributesFromProps", {
+    }), Object.defineProperty(t, "HeadManagerContext", {
       enumerable: !0,
       get: function() {
-        return l;
+        return r;
       }
     });
-    const c = {
-      acceptCharset: "accept-charset",
-      className: "class",
-      htmlFor: "for",
-      httpEquiv: "http-equiv",
-      noModule: "noModule"
-    }, d = [
-      "onLoad",
-      "onReady",
-      "dangerouslySetInnerHTML",
-      "children",
-      "onError",
-      "strategy",
-      "stylesheets"
-    ];
-    function i(t) {
-      return [
-        "async",
-        "defer",
-        "noModule"
-      ].includes(t);
-    }
-    function l(t, s) {
-      for (const [u, r] of Object.entries(s)) {
-        if (!s.hasOwnProperty(u) || d.includes(u) || r === void 0)
-          continue;
-        const o = c[u] || u.toLowerCase();
-        t.tagName === "SCRIPT" && i(o) ? t[o] = !!r : t.setAttribute(o, String(r)), (r === !1 || t.tagName === "SCRIPT" && i(o) && (!r || r === "false")) && (t.setAttribute(o, ""), t.removeAttribute(o));
-      }
-    }
-    (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), f.exports = e.default);
-  }(n, n.exports), n.exports);
+    const r = (/* @__PURE__ */ o._(n)).default.createContext({});
+    process.env.NODE_ENV !== "production" && (r.displayName = "HeadManagerContext");
+  }(e), e);
 }
 export {
-  m as __require
+  c as __require
 };