@instockng/storefront-ui 1.0.106 → 1.0.107

package/dist/index206.mjs

@@ -1,26 +1,5 @@
 'use client';
-import { __exports as t } from "./index259.mjs";
-import { __require as a } from "./index202.mjs";
-var n;
-function h() {
-  return n ? t : (n = 1, function(i) {
-    Object.defineProperty(i, "__esModule", {
-      value: !0
-    }), Object.defineProperty(i, "removePathPrefix", {
-      enumerable: !0,
-      get: function() {
-        return f;
-      }
-    });
-    const o = a();
-    function f(e, u) {
-      if (!(0, o.pathHasPrefix)(e, u))
-        return e;
-      const r = e.slice(u.length);
-      return r.startsWith("/") ? r : "/" + r;
-    }
-  }(t), t);
-}
+var e = {};
 export {
-  h as __require
+  e as __exports
 };

package/dist/index207.mjs

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

package/dist/index208.mjs

@@ -1,26 +1,26 @@
 'use client';
-import { __exports as r } from "./index258.mjs";
-import { __require as s } from "./index127.mjs";
-var a;
-function _() {
-  return a ? r : (a = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
+import { __exports as t } from "./index261.mjs";
+import { __require as a } from "./index204.mjs";
+var n;
+function h() {
+  return n ? t : (n = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
       value: !0
-    }), Object.defineProperty(t, "addPathSuffix", {
+    }), Object.defineProperty(i, "removePathPrefix", {
       enumerable: !0,
       get: function() {
-        return n;
+        return f;
       }
     });
-    const i = s();
-    function n(e, u) {
-      if (!e.startsWith("/") || !u)
+    const o = a();
+    function f(e, u) {
+      if (!(0, o.pathHasPrefix)(e, u))
         return e;
-      const { pathname: f, query: d, hash: o } = (0, i.parsePath)(e);
-      return "" + f + u + d + o;
+      const r = e.slice(u.length);
+      return r.startsWith("/") ? r : "/" + r;
     }
-  }(r), r);
+  }(t), t);
 }
 export {
-  _ as __require
+  h as __require
 };

package/dist/index21.mjs

@@ -1,63 +1,268 @@
 'use client';
