@chaibuilder/sdk 0.1.1 → 0.1.3

package/dist/{link-0bfd8606.js → link-f80a947d.js}

@@ -1,38 +1,23 @@
 import { j as e } from "./jsx-runtime-944c88e2.js";
-import * as u from "react";
-import { useState as m, useEffect as x } from "react";
-import { c as g } from "./utils-ac68b2c8.js";
-import h, { IconPickerItem as f } from "react-icons-picker";
-import b from "react-dom";
-import { isEmpty as j, map as k } from "lodash";
-import { D as v, b as y, a as w } from "./dialog-3d4e82ed.js";
-import I from "./ImagesPanel-6595528d.js";
-import N from "react-quill";
+import x, { IconPickerItem as m } from "react-icons-picker";
+import g from "react-dom";
+import { isEmpty as h, map as f } from "lodash";
+import { useState as u, useEffect as j } from "react";
+import { D as b, b as k, a as v } from "./dialog-3d4e82ed.js";
+import y from "./ImagesPanel-8ccab6d9.js";
+import w from "react-quill";
 import "react-i18next";
-import { u as B } from "./useBuilderProp-81a14920.js";
-const P = u.forwardRef(({ className: t, type: r, ...s }, o) => /* @__PURE__ */ e.jsx(
-  "input",
-  {
-    type: r,
-    className: g(
-      "flex h-9 w-full rounded-md border border-border  bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-      t
-    ),
-    ref: o,
-    ...s
-  }
-));
-P.displayName = "Input";
-const C = (t) => {
-  const r = document.getElementById("icon-picker-field"), s = document.createElement("div");
-  b.render(/* @__PURE__ */ e.jsx(f, { value: t }), s), r.appendChild(s), s.hidden = !0;
-  const o = s.innerHTML;
-  return setTimeout(() => r.removeChild(s), 1e3), o;
-}, R = ({ value: t, onChange: r, onBlur: s, id: o }) => {
-  const i = (n) => {
+import { u as N } from "./useBuilderProp-81a14920.js";
+const B = (t) => {
+  const r = document.getElementById("icon-picker-field"), l = document.createElement("div");
+  g.render(/* @__PURE__ */ e.jsx(m, { value: t }), l), r.appendChild(l), l.hidden = !0;
+  const n = l.innerHTML;
+  return setTimeout(() => r.removeChild(l), 1e3), n;
+}, F = ({ value: t, onChange: r, onBlur: l, id: n }) => {
+  const i = (o) => {
     r("<svg />");
-    const a = C(n);
-    r(a), s(o, a);
+    const a = B(o);
+    r(a), l(n, a);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "mt-1 flex h-20 items-center gap-x-2", id: "icon-picker-field", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "relative h-12 w-12", children: [
@@ -44,7 +29,7 @@ const C = (t) => {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        h,
+        x,
         {
           value: t ? "BiSolidGrid" : null,
           onChange: i,
@@ -71,24 +56,24 @@ const C = (t) => {
       "textarea",
       {
         value: t,
-        onChange: (n) => r(n.target.value),
+        onChange: (o) => r(o.target.value),
         className: "h-full w-full rounded-sm border-foreground/20 px-2 py-1 text-xs shadow-sm focus:border-gray-500/80 focus:outline-none focus:ring-0",
         placeholder: "Choose icon or enter svg"
       }
     )
   ] });
-}, z = R, E = ({ children: t, onSelect: r }) => {
-  const [s, o] = m(!1), i = (...n) => {
-    r.call(void 0, ...n), o(!1);
+}, C = ({ children: t, onSelect: r }) => {
+  const [l, n] = u(!1), i = (...o) => {
+    r.call(void 0, ...o), n(!1);
   };
-  return /* @__PURE__ */ e.jsxs(v, { open: s, onOpenChange: (n) => o(n), children: [
-    /* @__PURE__ */ e.jsx(y, { asChild: !0, children: t }),
-    /* @__PURE__ */ e.jsx(w, { className: "flex h-3/4 max-w-5xl", children: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ e.jsx(I, { isModalView: !0, onSelect: i }) }) })
+  return /* @__PURE__ */ e.jsxs(b, { open: l, onOpenChange: (o) => n(o), children: [
+    /* @__PURE__ */ e.jsx(k, { asChild: !0, children: t }),
+    /* @__PURE__ */ e.jsx(v, { className: "flex h-3/4 max-w-5xl", children: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ e.jsx(y, { isModalView: !0, onSelect: i }) }) })
   ] });
-}, p = E, S = ({ value: t, onChange: r, id: s, onBlur: o }) => /* @__PURE__ */ e.jsxs("div", { className: "mt-1.5 flex items-center gap-x-3", children: [
+}, p = C, A = ({ value: t, onChange: r, id: l, onBlur: n }) => /* @__PURE__ */ e.jsxs("div", { className: "mt-1.5 flex items-center gap-x-3", children: [
   t ? /* @__PURE__ */ e.jsx("img", { src: t, className: "h-20 w-20 overflow-hidden rounded-md border object-cover", alt: "" }) : /* @__PURE__ */ e.jsx(p, { onSelect: r, children: /* @__PURE__ */ e.jsx("div", { className: "h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400" }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "flex w-3/5 flex-col", children: [
-    /* @__PURE__ */ e.jsx(p, { onSelect: r, children: /* @__PURE__ */ e.jsx("small", { className: "cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700", children: t || !j(t) ? "Replace Image" : "Choose Image" }) }),
+    /* @__PURE__ */ e.jsx(p, { onSelect: r, children: /* @__PURE__ */ e.jsx("small", { className: "cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700", children: t || !h(t) ? "Replace Image" : "Choose Image" }) }),
     /* @__PURE__ */ e.jsx("small", { className: "-pl-4 pt-2 text-center text-xs text-gray-600", children: "OR" }),
     /* @__PURE__ */ e.jsx(
       "input",
@@ -97,13 +82,13 @@ const C = (t) => {
         className: "text-xs",
         placeholder: "Enter image URL",
         value: t,
-        onBlur: ({ target: { value: i } }) => o(s, i),
+        onBlur: ({ target: { value: i } }) => n(l, i),
         onChange: (i) => r(i.target.value)
       }
     )
   ] })
-] }), G = S, _ = ({ id: t, placeholder: r, value: s, onChange: o, onBlur: i }) => {
-  const n = {
+] }), U = ({ id: t, placeholder: r, value: l, onChange: n, onBlur: i }) => {
+  const o = {
     toolbar: [
       ["bold", "italic", "underline", "strike", "blockquote"],
       [{ list: "ordered" }, { list: "bullet" }],
@@ -125,27 +110,27 @@ const C = (t) => {
     "link",
     "image"
   ];
-  return /* @__PURE__ */ e.jsx(
-    N,
+  return typeof window > "u" ? null : /* @__PURE__ */ e.jsx(
+    w,
     {
       id: t,
-      value: s,
+      value: l,
       onBlur: (c) => i(t, c),
-      onChange: (c) => o(c),
-      modules: n,
+      onChange: (c) => n(c),
+      modules: o,
       formats: a,
       placeholder: r,
       className: "mt-1 rounded-md"
     }
   );
-}, Q = _, L = ({ schema: t, formData: r, onChange: s }) => {
-  const [o, i] = m([]), n = B("getPages", () => []), { type: a = "page", href: c = "", target: d = "self" } = r;
-  return x(() => {
+}, V = ({ schema: t, formData: r, onChange: l }) => {
+  const [n, i] = u([]), o = N("getPages", () => []), { type: a = "page", href: c = "", target: d = "self" } = r;
+  return j(() => {
     (async () => {
-      const l = await n();
-      i(l);
+      const s = await o();
+      i(s);
     })();
-  }, [n]), /* @__PURE__ */ e.jsxs("div", { children: [
+  }, [o]), /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx("span", { className: "text-xs font-medium", children: (t == null ? void 0 : t.title) ?? "Link" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-y-1.5", children: [
       /* @__PURE__ */ e.jsx(
@@ -154,14 +139,14 @@ const C = (t) => {
           name: "type",
           defaultValue: "page",
           value: a,
-          onChange: (l) => s({ ...r, type: l.target.value }),
+          onChange: (s) => l({ ...r, type: s.target.value }),
           children: [
             { const: "page", title: "Open Page" },
             { const: "url", title: "Open URL" },
             { const: "email", title: "Compose Email" },
             { const: "telephone", title: "Call Phone" },
             { const: "scroll", title: "Scroll to element" }
-          ].map((l) => /* @__PURE__ */ e.jsx("option", { value: l.const, children: l.title }, l.const))
+          ].map((s) => /* @__PURE__ */ e.jsx("option", { value: s.const, children: s.title }, s.const))
         }
       ),
       a === "page" ? /* @__PURE__ */ e.jsxs(
@@ -171,10 +156,10 @@ const C = (t) => {
           defaultValue: "",
           placeholder: "Choose Page",
           value: c,
-          onChange: (l) => s({ ...r, href: l.target.value }),
+          onChange: (s) => l({ ...r, href: s.target.value }),
           children: [
             /* @__PURE__ */ e.jsx("option", { value: "", children: "Choose page" }),
-            k(o, (l) => /* @__PURE__ */ e.jsx("option", { value: l.slug, children: l.page_name }, l.uuid))
+            f(n, (s) => /* @__PURE__ */ e.jsx("option", { value: s.slug, children: s.page_name }, s.uuid))
           ]
         }
       ) : /* @__PURE__ */ e.jsx(
@@ -183,7 +168,7 @@ const C = (t) => {
           name: "href",
           type: "text",
           value: c,
-          onChange: (l) => s({ ...r, href: l.target.value }),
+          onChange: (s) => l({ ...r, href: s.target.value }),
           placeholder: a === "page" || a === "url" ? "Enter URL" : a === "scroll" ? "#ElementID" : "Enter detail"
         }
       ),
@@ -194,18 +179,17 @@ const C = (t) => {
             type: "checkbox",
             defaultChecked: d === "_blank",
             className: "cursor-pointer rounded-md border border-border",
-            onChange: () => s({ ...r, target: d === "_blank" ? "_self" : "_blank" })
+            onChange: () => l({ ...r, target: d === "_blank" ? "_self" : "_blank" })
           }
         ),
         /* @__PURE__ */ e.jsx("span", { className: "pt-1 text-xs", children: "Open in new tab" })
       ] })
     ] })
   ] });
-}, J = L;
+};
 export {
-  P as I,
-  J as L,
-  Q as R,
-  z as a,
-  G as b
+  F as I,
+  V as L,
+  U as R,
+  A as a
 };

package/dist/mockServiceWorker.js

@@ -0,0 +1,292 @@
+/* eslint-disable */
+/* tslint:disable */
+
+/**
+ * Mock Service Worker (2.0.8).
+ * @see https://github.com/mswjs/msw
+ * - Please do NOT modify this file.
+ * - Please do NOT serve this file on production.
+ */
+
+const INTEGRITY_CHECKSUM = '0877fcdc026242810f5bfde0d7178db4'
+const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
+const activeClientIds = new Set()
+
+self.addEventListener('install', function () {
+  self.skipWaiting()
+})
+
+self.addEventListener('activate', function (event) {
+  event.waitUntil(self.clients.claim())
+})
+
+self.addEventListener('message', async function (event) {
+  const clientId = event.source.id
+
+  if (!clientId || !self.clients) {
+    return
+  }
+
+  const client = await self.clients.get(clientId)
+
+  if (!client) {
+    return
+  }
+
+  const allClients = await self.clients.matchAll({
+    type: 'window',
+  })
+
+  switch (event.data) {
+    case 'KEEPALIVE_REQUEST': {
+      sendToClient(client, {
+        type: 'KEEPALIVE_RESPONSE',
+      })
+      break
+    }
+
+    case 'INTEGRITY_CHECK_REQUEST': {
+      sendToClient(client, {
+        type: 'INTEGRITY_CHECK_RESPONSE',
+        payload: INTEGRITY_CHECKSUM,
+      })
+      break
+    }
+
+    case 'MOCK_ACTIVATE': {
+      activeClientIds.add(clientId)
+
+      sendToClient(client, {
+        type: 'MOCKING_ENABLED',
+        payload: true,
+      })
+      break
+    }
+
+    case 'MOCK_DEACTIVATE': {
+      activeClientIds.delete(clientId)
+      break
+    }
+
+    case 'CLIENT_CLOSED': {
+      activeClientIds.delete(clientId)
+
+      const remainingClients = allClients.filter((client) => {
+        return client.id !== clientId
+      })
+
+      // Unregister itself when there are no more clients
+      if (remainingClients.length === 0) {
+        self.registration.unregister()
+      }
+
+      break
+    }
+  }
+})
+
+self.addEventListener('fetch', function (event) {
+  const { request } = event
+
+  // Bypass navigation requests.
+  if (request.mode === 'navigate') {
+    return
+  }
+
+  // Opening the DevTools triggers the "only-if-cached" request
+  // that cannot be handled by the worker. Bypass such requests.
+  if (request.cache === 'only-if-cached' && request.mode !== 'same-origin') {
+    return
+  }
+
+  // Bypass all requests when there are no active clients.
+  // Prevents the self-unregistered worked from handling requests
+  // after it's been deleted (still remains active until the next reload).
+  if (activeClientIds.size === 0) {
+    return
+  }
+
+  // Generate unique request ID.
+  const requestId = crypto.randomUUID()
+  event.respondWith(handleRequest(event, requestId))
+})
+
+async function handleRequest(event, requestId) {
+  const client = await resolveMainClient(event)
+  const response = await getResponse(event, client, requestId)
+
+  // Send back the response clone for the "response:*" life-cycle events.
+  // Ensure MSW is active and ready to handle the message, otherwise
+  // this message will pend indefinitely.
+  if (client && activeClientIds.has(client.id)) {
+    ;(async function () {
+      const responseClone = response.clone()
+      // When performing original requests, response body will
+      // always be a ReadableStream, even for 204 responses.
+      // But when creating a new Response instance on the client,
+      // the body for a 204 response must be null.
+      const responseBody = response.status === 204 ? null : responseClone.body
+
+      sendToClient(
+        client,
+        {
+          type: 'RESPONSE',
+          payload: {
+            requestId,
+            isMockedResponse: IS_MOCKED_RESPONSE in response,
+            type: responseClone.type,
+            status: responseClone.status,
+            statusText: responseClone.statusText,
+            body: responseBody,
+            headers: Object.fromEntries(responseClone.headers.entries()),
+          },
+        },
+        [responseBody],
+      )
+    })()
+  }
+
+  return response
+}
+
+// Resolve the main client for the given event.
+// Client that issues a request doesn't necessarily equal the client
+// that registered the worker. It's with the latter the worker should
+// communicate with during the response resolving phase.
+async function resolveMainClient(event) {
+  const client = await self.clients.get(event.clientId)
+
+  if (client?.frameType === 'top-level') {
+    return client
+  }
+
+  const allClients = await self.clients.matchAll({
+    type: 'window',
+  })
+
+  return allClients
+    .filter((client) => {
+      // Get only those clients that are currently visible.
+      return client.visibilityState === 'visible'
+    })
+    .find((client) => {
+      // Find the client ID that's recorded in the
+      // set of clients that have registered the worker.
+      return activeClientIds.has(client.id)
+    })
+}
+
+async function getResponse(event, client, requestId) {
+  const { request } = event
+
+  // Clone the request because it might've been already used
+  // (i.e. its body has been read and sent to the client).
+  const requestClone = request.clone()
+
+  function passthrough() {
+    const headers = Object.fromEntries(requestClone.headers.entries())
+
+    // Remove internal MSW request header so the passthrough request
+    // complies with any potential CORS preflight checks on the server.
+    // Some servers forbid unknown request headers.
+    delete headers['x-msw-intention']
+
+    return fetch(requestClone, { headers })
+  }
+
+  // Bypass mocking when the client is not active.
+  if (!client) {
+    return passthrough()
+  }
+
+  // Bypass initial page load requests (i.e. static assets).
+  // The absence of the immediate/parent client in the map of the active clients
+  // means that MSW hasn't dispatched the "MOCK_ACTIVATE" event yet
+  // and is not ready to handle requests.
+  if (!activeClientIds.has(client.id)) {
+    return passthrough()
+  }
+
+  // Bypass requests with the explicit bypass header.
+  // Such requests can be issued by "ctx.fetch()".
+  const mswIntention = request.headers.get('x-msw-intention')
+  if (['bypass', 'passthrough'].includes(mswIntention)) {
+    return passthrough()
+  }
+
+  // Notify the client that a request has been intercepted.
+  const requestBuffer = await request.arrayBuffer()
+  const clientMessage = await sendToClient(
+    client,
+    {
+      type: 'REQUEST',
+      payload: {
+        id: requestId,
+        url: request.url,
+        mode: request.mode,
+        method: request.method,
+        headers: Object.fromEntries(request.headers.entries()),
+        cache: request.cache,
+        credentials: request.credentials,
+        destination: request.destination,
+        integrity: request.integrity,
+        redirect: request.redirect,
+        referrer: request.referrer,
+        referrerPolicy: request.referrerPolicy,
+        body: requestBuffer,
+        keepalive: request.keepalive,
+      },
+    },
+    [requestBuffer],
+  )
+
+  switch (clientMessage.type) {
+    case 'MOCK_RESPONSE': {
+      return respondWithMock(clientMessage.data)
+    }
+
+    case 'MOCK_NOT_FOUND': {
+      return passthrough()
+    }
+  }
+
+  return passthrough()
+}
+
+function sendToClient(client, message, transferrables = []) {
+  return new Promise((resolve, reject) => {
+    const channel = new MessageChannel()
+
+    channel.port1.onmessage = (event) => {
+      if (event.data && event.data.error) {
+        return reject(event.data.error)
+      }
+
+      resolve(event.data)
+    }
+
+    client.postMessage(
+      message,
+      [channel.port2].concat(transferrables.filter(Boolean)),
+    )
+  })
+}
+
+async function respondWithMock(response) {
+  // Setting response status code to 0 is a no-op.
+  // However, when responding with a "Response.error()", the produced Response
+  // instance will have status code set to 0. Since it's not possible to create
+  // a Response instance with status code 0, handle that use-case separately.
+  if (response.status === 0) {
+    return Response.error()
+  }
+
+  const mockedResponse = new Response(response.body, response)
+
+  Reflect.defineProperty(mockedResponse, IS_MOCKED_RESPONSE, {
+    value: true,
+    enumerable: true,
+  })
+
+  return mockedResponse
+}

package/dist/page-viewer-41cbb548.js

@@ -0,0 +1,88 @@
+import { j as e } from "./jsx-runtime-944c88e2.js";
+import o, { useState as c, Suspense as m } from "react";
+import { HomeIcon as p, FileTextIcon as u, ChevronRightIcon as d, GearIcon as x } from "@radix-ui/react-icons";
+import { P as g, a as h, b as f } from "./popover-f7addcf4.js";
+import { O as j } from "./index-390f7bef.js";
+import "@radix-ui/react-popover";
+import "./utils-ac68b2c8.js";
+import "clsx";
+import "tailwind-merge";
+import "i18next";
+import "react-i18next";
+import "flagged";
+import "react-dnd";
+import "lodash";
+import "@minoru/react-dnd-treeview";
+import "./useBuilderProp-81a14920.js";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-toast";
+import "jotai";
+import "react-hotkeys-hook";
+import "flat-to-nested";
+import "./Class-e34b2337.js";
+import "redux-undo";
+import "@react-hookz/web";
+import "@chaibuilder/blocks";
+import "./CONTROLS-442caee5.js";
+const N = o.lazy(() => import("./single-page-detail-924d57fc.js")), b = ({ pageData: t }) => {
+  const [s, r] = c("CLOSE");
+  return /* @__PURE__ */ e.jsxs(
+    g,
+    {
+      open: s === "OPEN" || s === "ALERT" || s === "PENDING",
+      onOpenChange: (i) => {
+        r(s === "PENDING" ? "ALERT" : i ? "OPEN" : "CLOSE");
+      },
+      children: [
+        /* @__PURE__ */ e.jsx(
+          h,
+          {
+            asChild: !0,
+            onClick: (i) => {
+              i.stopPropagation(), r("OPEN");
+            },
+            children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: s === "OPEN" || s === "ALERT" || s === "PENDING" ? /* @__PURE__ */ e.jsx(d, {}) : /* @__PURE__ */ e.jsx("div", { className: "hidden hover:text-blue-600 group-hover:flex", children: /* @__PURE__ */ e.jsx(x, {}) }) })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(f, { side: "right", align: "start", alignOffset: -35, className: "h-screen w-96", children: /* @__PURE__ */ e.jsx(
+          m,
+          {
+            fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full animate-pulse flex-col gap-y-3", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "bg-background-300 h-6 w-1/2" }),
+              /* @__PURE__ */ e.jsx("div", { className: "bg-background-300 h-20 w-full" }),
+              /* @__PURE__ */ e.jsx("div", { className: "bg-background-300 h-20 w-full" })
+            ] }),
+            children: /* @__PURE__ */ e.jsx(N, { pageData: t, open: s, setOpen: r })
+          }
+        ) })
+      ]
+    }
+  );
+}, v = (t) => {
+  const [s] = ["123"], { data: r } = j(), i = {}, a = (r == null ? void 0 : r.homepage) === t.uuid, n = s === t.uuid, l = () => i(t);
+  return r ? /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      className: `group relative flex w-full cursor-pointer items-center justify-between px-2.5 py-2 ${n ? "bg-blue-200 " : ""}`,
+      onClick: l,
+      type: "button",
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-1.5", children: [
+          a ? /* @__PURE__ */ e.jsx(p, {}) : /* @__PURE__ */ e.jsx(u, {}),
+          " ",
+          t.name
+        ] }),
+        /* @__PURE__ */ e.jsx(b, { pageData: t })
+      ]
+    }
+  ) : null;
+}, W = ({ pages: t, isLoading: s }) => s ? /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-1 px-2.5 pt-2", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" }),
+  /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" }),
+  /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" })
+] }) : t.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "px-2.5 pb-2 pt-4", children: "No pages" }) : /* @__PURE__ */ e.jsx("div", { className: "-mb-2", children: o.Children.toArray(t.map((r) => /* @__PURE__ */ e.jsx(v, { ...r }))) });
+export {
+  W as default
+};

