@pagehub/sdk 0.1.5 → 0.1.6

package/dist/chunks/FormMainTab-SHny1HxF.js

@@ -0,0 +1,240 @@
+import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { useNode as v, useEditor as T } from "@craftjs/core";
+import { w as p, aD as f, an as S, aA as k, n as o } from "./index-C66dAl3Q.js";
+import { useState as g } from "react";
+import { C as x } from "./ConversionFields-Bpfl-SGP.js";
+import { r as w, S as s } from "./helpers-Cll72tMn.js";
+import { S as C } from "./SlotRenderer-CaLf_2_C.js";
+const E = [
+  { value: "", label: "Form", icon: f },
+  { value: "loading", label: "Loading", icon: S },
+  { value: "loaded", label: "Submitted", icon: k }
+], U = () => {
+  const { id: m, props: r } = v((n) => {
+    var i;
+    return { props: (i = n.data) == null ? void 0 : i.props };
+  }), { actions: d } = T(), [a, u] = g(r.submissionType), b = r.view || "";
+  let l = "";
+  switch (a) {
+    case "iframe":
+      l = "Submit your form to a hidden iframe. Define your URL and method.";
+      break;
+    case "save":
+      l = "Save your data — view submissions when they occur.";
+      break;
+    case "emailSave":
+      l = "Save your data and email you upon submission.";
+      break;
+    case "custom":
+      l = "POST form data as JSON to a custom URL.";
+      break;
+    case "collection":
+      l = "Save each submission as a row in a collection.";
+      break;
+  }
+  return w({
+    Content: /* @__PURE__ */ t(c, { children: [
+      /* @__PURE__ */ t(p, { collapsible: !1, children: [
+        /* @__PURE__ */ e("div", { className: "bg-neutral flex gap-1 rounded-md p-1", children: E.map(({ value: n, label: i, icon: h }) => /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: () => d.setProp(m, (y) => {
+              y.view = n;
+            }),
+            className: `flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1.5 text-xs font-medium transition-colors ${b === n ? "bg-base-100 text-base-content shadow-sm" : "text-neutral-content hover:text-base-content"}`,
+            children: [
+              /* @__PURE__ */ e(h, { className: "size-3.5" }),
+              i
+            ]
+          },
+          n
+        )) }),
+        /* @__PURE__ */ e(C, { id: "settings/ai-button" })
+      ] }),
+      /* @__PURE__ */ t(p, { title: "Submission", icon: s.Type, help: l, children: [
+        /* @__PURE__ */ e(
+          o,
+          {
+            propKey: "formName",
+            propType: "component",
+            type: "text",
+            label: "Form Name",
+            placeholder: "My Form",
+            labelHide: !0
+          }
+        ),
+        /* @__PURE__ */ t(
+          o,
+          {
+            propKey: "submissionType",
+            propType: "component",
+            type: "select",
+            label: "Type",
+            labelHide: !0,
+            onChange: (n) => u(n),
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: " " }),
+              /* @__PURE__ */ e("option", { children: "iframe" }),
+              /* @__PURE__ */ e("option", { value: "save", children: "Save" }),
+              /* @__PURE__ */ e("option", { value: "emailSave", children: "Email & Save" }),
+              /* @__PURE__ */ e("option", { value: "custom", children: "Custom URL" }),
+              /* @__PURE__ */ e("option", { value: "collection", children: "Collection Row" })
+            ]
+          }
+        ),
+        a === "collection" && /* @__PURE__ */ t(c, { children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              propKey: "collectionSlug",
+              propType: "component",
+              type: "text",
+              label: "Collection slug",
+              placeholder: "staff",
+              labelHide: !0
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
+              propKey: "collectionFieldMap",
+              propType: "component",
+              type: "textarea",
+              label: "Field map (JSON)",
+              placeholder: '{"name":"name","email":"email"}',
+              labelHide: !0
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
+              propKey: "collectionSkipEmail",
+              propType: "component",
+              type: "toggle",
+              label: "Email",
+              option: "Skip email notification",
+              on: "true"
+            }
+          )
+        ] }),
+        a === "emailSave" && /* @__PURE__ */ e(
+          o,
+          {
+            propKey: "mailto",
+            propType: "component",
+            type: "text",
+            label: "Mail to",
+            placeholder: "you@domain.com",
+            labelHide: !0
+          }
+        ),
+        (a === "iframe" || a === "custom") && /* @__PURE__ */ t(c, { children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              propKey: "action",
+              propType: "component",
+              type: "text",
+              label: "Action",
+              placeholder: "https://...",
+              labelHide: !0
+            }
+          ),
+          /* @__PURE__ */ t(o, { propKey: "method", propType: "component", type: "select", label: "method", children: [
+            /* @__PURE__ */ e("option", { value: "POST", children: "POST" }),
+            /* @__PURE__ */ e("option", { value: "GET", children: "GET" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(
+        p,
+        {
+          title: "After Submit",
+          icon: s.Type,
+          help: "What happens after the form is submitted successfully.",
+          children: [
+            /* @__PURE__ */ t(
+              o,
+              {
+                propKey: "successAction",
+                propType: "component",
+                type: "select",
+                label: "Action",
+                labelHide: !0,
+                children: [
+                  /* @__PURE__ */ e("option", { value: "", children: "Show thank you message" }),
+                  /* @__PURE__ */ e("option", { value: "redirect", children: "Redirect to URL" })
+                ]
+              }
+            ),
+            r.successAction === "redirect" && /* @__PURE__ */ e(
+              o,
+              {
+                propKey: "successUrl",
+                propType: "component",
+                type: "text",
+                label: "Redirect URL",
+                placeholder: "https://example.com/thank-you",
+                labelHide: !0
+              }
+            )
+          ]
+        }
+      ),
+      (a === "save" || a === "emailSave") && /* @__PURE__ */ t(
+        p,
+        {
+          title: "Webhook",
+          icon: s.Type,
+          help: "Send form data to an external URL on every submission. Works with Zapier, Make, n8n, or any webhook endpoint.",
+          children: [
+            /* @__PURE__ */ e(
+              o,
+              {
+                propKey: "webhookEnabled",
+                propType: "component",
+                type: "toggle",
+                label: "Webhook",
+                option: "Enable",
+                on: "true"
+              }
+            ),
+            r.webhookEnabled && /* @__PURE__ */ e(
+              o,
+              {
+                propKey: "webhookUrl",
+                propType: "component",
+                type: "text",
+                label: "Webhook URL",
+                placeholder: "https://hooks.zapier.com/...",
+                labelHide: !0
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          title: "Conversion tracking",
+          icon: s.Type,
+          help: "Fire a Google Ads / GA4 / Meta conversion when the form submits. Configure site-level integration IDs in your site's settings first.",
+          children: /* @__PURE__ */ e(
+            x,
+            {
+              conversion: r.conversion,
+              onChange: (n) => d.setProp(m, (i) => {
+                i.conversion = n;
+              }),
+              fallbackEventName: "Lead"
+            }
+          )
+        }
+      )
+    ] })
+  });
+};
+export {
+  U as FormMainTab
+};

package/dist/chunks/GradientInputPopover-1K6O9jBq.js

@@ -0,0 +1,103 @@
+import { jsxs as T, Fragment as _, jsx as p } from "react/jsx-runtime";
+import { useNode as j } from "@craftjs/core";
+import { useState as k, useMemo as n, Suspense as L, lazy as z } from "react";
+import { C as W, eS as B, s as F } from "./index-C66dAl3Q.js";
+import { u as H } from "./usePopoverAutoOpen-CxIjt0ez.js";
+import { u as M } from "./usePopoverPosition-83Vti7Aw.js";
+const V = z(() => import("./GradientPanel-DSRQKkaB.js")), q = 320, J = {
+  "bg-linear-to-t": "to top",
+  "bg-linear-to-tr": "to top right",
+  "bg-linear-to-r": "to right",
+  "bg-linear-to-br": "to bottom right",
+  "bg-linear-to-b": "to bottom",
+  "bg-linear-to-bl": "to bottom left",
+  "bg-linear-to-l": "to left",
+  "bg-linear-to-tl": "to top left"
+}, K = {
+  "bg-linear-to-tl": "↖",
+  "bg-linear-to-t": "↑",
+  "bg-linear-to-tr": "↗",
+  "bg-linear-to-r": "→",
+  "bg-linear-to-br": "↘",
+  "bg-linear-to-b": "↓",
+  "bg-linear-to-bl": "↙",
+  "bg-linear-to-l": "←"
+}, Q = (o) => {
+  var e;
+  return ((e = o.match(/\bbg-linear-to-(?:t|tr|r|br|b|bl|l|tl)\b/)) == null ? void 0 : e[0]) || "";
+}, d = (o, e) => {
+  var r;
+  return ((r = o.match(new RegExp(`\\b${e}-\\[([^\\]]+)\\]`))) == null ? void 0 : r[1]) || "";
+}, f = (o, e) => {
+  const r = o.match(new RegExp(`\\b${e}-(\\d+)%`));
+  return r ? parseInt(r[1]) : null;
+};
+function et({ def: o }) {
+  const [e, r] = k(!1), { triggerRef: S, initialPos: I, setInitialPos: y, computePosition: A } = M(q), {
+    actions: { setProp: R },
+    id: w,
+    className: t
+  } = j((a) => {
+    var l, i;
+    return {
+      id: a.id,
+      className: typeof ((i = (l = a.data) == null ? void 0 : l.props) == null ? void 0 : i.className) == "string" ? a.data.props.className : ""
+    };
+  }), b = n(() => Q(t), [t]), s = !!b, $ = n(() => d(t, "from"), [t]), v = n(() => d(t, "via"), [t]), h = n(() => d(t, "to"), [t]), m = n(() => f(t, "from"), [t]), u = n(() => f(t, "via"), [t]), g = n(() => f(t, "to"), [t]), G = n(() => {
+    if (!s) return null;
+    const a = J[b] || "to bottom", l = $ || "transparent", i = h || "transparent", c = v, N = `${l}${m != null ? ` ${m}%` : ""}`, C = `${i}${g != null ? ` ${g}%` : ""}`, x = c ? `${c}${u != null ? ` ${u}%` : ""}` : null, E = x ? `${N}, ${x}, ${C}` : `${N}, ${C}`;
+    return `linear-gradient(${a}, ${E})`;
+  }, [s, b, $, v, h, m, u, g]), P = () => {
+    y(A()), r(!0);
+  };
+  H({ nodeId: w, defId: o == null ? void 0 : o.id, onOpen: P });
+  const O = () => {
+    R((a) => {
+      const l = typeof a.className == "string" ? a.className : "";
+      a.className = l.trim().split(/\s+/).filter((i) => {
+        if (!i) return !1;
+        const { base: c } = F(i);
+        return !(/^bg-linear-to-(?:t|tr|r|br|b|bl|l|tl)$/.test(c) || /^(?:from|via|to)-\[[^\]]+\]$/.test(c) || /^(?:from|via|to)-\d+%$/.test(c));
+      }).join(" ");
+    });
+  }, D = (o == null ? void 0 : o.label) ?? "Gradient";
+  return /* @__PURE__ */ T(_, { children: [
+    /* @__PURE__ */ p(
+      W,
+      {
+        mode: "popover",
+        ref: S,
+        label: D,
+        open: e,
+        onTriggerClick: () => e ? r(!1) : P(),
+        onClear: () => {
+          e && r(!1), O();
+        },
+        triggerAriaLabel: s ? "Edit gradient" : "Add gradient",
+        clearAriaLabel: "Clear gradient",
+        variant: s ? "preview" : "default",
+        leading: s ? /* @__PURE__ */ p(
+          "span",
+          {
+            className: "absolute inset-0",
+            style: { background: G || void 0 },
+            "aria-hidden": !0
+          }
+        ) : /* @__PURE__ */ p(B, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: s ? null : "Add...",
+        previewOverlay: s ? /* @__PURE__ */ p(
+          "span",
+          {
+            className: "bg-base-100/80 text-base-content relative rounded px-1.5 py-0.5 text-[10px] font-semibold shadow-sm",
+            "aria-hidden": !0,
+            children: K[b] || ""
+          }
+        ) : null
+      }
+    ),
+    e && /* @__PURE__ */ p(L, { fallback: null, children: /* @__PURE__ */ p(V, { initialPosition: I, onClose: () => r(!1) }) })
+  ] });
+}
+export {
+  et as default
+};

package/dist/chunks/GradientPanel-DSRQKkaB.js

@@ -0,0 +1,194 @@
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
+import { F as S } from "./FloatingPanel-DJP5Vhua.js";
+import { useEditor as V, useNode as D } from "@craftjs/core";
+import { u as G, V as K, E as W, T as F, P as L, c as B, e as j, W as H } from "./index-C66dAl3Q.js";
+import { C as M } from "./ColorInput-BSfMNt86.js";
+import { useMemo as s, useCallback as U } from "react";
+const q = {
+  "bg-linear-to-tl": "↖",
+  "bg-linear-to-t": "↑",
+  "bg-linear-to-tr": "↗",
+  "bg-linear-to-r": "→",
+  "bg-linear-to-br": "↘",
+  "bg-linear-to-b": "↓",
+  "bg-linear-to-bl": "↙",
+  "bg-linear-to-l": "←"
+}, z = {
+  "bg-linear-to-t": "to top",
+  "bg-linear-to-tr": "to top right",
+  "bg-linear-to-r": "to right",
+  "bg-linear-to-br": "to bottom right",
+  "bg-linear-to-b": "to bottom",
+  "bg-linear-to-bl": "to bottom left",
+  "bg-linear-to-l": "to left",
+  "bg-linear-to-tl": "to top left"
+}, Y = [
+  "bg-linear-to-tl",
+  "bg-linear-to-t",
+  "bg-linear-to-tr",
+  "bg-linear-to-r",
+  "bg-linear-to-br",
+  "bg-linear-to-b",
+  "bg-linear-to-bl",
+  "bg-linear-to-l"
+], Z = (r) => {
+  var o;
+  return ((o = r.match(/\bbg-linear-to-(?:t|tr|r|br|b|bl|l|tl)\b/)) == null ? void 0 : o[0]) || "";
+}, v = (r, o) => {
+  var e;
+  return ((e = r.match(new RegExp(`\\b${o}-\\[([^\\]]+)\\]`))) == null ? void 0 : e[1]) || "";
+}, $ = (r, o) => {
+  const e = r.match(new RegExp(`\\b${o}-(\\d+)%`));
+  return e ? parseInt(e[1]) : null;
+}, J = (r, o, e) => {
+  const l = r.replace(new RegExp(`\\s*\\b${o}-\\d+%`, "g"), "");
+  return e === null ? l.trim() : `${l.trim()} ${o}-${e}%`;
+}, Q = () => {
+  const r = G(K), o = G(W).dark ?? !1, { actions: e, query: l } = V(), {
+    actions: { setProp: i },
+    props: p,
+    id: k
+  } = D((t) => {
+    var c;
+    return { props: (c = t.data) == null ? void 0 : c.props, id: t.id };
+  }), n = (p == null ? void 0 : p.className) || "", b = s(() => Z(n), [n]), m = !!b, C = s(() => v(n, "from"), [n]), P = s(() => v(n, "to"), [n]), R = s(() => v(n, "via"), [n]), g = s(() => $(n, "from"), [n]), d = s(() => $(n, "via"), [n]), u = s(() => $(n, "to"), [n]), _ = j(r), y = (t) => {
+    B({
+      propKey: "backgroundGradient",
+      propType: "class",
+      value: t,
+      setProp: i,
+      query: l,
+      actions: e,
+      nodeId: k,
+      view: _,
+      classDark: o
+    });
+  }, h = U(
+    (t, c) => {
+      i((f) => {
+        f.className = J(f.className || "", t, c);
+      }, 500);
+    },
+    [i]
+  ), A = s(() => {
+    if (!m) return null;
+    const t = z[b] || "to bottom", c = C || "transparent", f = P || "transparent", w = R, I = `${c}${g != null ? ` ${g}%` : ""}`, T = `${f}${u != null ? ` ${u}%` : ""}`, E = w ? `${w}${d != null ? ` ${d}%` : ""}` : null, O = E ? `${I}, ${E}, ${T}` : `${I}, ${T}`;
+    return `linear-gradient(${t}, ${O})`;
+  }, [m, b, C, P, R, g, d, u]);
+  return /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ a(
+      F,
+      {
+        tooltipId: L,
+        value: b,
+        onChange: (t) => y(b === t ? "" : t),
+        options: Y.map((t) => ({
+          value: t,
+          label: q[t],
+          tooltip: t.replace("bg-linear-to-", "to ").toUpperCase()
+        }))
+      }
+    ),
+    m && /* @__PURE__ */ a(
+      "div",
+      {
+        className: "border-base-300 h-5 w-full rounded border",
+        style: { background: A || void 0 }
+      }
+    ),
+    m && /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ a(
+        N,
+        {
+          label: "From",
+          propKey: "backgroundGradientFrom",
+          prefix: "from",
+          position: g,
+          onPosition: (t) => h("from", t)
+        }
+      ),
+      /* @__PURE__ */ a(
+        N,
+        {
+          label: "Via",
+          propKey: "backgroundGradientVia",
+          prefix: "via",
+          position: d,
+          onPosition: (t) => h("via", t)
+        }
+      ),
+      /* @__PURE__ */ a(
+        N,
+        {
+          label: "To",
+          propKey: "backgroundGradientTo",
+          prefix: "to",
+          position: u,
+          onPosition: (t) => h("to", t)
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          onClick: () => y(""),
+          className: "text-neutral-content hover:text-error self-end text-[10px] transition-colors",
+          children: "Remove gradient"
+        }
+      )
+    ] })
+  ] });
+}, N = ({
+  label: r,
+  propKey: o,
+  prefix: e,
+  position: l,
+  onPosition: i
+}) => /* @__PURE__ */ x("div", { className: "flex flex-col gap-0.5", children: [
+  /* @__PURE__ */ a(M, { propKey: o, label: r, prefix: e, propType: "class" }),
+  /* @__PURE__ */ x("div", { className: "flex items-center gap-1.5 pl-[52px]", children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "range",
+        min: 0,
+        max: 100,
+        step: 5,
+        value: l ?? (e === "from" ? 0 : e === "to" ? 100 : 50),
+        onChange: (p) => i(parseInt(p.target.value)),
+        className: "slider bg-neutral h-1.5 flex-1 cursor-pointer appearance-none rounded-lg"
+      }
+    ),
+    /* @__PURE__ */ a("span", { className: "text-neutral-content w-7 text-right text-[10px] tabular-nums", children: l != null ? `${l}%` : "—" }),
+    l != null && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: () => i(null),
+        className: "text-neutral-content hover:text-error text-[10px]",
+        children: "×"
+      }
+    )
+  ] })
+] });
+function at({ initialPosition: r, onClose: o }) {
+  return /* @__PURE__ */ a(
+    S,
+    {
+      isOpen: !0,
+      onClose: o,
+      title: "Gradient",
+      storageKey: "gradient-input",
+      minWidth: 280,
+      maxWidth: 480,
+      minHeight: 320,
+      initialPosition: r,
+      zIndex: H,
+      scrollable: !0,
+      children: /* @__PURE__ */ a(Q, {})
+    }
+  );
+}
+export {
+  at as default
+};

