@openfeed-ink/widget 0.1.3

package/dist/npm/RoadmapTab-DOYJBpgd.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { u as s } from "./index-BkmaVINv.js";
+function d(e) {
+  const { iframeKey: r, ready: l, setReady: t } = s();
+  return /* @__PURE__ */ a("div", { className: "flex h-full w-full", children: /* @__PURE__ */ a(
+    "iframe",
+    {
+      src: `${e.apiUrl}/pub/${e.projectId}/roadmap?theme=${e.theme}`,
+      className: "h-full w-full border-0",
+      onLoad: () => !l && t(!0)
+    },
+    r
+  ) });
+}
+export {
+  d as default
+};

package/dist/npm/WidgetContent-Bs4eY5OF.js

@@ -0,0 +1,507 @@
+"use client";
+import { jsx as n, jsxs as z } from "react/jsx-runtime";
+import { u as O, a as $, c as M, b as pe } from "./button-Q2Dh1yK6.js";
+import * as l from "react";
+import S, { useMemo as ve, Suspense as be, lazy as G } from "react";
+import { c as U, d as j, P as w, e as R, b as B, a as me, f as ge } from "./index-BaBFRQOq.js";
+function he(e) {
+  const t = e + "CollectionProvider", [r, o] = U(t), [f, a] = r(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), c = (I) => {
+    const { scope: i, children: m } = I, T = S.useRef(null), d = S.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ n(f, { scope: i, itemMap: d, collectionRef: T, children: m });
+  };
+  c.displayName = t;
+  const p = e + "CollectionSlot", C = $(p), b = S.forwardRef(
+    (I, i) => {
+      const { scope: m, children: T } = I, d = a(p, m), v = O(i, d.collectionRef);
+      return /* @__PURE__ */ n(C, { ref: v, children: T });
+    }
+  );
+  b.displayName = p;
+  const s = e + "CollectionItemSlot", u = "data-radix-collection-item", g = $(s), x = S.forwardRef(
+    (I, i) => {
+      const { scope: m, children: T, ...d } = I, v = S.useRef(null), E = O(i, v), _ = a(s, m);
+      return S.useEffect(() => (_.itemMap.set(v, { ref: v, ...d }), () => {
+        _.itemMap.delete(v);
+      })), /* @__PURE__ */ n(g, { [u]: "", ref: E, children: T });
+    }
+  );
+  x.displayName = s;
+  function y(I) {
+    const i = a(e + "CollectionConsumer", I);
+    return S.useCallback(() => {
+      const T = i.collectionRef.current;
+      if (!T) return [];
+      const d = Array.from(T.querySelectorAll(`[${u}]`));
+      return Array.from(i.itemMap.values()).sort(
+        (_, N) => d.indexOf(_.ref.current) - d.indexOf(N.ref.current)
+      );
+    }, [i.collectionRef, i.itemMap]);
+  }
+  return [
+    { Provider: c, Slot: b, ItemSlot: x },
+    y,
+    o
+  ];
+}
+var Ie = l.createContext(void 0);
+function Y(e) {
+  const t = l.useContext(Ie);
+  return e || t || "ltr";
+}
+var D = "rovingFocusGroup.onEntryFocus", Te = { bubbles: !1, cancelable: !0 }, A = "RovingFocusGroup", [L, q, Ce] = he(A), [Re, H] = U(
+  A,
+  [Ce]
+), [xe, Fe] = Re(A), W = l.forwardRef(
+  (e, t) => /* @__PURE__ */ n(L.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(L.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(Se, { ...e, ref: t }) }) })
+);
+W.displayName = A;
+var Se = l.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: r,
+    orientation: o,
+    loop: f = !1,
+    dir: a,
+    currentTabStopId: c,
+    defaultCurrentTabStopId: p,
+    onCurrentTabStopIdChange: C,
+    onEntryFocus: b,
+    preventScrollOnEntryFocus: s = !1,
+    ...u
+  } = e, g = l.useRef(null), x = O(t, g), y = Y(a), [I, i] = B({
+    prop: c,
+    defaultProp: p ?? null,
+    onChange: C,
+    caller: A
+  }), [m, T] = l.useState(!1), d = me(b), v = q(r), E = l.useRef(!1), [_, N] = l.useState(0);
+  return l.useEffect(() => {
+    const h = g.current;
+    if (h)
+      return h.addEventListener(D, d), () => h.removeEventListener(D, d);
+  }, [d]), /* @__PURE__ */ n(
+    xe,
+    {
+      scope: r,
+      orientation: o,
+      dir: y,
+      loop: f,
+      currentTabStopId: I,
+      onItemFocus: l.useCallback(
+        (h) => i(h),
+        [i]
+      ),
+      onItemShiftTab: l.useCallback(() => T(!0), []),
+      onFocusableItemAdd: l.useCallback(
+        () => N((h) => h + 1),
+        []
+      ),
+      onFocusableItemRemove: l.useCallback(
+        () => N((h) => h - 1),
+        []
+      ),
+      children: /* @__PURE__ */ n(
+        w.div,
+        {
+          tabIndex: m || _ === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...u,
+          ref: x,
+          style: { outline: "none", ...e.style },
+          onMouseDown: R(e.onMouseDown, () => {
+            E.current = !0;
+          }),
+          onFocus: R(e.onFocus, (h) => {
+            const le = !E.current;
+            if (h.target === h.currentTarget && le && !m) {
+              const V = new CustomEvent(D, Te);
+              if (h.currentTarget.dispatchEvent(V), !V.defaultPrevented) {
+                const k = v().filter((F) => F.focusable), ue = k.find((F) => F.active), de = k.find((F) => F.id === I), fe = [ue, de, ...k].filter(
+                  Boolean
+                ).map((F) => F.ref.current);
+                X(fe, s);
+              }
+            }
+            E.current = !1;
+          }),
+          onBlur: R(e.onBlur, () => T(!1))
+        }
+      )
+    }
+  );
+}), J = "RovingFocusGroupItem", Q = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: r,
+      focusable: o = !0,
+      active: f = !1,
+      tabStopId: a,
+      children: c,
+      ...p
+    } = e, C = j(), b = a || C, s = Fe(J, r), u = s.currentTabStopId === b, g = q(r), { onFocusableItemAdd: x, onFocusableItemRemove: y, currentTabStopId: I } = s;
+    return l.useEffect(() => {
+      if (o)
+        return x(), () => y();
+    }, [o, x, y]), /* @__PURE__ */ n(
+      L.ItemSlot,
+      {
+        scope: r,
+        id: b,
+        focusable: o,
+        active: f,
+        children: /* @__PURE__ */ n(
+          w.span,
+          {
+            tabIndex: u ? 0 : -1,
+            "data-orientation": s.orientation,
+            ...p,
+            ref: t,
+            onMouseDown: R(e.onMouseDown, (i) => {
+              o ? s.onItemFocus(b) : i.preventDefault();
+            }),
+            onFocus: R(e.onFocus, () => s.onItemFocus(b)),
+            onKeyDown: R(e.onKeyDown, (i) => {
+              if (i.key === "Tab" && i.shiftKey) {
+                s.onItemShiftTab();
+                return;
+              }
+              if (i.target !== i.currentTarget) return;
+              const m = _e(i, s.orientation, s.dir);
+              if (m !== void 0) {
+                if (i.metaKey || i.ctrlKey || i.altKey || i.shiftKey) return;
+                i.preventDefault();
+                let d = g().filter((v) => v.focusable).map((v) => v.ref.current);
+                if (m === "last") d.reverse();
+                else if (m === "prev" || m === "next") {
+                  m === "prev" && d.reverse();
+                  const v = d.indexOf(i.currentTarget);
+                  d = s.loop ? we(d, v + 1) : d.slice(v + 1);
+                }
+                setTimeout(() => X(d));
+              }
+            }),
+            children: typeof c == "function" ? c({ isCurrentTabStop: u, hasTabStop: I != null }) : c
+          }
+        )
+      }
+    );
+  }
+);
+Q.displayName = J;
+var ye = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function Ee(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function _e(e, t, r) {
+  const o = Ee(e.key, r);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return ye[o];
+}
+function X(e, t = !1) {
+  const r = document.activeElement;
+  for (const o of e)
+    if (o === r || (o.focus({ preventScroll: t }), document.activeElement !== r)) return;
+}
+function we(e, t) {
+  return e.map((r, o) => e[(t + o) % e.length]);
+}
+var Ae = W, Ne = Q, P = "Tabs", [Me] = U(P, [
+  H
+]), Z = H(), [Pe, K] = Me(P), ee = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTabs: r,
+      value: o,
+      onValueChange: f,
+      defaultValue: a,
+      orientation: c = "horizontal",
+      dir: p,
+      activationMode: C = "automatic",
+      ...b
+    } = e, s = Y(p), [u, g] = B({
+      prop: o,
+      onChange: f,
+      defaultProp: a ?? "",
+      caller: P
+    });
+    return /* @__PURE__ */ n(
+      Pe,
+      {
+        scope: r,
+        baseId: j(),
+        value: u,
+        onValueChange: g,
+        orientation: c,
+        dir: s,
+        activationMode: C,
+        children: /* @__PURE__ */ n(
+          w.div,
+          {
+            dir: s,
+            "data-orientation": c,
+            ...b,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+ee.displayName = P;
+var te = "TabsList", oe = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: r, loop: o = !0, ...f } = e, a = K(te, r), c = Z(r);
+    return /* @__PURE__ */ n(
+      Ae,
+      {
+        asChild: !0,
+        ...c,
+        orientation: a.orientation,
+        dir: a.dir,
+        loop: o,
+        children: /* @__PURE__ */ n(
+          w.div,
+          {
+            role: "tablist",
+            "aria-orientation": a.orientation,
+            ...f,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+oe.displayName = te;
+var re = "TabsTrigger", ae = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: r, value: o, disabled: f = !1, ...a } = e, c = K(re, r), p = Z(r), C = ie(c.baseId, o), b = ce(c.baseId, o), s = o === c.value;
+    return /* @__PURE__ */ n(
+      Ne,
+      {
+        asChild: !0,
+        ...p,
+        focusable: !f,
+        active: s,
+        children: /* @__PURE__ */ n(
+          w.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": s,
+            "aria-controls": b,
+            "data-state": s ? "active" : "inactive",
+            "data-disabled": f ? "" : void 0,
+            disabled: f,
+            id: C,
+            ...a,
+            ref: t,
+            onMouseDown: R(e.onMouseDown, (u) => {
+              !f && u.button === 0 && u.ctrlKey === !1 ? c.onValueChange(o) : u.preventDefault();
+            }),
+            onKeyDown: R(e.onKeyDown, (u) => {
+              [" ", "Enter"].includes(u.key) && c.onValueChange(o);
+            }),
+            onFocus: R(e.onFocus, () => {
+              const u = c.activationMode !== "manual";
+              !s && !f && u && c.onValueChange(o);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+ae.displayName = re;
+var ne = "TabsContent", se = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: r, value: o, forceMount: f, children: a, ...c } = e, p = K(ne, r), C = ie(p.baseId, o), b = ce(p.baseId, o), s = o === p.value, u = l.useRef(s);
+    return l.useEffect(() => {
+      const g = requestAnimationFrame(() => u.current = !1);
+      return () => cancelAnimationFrame(g);
+    }, []), /* @__PURE__ */ n(ge, { present: f || s, children: ({ present: g }) => /* @__PURE__ */ n(
+      w.div,
+      {
+        "data-state": s ? "active" : "inactive",
+        "data-orientation": p.orientation,
+        role: "tabpanel",
+        "aria-labelledby": C,
+        hidden: !g,
+        id: b,
+        tabIndex: 0,
+        ...c,
+        ref: t,
+        style: {
+          ...e.style,
+          animationDuration: u.current ? "0s" : void 0
+        },
+        children: g && a
+      }
+    ) });
+  }
+);
+se.displayName = ne;
+function ie(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function ce(e, t) {
+  return `${e}-content-${t}`;
+}
+var ke = ee, De = oe, Oe = ae, Le = se;
+function Ge({
+  className: e,
+  orientation: t = "horizontal",
+  ...r
+}) {
+  return /* @__PURE__ */ n(
+    ke,
+    {
+      "data-slot": "tabs",
+      "data-orientation": t,
+      className: M(
+        "group/tabs flex gap-2 data-horizontal:flex-col",
+        e
+      ),
+      ...r
+    }
+  );
+}
+const Ue = pe(
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Ke({
+  className: e,
+  variant: t = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ n(
+    De,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": t,
+      className: M(Ue({ variant: t }), e),
+      ...r
+    }
+  );
+}
+function Ve({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ n(
+    Oe,
+    {
+      "data-slot": "tabs-trigger",
+      className: M(
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:-bottom-1.25 group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function ze({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ n(
+    Le,
+    {
+      "data-slot": "tabs-content",
+      className: M("flex-1 text-sm outline-none", e),
+      ...t
+    }
+  );
+}
+const $e = G(() => import("./FeedbackTab-V7VCrze1.js")), je = G(() => import("./ChangelogTab-DBQ5Ip6K.js")), Be = G(() => import("./RoadmapTab-DOYJBpgd.js"));
+function Qe({
+  config: e,
+  widgetConfig: t,
+  isDrawer: r
+}) {
+  const o = ve(() => {
+    const a = [];
+    return e.showFeedback && a.push("feedback"), e.showRoadmap && a.push("roadmap"), e.showChangeLog && a.push("changelog"), a;
+  }, [e]), f = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3"
+  };
+  return /* @__PURE__ */ z(Ge, { defaultValue: o[0], className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ n(Ke, { className: `grid w-full ${f[o.length]}`, children: o.map((a) => /* @__PURE__ */ n(
+      Ve,
+      {
+        value: a,
+        className: "capitalize",
+        children: a
+      },
+      `trigger-${a}`
+    )) }),
+    o.map((a) => /* @__PURE__ */ n(
+      ze,
+      {
+        value: a,
+        className: "min-h-0 flex-1",
+        children: /* @__PURE__ */ z(be, { fallback: null, children: [
+          a === "feedback" && /* @__PURE__ */ n(
+            $e,
+            {
+              textColor: e.triggerBtn.textColor,
+              bgColor: e.triggerBtn.color,
+              projectId: t.projectId,
+              apiUrl: t.apiUrl,
+              isDrawer: r,
+              theme: e.theme
+            }
+          ),
+          a === "changelog" && /* @__PURE__ */ n(
+            je,
+            {
+              apiUrl: t.apiUrl,
+              projectId: t.projectId,
+              theme: e.theme,
+              isDrawer: r
+            }
+          ),
+          a === "roadmap" && /* @__PURE__ */ n(
+            Be,
+            {
+              apiUrl: t.apiUrl,
+              projectId: t.projectId,
+              theme: e.theme,
+              isDrawer: r
+            }
+          )
+        ] })
+      },
+      `content-${a}`
+    ))
+  ] });
+}
+export {
+  Qe as W
+};