@pagehub/sdk 0.1.4 → 0.1.6

package/dist/chunks/ActionsAddPicker-BeTPUUor.js

@@ -0,0 +1,51 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useNode as f } from "@craftjs/core";
+import { useRef as A } from "react";
+import { e9 as P, d as O, G as S, f3 as g, f2 as h } from "./index-C66dAl3Q.js";
+import { S as v } from "./SearchableMenuPopover-DZKVXiEl.js";
+import { g as T } from "./propertyRegistry-CMhVNOgl.js";
+import { P as b, u as q, r as I } from "./popoverOpenRequestAtom-hBS_siXv.js";
+import { A as N } from "./ActionInput-CTt7sOs6.js";
+const R = "action", _ = h.map((e) => ({
+  id: e.value,
+  label: e.label,
+  hint: e.group,
+  data: e.value
+}));
+function j({ def: e }) {
+  var a;
+  const {
+    id: s,
+    actions: { setProp: p }
+  } = f((t) => ({ id: t.id })), o = P(), r = (a = T(e.section)) == null ? void 0 : a.title, [m, l] = O(b), n = A(null);
+  return q(
+    s,
+    e.id,
+    () => requestAnimationFrame(() => {
+      var t;
+      return (t = n.current) == null ? void 0 : t.open();
+    })
+  ), /* @__PURE__ */ u(
+    v,
+    {
+      ref: n,
+      items: _,
+      onSelect: (t) => {
+        if (!t.data) return;
+        const d = N[t.data];
+        p((i) => {
+          const c = g(i);
+          c.push(d), i.action = c;
+        }), r && (o != null && o.setOpen) && o.setOpen(r, !0), I(m, l, s, R);
+      },
+      trigger: /* @__PURE__ */ u(S, { className: "size-3.5", "aria-hidden": !0 }),
+      triggerAriaLabel: "Add action",
+      searchPlaceholder: "Search actions…",
+      anchor: "bottom end",
+      panelWidthClass: "w-56"
+    }
+  );
+}
+export {
+  j as default
+};

package/dist/chunks/ActionsInput-D0h-zLYj.js