-import { jsxs as c, jsx as u } from "react/jsx-runtime";
-import { Root as v } from "./index55.mjs";
-import { cva as g } from "./index56.mjs";
-import { Loader2 as l } from "lucide-react";
-import { cn as p } from "./index27.mjs";
-const b = g(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useState as m, useRef as p, useCallback as G, useEffect as N } from "react";
+import { createPortal as Q } from "react-dom";
+import { Sparkles as ee, X as te, Loader2 as re, Send as se } from "lucide-react";
+import { cn as k, formatCurrency as ne } from "./index30.mjs";
+import { useHideBodyOverflow as ae } from "./index53.mjs";
+function ue({
+  isOpen: c,
+  onClose: y,
+  apiUrl: I,
+  brandSlug: D,
+  productSlug: J,
+  initialQuestion: x,
+  assistantName: L = "AI Assistant",
+  onProductClick: S,
+  className: K,
+  disablePortal: Y = !1
+}) {
+  const [u, d] = m([]), [w, E] = m(""), [f, W] = m(!1), [$, h] = m(null), [q, C] = m(!1), [Z, F] = m(!1), M = p(null), z = p(null), A = p(!1), B = p([]);
+  B.current = u, ae(c);
+  const H = G((e, a) => {
+    if (e === "token")
+      d((s) => {
+        const o = [...s], t = o[o.length - 1];
+        return (t == null ? void 0 : t.role) === "assistant" && (o[o.length - 1] = { ...t, content: t.content + a }), o;
+      });
+    else if (e === "done")
+      try {
+        const s = JSON.parse(a);
+        d((o) => {
+          var i;
+          const t = [...o], n = t[t.length - 1];
+          return (n == null ? void 0 : n.role) === "assistant" && (t[t.length - 1] = {
+            ...n,
+            content: s.answer || n.content,
+            products: ((i = s.products) == null ? void 0 : i.length) > 0 ? s.products : void 0
+          }), t;
+        });
+      } catch {
+      }
+    else if (e === "error")
+      try {
+        const s = JSON.parse(a);
+        h(s.message || "An error occurred");
+      } catch {
+        h("An error occurred");
+      }
+  }, []), v = p(), U = G(
+    async (e) => {
+      var o;
+      if (!e.trim()) return;
+      h(null);
+      const a = { role: "user", content: e }, s = B.current.map((t) => ({
+        role: t.role,
+        content: t.content
+      }));
+      d((t) => [...t, a]), E(""), W(!0), d((t) => [...t, { role: "assistant", content: "" }]);
+      try {
+        const t = await fetch(`${I}/v1/assistant/ask`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            question: e,
+            brandSlug: D,
+            productSlug: J,
+            history: s
+          })
+        });
+        if (!t.ok) {
+          const g = await t.json().catch(() => ({}));
+          throw new Error(
+            ((o = g == null ? void 0 : g.error) == null ? void 0 : o.message) || `Request failed (${t.status})`
+          );
+        }
+        if (!t.body) throw new Error("No response body");
+        const n = t.body.getReader(), i = new TextDecoder();
+        let j = "", R = "";
+        for (; ; ) {
+          const { done: g, value: P } = await n.read();
+          if (g) break;
+          j += i.decode(P, { stream: !0 });
+          const X = j.split(`
+`);
+          j = X.pop() || "";
+          for (const b of X) {
+            if (b.trim() === "") {
+              R = "";
+              continue;
+            }
+            if (b.trimStart().startsWith("event:"))
+              R = b.trimStart().slice(6).trim();
+            else if (b.trimStart().startsWith("data:")) {
+              const T = b.trimStart().slice(5), O = T.startsWith(" ") ? T.slice(1) : T;
+              H(R || "token", O);
+            }
+          }
+        }
+      } catch (t) {
+        h(t.message || "Something went wrong"), d((n) => {
+          const i = n[n.length - 1];
+          return (i == null ? void 0 : i.role) === "assistant" && !i.content ? n.slice(0, -1) : n;
+        });
+      } finally {
+        W(!1);
       }
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+    [I, D, J, H]
+  );
+  v.current = U, N(() => {
+    if (c)
+      F(!0), requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          C(!0);
+        });
+      });
+    else {
+      C(!1);
+      const e = setTimeout(() => {
+        F(!1), d([]), E(""), h(null), A.current = !1;
+      }, 300);
+      return () => clearTimeout(e);
     }
