@francistinao/formiq-sdk 1.0.0

package/dist/index.js

@@ -0,0 +1,1485 @@
+import Oe, { useRef as K, useCallback as j, useEffect as Q, useState as ne, useMemo as Y } from "react";
+import { useQuery as fe, useQueryClient as Ce, useMutation as pe } from "@tanstack/react-query";
+import De from "axios";
+import { debounce as Ne } from "lodash";
+import { Image as se, Text as ye, Stage as ze, Layer as Fe, Rect as ge, Label as Le, Tag as Ue, Transformer as qe } from "react-konva";
+import ce from "use-image";
+import { create as Be } from "zustand";
+var le = { exports: {} }, oe = {};
+var me;
+function $e() {
+  if (me) return oe;
+  me = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(a, s, o) {
+    var c = null;
+    if (o !== void 0 && (c = "" + o), s.key !== void 0 && (c = "" + s.key), "key" in s) {
+      o = {};
+      for (var g in s)
+        g !== "key" && (o[g] = s[g]);
+    } else o = s;
+    return s = o.ref, {
+      $$typeof: e,
+      type: a,
+      key: c,
+      ref: s !== void 0 ? s : null,
+      props: o
+    };
+  }
+  return oe.Fragment = t, oe.jsx = n, oe.jsxs = n, oe;
+}
+var ae = {};
+var we;
+function We() {
+  return we || (we = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(i) {
+      if (i == null) return null;
+      if (typeof i == "function")
+        return i.$$typeof === L ? null : i.displayName || i.name || null;
+      if (typeof i == "string") return i;
+      switch (i) {
+        case y:
+          return "Fragment";
+        case P:
+          return "Profiler";
+        case d:
+          return "StrictMode";
+        case u:
+          return "Suspense";
+        case b:
+          return "SuspenseList";
+        case C:
+          return "Activity";
+      }
+      if (typeof i == "object")
+        switch (typeof i.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), i.$$typeof) {
+          case S:
+            return "Portal";
+          case k:
+            return i.displayName || "Context";
+          case z:
+            return (i._context.displayName || "Context") + ".Consumer";
+          case Z:
+            var r = i.render;
+            return i = i.displayName, i || (i = r.displayName || r.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case A:
+            return r = i.displayName || null, r !== null ? r : e(i.type) || "Memo";
+          case T:
+            r = i._payload, i = i._init;
+            try {
+              return e(i(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(i) {
+      return "" + i;
+    }
+    function n(i) {
+      try {
+        t(i);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var f = r.error, h = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return f.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          h
+        ), t(i);
+      }
+    }
+    function a(i) {
+      if (i === y) return "<>";
+      if (typeof i == "object" && i !== null && i.$$typeof === T)
+        return "<...>";
+      try {
+        var r = e(i);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var i = q.A;
+      return i === null ? null : i.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function c(i) {
+      if (B.call(i, "key")) {
+        var r = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return i.key !== void 0;
+    }
+    function g(i, r) {
+      function f() {
+        G || (G = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function m() {
+      var i = e(this.type);
+      return J[i] || (J[i] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), i = this.props.ref, i !== void 0 ? i : null;
+    }
+    function _(i, r, f, h, $, U) {
+      var E = f.ref;
+      return i = {
+        $$typeof: p,
+        type: i,
+        key: r,
+        props: f,
+        _owner: h
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(i, "ref", {
+        enumerable: !1,
+        get: m
+      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(i, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(i, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: $
+      }), Object.defineProperty(i, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: U
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+    }
+    function M(i, r, f, h, $, U) {
+      var E = r.children;
+      if (E !== void 0)
+        if (h)
+          if (D(E)) {
+            for (h = 0; h < E.length; h++)
+              R(E[h]);
+            Object.freeze && Object.freeze(E);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else R(E);
+      if (B.call(r, "key")) {
+        E = e(i);
+        var H = Object.keys(r).filter(function(v) {
+          return v !== "key";
+        });
+        h = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", ie[E + h] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          h,
+          E,
+          H,
+          E
+        ), ie[E + h] = !0);
+      }
+      if (E = null, f !== void 0 && (n(f), E = "" + f), c(r) && (n(r.key), E = "" + r.key), "key" in r) {
+        f = {};
+        for (var N in r)
+          N !== "key" && (f[N] = r[N]);
+      } else f = r;
+      return E && g(
+        f,
+        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
+      ), _(
+        i,
+        E,
+        f,
+        s(),
+        $,
+        U
+      );
+    }
+    function R(i) {
+      I(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === T && (i._payload.status === "fulfilled" ? I(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
+    }
+    function I(i) {
+      return typeof i == "object" && i !== null && i.$$typeof === p;
+    }
+    var l = Oe, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), S = /* @__PURE__ */ Symbol.for("react.portal"), y = /* @__PURE__ */ Symbol.for("react.fragment"), d = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), k = /* @__PURE__ */ Symbol.for("react.context"), Z = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), b = /* @__PURE__ */ Symbol.for("react.suspense_list"), A = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), C = /* @__PURE__ */ Symbol.for("react.activity"), L = /* @__PURE__ */ Symbol.for("react.client.reference"), q = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, D = Array.isArray, x = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    l = {
+      react_stack_bottom_frame: function(i) {
+        return i();
+      }
+    };
+    var G, J = {}, ee = l.react_stack_bottom_frame.bind(
+      l,
+      o
+    )(), V = x(a(o)), ie = {};
+    ae.Fragment = y, ae.jsx = function(i, r, f) {
+      var h = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return M(
+        i,
+        r,
+        f,
+        !1,
+        h ? Error("react-stack-top-frame") : ee,
+        h ? x(a(i)) : V
+      );
+    }, ae.jsxs = function(i, r, f) {
+      var h = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return M(
+        i,
+        r,
+        f,
+        !0,
+        h ? Error("react-stack-top-frame") : ee,
+        h ? x(a(i)) : V
+      );
+    };
+  })()), ae;
+}
+var xe;
+function Ye() {
+  return xe || (xe = 1, process.env.NODE_ENV === "production" ? le.exports = $e() : le.exports = We()), le.exports;
+}
+var w = Ye();
+let Ae = null;
+function Me() {
+  return Ae;
+}
+function Ie(e) {
+  Ae = e;
+}
+function It() {
+  Ie(null);
+}
+function He(e) {
+  const t = De.create({
+    baseURL: "http://localhost:3000/api/external",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    withCredentials: !1
+  });
+  return t.interceptors.request.use((n) => {
+    const a = e?.();
+    return a && (n.headers.Authorization = `Bearer ${a}`), n;
+  }), t;
+}
+const X = He(Me), Ke = async (e) => {
+  if (!e)
+    throw new Error("token must be provided");
+  return (await X.get("/integrations/validate-pat", {
+    headers: {
+      Authorization: `Bearer ${e}`
+    }
+  })).data;
+}, Ge = async (e) => {
+  if (!e)
+    throw new Error("boardId must be provided");
+  return (await X.get(`/boards/${e}`)).data;
+}, Je = async (e) => {
+  if (!e)
+    throw new Error("boardId must be provided");
+  return (await X.get(`/canvas-elements/${e}`)).data.canvasElements;
+}, Ve = async (e) => (await X.post("/canvas-elements", e)).data.canvasElement, Qe = async (e) => {
+  await X.delete(`/canvas-elements/${e}`);
+}, Xe = async (e) => {
+  if (!e)
+    throw new Error("boardId must be provided");
+  return (await X.post(`/boards/${e}/produce`)).data;
+}, Ze = async (e, t) => {
+  if (!e || !t)
+    throw new Error("boardId and jobId must be provided");
+  return (await X.get(
+    `/boards/${e}/produce/jobs/${t}`
+  )).data;
+};
+function et(e, t) {
+  const n = t?.enabled ?? !0;
+  return fe({
+    queryKey: ["board-editor", e],
+    queryFn: async () => {
+      if (!e)
+        throw new Error("Missing board id");
+      return Ge(e);
+    },
+    enabled: !!e && n,
+    retry: (a, s) => {
+      const o = s.response?.status;
+      return o === 401 || o === 403 ? !1 : o === 404 ? a < 3 : a < 2;
+    },
+    retryDelay: (a, s) => s.response?.status === 404 ? Math.min(300 * 2 ** a, 2e3) : Math.min(1e3 * 2 ** a, 8e3),
+    refetchOnWindowFocus: !1,
+    refetchOnReconnect: !1,
+    staleTime: 3e4
+  });
+}
+const tt = 250;
+function rt(e) {
+  return typeof e.id == "number" ? `id:${e.id}` : e.clientId ? `client:${e.clientId}` : typeof e.canvasElementConfigId == "number" ? `cfg:${e.canvasElementConfigId}` : `fallback:${e.type}:${e.variableName ?? ""}`;
+}
+function ke(e, t) {
+  const n = t?.canEdit ?? !0, a = t?.enabled ?? !0, s = Ce(), o = K(/* @__PURE__ */ new Map()), c = K(/* @__PURE__ */ new Map()), { data: g } = fe({
+    queryKey: ["canvas-elements", e],
+    queryFn: async () => Je(e),
+    enabled: !!e && a,
+    retry: (l, p) => {
+      const S = p.response?.status;
+      return S === 401 || S === 403 || S === 404 ? !1 : l < 1;
+    },
+    refetchOnWindowFocus: !1,
+    refetchOnReconnect: !1
+  }), { mutate: m } = pe({
+    mutationFn: Ve,
+    onSuccess: (l) => {
+      l.id && s.setQueryData(["canvas-elements", e], (p = []) => p.some((y) => y.id === l.id) ? p.map((y) => y.id === l.id ? l : y) : [...p, l]);
+    }
+  }), _ = j(
+    (l) => {
+      if (!n) {
+        o.current.delete(l);
+        return;
+      }
+      const p = o.current.get(l);
+      p && (o.current.delete(l), m(p.element, {
+        onSuccess: (S) => {
+          p.element.id || p.onCreated?.(S.id, S.canvasElementConfigId);
+        }
+      }));
+    },
+    [n, m]
+  ), M = j(
+    (l, p, S) => {
+      if (!n)
+        return;
+      const y = rt(l);
+      o.current.set(y, { element: l, onCreated: p });
+      let d = c.current.get(y);
+      if (d || (d = Ne(() => _(y), tt), c.current.set(y, d)), S?.immediate) {
+        d.cancel(), _(y);
+        return;
+      }
+      d();
+    },
+    [n, _]
+  );
+  Q(() => {
+    const l = c.current, p = o.current;
+    return () => {
+      for (const S of l.values())
+        S.cancel();
+      l.clear(), p.clear();
+    };
+  }, []);
+  const { mutate: R } = pe({
+    mutationFn: Qe,
+    onSuccess: () => {
+      s.invalidateQueries({ queryKey: ["canvas-elements", e] });
+    }
+  }), I = j(
+    (l, p) => {
+      n && R(l, p);
+    },
+    [n, R]
+  );
+  return { canvasElements: g, upsertCanvasElement: M, deleteCanvasElement: I };
+}
+const nt = 2e3, it = 2;
+function be(e) {
+  return `produce-active-job:${e}`;
+}
+function ve(e) {
+  return e === "QUEUED" || e === "PROCESSING";
+}
+function Ee(e) {
+  const t = e.response?.data.error;
+  return t && t.length > 0 ? t : e.message || "Failed to process PDF generation";
+}
+function ot(e) {
+  const t = Ce(), [n, a] = ne({}), s = j((d, P) => {
+    if (typeof window > "u") return;
+    const z = be(d);
+    if (P) {
+      window.localStorage.setItem(z, P);
+      return;
+    }
+    window.localStorage.removeItem(z);
+  }, []), o = j(
+    (d, P = e) => {
+      P && (a((z) => {
+        const k = { ...z };
+        return d ? k[P] = d : delete k[P], k;
+      }), s(P, d));
+    },
+    [e, s]
+  ), c = e ? n[e] ?? (typeof window > "u" ? null : window.localStorage.getItem(be(e))) : null, g = pe({
+    onMutate: () => {
+      o(null);
+    },
+    mutationFn: async () => {
+      if (!e)
+        throw new Error("Missing board id");
+      return Xe(e);
+    },
+    onSuccess: (d) => {
+      o(d.jobId);
+    },
+    onSettled: async () => {
+      await t.invalidateQueries({ queryKey: ["billing", "summary"] });
+    }
+  }), m = fe({
+    queryKey: ["produce-status", e, c],
+    queryFn: async () => {
+      if (!e || !c)
+        throw new Error("Missing board or job id");
+      const d = await Ze(e, c);
+      return d.jobId && d.jobId !== c && o(d.jobId), d;
+    },
+    enabled: !!(e && c),
+    refetchInterval: (d) => {
+      const P = d.state.data?.status;
+      return P && ve(P) ? nt : !1;
+    },
+    retry: (d, P) => {
+      if (P.response?.status === 404) {
+        const z = d < it;
+        return z || o(null), z;
+      }
+      return d < 3;
+    },
+    retryDelay: (d, P) => P.response?.status === 404 ? Math.min(500 * 2 ** d, 4e3) : Math.min(1e3 * 2 ** d, 8e3)
+  });
+  Q(() => {
+    const d = m.data?.status;
+    d !== "READY" && d !== "FAILED" || t.invalidateQueries({ queryKey: ["billing", "summary"] });
+  }, [m.data?.status, e, c, t]);
+  const _ = m.data?.status ?? g.data?.status ?? null, M = (() => {
+    const d = g.error;
+    return d ? d.response?.status !== 422 ? [] : d.response?.data.missing ?? [] : [];
+  })(), R = (() => {
+    const d = g.error;
+    return !d || d.response?.status !== 409 ? null : d.response?.data.jobId ?? null;
+  })(), I = Y(() => m.error ? Ee(m.error) : g.error ? Ee(g.error) : m.data?.errorMessage ?? null, [m.error, m.data, g.error]), l = ve(_), p = m.data?.progress ?? g.data?.progress ?? 0, S = j(
+    (d) => {
+      o(d);
+    },
+    [o]
+  ), y = j(() => {
+    o(null);
+  }, [o]);
+  return {
+    activeJobId: c,
+    status: _,
+    progress: p,
+    isGenerating: l,
+    isTriggering: g.isPending,
+    isPolling: m.isFetching,
+    downloadUrl: m.data?.downloadUrl,
+    errorMessage: I,
+    missingPrerequisites: M,
+    conflictJobId: R,
+    triggerGeneration: g.mutateAsync,
+    refetchStatus: m.refetch,
+    resumeFromJobId: S,
+    clearActiveJob: y
+  };
+}
+function at(e) {
+  const t = {
+    id: crypto.randomUUID(),
+    x: 220,
+    y: 140,
+    width: 220,
+    height: 40,
+    rotation: 0
+  }, n = {
+    fontFamily: "Poppins",
+    fontWeight: "bold",
+    italic: !1,
+    underline: !1,
+    fontSize: 28,
+    textAlign: "left",
+    color: "#ffffff",
+    opacity: 1,
+    coordinateSpace: "page"
+  };
+  switch (e) {
+    case "text":
+      return {
+        ...t,
+        type: e,
+        text: "{{Variable_name}}",
+        width: 240,
+        height: 36,
+        zIndex: 0,
+        properties: {
+          ...n,
+          fontWeight: "bold",
+          color: "#000000",
+          bindingKey: "Variable_name"
+        }
+      };
+    case "qr_code":
+      return {
+        ...t,
+        type: e,
+        width: 100,
+        height: 100,
+        zIndex: 0,
+        data: "https://upload.wikimedia.org/wikipedia/commons/d/d0/QR_code_for_mobile_English_Wikipedia.svg",
+        properties: {
+          ...n,
+          fontWeight: "normal",
+          color: "#000000",
+          bindingKey: "qr_data",
+          data: "https://upload.wikimedia.org/wikipedia/commons/d/d0/QR_code_for_mobile_English_Wikipedia.svg"
+        }
+      };
+    case "bar_code":
+      return {
+        ...t,
+        type: e,
+        width: 240,
+        height: 32,
+        zIndex: 0,
+        data: "BULK-0001",
+        properties: {
+          ...n,
+          fontWeight: "normal",
+          color: "#000000",
+          bindingKey: "barcode_data",
+          data: "BULK-0001"
+        }
+      };
+    case "image":
+      return {
+        ...t,
+        type: e,
+        width: 190,
+        height: 120,
+        zIndex: 0,
+        src: "/logo.png",
+        properties: {
+          ...n,
+          fontWeight: "normal",
+          color: "#000000",
+          src: "/logo.png"
+        }
+      };
+  }
+}
+const F = Be((e) => ({
+  elements: [],
+  selectedId: null,
+  dataSourceMeta: null,
+  colorEyedropped: null,
+  colorEyedropperActive: !1,
+  setColorEyedropped: (t) => e({ colorEyedropped: t }),
+  setColorEyedropperActive: (t) => e({ colorEyedropperActive: t }),
+  addElement: (t) => {
+    const n = at(t);
+    e((a) => ({
+      elements: [...a.elements, n],
+      selectedId: n.id
+    }));
+  },
+  updateElement: (t, n) => e((a) => ({
+    elements: a.elements.map(
+      (s) => s.id === t ? { ...s, ...n } : s
+    )
+  })),
+  updateElementProperties: (t, n) => e((a) => ({
+    elements: a.elements.map(
+      (s) => s.id === t ? { ...s, properties: { ...s.properties, ...n } } : s
+    )
+  })),
+  updateDimensions: (t, n) => e((a) => ({
+    elements: a.elements.map(
+      (s) => s.id === t ? { ...s, ...n } : s
+    )
+  })),
+  removeElement: (t) => e((n) => ({
+    elements: n.elements.filter((a) => a.id !== t),
+    selectedId: n.selectedId === t ? null : n.selectedId
+  })),
+  bringForward: (t) => e((n) => ({
+    elements: n.elements.map(
+      (a) => a.id === t ? { ...a, zIndex: a.zIndex + 1 } : a
+    )
+  })),
+  sendBackward: (t) => e((n) => ({
+    elements: n.elements.map(
+      (a) => a.id === t ? { ...a, zIndex: Math.max(0, a.zIndex - 1) } : a
+    )
+  })),
+  setSelectedId: (t) => e({ selectedId: t }),
+  setDataSourceMeta: (t) => e({ dataSourceMeta: t }),
+  mergeElements: (t) => e((n) => {
+    const a = new Set(
+      n.elements.map((o) => o.dbId).filter((o) => o !== void 0)
+    ), s = t.filter((o) => o.dbId !== void 0 && !a.has(o.dbId));
+    return s.length === 0 ? n : { elements: [...n.elements, ...s] };
+  }),
+  setElements: (t) => e((n) => {
+    if (!n.selectedId)
+      return { elements: t, selectedId: null };
+    const a = t.find((o) => o.id === n.selectedId);
+    if (a)
+      return { elements: t, selectedId: a.id };
+    const s = n.elements.find((o) => o.id === n.selectedId);
+    if (s?.dbId) {
+      const o = t.find((c) => c.dbId === s.dbId);
+      return { elements: t, selectedId: o?.id ?? null };
+    }
+    return { elements: t, selectedId: null };
+  }),
+  assetUrl: null,
+  setAssetUrl: (t) => e({ assetUrl: t })
+}));
+function st(e, t) {
+  const n = t?.canEdit ?? !0, { upsertCanvasElement: a } = ke(e, { canEdit: n }), s = F((u) => u.updateElement), o = K(null), c = K(null), [g, m] = ne({ width: 800, height: 600 }), [_, M] = ne(1), [R, I] = ne({ x: 0, y: 0 }), l = K(!1), p = K(null);
+  Q(() => {
+    if (!c.current) return;
+    const u = new ResizeObserver(() => {
+      const b = Math.max(c.current?.clientWidth ?? 0, 400), A = Math.max(c.current?.clientHeight ?? 0, 320), T = typeof window < "u" ? window.innerHeight : 900, C = Math.max(T - 220, 480);
+      m({ width: b, height: Math.min(A, C) });
+    });
+    return u.observe(c.current), () => u.disconnect();
+  }, []);
+  const S = j(
+    (u) => {
+      const b = o.current;
+      if (!b) return;
+      u.evt.preventDefault();
+      const A = _, T = b.getPointerPosition();
+      if (!T) return;
+      const C = 1.08, L = Math.min(
+        2.4,
+        Math.max(0.5, u.evt.deltaY > 0 ? A / C : A * C)
+      ), q = {
+        x: (T.x - R.x) / A,
+        y: (T.y - R.y) / A
+      }, B = {
+        x: T.x - q.x * L,
+        y: T.y - q.y * L
+      };
+      M(L), I(B);
+    },
+    [_, R]
+  ), y = j((u) => {
+    u.target === u.target.getStage() && (l.current = !0, p.current = o.current?.getPointerPosition() ?? null);
+  }, []), d = j(() => {
+    if (!l.current) return;
+    const u = o.current?.getPointerPosition();
+    if (!u || !p.current) return;
+    const b = u.x - p.current.x, A = u.y - p.current.y;
+    I((T) => ({ x: T.x + b, y: T.y + A })), p.current = u;
+  }, []), P = j(() => {
+    l.current = !1, p.current = null;
+  }, []), z = j((u) => {
+    c.current = u;
+  }, []), k = j(
+    (u, b, A, T = u.properties) => {
+      n && (s(u.id, { x: b, y: A }), a(
+        {
+          id: u.dbId,
+          clientId: u.id,
+          canvasElementConfigId: u.configDbId,
+          boardId: e,
+          type: u.type,
+          x: b,
+          y: A,
+          rotation: u.rotation,
+          width: u.width,
+          height: u.height,
+          zIndex: u.zIndex,
+          properties: T
+        },
+        (C, L) => s(u.id, { dbId: C, configDbId: L }),
+        { immediate: !0 }
+      ));
+    },
+    [n, a, s, e]
+  ), Z = j(
+    (u, b, A = u.properties) => {
+      if (!n)
+        return;
+      const { x: T, y: C, width: L, height: q, rotation: B } = b;
+      s(u.id, { x: T, y: C, rotation: B, width: L, height: q }), a(
+        {
+          id: u.dbId,
+          clientId: u.id,
+          canvasElementConfigId: u.configDbId,
+          boardId: e,
+          type: u.type,
+          x: T,
+          y: C,
+          rotation: B,
+          width: L,
+          height: q,
+          zIndex: u.zIndex,
+          properties: A
+        },
+        (D, x) => s(u.id, { dbId: D, configDbId: x }),
+        { immediate: !0 }
+      );
+    },
+    [n, a, s, e]
+  );
+  return {
+    stageRef: o,
+    registerContainer: z,
+    stageSize: g,
+    stageScale: _,
+    stagePosition: R,
+    handleMouseDown: y,
+    handleMouseMove: d,
+    handleMouseUp: P,
+    handleWheel: S,
+    setStagePosition: I,
+    handleDragEnd: k,
+    handleTransformEnd: Z
+  };
+}
+const _e = {
+  width: 595.28,
+  height: 841.89
+};
+function O(e) {
+  return !Number.isFinite(e) || e <= 0 ? 1 : e;
+}
+function Se(e) {
+  return e * 72 / 25.4;
+}
+function ct(e) {
+  let t;
+  if (!e?.paperSize || e.paperSize === "A4")
+    t = _e;
+  else if (e.paperSize === "Long")
+    t = { width: 612, height: 1008 };
+  else if (e.paperSize === "Short")
+    t = { width: 612, height: 792 };
+  else if (e.paperSize === "Custom") {
+    const n = e.customWidthMm ?? 210, a = e.customHeightMm ?? 297;
+    t = { width: Se(n), height: Se(a) };
+  } else
+    t = _e;
+  return e?.orientation === "LANDSCAPE" ? { width: t.height, height: t.width } : t;
+}
+function dt(e, t) {
+  const n = Math.max(1, Math.min(e.width, t.width)), a = Math.max(1, Math.min(e.height, t.height));
+  return {
+    x: Math.max(0, Math.min(e.x, t.width - n)),
+    y: Math.max(0, Math.min(e.y, t.height - a)),
+    width: n,
+    height: a
+  };
+}
+function Re(e, t, n) {
+  const a = O(n.width), s = O(n.height), o = O(t.width), c = O(t.height);
+  return {
+    x: t.x + e.x / a * o,
+    y: t.y + e.y / s * c,
+    width: e.width / a * o,
+    height: e.height / s * c
+  };
+}
+function he(e, t, n) {
+  const a = O(n.width), s = O(n.height), o = O(t.width), c = O(t.height), g = {
+    x: (e.x - t.x) / o * a,
+    y: (e.y - t.y) / c * s,
+    width: e.width / o * a,
+    height: e.height / c * s
+  };
+  return dt(g, n);
+}
+function Te(e, t, n) {
+  return he(e, t, n);
+}
+function lt(e, t) {
+  const n = e.width * 0.8, a = e.height * 0.75, s = O(t.width) / O(t.height);
+  let o = n, c = o / s;
+  c > a && (c = a, o = c * s);
+  const g = (e.height - c) / 2;
+  return {
+    x: (e.width - o) / 2,
+    y: Math.max(e.height * 0.1, g),
+    width: o,
+    height: c
+  };
+}
+function ut(e, t) {
+  const n = t.width ?? e.width * 0.8, a = t.height ?? e.height * 0.6, s = e.width * 0.8 / O(n), o = e.height * 0.75 / O(a), c = Math.min(s, o, 1), g = n * c, m = a * c, _ = (e.height - m) / 2;
+  return {
+    x: (e.width - g) / 2,
+    y: Math.max(e.height * 0.1, _),
+    width: g,
+    height: m
+  };
+}
+function ht(e, t) {
+  const n = t.width ?? e.width, a = t.height ?? e.height, s = O(e.width), o = O(e.height), c = O(n), g = O(a), m = Math.min(s / c, o / g), _ = c * m, M = g * m;
+  return {
+    x: e.x + (s - _) / 2,
+    y: e.y + (o - M) / 2,
+    width: _,
+    height: M
+  };
+}
+function ft({
+  sharedProps: e,
+  src: t,
+  placeholder: n,
+  width: a,
+  height: s,
+  opacity: o
+}) {
+  const [c] = ce(t ?? "", "anonymous");
+  return /* @__PURE__ */ w.jsx(
+    se,
+    {
+      ...e,
+      image: t ? c : n,
+      width: a,
+      height: s,
+      opacity: o
+    }
+  );
+}
+const gt = /\.(png|jpe?g|gif|webp|bmp|svg|avif|tiff?)(\?.*)?$/i;
+function pt(e) {
+  return /^https?:\/\//i.test(e) ? gt.test(e) : !1;
+}
+const yt = {
+  text: "Text",
+  qr_code: "QR Code",
+  bar_code: "Bar Code",
+  image: "Image"
+}, mt = `data:image/svg+xml;utf8,${encodeURIComponent(`
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
+  <rect width="120" height="120" fill="#ffffff"/>
+  <rect x="8" y="8" width="32" height="32" fill="#111827"/>
+  <rect x="13" y="13" width="22" height="22" fill="#ffffff"/>
+  <rect x="18" y="18" width="12" height="12" fill="#111827"/>
+  <rect x="80" y="8" width="32" height="32" fill="#111827"/>
+  <rect x="85" y="13" width="22" height="22" fill="#ffffff"/>
+  <rect x="90" y="18" width="12" height="12" fill="#111827"/>
+  <rect x="8" y="80" width="32" height="32" fill="#111827"/>
+  <rect x="13" y="85" width="22" height="22" fill="#ffffff"/>
+  <rect x="18" y="90" width="12" height="12" fill="#111827"/>
+  <rect x="50" y="50" width="8" height="8" fill="#111827"/>
+  <rect x="62" y="50" width="8" height="8" fill="#111827"/>
+  <rect x="50" y="62" width="8" height="8" fill="#111827"/>
+  <rect x="74" y="62" width="8" height="8" fill="#111827"/>
+  <rect x="62" y="74" width="8" height="8" fill="#111827"/>
+  <rect x="86" y="50" width="8" height="8" fill="#111827"/>
+  <rect x="74" y="86" width="8" height="8" fill="#111827"/>
+  <rect x="94" y="74" width="8" height="8" fill="#111827"/>
+</svg>
+`)}`, wt = `data:image/svg+xml;utf8,${encodeURIComponent(`
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 80">
+  <rect width="240" height="80" fill="#ffffff"/>
+  <g fill="#111827">
+    <rect x="18" y="10" width="4" height="52"/>
+    <rect x="26" y="10" width="2" height="52"/>
+    <rect x="32" y="10" width="6" height="52"/>
+    <rect x="42" y="10" width="3" height="52"/>
+    <rect x="49" y="10" width="5" height="52"/>
+    <rect x="58" y="10" width="2" height="52"/>
+    <rect x="64" y="10" width="7" height="52"/>
+    <rect x="75" y="10" width="3" height="52"/>
+    <rect x="82" y="10" width="6" height="52"/>
+    <rect x="92" y="10" width="2" height="52"/>
+    <rect x="98" y="10" width="5" height="52"/>
+    <rect x="108" y="10" width="4" height="52"/>
+    <rect x="116" y="10" width="2" height="52"/>
+    <rect x="122" y="10" width="6" height="52"/>
+    <rect x="132" y="10" width="3" height="52"/>
+    <rect x="139" y="10" width="5" height="52"/>
+    <rect x="148" y="10" width="2" height="52"/>
+    <rect x="154" y="10" width="7" height="52"/>
+    <rect x="165" y="10" width="3" height="52"/>
+    <rect x="172" y="10" width="5" height="52"/>
+    <rect x="181" y="10" width="2" height="52"/>
+    <rect x="187" y="10" width="6" height="52"/>
+    <rect x="197" y="10" width="3" height="52"/>
+    <rect x="204" y="10" width="5" height="52"/>
+    <rect x="213" y="10" width="4" height="52"/>
+  </g>
+  <text x="120" y="74" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#6b7280">123456789012</text>
+</svg>
+`)}`, xt = `data:image/svg+xml;utf8,${encodeURIComponent(`
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 100">
+  <rect width="160" height="100" fill="#f3f4f6"/>
+  <rect x="6" y="6" width="148" height="88" rx="8" fill="#ffffff" stroke="#cbd5e1" stroke-width="2"/>
+  <circle cx="48" cy="35" r="10" fill="#d1d5db"/>
+  <path d="M20 78 L58 50 L78 66 L98 56 L138 78 Z" fill="#cbd5e1"/>
+  <path d="M20 78 L44 62 L62 74 L84 58 L118 78 Z" fill="#9ca3af" opacity="0.9"/>
+</svg>
+`)}`;
+function bt({ boardId: e, board: t, canEdit: n = !0 }) {
+  const {
+    registerContainer: a,
+    stageRef: s,
+    stageSize: o,
+    stageScale: c,
+    stagePosition: g,
+    handleMouseDown: m,
+    handleMouseMove: _,
+    handleMouseUp: M,
+    handleWheel: R,
+    handleDragEnd: I,
+    handleTransformEnd: l
+  } = st(e, { canEdit: n }), p = F((r) => r.elements), S = F((r) => r.selectedId), y = F((r) => r.setSelectedId), d = F((r) => r.updateElement), P = F((r) => r.assetUrl), z = F((r) => r.dataSourceMeta), k = F((r) => r.colorEyedropperActive), Z = F((r) => r.setColorEyedropped), u = F((r) => r.setColorEyedropperActive), b = Y(
+    () => p.find((r) => r.id === S) ?? null,
+    [p, S]
+  ), A = K(0), T = j(
+    (r) => {
+      y(r);
+    },
+    [y]
+  ), [C] = ce(P ?? "", "anonymous"), [L] = ce(mt, "anonymous"), [q] = ce(wt, "anonymous"), [B] = ce(xt, "anonymous"), D = Y(
+    () => ct({
+      ...t?.config,
+      orientation: t?.orientation
+    }),
+    [t?.config, t?.orientation]
+  ), x = Y(() => lt(o, D), [o, D]), G = Y(() => ut(o, {
+    width: C?.width,
+    height: C?.height
+  }), [o, C]), J = Y(() => C ? ht(x, {
+    width: C.width,
+    height: C.height
+  }) : x, [C, x]), ee = Y(() => {
+    if (!b)
+      return null;
+    const r = b.properties.coordinateSpace === "page" ? {
+      x: b.x,
+      y: b.y,
+      width: b.width,
+      height: b.height
+    } : Te(
+      {
+        x: b.x,
+        y: b.y,
+        width: b.width,
+        height: b.height
+      },
+      G,
+      D
+    );
+    return Re(r, x, D);
+  }, [b, G, D, x]), V = Y(
+    () => ({
+      x: x.x + 10,
+      y: x.y + 10,
+      width: x.width - 20,
+      height: x.height - 20
+    }),
+    [x]
+  ), ie = j(
+    (r) => {
+      if (!k)
+        return !1;
+      const f = s.current, h = f?.getPointerPosition(), U = f?.getLayers()[0]?.getNativeCanvasElement(), E = U?.getContext("2d");
+      if (r.cancelBubble = !0, r.evt.preventDefault(), !f || !h || !U || !E)
+        return !0;
+      const H = Math.max(
+        0,
+        Math.min(U.width - 1, Math.round(h.x / Math.max(1, f.width()) * U.width))
+      ), N = Math.max(
+        0,
+        Math.min(U.height - 1, Math.round(h.y / Math.max(1, f.height()) * U.height))
+      ), [v, te, W, de] = E.getImageData(H, N, 1, 1).data;
+      return de === 0 || (A.current = Date.now() + 250, Z(
+        `#${[v, te, W].map((je) => je.toString(16).padStart(2, "0")).join("")}`
+      ), u(!1)), !0;
+    },
+    [k, Z, u, s]
+  ), i = j(
+    (r) => {
+      const f = r.properties.coordinateSpace === "page" ? {
+        x: r.x,
+        y: r.y,
+        width: r.width,
+        height: r.height
+      } : Te(
+        {
+          x: r.x,
+          y: r.y,
+          width: r.width,
+          height: r.height
+        },
+        G,
+        D
+      ), h = Re(f, x, D), $ = {
+        id: r.id,
+        x: h.x,
+        y: h.y,
+        width: h.width,
+        height: h.height,
+        draggable: n && !k,
+        onClick: () => {
+          Date.now() < A.current || k || T(r.id);
+        },
+        onTap: () => {
+          Date.now() < A.current || k || T(r.id);
+        },
+        onDragEnd: (N) => {
+          if (!n || k) return;
+          const v = he(
+            {
+              x: N.target.x(),
+              y: N.target.y(),
+              width: h.width,
+              height: h.height
+            },
+            x,
+            D
+          ), te = {
+            ...r.properties,
+            coordinateSpace: "page"
+          };
+          d(r.id, {
+            x: v.x,
+            y: v.y,
+            width: v.width,
+            height: v.height,
+            properties: te
+          }), I(r, v.x, v.y, te);
+        },
+        onDragMove: (N) => {
+          if (!n || k) return;
+          const v = he(
+            {
+              x: N.target.x(),
+              y: N.target.y(),
+              width: h.width,
+              height: h.height
+            },
+            x,
+            D
+          );
+          d(r.id, {
+            x: v.x,
+            y: v.y,
+            width: v.width,
+            height: v.height,
+            properties: {
+              ...r.properties,
+              coordinateSpace: "page"
+            }
+          });
+        },
+        onTransformEnd: (N) => {
+          if (!n || k) return;
+          const v = N.target, te = {
+            x: v.x(),
+            y: v.y(),
+            width: v.width() * v.scaleX(),
+            height: v.height() * v.scaleY()
+          };
+          v.scaleX(1), v.scaleY(1);
+          const W = he(te, x, D), de = {
+            ...r.properties,
+            coordinateSpace: "page"
+          };
+          d(r.id, {
+            x: W.x,
+            y: W.y,
+            width: W.width,
+            height: W.height,
+            properties: de
+          }), l(
+            r,
+            {
+              x: W.x,
+              y: W.y,
+              width: W.width,
+              height: W.height,
+              rotation: v.rotation()
+            },
+            de
+          );
+        }
+      }, U = typeof r.properties.bindingKey == "string" ? r.properties.bindingKey : null, E = U ? z?.previewRow[U] ?? null : null;
+      if (E ? pt(E) : !1)
+        return /* @__PURE__ */ w.jsx(
+          se,
+          {
+            ...$,
+            image: B ?? void 0,
+            width: h.width,
+            height: h.height,
+            opacity: r.properties.opacity
+          },
+          r.id
+        );
+      if (r.type === "text") {
+        const N = [r.properties.fontWeight, r.properties.italic ? "italic" : ""].join(" ").trim(), v = r.properties.underline ? "underline" : "";
+        return /* @__PURE__ */ w.jsx(
+          ye,
+          {
+            ...$,
+            text: r.text ?? "{{Text}}",
+            fontSize: r.properties.fontSize,
+            fontFamily: r.properties.fontFamily,
+            fontStyle: N,
+            textDecoration: v,
+            fill: r.properties.color,
+            padding: 8,
+            align: r.properties.textAlign,
+            verticalAlign: "middle",
+            opacity: r.properties.opacity
+          },
+          r.id
+        );
+      }
+      return r.type === "qr_code" ? /* @__PURE__ */ w.jsx(
+        se,
+        {
+          ...$,
+          image: L ?? void 0,
+          width: h.width,
+          height: h.height,
+          opacity: r.properties.opacity
+        },
+        r.id
+      ) : r.type === "bar_code" ? /* @__PURE__ */ w.jsx(
+        se,
+        {
+          ...$,
+          image: q ?? void 0,
+          width: h.width,
+          height: h.height,
+          opacity: r.properties.opacity
+        },
+        r.id
+      ) : /* @__PURE__ */ w.jsx(
+        ft,
+        {
+          sharedProps: $,
+          src: r.properties.src ?? r.src,
+          placeholder: B ?? void 0,
+          width: h.width,
+          height: h.height,
+          opacity: r.properties.opacity
+        },
+        r.id
+      );
+    },
+    [
+      T,
+      I,
+      l,
+      d,
+      x,
+      D,
+      G,
+      L,
+      q,
+      B,
+      n,
+      z,
+      k
+    ]
+  );
+  return /* @__PURE__ */ w.jsx("div", { className: "formiq-board-canvas", children: /* @__PURE__ */ w.jsx(
+    "div",
+    {
+      id: "formiq-board-canvas",
+      ref: a,
+      className: "formiq-board-canvas__stage",
+      style: {
+        backgroundColor: "#f3f5fb",
+        backgroundImage: "radial-gradient(rgba(15,23,42,0.12) 1.7px, transparent 1px)",
+        backgroundSize: "32px 32px",
+        cursor: k ? "crosshair" : "default"
+      },
+      children: /* @__PURE__ */ w.jsx(
+        ze,
+        {
+          ref: s,
+          width: o.width,
+          height: o.height,
+          x: g.x,
+          y: g.y,
+          scaleX: c,
+          scaleY: c,
+          onWheel: R,
+          onMouseDown: (r) => {
+            ie(r) || m(r);
+          },
+          onMouseMove: _,
+          onMouseUp: M,
+          onTouchStart: ie,
+          onTouchEnd: M,
+          onMouseLeave: M,
+          onTouchMove: _,
+          children: /* @__PURE__ */ w.jsxs(Fe, { children: [
+            /* @__PURE__ */ w.jsx(
+              ge,
+              {
+                x: x.x,
+                y: x.y,
+                width: x.width,
+                height: x.height,
+                cornerRadius: 20,
+                fill: "#ffffff",
+                shadowColor: "#0f172a",
+                shadowBlur: 16,
+                shadowOpacity: 0.12
+              }
+            ),
+            C ? /* @__PURE__ */ w.jsx(
+              se,
+              {
+                image: C,
+                x: J.x,
+                y: J.y,
+                width: J.width,
+                height: J.height,
+                cornerRadius: 20
+              }
+            ) : /* @__PURE__ */ w.jsx(
+              ge,
+              {
+                x: x.x,
+                y: x.y,
+                width: x.width,
+                height: x.height,
+                cornerRadius: 20,
+                fillLinearGradientColorStops: [0, "#03072b", 0.55, "#0b2b64", 1, "#031a4c"],
+                shadowColor: "#0f172a",
+                shadowBlur: 40
+              }
+            ),
+            /* @__PURE__ */ w.jsx(
+              ge,
+              {
+                x: V.x,
+                y: V.y,
+                width: V.width,
+                height: V.height,
+                cornerRadius: 18,
+                stroke: "#7dd3fc",
+                strokeWidth: 2,
+                dash: [10, 6],
+                opacity: 0.5
+              }
+            ),
+            p.slice().sort((r, f) => r.zIndex - f.zIndex).map((r) => i(r)),
+            b && ee && /* @__PURE__ */ w.jsxs(
+              Le,
+              {
+                x: Math.max(ee.x, 0),
+                y: Math.max(ee.y - 28, 0),
+                listening: !1,
+                children: [
+                  /* @__PURE__ */ w.jsx(Ue, { fill: "#2563eb", cornerRadius: 4 }),
+                  /* @__PURE__ */ w.jsx(ye, { text: yt[b.type], fontSize: 12, fill: "#fff", padding: 6 })
+                ]
+              }
+            ),
+            n && S && /* @__PURE__ */ w.jsx(
+              qe,
+              {
+                ref: (r) => {
+                  if (!r) return;
+                  const h = r.getStage()?.findOne(`#${S}`);
+                  r.nodes(h ? [h] : []);
+                },
+                boundBoxFunc: (r, f) => ({
+                  ...f,
+                  width: Math.max(f.width, 20),
+                  height: Math.max(f.height, 20)
+                })
+              }
+            )
+          ] })
+        }
+      )
+    }
+  ) });
+}
+const re = {
+  fontFamily: "Poppins",
+  italic: !1,
+  underline: !1,
+  fontSize: 24,
+  color: "#ffffff",
+  opacity: 1
+};
+function vt(e) {
+  return e === "center" || e === "right" ? e : "left";
+}
+function Et(e) {
+  return e === "bold" ? "bold" : "normal";
+}
+function ue(e, t = !1) {
+  return typeof e == "boolean" ? e : t;
+}
+function Pe(e) {
+  const t = e.properties ?? {}, n = {
+    fontFamily: typeof t.fontFamily == "string" ? t.fontFamily : re.fontFamily,
+    fontWeight: Et(t.fontWeight),
+    italic: ue(
+      t.italic,
+      ue(t.isItalicText, re.italic)
+    ),
+    underline: ue(
+      t.underline,
+      ue(t.isUnderlineText, re.underline)
+    ),
+    fontSize: typeof t.fontSize == "number" ? t.fontSize : re.fontSize,
+    textAlign: vt(t.textAlign),
+    color: typeof t.color == "string" ? t.color : re.color,
+    opacity: typeof t.opacity == "number" ? t.opacity : re.opacity,
+    coordinateSpace: t.coordinateSpace === "page" ? "page" : "stage",
+    bindingKey: typeof t.bindingKey == "string" ? t.bindingKey : typeof t.bindingKey == "number" ? String(t.bindingKey) : void 0,
+    data: typeof t.data == "string" ? t.data : typeof e.data == "string" ? e.data : void 0,
+    src: typeof t.src == "string" ? t.src : typeof e.src == "string" ? e.src : void 0,
+    isIncrementalVariable: typeof t.isIncrementalVariable == "boolean" ? t.isIncrementalVariable : !1,
+    generationType: t.generationType === "alphanumeric" || t.generationType === "integer" ? t.generationType : void 0,
+    incrementCount: typeof t.incrementCount == "number" && Number.isFinite(t.incrementCount) ? t.incrementCount : void 0,
+    incrementStart: typeof t.incrementStart == "number" && Number.isFinite(t.incrementStart) ? t.incrementStart : void 0,
+    incrementPadLength: typeof t.incrementPadLength == "number" && Number.isFinite(t.incrementPadLength) ? t.incrementPadLength : void 0,
+    incrementSeed: typeof t.incrementSeed == "string" ? t.incrementSeed : void 0
+  };
+  return {
+    id: e.id.toString(),
+    dbId: e.id,
+    configDbId: e.canvasElementConfigId,
+    type: e.type,
+    x: e.x,
+    y: e.y,
+    rotation: e.rotation ?? 0,
+    width: e.width,
+    height: e.height,
+    zIndex: e.zIndex,
+    generationType: n.generationType,
+    text: typeof t.text == "string" ? t.text : e.type === "text" && n.bindingKey ? `{{${n.bindingKey}}}` : void 0,
+    data: n.data,
+    src: n.src,
+    properties: n
+  };
+}
+function _t(e) {
+  if (!e) return null;
+  const t = Array.isArray(e.columnHeaders) ? e.columnHeaders : [], n = Array.isArray(e.parsedData) && e.parsedData.length ? e.parsedData[0] : {};
+  return { columnHeaders: t, previewRow: n };
+}
+function kt({ boardId: e, canEdit: t = !0 }) {
+  const [n, a] = ne(null), [s, o] = ne(!1), c = F((y) => y.setElements), g = F((y) => y.mergeElements), m = F((y) => y.setDataSourceMeta), _ = F((y) => y.setAssetUrl), M = K(!1);
+  Q(() => {
+    const y = Me();
+    a(y), o(!0);
+  }, []);
+  const R = et(e, { enabled: !!(s && n) }), { canvasElements: I } = ke(e, { enabled: !!(s && n) }), l = ot(e), p = Y(() => R.data ? R.data.board.boardName : "Board", [R.data]);
+  Q(() => {
+    if (!R.data?.board) {
+      c([]), m(null), _(null);
+      return;
+    }
+    const { board: y } = R.data;
+    m(_t(y.dataSource)), _(y.asset?.fileUrl ?? null);
+  }, [R.data, c, m, _]), Q(() => {
+    if (I) {
+      if (!M.current) {
+        c(I.map(Pe)), M.current = !0;
+        return;
+      }
+      g(I.map(Pe));
+    }
+  }, [I, c, g]);
+  async function S() {
+    if (l.status === "READY" && l.downloadUrl) {
+      window.open(l.downloadUrl, "_blank", "noopener,noreferrer");
+      return;
+    }
+    await l.triggerGeneration();
+  }
+  return /* @__PURE__ */ w.jsxs("div", { className: "formiq-board", children: [
+    /* @__PURE__ */ w.jsxs("div", { className: "formiq-board__header", children: [
+      /* @__PURE__ */ w.jsx("div", { className: "formiq-board__title", children: p }),
+      /* @__PURE__ */ w.jsxs("div", { className: "formiq-board__actions", children: [
+        /* @__PURE__ */ w.jsx(
+          "button",
+          {
+            type: "button",
+            className: "formiq-board__button",
+            onClick: S,
+            disabled: l.isTriggering || l.isGenerating || !n,
+            children: l.isGenerating ? `Generating ${l.progress}%` : "Generate PDF"
+          }
+        ),
+        l.downloadUrl && l.status === "READY" && /* @__PURE__ */ w.jsx(
+          "button",
+          {
+            type: "button",
+            className: "formiq-board__button formiq-board__button--ghost",
+            onClick: () => window.open(l.downloadUrl, "_blank", "noopener,noreferrer"),
+            children: "Download PDF"
+          }
+        )
+      ] })
+    ] }),
+    R.isError && /* @__PURE__ */ w.jsx("div", { className: "formiq-board__error", children: "Failed to load board. Check your PAT and board id." }),
+    !n && /* @__PURE__ */ w.jsxs("div", { className: "formiq-board__empty", children: [
+      "No PAT provided. Wrap this component with ",
+      /* @__PURE__ */ w.jsx("code", { children: '<FormiqProvider token="...">' }),
+      "."
+    ] }),
+    n && /* @__PURE__ */ w.jsx("div", { className: "formiq-board__canvas", children: /* @__PURE__ */ w.jsx(bt, { boardId: e, board: R.data?.board, canEdit: t }) })
+  ] });
+}
+function jt({ token: e, children: t }) {
+  const n = Y(() => e.trim(), [e]);
+  return Q(() => {
+    n && Ie(n);
+  }, [n]), /* @__PURE__ */ w.jsx(w.Fragment, { children: t });
+}
+function Ot(e) {
+  return fe({
+    queryKey: ["validate-pat", e],
+    queryFn: () => Ke(e ?? ""),
+    enabled: !!e,
+    staleTime: 6e4
+  });
+}
+export {
+  kt as BoardEditor,
+  jt as FormiqProvider,
+  It as clearPersonalAccessToken,
+  Me as getPersonalAccessToken,
+  Ie as setPersonalAccessToken,
+  st as useBoardCanvas,
+  et as useBoardEditor,
+  ke as useCanvasElement,
+  F as useCanvasStore,
+  ot as useProduce,
+  Ot as useValidatePat
+};