@@ -0,0 +1,174 @@
+import { jsxs as D, Fragment as S, jsx as p } from "react/jsx-runtime";
+import { useEditor as W, useNode as B } from "@craftjs/core";
+import { useState as E, useMemo as z, useRef as P, useEffect as I, Suspense as F, lazy as M } from "react";
+import { ROOT_NODE as Y } from "@craftjs/utils";
+import { eW as j, eX as V, e4 as H, eY as K, e8 as U, eZ as X, e_ as Z, e$ as G, cf as x, f0 as J, dC as Q, al as tt, dr as et, f1 as ot, aI as rt, ar as nt, C as st, f2 as it, f3 as at, u as ct } from "./index-C66dAl3Q.js";
+import { u as lt } from "./usePopoverPosition-83Vti7Aw.js";
+import { P as ft } from "./PeekTargetButton-ClrJX7zh.js";
+import { g as pt } from "./useElementPicker-DoNuXNMQ.js";
+import { P as ut, p as dt } from "./popoverOpenRequestAtom-hBS_siXv.js";
+const gt = M(() => import("./ActionEditorPanel-9v50QUwu.js")), mt = 340, ht = {
+  link: rt,
+  "open-modal": ot,
+  "show-hide": et,
+  "copy-to-clipboard": tt,
+  "download-file": Q,
+  "toggle-theme": J,
+  "add-to-cart": x,
+  "toggle-cart": x,
+  "cart-checkout": G,
+  "manage-subscription": Z,
+  "agent-send": X,
+  "set-local-storage": U,
+  "remove-local-storage": K,
+  "set-state": H,
+  "toggle-state": V,
+  "clear-state": j
+}, yt = new Map(it.map((t) => [t.value, t.label]));
+function bt(t) {
+  return yt.get(t.type) ?? t.type;
+}
+function Tt(t, a) {
+  if (t.type === "link") {
+    const e = t.href || "";
+    if (e.startsWith("ref:") && a) {
+      const o = e.match(/^ref:([^/?#]+)(.*)$/), i = o ? o[1] : e.slice(4), u = o ? o[2] : "", s = a.get(i);
+      if (s) return u ? `${s}${u}` : s;
+    }
+    return e.startsWith("mailto:") ? e.slice(7).split("?")[0] || e : e.startsWith("tel:") && e.slice(4) || e;
+  }
+  if (t.type === "open-modal") return t.anchor || "";
+  if (t.type === "show-hide") {
+    const e = t.target || "", o = t.trigger, i = Array.isArray(t.conditions) && t.conditions.length > 0 ? " · conditional" : "";
+    return `${o === "load" ? `${e} · on load` : o === "hover" ? `${e} · hover` : e}${i}`;
+  }
+  if (t.type === "copy-to-clipboard") {
+    const e = t.text;
+    return e ? e.length > 24 ? e.slice(0, 24) + "…" : e : "";
+  }
+  if (t.type === "download-file") return t.url || "";
+  if (t.type === "add-to-cart" && t.quantity) return `×${t.quantity}`;
+  if (t.type === "agent-send") return t.field || "";
+  if (t.type === "set-local-storage") {
+    const e = t.key, o = t.value;
+    return e && o ? `${e} = ${o}` : e || "";
+  }
+  if (t.type === "remove-local-storage") return t.key || "";
+  if (t.type === "set-state") {
+    const e = t.key, o = t.value;
+    return e && o ? `${e} = ${o}` : e || "";
+  }
+  return (t.type === "toggle-state" || t.type === "clear-state") && t.key || "";
+}
+function At({
+  action: t,
+  onChange: a,
+  onRemove: e,
+  autoOpen: o,
+  onAutoOpenConsumed: i,
+  selfId: u,
+  ensureSelfId: s
+}) {
+  const [c, l] = E(!1), { triggerRef: A, initialPos: g, setInitialPos: m, computePosition: d } = lt(mt), h = t.type === "link", { pageNames: y } = W((C) => {
+    var R, $, w, L;
+    if (!h) return { pageNames: void 0 };
+    const N = /* @__PURE__ */ new Map(), b = C.nodes[Y];
+    if ((R = b == null ? void 0 : b.data) != null && R.nodes)
+      for (const O of b.data.nodes) {
+        const T = C.nodes[O];
+        ((w = ($ = T == null ? void 0 : T.data) == null ? void 0 : $.props) == null ? void 0 : w.type) === "page" && N.set(O, ((L = T.data.custom) == null ? void 0 : L.displayName) || "Untitled Page");
+      }
+    return { pageNames: N };
+  }), r = ht[t.type] || nt, n = bt(t), f = z(() => Tt(t, y) || "Add…", [t, y]), v = () => {
+    m(d()), l(!0);
+  }, k = P(!1);
+  I(() => {
+    !o || k.current || (k.current = !0, requestAnimationFrame(() => {
+      m(d()), l(!0), i == null || i();
+    }));
+  }, [o]);
+  const _ = () => {
+    c && l(!1), e();
+  }, q = t.type === "show-hide" ? t.target : void 0;
+  return /* @__PURE__ */ D(S, { children: [
+    /* @__PURE__ */ p(
+      st,
+      {
+        mode: "popover",
+        ref: A,
+        label: n,
+        open: c,
+        onTriggerClick: () => c ? l(!1) : v(),
+        onClear: _,
+        triggerAriaLabel: "Edit action",
+        clearAriaLabel: "Remove action",
+        leading: /* @__PURE__ */ p(r, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: f,
+        trailingExtras: t.type === "show-hide" ? /* @__PURE__ */ p(ft, { target: q, size: "sm" }) : null
+      }
+    ),
+    c && /* @__PURE__ */ p(F, { fallback: null, children: /* @__PURE__ */ p(
+      gt,
+      {
+        action: t,
+        onChange: a,
+        onRemove: e,
+        initialPosition: g,
+        onClose: () => l(!1),
+        selfId: u,
+        ensureSelfId: s
+      }
+    ) })
+  ] });
+}
+const vt = "action";
+function Ot() {
+  const {
+    id: t,
+    actions: { setProp: a },
+    actionList: e,
+    selfId: o
+  } = B((r) => {
+    const n = r.data.props;
+    return {
+      id: r.id,
+      actionList: at(n),
+      selfId: pt(r)
+    };
+  }), i = () => o || (a((r) => {
+    const n = r.attrs && typeof r.attrs == "object" ? { ...r.attrs } : {};
+    (typeof n.id != "string" || !n.id) && (n.id = t), r.attrs = n;
+  }), t), s = ct(ut).get(dt(t, vt)) || 0, c = (r) => {
+    a((n) => {
+      n.action = r.length > 0 ? r : null;
+    });
+  }, l = (r, n) => {
+    c(e.map((f, v) => v === r ? n : f));
+  }, A = (r) => {
+    c(e.filter((n, f) => f !== r));
+  }, g = P(e.length), [m, d] = E(null);
+  I(() => {
+    e.length > g.current && d(e.length - 1), g.current = e.length;
+  }, [e.length]);
+  const h = P(0);
+  I(() => {
+    s === 0 || s === h.current || (h.current = s, e.length > 0 && d(e.length - 1));
+  }, [s, e.length]);
+  const y = () => d(null);
+  return /* @__PURE__ */ p("div", { className: "flex flex-col gap-1", children: e.map((r, n) => /* @__PURE__ */ p(
+    At,
+    {
+      action: r,
+      autoOpen: n === m,
+      onAutoOpenConsumed: y,
+      onChange: (f) => l(n, f),
+      onRemove: () => A(n),
+      selfId: o,
+      ensureSelfId: i
+    },
+    `action-${n}`
+  )) });
+}
+export {
+  Ot as ActionsInput
+};