@instockng/storefront-ui 1.0.29 → 1.0.30

package/dist/index63.mjs

@@ -1,156 +1,8 @@
 'use client';
-import { __module as l } from "./index68.mjs";
-import "./index69.mjs";
-import j from "react";
-import { __require as A } from "./index70.mjs";
-import { __require as O } from "./index71.mjs";
-import { __require as x } from "./index72.mjs";
-import { __require as F } from "./index73.mjs";
-import { __exports as M } from "./index74.mjs";
-var p;
-function W() {
-  return p ? l.exports : (p = 1, function(g, u) {
-    Object.defineProperty(u, "__esModule", {
-      value: !0
-    });
-    function _(e, o) {
-      for (var t in o) Object.defineProperty(e, t, {
-        enumerable: !0,
-        get: o[t]
-      });
-    }
-    _(u, {
-      Router: function() {
-        return i.default;
-      },
-      createRouter: function() {
-        return P;
-      },
-      // Export the singletonRouter and this is the public API.
-      default: function() {
-        return v;
-      },
-      makePublicRouterInstance: function() {
-        return E;
-      },
-      useRouter: function() {
-        return q;
-      },
-      withRouter: function() {
-        return w.default;
-      }
-    });
-    const f = M, R = /* @__PURE__ */ f._(j), i = /* @__PURE__ */ f._(A()), b = O(), y = /* @__PURE__ */ f._(x()), w = /* @__PURE__ */ f._(F()), n = {
-      router: null,
-      readyCallbacks: [],
-      ready(e) {
-        if (this.router) return e();
-        typeof window < "u" && this.readyCallbacks.push(e);
-      }
-    }, d = [
-      "pathname",
-      "route",
-      "query",
-      "asPath",
-      "components",
-      "isFallback",
-      "basePath",
-      "locale",
-      "locales",
-      "defaultLocale",
-      "isReady",
-      "isPreview",
-      "isLocaleDomain",
-      "domainLocales"
-    ], C = [
-      "routeChangeStart",
-      "beforeHistoryChange",
-      "routeChangeComplete",
-      "routeChangeError",
-      "hashChangeStart",
-      "hashChangeComplete"
-    ], h = [
-      "push",
-      "replace",
-      "reload",
-      "back",
-      "prefetch",
-      "beforePopState"
-    ];
-    Object.defineProperty(n, "events", {
-      get() {
-        return i.default.events;
-      }
-    });
-    function m() {
-      if (!n.router) {
-        const e = `No router instance found.
-You should only use "next/router" on the client side of your app.
-`;
-        throw new Error(e);
-      }
-      return n.router;
-    }
-    d.forEach((e) => {
-      Object.defineProperty(n, e, {
-        get() {
-          return m()[e];
-        }
-      });
-    }), h.forEach((e) => {
-      n[e] = function() {
-        for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
-          t[r] = arguments[r];
-        return m()[e](...t);
-      };
-    }), C.forEach((e) => {
-      n.ready(() => {
-        i.default.events.on(e, function() {
-          for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
-            t[r] = arguments[r];
-          const s = "on" + e.charAt(0).toUpperCase() + e.substring(1), c = n;
-          if (c[s])
-            try {
-              c[s](...t);
-            } catch (a) {
-              console.error("Error when running the Router event: " + s), console.error((0, y.default)(a) ? a.message + `
-` + a.stack : a + "");
-            }
-        });
-      });
-    });
-    const v = n;
-    function q() {
-      const e = R.default.useContext(b.RouterContext);
-      if (!e)
-        throw new Error("NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted");
-      return e;
-    }
-    function P() {
-      for (var e = arguments.length, o = new Array(e), t = 0; t < e; t++)
-        o[t] = arguments[t];
-      return n.router = new i.default(...o), n.readyCallbacks.forEach((r) => r()), n.readyCallbacks = [], n.router;
-    }
-    function E(e) {
-      const o = e, t = {};
-      for (const r of d) {
-        if (typeof o[r] == "object") {
-          t[r] = Object.assign(Array.isArray(o[r]) ? [] : {}, o[r]);
-          continue;
-        }
-        t[r] = o[r];
-      }
-      return t.events = i.default.events, h.forEach((r) => {
-        t[r] = function() {
-          for (var s = arguments.length, c = new Array(s), a = 0; a < s; a++)
-            c[a] = arguments[a];
-          return o[r](...c);
-        };
-      }), t;
-    }
-    (typeof u.default == "function" || typeof u.default == "object" && u.default !== null) && typeof u.default.__esModule > "u" && (Object.defineProperty(u.default, "__esModule", { value: !0 }), Object.assign(u.default, u), g.exports = u.default);
-  }(l, l.exports), l.exports);
+import { useQuery as e } from "@tanstack/react-query";
+function n(r) {
+  return e(r);
 }
 export {
-  W as __require
+  n as useQueryUnwrapped
 };

package/dist/index64.mjs

@@ -1,8 +1,26 @@
 'use client';
-import { useQuery as e } from "@tanstack/react-query";
-function n(r) {
-  return e(r);
+import "react";
+function i(n, o) {
+  if (typeof n == "function")
+    return n(o);
+  n != null && (n.current = o);
+}
+function f(...n) {
+  return (o) => {
+    let u = !1;
+    const c = n.map((t) => {
+      const e = i(t, o);
+      return !u && typeof e == "function" && (u = !0), e;
+    });
+    if (u)
+      return () => {
+        for (let t = 0; t < c.length; t++) {
+          const e = c[t];
+          typeof e == "function" ? e() : i(n[t], null);
+        }
+      };
+  };
 }
 export {
-  n as useQueryUnwrapped
+  f as composeRefs
 };

package/dist/index67.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { getDefaultExportFromCjs as d } from "./index61.mjs";
+import { getDefaultExportFromCjs as d } from "./index60.mjs";
 import { __module as v } from "./index94.mjs";
 v.exports = function(n) {
   return g(m(n), n);

package/dist/index73.mjs

@@ -2,7 +2,7 @@
 import { __module as u } from "./index133.mjs";
 import d from "react/jsx-runtime";
 import "react";
-import { __require as c } from "./index63.mjs";
+import { __require as c } from "./index62.mjs";
 var n;
 function y() {
   return n ? u.exports : (n = 1, function(a, e) {

package/package.json

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

package/src/components/Checkout.tsx

@@ -27,6 +27,7 @@ import {
   ChevronRight,
   CheckCircle,
   Package,
+  Info,
 } from 'lucide-react';
 import { formatCurrency, cn, getFbCookies } from '../lib/utils';
 import PaystackSVG from "../paystack.svg"
@@ -139,8 +140,6 @@ export function Checkout({
   refundPolicy,
 }: CheckoutProps) {
 
-  const paystackPublicKey = "pk_live_dfb74efb5f74d2acbc253d5ca396ab9015ef0fa7";
-
   const [currentStep, setCurrentStep] = useState<Step>('customer');
   const [selectedStateId, setSelectedStateId] = useState<string | undefined>(undefined);
   const [selectedDeliveryZoneId, setSelectedDeliveryZoneId] = useState<string | undefined>(undefined);
@@ -149,6 +148,9 @@ export function Checkout({
   // Get cart from CartProvider context (required)
   const { refetch: refetchCart, isLoading: isLoadingCart, cart, updateCartMutation, checkoutMutation, clearAndCreateNewCart } = useCart();
 
+  // Use brand-specific Paystack public key (required for online payments)
+  const paystackPublicKey = cart?.brand?.paystackPublicKey;
+
   // Paystack payment integration
   const paystack = usePaystackPayment({
     publicKey: paystackPublicKey || '',
@@ -671,17 +673,13 @@ export function Checkout({
             {shownDeliveryWarnings && (
               <div className="space-y-3 p-4 pb-0">
                 {/* Waybill Delivery Notice */}
-                {selectedDeliveryZone.waybillOnly && (
+                {selectedDeliveryZone.noteTitle && selectedDeliveryZone.noteContent && (
                   <div className="bg-amber-50 border border-amber-200 rounded-lg p-4">
                     <div className="flex items-start gap-3">
                       <Package className="h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" />
                       <div className="space-y-1">
-                        <p className="text-sm font-semibold text-amber-900">
-                          Waybill Delivery
-                        </p>
-                        <p className="text-sm text-amber-800">
-                          We deliver orders to this location using waybill service. You'll need to pick up your order at a motor park near you.
-                        </p>
+                        <p className="text-sm font-semibold text-amber-900">{selectedDeliveryZone.noteTitle}</p>
+                        <p className="text-sm text-amber-800">{selectedDeliveryZone.noteContent}</p>
                       </div>
                     </div>
                   </div>