-  }
-);
-function z({
-  className: r,
-  variant: t,
-  size: i,
-  asChild: n = !1,
-  loading: e = !1,
-  children: o,
-  disabled: s,
-  type: a,
-  ...d
-}) {
-  return /* @__PURE__ */ c(
-    n ? v : "button",
+  }, [c]), N(() => {
+    c && x && !A.current && (A.current = !0, x.trim() ? setTimeout(() => {
+      var e;
+      return (e = v.current) == null ? void 0 : e.call(v, x);
+    }, 100) : setTimeout(() => {
+      var e;
+      return (e = z.current) == null ? void 0 : e.focus();
+    }, 350));
+  }, [c, x]), N(() => {
+    var e;
+    (e = M.current) == null || e.scrollIntoView({ behavior: "smooth" });
+  }, [u]), N(() => {
+    const e = (a) => {
+      a.key === "Escape" && c && y();
+    };
+    if (c)
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [c, y]);
+  const _ = (e) => {
+    e.preventDefault(), w.trim() && U(w.trim());
+  };
+  if (!Z) return null;
+  const V = /* @__PURE__ */ l(
+    "div",
     {
-      "data-slot": "button",
-      className: p(b({ variant: t, size: i, className: r })),
-      disabled: s || e,
-      type: a ?? "button",
-      ...d,
+      className: k(
+        "fixed inset-0 z-50 transition-opacity duration-300",
+        q ? "opacity-100" : "opacity-0"
+      ),
       children: [
-        e && /* @__PURE__ */ u(l, { className: "size-4 animate-spin" }),
-        o
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "absolute inset-0 bg-black/40 backdrop-blur-sm",
+            onClick: y
+          }
+        ),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: k(
+              "absolute bg-white flex flex-col transition-transform duration-300 ease-out",
+              // Mobile: bottom sheet
+              "inset-x-0 bottom-0 top-[10vh] rounded-t-2xl",
+              // Desktop: right side drawer
+              "sm:inset-y-0 sm:right-0 sm:left-auto sm:w-[420px] sm:max-w-full sm:rounded-t-none sm:rounded-l-2xl",
+              // Animation
+              q ? "translate-y-0 sm:translate-x-0" : "translate-y-full sm:translate-y-0 sm:translate-x-full",
+              K
+            ),
+            children: [
+              /* @__PURE__ */ l("div", { className: "flex items-center justify-between border-b border-gray-200 px-4 py-3 flex-shrink-0", children: [
+                /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ r(ee, { className: "h-5 w-5 text-orange-500" }),
+                  /* @__PURE__ */ r("span", { className: "font-semibold text-gray-900", children: L }),
+                  /* @__PURE__ */ r("span", { className: "text-xs text-gray-400 bg-gray-100 rounded px-1.5 py-0.5", children: "beta" })
+                ] }),
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: y,
+                    className: "p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-lg transition-colors",
+                    "aria-label": "Close",
+                    children: /* @__PURE__ */ r(te, { className: "h-5 w-5" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto p-4 space-y-4 min-h-0", children: [
+                u.length === 0 && !f && /* @__PURE__ */ r("div", { className: "text-center text-gray-400 text-sm py-8", children: "Ask me anything about our products!" }),
+                u.map((e, a) => /* @__PURE__ */ r("div", { children: e.role === "user" ? /* @__PURE__ */ r("div", { className: "flex justify-end", children: /* @__PURE__ */ r("div", { className: "bg-gray-800 text-white rounded-2xl rounded-br-sm px-4 py-2 max-w-[80%] text-sm", children: e.content }) }) : /* @__PURE__ */ l("div", { className: "space-y-3", children: [
+                  /* @__PURE__ */ l("div", { className: "text-sm text-gray-800 leading-relaxed whitespace-pre-wrap", children: [
+                    e.content,
+                    f && a === u.length - 1 && /* @__PURE__ */ r("span", { className: "inline-block w-1.5 h-4 bg-gray-400 animate-pulse ml-0.5 align-text-bottom" })
+                  ] }),
+                  e.products && e.products.length > 0 && /* @__PURE__ */ r("div", { className: "space-y-2", children: e.products.map((s) => /* @__PURE__ */ l(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => S == null ? void 0 : S(s.slug),
+                      className: "flex items-center gap-3 w-full rounded-xl border border-gray-200 p-2 hover:bg-gray-50 transition-colors text-left",
+                      children: [
+                        s.thumbnailUrl ? /* @__PURE__ */ r(
+                          "img",
+                          {
+                            src: s.thumbnailUrl,
+                            alt: s.name,
+                            className: "h-16 w-16 rounded-lg object-cover flex-shrink-0"
+                          }
+                        ) : /* @__PURE__ */ r("div", { className: "h-16 w-16 rounded-lg bg-gray-100 flex-shrink-0" }),
+                        /* @__PURE__ */ l("div", { className: "min-w-0", children: [
+                          /* @__PURE__ */ r("p", { className: "text-sm font-medium text-gray-900 line-clamp-2", children: s.name }),
+                          /* @__PURE__ */ r("p", { className: "text-sm font-semibold text-blue-600", children: ne(s.price) })
+                        ] })
+                      ]
+                    },
+                    s.slug
+                  )) })
+                ] }) }, a)),
+                $ && /* @__PURE__ */ r("div", { className: "rounded-lg bg-red-50 border border-red-200 p-3 text-sm text-red-700", children: $ }),
+                /* @__PURE__ */ r("div", { ref: M })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "border-t border-gray-200 p-3 flex-shrink-0", children: /* @__PURE__ */ l("form", { onSubmit: _, className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ r(
+                  "input",
+                  {
+                    ref: z,
+                    type: "text",
+                    value: w,
+                    onChange: (e) => E(e.target.value),
+                    placeholder: `Ask ${L} a question`,
+                    disabled: f,
+                    className: k(
+                      "flex-1 rounded-full border border-gray-300 px-4 py-2.5 text-sm",
+                      "focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-400/30",
+                      "disabled:opacity-50"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "submit",
+                    disabled: !w.trim() || f,
+                    className: k(
+                      "flex h-10 w-10 items-center justify-center rounded-full",
+                      "bg-gray-800 text-white",
+                      "hover:bg-gray-700 transition-colors",
+                      "disabled:opacity-40 disabled:cursor-not-allowed"
+                    ),
+                    children: f ? /* @__PURE__ */ r(re, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ r(se, { className: "h-4 w-4" })
+                  }
+                )
+              ] }) })
+            ]
+          }
+        )
       ]
     }
   );