package/dist/chunks/HTMLCodeInput-CCe4Bj5z.js

@@ -0,0 +1,69 @@
+import { jsxs as d, jsx as m } from "react/jsx-runtime";
+import { C as p, l as u } from "./CodeEditor-axBXmPH8.js";
+const f = u((r) => {
+  const e = [], t = r.state.doc.toString();
+  try {
+    const s = (t.match(/<script[^>]*>/gi) || []).length, n = (t.match(/<\/script>/gi) || []).length;
+    s !== n && e.push({
+      from: 0,
+      to: t.length,
+      severity: "error",
+      message: "Unclosed <script> tags detected"
+    });
+    const o = (t.match(/<style[^>]*>/gi) || []).length, c = (t.match(/<\/style>/gi) || []).length;
+    o !== c && e.push({
+      from: 0,
+      to: t.length,
+      severity: "error",
+      message: "Unclosed <style> tags detected"
+    }), t.split(`
+`).forEach((l, i) => {
+      const g = l.trim();
+      if (g.includes('="') && !g.includes('"')) {
+        const h = t.split(`
+`).slice(0, i).join(`
+`).length + i;
+        e.push({
+          from: h,
+          to: h + l.length,
+          severity: "warning",
+          message: "Unclosed quote in attribute"
+        });
+      }
+    });
+  } catch {
+  }
+  return e;
+}), C = ({
+  value: r,
+  onChange: e,
+  placeholder: t = "<script>...<\/script>",
+  height: s = "200px",
+  label: n,
+  helpText: o,
+  className: c = "",
+  formatMountKey: a,
+  variableCompletionOptions: l,
+  editorContainerClassName: i
+}) => /* @__PURE__ */ d("div", { className: `flex flex-col gap-2 ${c}`, children: [
+  n && /* @__PURE__ */ m("label", { className: "toolbar-label block font-medium", children: n }),
+  /* @__PURE__ */ m(
+    p,
+    {
+      value: r,
+      onChange: e,
+      language: "html",
+      extensions: [f],
+      height: s,
+      placeholder: t,
+      autoFormatOnMount: !!a,
+      autoFormatMountKey: a,
+      htmlVariableCompletionOptions: l,
+      containerClassName: i
+    }
+  ),
+  o && /* @__PURE__ */ m("p", { className: "text-neutral-content text-xs", children: o })
+] });
+export {
+  C as HTMLCodeInput
+};