@pagehub/sdk 0.1.4 → 0.1.6

package/dist/chunks/BackgroundImagePanel-BvMhF9eU.js

@@ -0,0 +1,100 @@
+import { jsxs as c, Fragment as g, jsx as n } from "react/jsx-runtime";
+import { useEditor as f, useNode as p } from "@craftjs/core";
+import { useEffect as h } from "react";
+import { u as M, M as P, a as v, I as y, C } from "./useMediaManager-CmKDbFfw.js";
+import { F as I } from "./FloatingPanel-DJP5Vhua.js";
+import { W as k, aP as x, aS as S } from "./index-C66dAl3Q.js";
+const w = 480, F = 600;
+function D({ initialPosition: s, onClose: a }) {
+  const { query: r, actions: l } = f(), {
+    actions: { setProp: m },
+    id: u
+  } = p((i) => ({ id: i.id })), d = (i) => {
+    if (!i) return;
+    const t = x(r, i);
+    m((o) => {
+      o.background || (o.background = {}), o.background.image = i, o.background.imageType = (t == null ? void 0 : t.type) || "cdn";
+    }), S(
+      r,
+      l,
+      i,
+      (t == null ? void 0 : t.type) || "cdn",
+      u
+    ), a();
+  }, e = M({
+    isOpen: !0,
+    onClose: a,
+    onSelect: d,
+    selectionMode: !0
+  });
+  return h(() => {
+    e.kindFilter !== "all" && e.setKindFilter("all");
+  }, [e.kindFilter, e.setKindFilter]), /* @__PURE__ */ c(g, { children: [
+    /* @__PURE__ */ n(
+      I,
+      {
+        isOpen: !0,
+        onClose: a,
+        title: "Select Image",
+        storageKey: "background-image-picker",
+        autoSize: !1,
+        defaultWidth: w,
+        defaultHeight: F,
+        minWidth: 360,
+        maxWidth: 720,
+        minHeight: 420,
+        initialPosition: s,
+        persistSize: !1,
+        zIndex: k,
+        children: /* @__PURE__ */ n(
+          P,
+          {
+            manager: e,
+            selectionMode: !0,
+            onSelect: d,
+            onClose: a,
+            popover: !0
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ n(
+      v,
+      {
+        previewMedia: e.previewMedia,
+        filteredMedia: e.filteredMedia,
+        onClose: () => e.setPreviewMedia(null),
+        onPrevious: e.handlePreviewPrevious,
+        onNext: e.handlePreviewNext
+      }
+    ),
+    /* @__PURE__ */ n(
+      y,
+      {
+        isOpen: e.cropMedia !== null,
+        onClose: () => e.setCropMedia(null),
+        media: e.cropMedia,
+        onSave: e.handleSaveCroppedImage,
+        settings: e.settings
+      },
+      "image-crop-modal"
+    ),
+    /* @__PURE__ */ n(
+      C,
+      {
+        isOpen: e.deleteConfirm.isOpen,
+        onClose: () => e.setDeleteConfirm({ isOpen: !1, mediaIds: [] }),
+        onConfirm: e.confirmDelete,
+        title: "Delete Media",
+        message: e.deleteConfirm.mediaIds.length > 1 ? `Are you sure you want to delete ${e.deleteConfirm.mediaIds.length} media items? This action cannot be undone.` : "Are you sure you want to delete this media item? This action cannot be undone.",
+        confirmText: "Delete",
+        cancelText: "Cancel",
+        variant: "danger"
+      },
+      "delete-confirm-dialog"
+    )
+  ] });
+}
+export {
+  D as default
+};

package/dist/chunks/BackgroundMainTab-CI4c5DEF.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { w as r } from "./index-C66dAl3Q.js";
+import { r as t } from "./helpers-Cll72tMn.js";
+import { S as e } from "./SlotRenderer-CaLf_2_C.js";
+const m = () => t({
+  Content: /* @__PURE__ */ o(r, { collapsible: !1, children: /* @__PURE__ */ o(e, { id: "settings/ai-button" }) })
+});
+export {
+  m as BackgroundMainTab
+};

package/dist/chunks/BundleRowPanel-BcYfyfGQ.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+import { F as d } from "./FloatingPanel-DJP5Vhua.js";
+import { P as l } from "./ContainerMainTab-kkktm1Ns.js";
+import { W as p } from "./index-C66dAl3Q.js";
+function x({
+  title: t,
+  icon: o,
+  storageKey: i,
+  initialPosition: n,
+  onClose: m,
+  properties: a
+}) {
+  return /* @__PURE__ */ e(
+    d,
+    {
+      isOpen: !0,
+      onClose: m,
+      title: t,
+      icon: o,
+      storageKey: i,
+      minWidth: 260,
+      maxWidth: 480,
+      minHeight: 120,
+      initialPosition: n,
+      zIndex: p,
+      scrollable: !0,
+      children: a.map((r) => /* @__PURE__ */ e(l, { def: r }, r.id))
+    }
+  );
+}
+export {
+  x as default
+};

package/dist/chunks/ButtonMainTab-Civy_DoA.js

@@ -0,0 +1,43 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useNode as p } from "@craftjs/core";
+import { w as s, n as i, C as m, T as u } from "./index-C66dAl3Q.js";
+import { I as b } from "./IconInput-D2Gy7Hvf.js";
+import { r as c } from "./helpers-Cll72tMn.js";
+const y = [
+  { value: "button", label: "Button" },
+  { value: "submit", label: "Submit" },
+  { value: "reset", label: "Reset" }
+];
+function T() {
+  const {
+    actions: { setProp: r },
+    type: a
+  } = p((o) => {
+    var t, n;
+    return {
+      type: ((n = (t = o.data) == null ? void 0 : t.props) == null ? void 0 : n.type) || "button"
+    };
+  });
+  return /* @__PURE__ */ e(m, { label: "Type", frame: "bare", children: /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(
+    u,
+    {
+      dense: !0,
+      "aria-label": "Button type",
+      value: a,
+      onChange: (o) => r((t) => {
+        t.type = o;
+      }, 0),
+      options: y
+    }
+  ) }) });
+}
+const v = () => c({
+  Content: /* @__PURE__ */ l(s, { collapsible: !1, children: [
+    /* @__PURE__ */ e(i, { propKey: "text", type: "text", label: "Text", propType: "component" }),
+    /* @__PURE__ */ e(b, { propKey: "icon" }),
+    /* @__PURE__ */ e(T, {})
+  ] })
+});
+export {
+  v as ButtonMainTab
+};

package/dist/chunks/CSSEditorInput-C1ITwAh3.js

@@ -0,0 +1,73 @@
+import { jsx as p } from "react/jsx-runtime";
+import { C as h, l as u } from "./CodeEditor-axBXmPH8.js";
+import { useEditor as m, useNode as g } from "@craftjs/core";
+import { u as y, V as f, g as S, w as v, c as C } from "./index-C66dAl3Q.js";
+const P = u((i) => {
+  const s = [], e = i.state.doc.toString();
+  try {
+    const n = (e.match(/{/g) || []).length, a = (e.match(/}/g) || []).length;
+    n !== a && s.push({
+      from: 0,
+      to: e.length,
+      severity: "error",
+      message: "Unmatched braces in CSS"
+    }), e.split(`
+`).forEach((r, l) => {
+      const t = r.trim();
+      if (t && t.includes(":") && !t.endsWith(";") && !t.endsWith("{") && !t.endsWith("}") && !t.startsWith("/*") && !t.startsWith("//")) {
+        const o = e.split(`
+`).slice(0, l).join(`
+`).length + l;
+        s.push({
+          from: o,
+          to: o + r.length,
+          severity: "warning",
+          message: "Missing semicolon"
+        });
+      }
+    });
+  } catch {
+  }
+  return s;
+}), V = () => {
+  const i = y(f), { query: s, actions: e } = m(), {
+    actions: { setProp: n },
+    nodeProps: a,
+    id: c
+  } = g((o) => {
+    var d;
+    return {
+      nodeProps: ((d = o.data) == null ? void 0 : d.props) || {},
+      id: o.id
+    };
+  }), { value: r } = S({ propKey: "style", propType: "root" }, i, a);
+  return /* @__PURE__ */ p(v, { title: "Inline Style", nested: !0, collapsible: !0, defaultOpen: !1, accordionPassive: !0, children: /* @__PURE__ */ p(
+    h,
+    {
+      value: r,
+      onChange: (o) => {
+        C({
+          propKey: "style",
+          value: o,
+          setProp: n,
+          view: "root",
+          propType: "root",
+          query: s,
+          actions: e,
+          nodeId: c
+        });
+      },
+      language: "css",
+      extensions: [P],
+      height: "150px",
+      lineNumbers: !1,
+      theme: "auto",
+      placeholder: "color: tomato; border-style: dotted;",
+      autoFormatOnMount: !0,
+      autoFormatMountKey: c
+    }
+  ) });
+};
+export {
+  V as CSSEditorInput
+};