+  return Y ? V : Q(V, document.body);
 }
 export {
-  z as Button,
-  b as buttonVariants
+  ue as AssistantDrawer
 };

package/dist/index210.mjs

@@ -1,5 +1,26 @@
 'use client';
-var r = {};
+import { __exports as r } from "./index266.mjs";
+import { __require as s } from "./index130.mjs";
+var a;
+function _() {
+  return a ? r : (a = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "addPathSuffix", {
+      enumerable: !0,
+      get: function() {
+        return n;
+      }
+    });
+    const i = s();
+    function n(e, u) {
+      if (!e.startsWith("/") || !u)
+        return e;
+      const { pathname: f, query: d, hash: o } = (0, i.parsePath)(e);
+      return "" + f + u + d + o;
+    }
+  }(r), r);
+}
 export {
-  r as __exports
+  _ as __require
 };

package/dist/index211.mjs

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

package/dist/index212.mjs

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

package/dist/index213.mjs

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

package/dist/index215.mjs

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

package/dist/index217.mjs

@@ -1,130 +1,5 @@
 'use client';
-import { __module as b } from "./index260.mjs";
-import S from "./index261.mjs";
-var _;
-function $() {
-  return _ ? b.exports : (_ = 1, (() => {
-    var O = { 154: (t, m, n) => {
-      var i = n(781), u = ["write", "end", "destroy"], f = ["resume", "pause"], l = ["data", "close"], c = Array.prototype.slice;
-      t.exports = s;
-      function r(o, a) {
-        if (o.forEach)
-          return o.forEach(a);
-        for (var e = 0; e < o.length; e++)
-          a(o[e], e);
-      }
-      function s(o, a) {
-        var e = new i(), d = !1;
-        return r(u, x), r(f, z), r(l, E), a.on("end", F), o.on("drain", function() {
-          e.emit("drain");
-        }), o.on("error", w), a.on("error", w), e.writable = o.writable, e.readable = a.readable, e;
-        function x(p) {
-          e[p] = h;
-          function h() {
-            return o[p].apply(o, arguments);
-          }
-        }
-        function z(p) {
-          e[p] = h;
-          function h() {
-            e.emit(p);
-            var y = a[p];
-            if (y)
-              return y.apply(a, arguments);
-            a.emit(p);
-          }
-        }
-        function E(p) {
-          a.on(p, h);
-          function h() {
-            var y = c.call(arguments);
-            y.unshift(p), e.emit.apply(e, y);
-          }
-        }
-        function F() {
-          if (!d) {
-            d = !0;
-            var p = c.call(arguments);
-            p.unshift("end"), e.emit.apply(e, p);
-          }
-        }
-        function w(p) {
-          e.emit("error", p);
-        }
-      }
-    }, 349: (t, m, n) => {
-      const i = n(147), u = n(781), f = n(796), l = n(154), c = n(530), r = (s) => Object.assign({ level: 9 }, s);
-      t.exports = (s, o) => s ? c(f.gzip)(s, r(o)).then((a) => a.length).catch((a) => 0) : Promise.resolve(0), t.exports.sync = (s, o) => f.gzipSync(s, r(o)).length, t.exports.stream = (s) => {
-        const o = new u.PassThrough(), a = new u.PassThrough(), e = l(o, a);
-        let d = 0;
-        const x = f.createGzip(r(s)).on("data", (z) => {
-          d += z.length;
-        }).on("error", () => {
-          e.gzipSize = 0;
-        }).on("end", () => {
-          e.gzipSize = d, e.emit("gzip-size", d), a.end();
-        });
-        return o.pipe(x), o.pipe(a, { end: !1 }), e;
-      }, t.exports.file = (s, o) => new Promise((a, e) => {
-        const d = i.createReadStream(s);
-        d.on("error", e);
-        const x = d.pipe(t.exports.stream(o));
-        x.on("error", e), x.on("gzip-size", a);
-      }), t.exports.fileSync = (s, o) => t.exports.sync(i.readFileSync(s), o);
-    }, 530: (t) => {
-      const m = (n, i) => function(...u) {
-        const f = i.promiseModule;
-        return new f((l, c) => {
-          i.multiArgs ? u.push((...r) => {
-            i.errorFirst ? r[0] ? c(r) : (r.shift(), l(r)) : l(r);
-          }) : i.errorFirst ? u.push((r, s) => {
-            r ? c(r) : l(s);
-          }) : u.push(l), n.apply(this, u);
-        });
-      };
-      t.exports = (n, i) => {
-        i = Object.assign({ exclude: [/.+(Sync|Stream)$/], errorFirst: !0, promiseModule: Promise }, i);
-        const u = typeof n;
-        if (!(n !== null && (u === "object" || u === "function")))
-          throw new TypeError(`Expected \`input\` to be a \`Function\` or \`Object\`, got \`${n === null ? "null" : u}\``);
-        const f = (c) => {
-          const r = (s) => typeof s == "string" ? c === s : s.test(c);
-          return i.include ? i.include.some(r) : !i.exclude.some(r);
-        };
-        let l;
-        u === "function" ? l = function(...c) {
-          return i.excludeMain ? n(...c) : m(n, i).apply(this, c);
-        } : l = Object.create(Object.getPrototypeOf(n));
-        for (const c in n) {
-          const r = n[c];
-          l[c] = typeof r == "function" && f(c) ? m(r, i) : r;
-        }
-        return l;
-      };
-    }, 147: (t) => {
-      t.exports = S;
-    }, 781: (t) => {
-      t.exports = S;
-    }, 796: (t) => {
-      t.exports = S;
-    } }, v = {};
-    function g(t) {
-      var m = v[t];
-      if (m !== void 0)
-        return m.exports;
-      var n = v[t] = { exports: {} }, i = !0;
-      try {
-        O[t](n, n.exports, g), i = !1;
-      } finally {
-        i && delete v[t];
-      }
-      return n.exports;
-    }
-    typeof g < "u" && (g.ab = __dirname + "/");
-    var j = g(349);
-    b.exports = j;
-  })(), b.exports);
-}
+var s = {};
 export {
-  $ as __require
+  s as __exports
 };

package/dist/index218.mjs

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