package/dist/page-viewer-83ce2c70.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),n=require("react"),u=require("@radix-ui/react-icons"),o=require("./popover-7cb9079b.cjs"),c=require("./index-ebd86d7f.cjs");require("@radix-ui/react-popover");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("i18next");require("react-i18next");require("flagged");require("react-dnd");require("lodash");require("@minoru/react-dnd-treeview");require("./useBuilderProp-5e57d0c8.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-7d6aadbc.cjs");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("./CONTROLS-031e1de3.cjs");const j=n.lazy(()=>Promise.resolve().then(()=>require("./single-page-detail-cfeae896.cjs"))),m=({pageData:r})=>{const[s,t]=n.useState("CLOSE");return e.jsxRuntimeExports.jsxs(o.Popover,{open:s==="OPEN"||s==="ALERT"||s==="PENDING",onOpenChange:i=>{t(s==="PENDING"?"ALERT":i?"OPEN":"CLOSE")},children:[e.jsxRuntimeExports.jsx(o.PopoverTrigger,{asChild:!0,onClick:i=>{i.stopPropagation(),t("OPEN")},children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between",children:s==="OPEN"||s==="ALERT"||s==="PENDING"?e.jsxRuntimeExports.jsx(u.ChevronRightIcon,{}):e.jsxRuntimeExports.jsx("div",{className:"hidden hover:text-blue-600 group-hover:flex",children:e.jsxRuntimeExports.jsx(u.GearIcon,{})})})}),e.jsxRuntimeExports.jsx(o.PopoverContent,{side:"right",align:"start",alignOffset:-35,className:"h-screen w-96",children:e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex w-full animate-pulse flex-col gap-y-3",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-6 w-1/2"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-20 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-20 w-full"})]}),children:e.jsxRuntimeExports.jsx(j,{pageData:r,open:s,setOpen:t})})})]})},p=r=>{const[s]=["123"],{data:t}=c.useProject(),i={},x=(t==null?void 0:t.homepage)===r.uuid,l=s===r.uuid,a=()=>i(r);return t?e.jsxRuntimeExports.jsxs("button",{className:`group relative flex w-full cursor-pointer items-center justify-between px-2.5 py-2 ${l?"bg-blue-200 ":""}`,onClick:a,type:"button",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1.5",children:[x?e.jsxRuntimeExports.jsx(u.HomeIcon,{}):e.jsxRuntimeExports.jsx(u.FileTextIcon,{})," ",r.name]}),e.jsxRuntimeExports.jsx(m,{pageData:r})]}):null},d=({pages:r,isLoading:s})=>s?e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-1 px-2.5 pt-2",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"})]}):r.length===0?e.jsxRuntimeExports.jsx("div",{className:"px-2.5 pb-2 pt-4",children:"No pages"}):e.jsxRuntimeExports.jsx("div",{className:"-mb-2",children:n.Children.toArray(r.map(t=>e.jsxRuntimeExports.jsx(p,{...t})))});exports.default=d;

package/dist/project-general-setting-0262fe62.js

@@ -0,0 +1,65 @@
+import { j as i } from "./jsx-runtime-944c88e2.js";
+import * as n from "react";
+import { S as f } from "./scroll-area-9f64a082.js";
+import { SingleLineText as c, Image as d } from "@chaibuilder/blocks";
+import { F as u } from "./form-5d5c5c9e.js";
+import { O as x } from "./index-390f7bef.js";
+import "@radix-ui/react-scroll-area";
+import "./utils-ac68b2c8.js";
+import "clsx";
+import "tailwind-merge";
+import "@rjsf/core";
+import "@rjsf/validator-ajv8";
+import "lodash";
+import "./link-f80a947d.js";
+import "react-icons-picker";
+import "react-dom";
+import "./dialog-3d4e82ed.js";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-icons";
+import "./ImagesPanel-8ccab6d9.js";
+import "./tabs-85caa1e8.js";
+import "@radix-ui/react-tabs";
+import "react-quill";
+import "react-i18next";
+import "./useBuilderProp-81a14920.js";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-toast";
+import "jotai";
+import "i18next";
+import "flagged";
+import "react-dnd";
+import "@minoru/react-dnd-treeview";
+import "react-hotkeys-hook";
+import "flat-to-nested";
+import "./Class-e34b2337.js";
+import "redux-undo";
+import "@react-hookz/web";
+import "./CONTROLS-442caee5.js";
+const to = ({
+  _projectData: m,
+  seany: t
+}) => {
+  const { data: o, isLoading: p } = x();
+  n.useEffect(() => {
+    o && t(o);
+  }, [o, t]);
+  const e = ({ formData: s }, r) => {
+    t((l) => ({
+      ...l,
+      [r]: s[r]
+    }));
+  }, a = {
+    name: c({
+      title: "Project Name",
+      default: o == null ? void 0 : o.name
+    }),
+    favicon: d({ title: "Favicon", default: o == null ? void 0 : o.favicon })
+  };
+  return /* @__PURE__ */ i.jsx(f, { className: "flex h-full select-none flex-col", children: /* @__PURE__ */ i.jsx(u, { properties: a, disabled: p, formData: m, onChange: e }) });
+};
+export {
+  to as default
+};