@instockng/storefront-ui 1.0.44 → 1.0.46

package/dist/index98.mjs

@@ -1,24 +1,46 @@
 'use client';
-import { __module as r } from "./index174.mjs";
-import { __require as o } from "./index100.mjs";
-var a;
-function l() {
-  return a ? r.exports : (a = 1, function(n, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "removeBasePath", {
-      enumerable: !0,
-      get: function() {
-        return i;
-      }
-    });
-    const f = o(), u = process.env.__NEXT_ROUTER_BASEPATH || "";
-    function i(t) {
-      return process.env.__NEXT_MANUAL_CLIENT_BASE_PATH && !(0, f.hasBasePath)(t) || u.length === 0 || (t = t.slice(u.length), t.startsWith("/") || (t = "/" + t)), 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), n.exports = e.default);
-  }(r, r.exports), r.exports);
+var s = (e, r) => (e = e.replace(/\/+$/, ""), e = e + "/", r = r.replace(/^\/+/, ""), e + r), p = (e, r) => {
+  for (const [n, t] of Object.entries(r)) {
+    const c = new RegExp("/:" + n + "(?:{[^/]+})?\\??");
+    e = e.replace(c, t ? `/${t}` : "");
+  }
+  return e;
+}, f = (e) => {
+  const r = new URLSearchParams();
+  for (const [n, t] of Object.entries(e))
+    if (t !== void 0)
+      if (Array.isArray(t))
+        for (const c of t)
+          r.append(n, c);
+      else
+        r.set(n, t);
+  return r;
+}, i = (e, r) => {
+  switch (r) {
+    case "ws":
+      return e.replace(/^http/, "ws");
+    case "http":
+      return e.replace(/^ws/, "http");
+  }
+}, l = (e) => /^https?:\/\/[^\/]+?\/index(?=\?|$)/.test(e) ? e.replace(/\/index(?=\?|$)/, "/") : e.replace(/\/index(?=\?|$)/, "");
+function a(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function o(e, r) {
+  if (!a(e) && !a(r))
+    return r;
+  const n = { ...e };
+  for (const t in r) {
+    const c = r[t];
+    a(n[t]) && a(c) ? n[t] = o(n[t], c) : n[t] = c;
+  }
+  return n;
 }
 export {
-  l as __require
+  f as buildSearchParams,
+  o as deepMerge,
+  s as mergePath,
+  l as removeIndexString,
+  p as replaceUrlParam,
+  i as replaceUrlProtocol
 };

package/dist/index99.mjs

@@ -1,25 +1,5 @@
 'use client';
-import { __module as a } from "./index175.mjs";
-import { __require as _ } from "./index176.mjs";
-import { __require as l } from "./index171.mjs";
-var t;
-function h() {
-  return t ? a.exports : (t = 1, function(u, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "addBasePath", {
-      enumerable: !0,
-      get: function() {
-        return f;
-      }
-    });
-    const i = _(), d = l(), n = process.env.__NEXT_ROUTER_BASEPATH || "";
-    function f(r, o) {
-      return (0, d.normalizePathTrailingSlash)(process.env.__NEXT_MANUAL_CLIENT_BASE_PATH && !o ? r : (0, i.addPathPrefix)(r, n));
-    }
-    (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), u.exports = e.default);
-  }(a, a.exports), a.exports);
-}
+var r = {};
 export {
-  h as __require
+  r as __exports
 };

package/package.json

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

package/src/components/Checkout.tsx

@@ -996,7 +996,7 @@ export function Checkout({
                         <div>
                           <div className="font-semibold text-gray-900">Pay on Delivery</div>
                           <div className="text-sm text-gray-500 mt-1">
-                            Cash when item arrives
+                            Pay when item arrives
                           </div>
                         </div>
                       </div>

package/src/components/RecommendedProducts.tsx

@@ -28,16 +28,16 @@ export function RecommendedProducts({
 }: RecommendedProductsProps) {
   const { cart, addItem } = useCart();
   const { data: recommendations, isLoading, error } = useGetCartRecommendations(cart?.id, limit);
-  const [addingProductIds, setAddingProductIds] = useState<Set<string>>(new Set());
-  const [fadingProductIds, setFadingProductIds] = useState<Set<string>>(new Set());
-  const [collapsingProductIds, setCollapsingProductIds] = useState<Set<string>>(new Set());
-  const [hiddenProductIds, setHiddenProductIds] = useState<Set<string>>(new Set());
+  const [addingProductIds, setAddingProductIds] = useState<string[]>([]);
+  const [fadingProductIds, setFadingProductIds] = useState<string[]>([]);
+  const [collapsingProductIds, setCollapsingProductIds] = useState<string[]>([]);
+  const [hiddenProductIds, setHiddenProductIds] = useState<string[]>([]);
 
   // Reset hidden products when recommendations change (e.g., when cart items are removed)
   useEffect(() => {
-    setHiddenProductIds(new Set());
-    setFadingProductIds(new Set());
-    setCollapsingProductIds(new Set());
+    setHiddenProductIds([]);
+    setFadingProductIds([]);
+    setCollapsingProductIds([]);
   }, [recommendations]);
 
   // Don't render if no cart
@@ -58,7 +58,7 @@ export function RecommendedProducts({
 
   // Filter out hidden products
   const visibleRecommendations = recommendations?.filter(
-    product => !hiddenProductIds.has(product.id)
+    product => !hiddenProductIds.includes(product.id)
   );
 
   // Don't render if error or no visible recommendations
@@ -67,27 +67,23 @@ export function RecommendedProducts({
   }
 
   const handleAddToCart = async (product: typeof visibleRecommendations[0], variant: typeof visibleRecommendations[0]['variants'][0]) => {
-    setAddingProductIds(prev => new Set(prev).add(product.id));
+    setAddingProductIds(prev => [...prev, product.id]);
     try {
       await addItem(product.slug, product.name, variant.price, variant.sku, 1);
       // Start the fade-out and blur animation
-      setFadingProductIds(prev => new Set(prev).add(product.id));
+      setFadingProductIds(prev => [...prev, product.id]);
 
       // After fade completes (500ms), start width collapse
       setTimeout(() => {
-        setCollapsingProductIds(prev => new Set(prev).add(product.id));
+        setCollapsingProductIds(prev => [...prev, product.id]);
       }, 500);
 
       // Remove from DOM after collapse completes (1000ms total)
       setTimeout(() => {
-        setHiddenProductIds(prev => new Set(prev).add(product.id));
+        setHiddenProductIds(prev => [...prev, product.id]);
       }, 1000);
     } finally {
-      setAddingProductIds(prev => {
-        const next = new Set(prev);
-        next.delete(product.id);
-        return next;
-      });
+      setAddingProductIds(prev => prev.filter(id => id !== product.id));
     }
   };
 
@@ -104,17 +100,13 @@ export function RecommendedProducts({
           {/* Left spacer */}
           <div className="flex-shrink-0 w-1" />
 
-          {recommendations?.map((product) => {
+          {visibleRecommendations?.map((product) => {
             const firstVariant = product.variants[0];
             if (!firstVariant) return null;
 
-            const isAdding = addingProductIds.has(product.id);
-            const isFading = fadingProductIds.has(product.id);
-            const isCollapsing = collapsingProductIds.has(product.id);
-            const isHidden = hiddenProductIds.has(product.id);
-
-            // Don't render hidden products
-            if (isHidden) return null;
+            const isAdding = addingProductIds.includes(product.id);
+            const isFading = fadingProductIds.includes(product.id);
+            const isCollapsing = collapsingProductIds.includes(product.id);
 
             return (
               <div