@instockng/storefront-ui 1.0.55 → 1.0.57

package/dist/index44.mjs

@@ -1,73 +1,10 @@
 'use client';
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { useState as v } from "react";
-import "./index21.mjs";
-import "@tanstack/react-query";
-import { useGetOrderRecommendations as b } from "./index34.mjs";
-import { cn as n, formatCurrency as N } from "./index20.mjs";
-import { Loader2 as w, Package as y, ExternalLink as k } from "lucide-react";
-function S({
-  orderId: s,
-  token: o,
-  limit: c = 4,
-  className: d,
-  brandSiteUrl: l
-}) {
-  const { data: i, isLoading: m } = b(
-    s,
-    o,
-    c
-  ), [h, u] = v(/* @__PURE__ */ new Set());
-  if (m)
-    return /* @__PURE__ */ t("div", { className: "py-4", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ t(w, { className: "h-5 w-5 animate-spin text-gray-400" }) }) });
-  if (!i || i.length === 0)
-    return null;
-  const f = (e) => {
-    u((a) => new Set(a).add(e));
-  }, g = (e) => l ? `${l}/product/${e}` : `/product/${e}`;
-  return /* @__PURE__ */ r("div", { className: n("mt-4", d), children: [
-    /* @__PURE__ */ r("div", { className: "text-center mb-4", children: [
-      /* @__PURE__ */ t("h4", { className: "text-lg font-semibold text-gray-900", children: "You might also like" }),
-      /* @__PURE__ */ t("p", { className: "text-sm text-gray-500 mt-1", children: "Check out these other great products" })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-3", children: i.map((e) => {
-      const a = e.variants[0];
-      if (!a) return null;
-      const p = h.has(e.id), x = g(e.slug);
-      return /* @__PURE__ */ r(
-        "a",
-        {
-          href: x,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          onClick: () => f(e.id),
-          className: n(
-            "group flex flex-col bg-white border border-gray-200 rounded-lg overflow-hidden transition-all duration-200 hover:shadow-md hover:border-accent-300",
-            p && "border-accent-200 bg-accent-50/30"
-          ),
-          children: [
-            /* @__PURE__ */ r("div", { className: "relative h-32 bg-gray-100 overflow-hidden", children: [
-              e.thumbnailUrl ? /* @__PURE__ */ t(
-                "img",
-                {
-                  src: e.thumbnailUrl,
-                  alt: e.name,
-                  className: "absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-200"
-                }
-              ) : /* @__PURE__ */ t("div", { className: "absolute inset-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ t(y, { className: "h-8 w-8 text-gray-300" }) }),
-              /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 bg-white/90 rounded-full p-1 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ t(k, { className: "h-3 w-3 text-gray-600" }) })
-            ] }),
-            /* @__PURE__ */ r("div", { className: "p-3 flex flex-col flex-1", children: [
-              /* @__PURE__ */ t("h5", { className: "text-sm font-medium text-gray-900 line-clamp-2 leading-tight mb-1", children: e.name }),
-              /* @__PURE__ */ t("p", { className: "text-sm font-bold text-accent-600 mt-auto", children: N(a.price) })
-            ] })
-          ]
-        },
-        e.id
-      );
-    }) })
-  ] });
+import { useEffect as o } from "react";
+function f(e) {
+  o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [e]);
 }
 export {
-  S as PostPurchaseUpsell
+  f as useHideBodyOverflow
 };