@chaibuilder/sdk 4.0.0-beta.49 → 4.0.0-beta.51

package/dist/page-manager-search-and-filter-Cllju4CV.js

@@ -0,0 +1,184 @@
+import { jsx as e, jsxs as s, Fragment as C } from "react/jsx-runtime";
+import { useQueryClient as L } from "@tanstack/react-query";
+import { get as o, isEmpty as v, filter as u, map as k } from "lodash-es";
+import { Star as P, Plus as z, ListFilter as F, Search as S, ChevronsUpDown as I, ChevronsDownUp as G, RefreshCw as U } from "lucide-react";
+import { useState as $, useMemo as j, useEffect as B } from "react";
+import { useTranslation as g } from "react-i18next";
+import { B as p, z as A } from "./register-chai-top-bar-DWmJ2efT.js";
+import { S as D, z as M, A as R, E as b, F as w, G as y, H as N } from "./index-DPV6NiJ-.js";
+import { f as W, L as q, h as K, ag as Q } from "./index-DqzFD1CG.js";
+import { u as _ } from "./use-page-expand-manager-Cf4MUEJw.js";
+const H = ({ selectedPageType: t, setSelectedPageType: r }) => {
+  const { t: n } = g(), [i, l] = $(""), { data: c } = K(), f = j(
+    () => c.some((a) => !["page", "global"].includes(o(a, "key", ""))),
+    [c]
+  );
+  if (B(() => {
+    !f && t !== "all" && r("all");
+  }, [f, t, r]), !f) return null;
+  const d = (a) => {
+    if (!i) return !0;
+    const h = i.toLowerCase(), x = (E) => String(o(a, E, "")).toLowerCase().includes(h);
+    return x("name") || x("key");
+  }, m = c.find((a) => a.key === t);
+  return /* @__PURE__ */ s(D, { onValueChange: r, value: t, children: [
+    /* @__PURE__ */ e(
+      M,
+      {
+        className: `${t === "all" ? "bg-gray-100/30 hover:bg-gray-100" : "gap-x-1 border bg-gray-100/30 hover:bg-gray-100"} h-9 w-max min-w-[150px] overflow-hidden whitespace-nowrap rounded p-0 px-2 py-1 text-xs text-gray-600 shadow-none ring-0 focus:ring-0 [&>svg]:hidden`,
+        children: /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-between gap-x-1.5", children: [
+          /* @__PURE__ */ e("span", { className: "max-w-[150px] overflow-hidden truncate whitespace-nowrap font-medium leading-tight", children: (m == null ? void 0 : m.name) || n("All") }),
+          /* @__PURE__ */ e(
+            F,
+            {
+              className: `${t !== "all" ? "fill-sky-50 text-sky-500" : ""} pointer-events-none h-4 w-4 text-muted-foreground hover:bg-blue-300`
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ s(R, { children: [
+      /* @__PURE__ */ e("div", { className: "sticky top-0 z-10 bg-white pb-2", children: /* @__PURE__ */ s("div", { className: "relative", children: [
+        /* @__PURE__ */ e(S, { strokeWidth: 2, className: "absolute left-2 top-2.5 h-3.5 w-3.5 text-gray-400" }),
+        /* @__PURE__ */ e(
+          A,
+          {
+            placeholder: n("Search page types..."),
+            className: "h-8 w-full rounded border pl-8 text-xs shadow-none",
+            value: i,
+            onChange: (a) => l(a.target.value),
+            onKeyDown: (a) => a.stopPropagation()
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ e(b, { value: "all", children: n("All") }),
+      !v(u(c, (a) => a.hasSlug && d(a))) && /* @__PURE__ */ s(C, { children: [
+        /* @__PURE__ */ e("div", { className: "mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500", children: n("Pages") }),
+        k(
+          [...u(c, (a) => a.hasSlug && d(a))].sort(
+            (a, h) => o(a, "name", "").localeCompare(o(h, "name", ""))
+          ),
+          (a) => /* @__PURE__ */ e(b, { value: o(a, "key"), children: o(a, "name") }, o(a, "key"))
+        )
+      ] }),
+      !v(u(c, (a) => !a.hasSlug && d(a))) && /* @__PURE__ */ s(C, { children: [
+        /* @__PURE__ */ e("div", { className: "mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500", children: n("Partials") }),
+        k(
+          [...u(c, (a) => !a.hasSlug && d(a))].sort(
+            (a, h) => o(a, "name", "").localeCompare(o(h, "name", ""))
+          ),
+          (a) => /* @__PURE__ */ e(b, { value: o(a, "key"), children: o(a, "name") }, o(a, "key"))
+        )
+      ] }),
+      v(u(c, d)) && /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-sm text-gray-500", children: n("No matching page types found") })
+    ] })
+  ] });
+}, O = ({ search: t, setSearch: r }) => {
+  const { t: n } = g();
+  return /* @__PURE__ */ s("div", { className: "relative flex h-9 flex-1 items-center gap-2 rounded-md border px-2.5", children: [
+    /* @__PURE__ */ e("label", { htmlFor: "page-search-input", className: "sr-only", children: n("Search Pages") }),
+    /* @__PURE__ */ e(
+      S,
+      {
+        className: `${t ? "fill-sky-50 text-sky-500" : ""} pointer-events-none h-4 w-4 text-muted-foreground`,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ e(
+      A,
+      {
+        id: "page-search-input",
+        placeholder: n("Search pages"),
+        value: t,
+        onChange: (i) => r(i.target.value),
+        className: "border-none px-1.5 shadow-none outline-none ring-0 transition-none focus:outline-none focus:ring-0 focus-visible:ring-0",
+        autoComplete: "off",
+        autoFocus: !0
+      }
+    )
+  ] });
+}, T = ({ pages: t }) => {
+  const { t: r } = g(), { expandAll: n, collapseAll: i, expandedPages: l } = _(null);
+  return /* @__PURE__ */ s("div", { className: "flex gap-1", children: [
+    /* @__PURE__ */ s(w, { children: [
+      /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ e(p, { variant: "outline", size: "icon", onClick: () => n(t), className: "rounded p-1 text-gray-500", children: /* @__PURE__ */ e(I, {}) }) }),
+      /* @__PURE__ */ e(N, { children: r("Expand All") })
+    ] }),
+    /* @__PURE__ */ s(w, { children: [
+      /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ e(
+        p,
+        {
+          disabled: l.length === 0,
+          variant: "outline",
+          size: "icon",
+          onClick: () => i(),
+          className: "rounded p-1 text-gray-500",
+          children: /* @__PURE__ */ e(G, {})
+        }
+      ) }),
+      /* @__PURE__ */ e(N, { children: r("Collapse All") })
+    ] })
+  ] });
+}, le = ({ languages: t, selectedLanguage: r, setSelectedLanguage: n }) => {
+  const i = W();
+  return /* @__PURE__ */ e("div", { className: "scrollbar-hide flex gap-1 overflow-x-auto pb-1", children: t.map((l) => /* @__PURE__ */ s(
+    p,
+    {
+      variant: r === l ? "default" : "outline",
+      size: "sm",
+      className: `h-6 flex-shrink-0 whitespace-nowrap rounded px-3 text-xs font-normal ${r === l ? "bg-black text-white hover:bg-black" : "text-gray-500"}`,
+      onClick: () => n(l.toLowerCase()),
+      children: [
+        l === i && /* @__PURE__ */ e(P, { size: 4, className: `p-0.5 ${r === i ? "fill-white" : "fill-black"}` }),
+        q[l] || ""
+      ]
+    },
+    l
+  )) });
+}, V = () => {
+  const { t } = g(), r = L();
+  return /* @__PURE__ */ s(w, { children: [
+    /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ e(
+      p,
+      {
+        size: "sm",
+        variant: "ghost",
+        onClick: () => r.invalidateQueries({ queryKey: [Q.GET_WEBSITE_PAGES] }),
+        className: "mt-1 h-6 w-6",
+        children: /* @__PURE__ */ e(U, {})
+      }
+    ) }),
+    /* @__PURE__ */ e(N, { side: "bottom", children: t("Refresh pages list") })
+  ] });
+}, oe = ({
+  pages: t,
+  search: r,
+  setSearch: n,
+  languages: i,
+  onAddPage: l,
+  selectedLanguage: c,
+  setSelectedLanguage: f,
+  selectedPageType: d,
+  setSelectedPageType: m,
+  showUntranslatedPages: a,
+  setShowUntranslatedPages: h
+}) => {
+  const { t: x } = g();
+  return /* @__PURE__ */ s("div", { className: "space-y-3 border-b border-b-gray-200 px-4 pb-1", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ e(H, { selectedPageType: d, setSelectedPageType: m }),
+      /* @__PURE__ */ e(O, { search: r, setSearch: n }),
+      /* @__PURE__ */ e(T, { pages: t }),
+      /* @__PURE__ */ s(p, { variant: "default", onClick: l, className: "rounded px-3 font-normal", children: [
+        /* @__PURE__ */ e(z, { strokeWidth: 2, className: "stroke-white stroke-[3]" }),
+        /* @__PURE__ */ e("span", { className: "font-normal text-white", children: x("Add Page") })
+      ] }),
+      /* @__PURE__ */ e(V, {})
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2" })
+  ] });
+};
+export {
+  le as LanguageSelector,
+  oe as default
+};

package/dist/pages.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BVwFJWDq.cjs");exports.ChaiAiPanel=e.AiPanelContent;exports.ChaiJsonInput=e.SmartJsonInput;exports.ChaiWebsiteBuilder=e.ChaiWebsiteBuilder;exports.ImagePicker=e.ImagePicker;exports.LanguageSwitcher=e.LanguageSwitcher;exports.NestedPathSelector=e.NestedPathSelector;exports.PermissionChecker=e.PermissionChecker;exports.SupabaseRealtimeAdapter=e.SupabaseRealtimeAdapter;exports.createRealtimeAdapter=e.createRealtimeAdapter;exports.useActivePage=e.useCurrentActivePage;exports.useApiUrl=e.useApiUrl;exports.useBuilderFetch=e.useBuilderFetch;exports.useBuilderPageData=e.useBuilderPageData;exports.useChaiAuth=e.useChaiAuth;exports.useChaiPrimaryPage=e.usePrimaryPage;exports.useChaiUserInfo=e.useChaiUserInfo;exports.useClearAll=e.useClearAll;exports.useFallbackLang=e.useFallbackLang;exports.useFetch=e.useFetch;exports.useGotoPage=e.useGotoPage;exports.useLanguagePages=e.useLanguagePages;exports.usePageAllData=e.usePageAllData;exports.usePageTypes=e.usePageTypes;exports.useRealtimeAdapter=e.useRealtimeAdapter;exports.useReloadPage=e.useReloadPage;exports.useUpdateActivePageMetadata=e.useUpdateActivePageMetadata;exports.useUserPermissions=e.useCheckUserAccess;exports.useWebsitePages=e.useWebsitePrimaryPages;exports.useWebsiteSetting=e.useWebsiteSetting;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BYrRPW_c.cjs");exports.ChaiAiPanel=e.AiPanelContent;exports.ChaiJsonInput=e.SmartJsonInput;exports.ChaiWebsiteBuilder=e.ChaiWebsiteBuilder;exports.ImagePicker=e.ImagePicker;exports.LanguageSwitcher=e.LanguageSwitcher;exports.NestedPathSelector=e.NestedPathSelector;exports.SupabaseRealtimeAdapter=e.SupabaseRealtimeAdapter;exports.createRealtimeAdapter=e.createRealtimeAdapter;exports.useActivePage=e.useCurrentActivePage;exports.useApiUrl=e.useApiUrl;exports.useBuilderFetch=e.useBuilderFetch;exports.useBuilderPageData=e.useBuilderPageData;exports.useChaiAuth=e.useChaiAuth;exports.useChaiPrimaryPage=e.usePrimaryPage;exports.useChaiUserInfo=e.useChaiUserInfo;exports.useClearAll=e.useClearAll;exports.useFallbackLang=e.useFallbackLang;exports.useFetch=e.useFetch;exports.useGotoPage=e.useGotoPage;exports.useLanguagePages=e.useLanguagePages;exports.usePageAllData=e.usePageAllData;exports.usePageTypes=e.usePageTypes;exports.useRealtimeAdapter=e.useRealtimeAdapter;exports.useReloadPage=e.useReloadPage;exports.useUpdateActivePageMetadata=e.useUpdateActivePageMetadata;exports.useUserPermissions=e.useCheckUserAccess;exports.useWebsitePages=e.useWebsitePrimaryPages;exports.useWebsiteSetting=e.useWebsiteSetting;

package/dist/pages.d.ts

@@ -1,6 +1,5 @@
 import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { ReactNode } from 'react';
 import { RealtimeClient } from '@supabase/supabase-js';
 import { UseMutationResult } from '@tanstack/react-query';
 import { UseQueryResult } from '@tanstack/react-query';
@@ -256,7 +255,6 @@ declare interface ChaiBuilderEditorProps {
      * temporary props. Not to be used in production
      */
     flags?: {
-        librarySite?: boolean;
         copyPaste?: boolean;
         exportCode?: boolean;
         darkMode?: boolean;
@@ -266,11 +264,7 @@ declare interface ChaiBuilderEditorProps {
         gotoSettings?: boolean;
         dragAndDrop?: boolean;
         validateStructure?: boolean;
-        designTokens?: boolean;
         ai?: boolean;
-        revisions?: boolean;
-        sharedJsonLD?: boolean;
-        resetSeoToDefault?: boolean;
     };
     structureRules?: StructureRule[];
     designTokens?: ChaiDesignTokens;
@@ -462,8 +456,6 @@ declare type ChaiWebsiteBuilderProps = {
     onLogout?: (reason?: string) => void;
     getAccessToken?: () => Promise<string>;
     currentUser: LoggedInUser | null;
-    websocket?: any;
-    realtimeAdapter?: RealtimeAdapter;
 } & Pick<ChaiBuilderEditorProps, "onError" | "translations" | "locale" | "htmlDir" | "autoSave" | "autoSaveActionsCount" | "fallbackLang" | "languages" | "themePresets" | "flags" | "structureRules">;
 
 declare type ChaiWebsiteSetting = {
@@ -567,13 +559,6 @@ declare type NestedPathSelectorProps = {
     disabled?: boolean;
 };
 
-export declare const PermissionChecker: ({ permission, permissions, children, fallback, }: {
-    permission?: string;
-    permissions?: string[];
-    fallback?: React.ReactNode;
-    children: React.ReactNode;
-}) => ReactNode;
-
 /**
  * Presence state structure
  */

package/dist/pages.js

@@ -1,32 +1,31 @@
-import { a$ as s, aF as t, aU as i, aQ as u, aO as r, aP as g, aw as l, b5 as P, b4 as h, aV as b, aq as o, b3 as c, aL as d, b1 as n, av as A, ao as p, aW as m, i as C, ar as U, aX as k, j as F, aY as L, k as R, b0 as S, aZ as W, a_ as v, b2 as B, e as I, h as f } from "./index-LBTm1Jmk.js";
+import { aR as s, ax as t, aJ as u, aw as i, aQ as r, av as g, aX as l, aW as P, aK as h, ai as d, aV as o, ar as A, aT as c, aq as n, ao as p, aL as m, f as C, aj as b, aM as R, g as S, aN as U, h as L, aS as W, aO as f, aP as v, aU as B, b as F, e as I } from "./index-DqzFD1CG.js";
 export {
   s as ChaiAiPanel,
   t as ChaiJsonInput,
-  i as ChaiWebsiteBuilder,
-  u as ImagePicker,
+  u as ChaiWebsiteBuilder,
+  i as ImagePicker,
   r as LanguageSwitcher,
   g as NestedPathSelector,
-  l as PermissionChecker,
-  P as SupabaseRealtimeAdapter,
-  h as createRealtimeAdapter,
-  b as useActivePage,
-  o as useApiUrl,
-  c as useBuilderFetch,
-  d as useBuilderPageData,
-  n as useChaiAuth,
-  A as useChaiPrimaryPage,
+  l as SupabaseRealtimeAdapter,
+  P as createRealtimeAdapter,
+  h as useActivePage,
+  d as useApiUrl,
+  o as useBuilderFetch,
+  A as useBuilderPageData,
+  c as useChaiAuth,
+  n as useChaiPrimaryPage,
   p as useChaiUserInfo,
   m as useClearAll,
   C as useFallbackLang,
-  U as useFetch,
-  k as useGotoPage,
-  F as useLanguagePages,
-  L as usePageAllData,
-  R as usePageTypes,
-  S as useRealtimeAdapter,
-  W as useReloadPage,
+  b as useFetch,
+  R as useGotoPage,
+  S as useLanguagePages,
+  U as usePageAllData,
+  L as usePageTypes,
+  W as useRealtimeAdapter,
+  f as useReloadPage,
   v as useUpdateActivePageMetadata,
   B as useUserPermissions,
-  I as useWebsitePages,
-  f as useWebsiteSetting
+  F as useWebsitePages,
+  I as useWebsiteSetting
 };

package/dist/{publish-pages-content-KZVMHT6V.js → publish-pages-content-CG5LBUnY.js}

@@ -1,20 +1,20 @@
 import { jsxs as n, jsx as t, Fragment as $ } from "react/jsx-runtime";
-import { B as L } from "./register-chai-top-bar-D6GjnauV.js";
-import { e as K, f as Q, g as J, o as V, q as W } from "./index-OuHV9Ann.js";
-import { aq as X, ar as Y, A as I, aA as O, aB as Z, i as ee, k as te, ao as se, T as U, aC as le } from "./index-LBTm1Jmk.js";
-import { LanguageSelector as ae } from "./page-manager-search-and-filter-bsqZ6wnI.js";
-import { useQuery as ne } from "@tanstack/react-query";
-import { find as B, filter as a, map as b, keys as re, get as F, includes as P, orderBy as N, isEmpty as oe, uniq as G, first as ce, concat as ie } from "lodash-es";
-import { Lock as de, GlobeIcon as ue, File as he, Edit as me } from "lucide-react";
-import { useState as q, useCallback as ge, useMemo as p, useEffect as D, startTransition as j } from "react";
+import { find as I, filter as a, map as b, keys as K, get as U, includes as C, orderBy as N, isEmpty as Q, uniq as A, first as J, concat as V } from "lodash-es";
+import { Lock as W, GlobeIcon as X, File as Y, Edit as Z } from "lucide-react";
+import { useState as F, useCallback as ee, useMemo as p, useEffect as G, startTransition as B } from "react";
+import { B as j } from "./register-chai-top-bar-DWmJ2efT.js";
+import { e as te, f as se, g as le, o as ae, q as ne } from "./index-DPV6NiJ-.js";
+import { ai as re, aj as oe, ag as D, am as O, an as ce, f as ie, h as de, ao as ue, T as q, ap as he } from "./index-DqzFD1CG.js";
+import { LanguageSelector as me } from "./page-manager-search-and-filter-Cllju4CV.js";
+import { useQuery as ge } from "@tanstack/react-query";
 const pe = () => {
-  const s = X(), d = Y();
-  return ne({
-    queryKey: [I.GET_CHANGES],
-    queryFn: async () => d(s, { action: I.GET_CHANGES })
+  const s = re(), d = oe();
+  return ge({
+    queryKey: [D.GET_CHANGES],
+    queryFn: async () => d(s, { action: D.GET_CHANGES })
   });
 }, fe = ({ page: s, selectedPages: d, handleCheckboxChange: k, getPageType: f, hasSlug: h, currentOwnerId: r }) => {
-  const u = O(), { data: i } = se(r), o = r === u ? null : i == null ? void 0 : i.name;
+  const u = O(), { data: i } = ue(r), o = r === u ? null : i == null ? void 0 : i.name;
   return /* @__PURE__ */ n("tr", { className: "group relative border-b last:border-b-0 hover:bg-gray-50", children: [
     /* @__PURE__ */ n(
       "td",
@@ -22,10 +22,10 @@ const pe = () => {
         scope: "row",
         className: `flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${o ? "opacity-50" : ""}`,
         children: [
-          o ? /* @__PURE__ */ t(de, { className: "h-4 w-4 fill-red-200 text-red-500" }) : /* @__PURE__ */ t(
+          o ? /* @__PURE__ */ t(W, { className: "h-4 w-4 fill-red-200 text-red-500" }) : /* @__PURE__ */ t(
             "input",
             {
-              checked: P(d, s == null ? void 0 : s.id),
+              checked: C(d, s == null ? void 0 : s.id),
               onClick: (x) => {
                 x.stopPropagation(), k(s == null ? void 0 : s.id);
               },
@@ -34,16 +34,16 @@ const pe = () => {
             }
           ),
           " ",
-          h(s.pageType) ? /* @__PURE__ */ t(he, { className: "h-4 w-4" }) : /* @__PURE__ */ t(ue, { className: "h-4 w-4" }),
-          /* @__PURE__ */ t(U, { content: s.name, side: "top", showTooltip: s.name.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-medium text-black", children: s.name }) }),
-          s.slug && /* @__PURE__ */ t(U, { content: s.slug, side: "top", showTooltip: s.slug.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-mono text-xs text-muted-foreground", children: s.slug }) })
+          h(s.pageType) ? /* @__PURE__ */ t(Y, { className: "h-4 w-4" }) : /* @__PURE__ */ t(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t(q, { content: s.name, side: "top", showTooltip: s.name.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-medium text-black", children: s.name }) }),
+          s.slug && /* @__PURE__ */ t(q, { content: s.slug, side: "top", showTooltip: s.slug.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-mono text-xs text-muted-foreground", children: s.slug }) })
         ]
       }
     ),
     /* @__PURE__ */ t("td", { className: "px-2", children: f(s == null ? void 0 : s.pageType) }),
-    /* @__PURE__ */ t("td", { className: "px-4 text-right", children: ce(s.changes) || "" }),
+    /* @__PURE__ */ t("td", { className: "px-4 text-right", children: J(s.changes) || "" }),
     /* @__PURE__ */ t($, { children: o && /* @__PURE__ */ n("button", { className: "absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100", children: [
-      /* @__PURE__ */ t(me, { size: 12, className: "stroke-[3]" }),
+      /* @__PURE__ */ t(Z, { size: 12, className: "stroke-[3]" }),
       " ",
       /* @__PURE__ */ t("span", { className: "font-medium", children: o }),
       " is editing this page"
@@ -55,65 +55,65 @@ const pe = () => {
   isPending: d,
   publishPage: k
 }) => {
-  const f = O(), { pageToUser: h } = Z(), [r, u] = q([]), i = ee(), [o, x] = q(i), { data: T, isFetching: v } = pe(), { data: g } = te(), w = ge((e) => {
+  const f = O(), { pageToUser: h } = ce(), [r, u] = F([]), i = ie(), [o, x] = F(i), { data: T, isFetching: v } = pe(), { data: g } = de(), w = ee((e) => {
     var l;
-    return (l = B(g, { key: e })) == null ? void 0 : l.hasSlug;
+    return (l = I(g, { key: e })) == null ? void 0 : l.hasSlug;
   }, [g]), y = p(
     () => a(g, (e) => !w(e.key)).map((e) => e.key),
     [w, g]
-  ), E = G(b(T, "lang")).filter(Boolean), c = p(
+  ), E = A(b(T, "lang")).filter(Boolean), c = p(
     () => a(T, (e) => e.pageType === "theme" || e.pageType === "design_tokens" ? !1 : o === i ? e.lang === o || e.lang === "" : e.lang === o),
     [T, o, i]
   ), S = p(
     () => a(c, (e) => !y.includes(e.pageType)),
     [c, y]
-  ), C = p(
+  ), P = p(
     () => a(c, (e) => y.includes(e.pageType)),
     [c, y]
   );
-  D(() => {
+  G(() => {
     const e = b(a(c, { online: !0 }), "id");
-    j(() => u(e));
-  }, [c]), D(() => {
-    const e = a(re(h), (l) => F(h, [l, "userId"]) !== f);
-    j(() => u((l) => a(l, (m) => !P(e, m))));
+    B(() => u(e));
+  }, [c]), G(() => {
+    const e = a(K(h), (l) => U(h, [l, "userId"]) !== f);
+    B(() => u((l) => a(l, (m) => !C(e, m))));
   }, [h, f]);
-  const A = r.length === (c == null ? void 0 : c.length), _ = (e) => {
-    u((l) => P(l, e) ? a(l, (m) => m !== e) : ie(l, e));
+  const L = r.length === (c == null ? void 0 : c.length), _ = (e) => {
+    u((l) => C(l, e) ? a(l, (m) => m !== e) : V(l, e));
   }, H = () => {
-    u(A ? [] : b(c, "id"));
+    u(L ? [] : b(c, "id"));
   }, z = () => {
     k(
-      { ids: G(r) },
+      { ids: A(r) },
       {
         onSuccess: () => {
-          s(), le("CENTER_CENTER"), x(i);
+          s(), he("CENTER_CENTER"), x(i);
         }
       }
     );
   }, M = (e) => {
     if (e === "theme") return "Theme";
-    const l = B(g, { key: e });
+    const l = I(g, { key: e });
     return l ? l == null ? void 0 : l.name : e;
   }, R = p(() => {
     const e = [
       { label: "Updated", top: "pt-2" },
       ...N(a(S, { online: !0 }), "pageType"),
-      ...N(a(C, { online: !0 }), "pageType")
+      ...N(a(P, { online: !0 }), "pageType")
     ].filter((m) => m.pageType !== "theme" && m.pageType !== "design_tokens"), l = [
       { label: "Offline", top: "pt-6" },
       ...N(a(S, { online: !1 }), "pageType"),
-      ...N(a(C, { online: !1 }), "pageType")
+      ...N(a(P, { online: !1 }), "pageType")
     ];
     return [...e, ...l];
-  }, [S, C]);
-  return /* @__PURE__ */ n(K, { className: "flex max-h-[80%] max-w-4xl flex-col", children: [
-    /* @__PURE__ */ n(Q, { children: [
-      /* @__PURE__ */ t(J, { children: "Publish changes" }),
-      /* @__PURE__ */ t(V, { className: "text-xs", children: "Select the pages you want to publish. Click publish when you're done." })
+  }, [S, P]);
+  return /* @__PURE__ */ n(te, { className: "flex max-h-[80%] max-w-4xl flex-col", children: [
+    /* @__PURE__ */ n(se, { children: [
+      /* @__PURE__ */ t(le, { children: "Publish changes" }),
+      /* @__PURE__ */ t(ae, { className: "text-xs", children: "Select the pages you want to publish. Click publish when you're done." })
     ] }),
     E.length > 0 && /* @__PURE__ */ t("div", { className: "my-[2px] mt-0", children: /* @__PURE__ */ t(
-      ae,
+      me,
       {
         languages: [i, ...E],
         selectedLanguage: o,
@@ -131,7 +131,7 @@ const pe = () => {
           /* @__PURE__ */ t(
             "input",
             {
-              checked: A,
+              checked: L,
               onClick: (e) => {
                 e.stopPropagation(), H();
               },
@@ -157,20 +157,20 @@ const pe = () => {
             handleCheckboxChange: _,
             getPageType: M,
             hasSlug: w,
-            currentOwnerId: F(h, [(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id), "userId"])
+            currentOwnerId: U(h, [(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id), "userId"])
           }
         )
       ) })
     ] }) }),
-    /* @__PURE__ */ n(W, { className: "mt-10 flex items-center justify-center", children: [
+    /* @__PURE__ */ n(ne, { className: "mt-10 flex items-center justify-center", children: [
       r.length > 0 && /* @__PURE__ */ n("span", { className: "text-center text-sm text-muted-foreground", children: [
         r.length,
         " Page",
         r.length !== 1 ? "s" : "",
         " Selected"
       ] }),
-      /* @__PURE__ */ t(L, { disabled: d, variant: "outline", onClick: s, children: "Cancel" }),
-      /* @__PURE__ */ t(L, { disabled: d || v || oe(r), onClick: z, children: d ? "Publishing..." : "Publish Selected" })
+      /* @__PURE__ */ t(j, { disabled: d, variant: "outline", onClick: s, children: "Cancel" }),
+      /* @__PURE__ */ t(j, { disabled: d || v || Q(r), onClick: z, children: d ? "Publishing..." : "Publish Selected" })
     ] })
   ] });
 };

package/dist/{publish-pages-content-BrajJUcP.cjs → publish-pages-content-DxMiBxNU.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("./register-chai-top-bar-DyW9GPzV.cjs"),f=require("./index-DCJDQs1a.cjs"),r=require("./index-BVwFJWDq.cjs"),U=require("./page-manager-search-and-filter-D7AupT6_.cjs"),F=require("@tanstack/react-query"),t=require("lodash-es"),b=require("lucide-react"),a=require("react"),M=()=>{const l=r.useApiUrl(),u=r.useFetch();return F.useQuery({queryKey:[r.ACTIONS.GET_CHANGES],queryFn:async()=>u(l,{action:r.ACTIONS.GET_CHANGES})})},G=({page:l,selectedPages:u,handleCheckboxChange:N,getPageType:y,hasSlug:h,currentOwnerId:c})=>{const x=r.useUserId(),{data:d}=r.useChaiUserInfo(c),o=c===x?null:d==null?void 0:d.name;return e.jsxs("tr",{className:"group relative border-b last:border-b-0 hover:bg-gray-50",children:[e.jsxs("td",{scope:"row",className:`flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${o?"opacity-50":""}`,children:[o?e.jsx(b.Lock,{className:"h-4 w-4 fill-red-200 text-red-500"}):e.jsx("input",{checked:t.includes(u,l==null?void 0:l.id),onClick:p=>{p.stopPropagation(),N(l==null?void 0:l.id)},type:"checkbox",className:"cursor-pointer rounded focus:outline-none focus:ring-0"})," ",h(l.pageType)?e.jsx(b.File,{className:"h-4 w-4"}):e.jsx(b.GlobeIcon,{className:"h-4 w-4"}),e.jsx(r.Tooltip,{content:l.name,side:"top",showTooltip:l.name.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-medium text-black",children:l.name})}),l.slug&&e.jsx(r.Tooltip,{content:l.slug,side:"top",showTooltip:l.slug.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-mono text-xs text-muted-foreground",children:l.slug})})]}),e.jsx("td",{className:"px-2",children:y(l==null?void 0:l.pageType)}),e.jsx("td",{className:"px-4 text-right",children:t.first(l.changes)||""}),e.jsx(e.Fragment,{children:o&&e.jsxs("button",{className:"absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100",children:[e.jsx(b.Edit,{size:12,className:"stroke-[3]"})," ",e.jsx("span",{className:"font-medium",children:o})," is editing this page"]})})]},l==null?void 0:l.id)},O=({onClose:l=()=>{},isPending:u,publishPage:N})=>{const y=r.useUserId(),{pageToUser:h}=r.usePageToUser(),[c,x]=a.useState([]),d=r.useFallbackLang(),[o,p]=a.useState(d),{data:T,isFetching:C}=M(),{data:g}=r.usePageTypes(),k=a.useCallback(s=>{var n;return(n=t.find(g,{key:s}))==null?void 0:n.hasSlug},[g]),j=a.useMemo(()=>t.filter(g,s=>!k(s.key)).map(s=>s.key),[k,g]),P=t.uniq(t.map(T,"lang")).filter(Boolean),i=a.useMemo(()=>t.filter(T,s=>s.pageType==="theme"||s.pageType==="design_tokens"?!1:o===d?s.lang===o||s.lang==="":s.lang===o),[T,o,d]),w=a.useMemo(()=>t.filter(i,s=>!j.includes(s.pageType)),[i,j]),S=a.useMemo(()=>t.filter(i,s=>j.includes(s.pageType)),[i,j]);a.useEffect(()=>{const s=t.map(t.filter(i,{online:!0}),"id");a.startTransition(()=>x(s))},[i]),a.useEffect(()=>{const s=t.filter(t.keys(h),n=>t.get(h,[n,"userId"])!==y);a.startTransition(()=>x(n=>t.filter(n,m=>!t.includes(s,m))))},[h,y]);const v=c.length===(i==null?void 0:i.length),E=s=>{x(n=>t.includes(n,s)?t.filter(n,m=>m!==s):t.concat(n,s))},B=()=>{x(v?[]:t.map(i,"id"))},I=()=>{N({ids:t.uniq(c)},{onSuccess:()=>{l(),r.throwConfetti("CENTER_CENTER"),p(d)}})},A=s=>{if(s==="theme")return"Theme";const n=t.find(g,{key:s});return n?n==null?void 0:n.name:s},L=a.useMemo(()=>{const s=[{label:"Updated",top:"pt-2"},...t.orderBy(t.filter(w,{online:!0}),"pageType"),...t.orderBy(t.filter(S,{online:!0}),"pageType")].filter(m=>m.pageType!=="theme"&&m.pageType!=="design_tokens"),n=[{label:"Offline",top:"pt-6"},...t.orderBy(t.filter(w,{online:!1}),"pageType"),...t.orderBy(t.filter(S,{online:!1}),"pageType")];return[...s,...n]},[w,S]);return e.jsxs(f.DialogContent,{className:"flex max-h-[80%] max-w-4xl flex-col",children:[e.jsxs(f.DialogHeader,{children:[e.jsx(f.DialogTitle,{children:"Publish changes"}),e.jsx(f.DialogDescription,{className:"text-xs",children:"Select the pages you want to publish. Click publish when you're done."})]}),P.length>0&&e.jsx("div",{className:"my-[2px] mt-0",children:e.jsx(U.LanguageSelector,{languages:[d,...P],selectedLanguage:o,setSelectedLanguage:p})}),e.jsx("div",{className:"no-scrollbar relative -mx-4 -mt-4 h-full max-h-full overflow-y-auto",children:C?e.jsxs("div",{className:"space-y-2 px-1",children:[e.jsx("div",{className:"mt-2 h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"})]}):e.jsxs("table",{className:"w-full text-left text-xs text-gray-500 dark:text-gray-400 rtl:text-right",children:[e.jsx("thead",{className:"sticky top-0 z-10 border-b bg-gray-50 text-gray-700 dark:bg-gray-700 dark:text-gray-400",children:e.jsxs("tr",{children:[e.jsxs("th",{scope:"col",className:"w-[1 50px] flex items-center gap-x-2 px-6 py-3",children:[e.jsx("input",{checked:v,onClick:s=>{s.stopPropagation(),B()},type:"checkbox",className:"mt-1 cursor-pointer rounded focus:outline-none focus:ring-0"}),"Name"]}),e.jsx("th",{scope:"col",className:"w-[150px] px-2 py-3",children:"Type"}),e.jsx("th",{scope:"col",className:"w-[150px] px-4 py-3 text-right",children:"Status"})]})}),e.jsx("tbody",{children:t.map(L,s=>s.label?e.jsx("tr",{children:e.jsxs("td",{colSpan:3,className:`relative px-6 py-2 text-xs font-medium text-gray-800 ${s.top}`,children:[e.jsx("div",{className:"absolute inset-0 left-6 flex items-center",children:e.jsx("div",{className:"order-gray-300 w-full"})}),e.jsx("div",{className:"relative flex justify-start",children:e.jsx("span",{className:"bg-gray-50 pr-2",children:s.label})})]})},"separator"):e.jsx(G,{page:s,selectedPages:c,handleCheckboxChange:E,getPageType:A,hasSlug:k,currentOwnerId:t.get(h,[(s==null?void 0:s.primaryPage)||(s==null?void 0:s.id),"userId"])}))})]})}),e.jsxs(f.DialogFooter,{className:"mt-10 flex items-center justify-center",children:[c.length>0&&e.jsxs("span",{className:"text-center text-sm text-muted-foreground",children:[c.length," Page",c.length!==1?"s":""," Selected"]}),e.jsx(q.Button,{disabled:u,variant:"outline",onClick:l,children:"Cancel"}),e.jsx(q.Button,{disabled:u||C||t.isEmpty(c),onClick:I,children:u?"Publishing...":"Publish Selected"})]})]})};exports.default=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lodash-es"),b=require("lucide-react"),a=require("react"),q=require("./register-chai-top-bar-CCssW5dL.cjs"),f=require("./index-D-r_K4yA.cjs"),r=require("./index-BYrRPW_c.cjs"),U=require("./page-manager-search-and-filter-BbdgOU9V.cjs"),F=require("@tanstack/react-query"),M=()=>{const l=r.useApiUrl(),u=r.useFetch();return F.useQuery({queryKey:[r.ACTIONS.GET_CHANGES],queryFn:async()=>u(l,{action:r.ACTIONS.GET_CHANGES})})},G=({page:l,selectedPages:u,handleCheckboxChange:N,getPageType:y,hasSlug:h,currentOwnerId:c})=>{const x=r.useUserId(),{data:d}=r.useChaiUserInfo(c),o=c===x?null:d==null?void 0:d.name;return e.jsxs("tr",{className:"group relative border-b last:border-b-0 hover:bg-gray-50",children:[e.jsxs("td",{scope:"row",className:`flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${o?"opacity-50":""}`,children:[o?e.jsx(b.Lock,{className:"h-4 w-4 fill-red-200 text-red-500"}):e.jsx("input",{checked:t.includes(u,l==null?void 0:l.id),onClick:p=>{p.stopPropagation(),N(l==null?void 0:l.id)},type:"checkbox",className:"cursor-pointer rounded focus:outline-none focus:ring-0"})," ",h(l.pageType)?e.jsx(b.File,{className:"h-4 w-4"}):e.jsx(b.GlobeIcon,{className:"h-4 w-4"}),e.jsx(r.Tooltip,{content:l.name,side:"top",showTooltip:l.name.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-medium text-black",children:l.name})}),l.slug&&e.jsx(r.Tooltip,{content:l.slug,side:"top",showTooltip:l.slug.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-mono text-xs text-muted-foreground",children:l.slug})})]}),e.jsx("td",{className:"px-2",children:y(l==null?void 0:l.pageType)}),e.jsx("td",{className:"px-4 text-right",children:t.first(l.changes)||""}),e.jsx(e.Fragment,{children:o&&e.jsxs("button",{className:"absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100",children:[e.jsx(b.Edit,{size:12,className:"stroke-[3]"})," ",e.jsx("span",{className:"font-medium",children:o})," is editing this page"]})})]},l==null?void 0:l.id)},O=({onClose:l=()=>{},isPending:u,publishPage:N})=>{const y=r.useUserId(),{pageToUser:h}=r.usePageToUser(),[c,x]=a.useState([]),d=r.useFallbackLang(),[o,p]=a.useState(d),{data:T,isFetching:C}=M(),{data:g}=r.usePageTypes(),k=a.useCallback(s=>{var n;return(n=t.find(g,{key:s}))==null?void 0:n.hasSlug},[g]),j=a.useMemo(()=>t.filter(g,s=>!k(s.key)).map(s=>s.key),[k,g]),P=t.uniq(t.map(T,"lang")).filter(Boolean),i=a.useMemo(()=>t.filter(T,s=>s.pageType==="theme"||s.pageType==="design_tokens"?!1:o===d?s.lang===o||s.lang==="":s.lang===o),[T,o,d]),w=a.useMemo(()=>t.filter(i,s=>!j.includes(s.pageType)),[i,j]),S=a.useMemo(()=>t.filter(i,s=>j.includes(s.pageType)),[i,j]);a.useEffect(()=>{const s=t.map(t.filter(i,{online:!0}),"id");a.startTransition(()=>x(s))},[i]),a.useEffect(()=>{const s=t.filter(t.keys(h),n=>t.get(h,[n,"userId"])!==y);a.startTransition(()=>x(n=>t.filter(n,m=>!t.includes(s,m))))},[h,y]);const v=c.length===(i==null?void 0:i.length),E=s=>{x(n=>t.includes(n,s)?t.filter(n,m=>m!==s):t.concat(n,s))},B=()=>{x(v?[]:t.map(i,"id"))},I=()=>{N({ids:t.uniq(c)},{onSuccess:()=>{l(),r.throwConfetti("CENTER_CENTER"),p(d)}})},A=s=>{if(s==="theme")return"Theme";const n=t.find(g,{key:s});return n?n==null?void 0:n.name:s},L=a.useMemo(()=>{const s=[{label:"Updated",top:"pt-2"},...t.orderBy(t.filter(w,{online:!0}),"pageType"),...t.orderBy(t.filter(S,{online:!0}),"pageType")].filter(m=>m.pageType!=="theme"&&m.pageType!=="design_tokens"),n=[{label:"Offline",top:"pt-6"},...t.orderBy(t.filter(w,{online:!1}),"pageType"),...t.orderBy(t.filter(S,{online:!1}),"pageType")];return[...s,...n]},[w,S]);return e.jsxs(f.DialogContent,{className:"flex max-h-[80%] max-w-4xl flex-col",children:[e.jsxs(f.DialogHeader,{children:[e.jsx(f.DialogTitle,{children:"Publish changes"}),e.jsx(f.DialogDescription,{className:"text-xs",children:"Select the pages you want to publish. Click publish when you're done."})]}),P.length>0&&e.jsx("div",{className:"my-[2px] mt-0",children:e.jsx(U.LanguageSelector,{languages:[d,...P],selectedLanguage:o,setSelectedLanguage:p})}),e.jsx("div",{className:"no-scrollbar relative -mx-4 -mt-4 h-full max-h-full overflow-y-auto",children:C?e.jsxs("div",{className:"space-y-2 px-1",children:[e.jsx("div",{className:"mt-2 h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"})]}):e.jsxs("table",{className:"w-full text-left text-xs text-gray-500 dark:text-gray-400 rtl:text-right",children:[e.jsx("thead",{className:"sticky top-0 z-10 border-b bg-gray-50 text-gray-700 dark:bg-gray-700 dark:text-gray-400",children:e.jsxs("tr",{children:[e.jsxs("th",{scope:"col",className:"w-[1 50px] flex items-center gap-x-2 px-6 py-3",children:[e.jsx("input",{checked:v,onClick:s=>{s.stopPropagation(),B()},type:"checkbox",className:"mt-1 cursor-pointer rounded focus:outline-none focus:ring-0"}),"Name"]}),e.jsx("th",{scope:"col",className:"w-[150px] px-2 py-3",children:"Type"}),e.jsx("th",{scope:"col",className:"w-[150px] px-4 py-3 text-right",children:"Status"})]})}),e.jsx("tbody",{children:t.map(L,s=>s.label?e.jsx("tr",{children:e.jsxs("td",{colSpan:3,className:`relative px-6 py-2 text-xs font-medium text-gray-800 ${s.top}`,children:[e.jsx("div",{className:"absolute inset-0 left-6 flex items-center",children:e.jsx("div",{className:"order-gray-300 w-full"})}),e.jsx("div",{className:"relative flex justify-start",children:e.jsx("span",{className:"bg-gray-50 pr-2",children:s.label})})]})},"separator"):e.jsx(G,{page:s,selectedPages:c,handleCheckboxChange:E,getPageType:A,hasSlug:k,currentOwnerId:t.get(h,[(s==null?void 0:s.primaryPage)||(s==null?void 0:s.id),"userId"])}))})]})}),e.jsxs(f.DialogFooter,{className:"mt-10 flex items-center justify-center",children:[c.length>0&&e.jsxs("span",{className:"text-center text-sm text-muted-foreground",children:[c.length," Page",c.length!==1?"s":""," Selected"]}),e.jsx(q.Button,{disabled:u,variant:"outline",onClick:l,children:"Cancel"}),e.jsx(q.Button,{disabled:u||C||t.isEmpty(c),onClick:I,children:u?"Publishing...":"Publish Selected"})]})]})};exports.default=O;

package/dist/{register-chai-top-bar-DyW9GPzV.cjs → register-chai-top-bar-CCssW5dL.cjs}

@@ -1 +1 @@
-"use strict";const i=require("lodash-es"),n=require("react"),B=require("jotai"),P=require("jotai/utils"),a=require("react/jsx-runtime"),L=require("class-variance-authority"),D=require("clsx"),q=require("tailwind-merge"),H=require("@radix-ui/react-slot"),V=require("@radix-ui/react-icons"),U=require("react-i18next");function $(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=$(n);function o(...e){return q.twMerge(D.clsx(e))}const y=u.forwardRef(({className:e,type:t,...r},s)=>a.jsx("input",{type:t,className:o("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:s,...r}));y.displayName="Input";const M=L.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),p=u.forwardRef(({className:e,variant:t,size:r,asChild:s=!1,...l},b)=>{const g=s?H.Slot:"button";return a.jsx(g,{className:o(M({variant:t,size:r,className:e})),ref:b,...l})});p.displayName="Button";const d={},z=(e,t)=>{d[e]={id:e,component:t,type:"widget"}},G=(e,t)=>{d[e]={id:e,component:t,type:"field"}},W=(e,t)=>{d[e]={id:e,component:t,type:"template"}},J=e=>Object.values(d).filter(t=>t.type===e).reduce((t,r)=>(t[r.id]=r.component,t),{}),m={},K=(e,t)=>{i.has(m,e)&&console.warn(`Add block tab with id ${e} already registered`),i.set(m,e,{id:e,...t})},X=()=>n.useMemo(()=>i.values(m),[]),v={},_=(e,t)=>{if(v[e])throw new Error(`Flag ${e} already exists`);v[e]={key:e,value:!1,...t}},Y=e=>{Object.entries(e).forEach(([t,r])=>{if(v[t])throw new Error(`Flag ${t} already exists`);_(t,r)})},Q=()=>v,j=P.atomWithStorage("chai-feature-flags",[]),E=e=>{const[t]=B.useAtom(j);return t.includes(e)},Z=e=>{const[t,r]=B.useAtom(j);return()=>{t.includes(e)?r(t.filter(l=>l!==e)):r([...t,e])}},ee=({flagKey:e,children:t})=>E(e)?t:null;let S={};const te=(e,t)=>{S[e]={...t,id:e}},re=e=>S[e],ae=()=>i.values(S),se=L.cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),T=u.forwardRef(({className:e,variant:t,...r},s)=>a.jsx("div",{ref:s,role:"alert",className:o(se({variant:t}),e),...r}));T.displayName="Alert";const ne=u.forwardRef(({className:e,...t},r)=>a.jsx("h5",{ref:r,className:o("mb-1 font-medium leading-none tracking-tight",e),...t}));ne.displayName="AlertTitle";const A=u.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:o("text-sm [&_p]:leading-relaxed",e),...t}));A.displayName="AlertDescription";const ie=({close:e,onSelect:t,mode:r="image"})=>{const[s,l]=n.useState(""),[b,g]=n.useState(!1),[k,C]=n.useState(!1),[w,f]=n.useState(null),O=async x=>{if(!x.trim()){C(!1),f("Please enter a URL");return}try{g(!0),f(null),C(!0),f(null)}catch{C(!1),f("Error validating URL")}finally{g(!1)}},{t:h}=U.useTranslation();return a.jsxs("div",{className:"flex w-96 flex-col gap-4 p-4",children:[a.jsx("h2",{className:"text-xl font-semibold",children:h(`${r.charAt(0).toUpperCase()+r.slice(1)} Manager`)}),w&&a.jsxs(T,{variant:"destructive",children:[a.jsx(V.ExclamationTriangleIcon,{className:"h-4 w-4"}),a.jsx(A,{children:w})]}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(y,{placeholder:h(`Enter ${r} URL`),value:s,onChange:x=>l(x.target.value),onKeyUp:()=>O(s)}),a.jsxs("div",{className:"flex justify-end gap-2",children:[a.jsx(p,{variant:"outline",onClick:e,children:h("Cancel")}),a.jsx(p,{onClick:()=>t({id:"dam-id",url:s,width:600,height:400,description:"This is image description"}),disabled:!k||b,children:h("Insert")})]})]})]})},I={component:ie},oe=e=>{I.component=e},le=()=>n.useMemo(()=>I.component,[]);let N=async e=>e;const ce=e=>{N=e},ue=async e=>await N(e);let F=null;const de=e=>{F=e},ge=()=>n.useMemo(()=>F,[]),fe=()=>{F=null},c={},he=(e,t)=>{i.has(c,e)&&console.warn(`Panel ${e} already registered. Overriding...`),i.set(c,e,{id:e,...t})},pe=e=>n.useMemo(()=>i.filter(i.values(c),t=>t.position===e),[e,c]),me=()=>a.jsx("div",{}),R={component:me},ve=e=>{R.component=e},be=()=>n.useMemo(()=>R.component,[]);exports.ADD_BLOCK_TABS=m;exports.Alert=T;exports.AlertDescription=A;exports.Button=p;exports.CHAI_BUILDER_PANELS=c;exports.IfChaiFeatureFlag=ee;exports.Input=y;exports.RJSF_EXTENSIONS=d;exports.buttonVariants=M;exports.cn=o;exports.getChaiLibrary=re;exports.getPreImportHTML=ue;exports.registerChaiAddBlockTab=K;exports.registerChaiBlockSettingField=G;exports.registerChaiBlockSettingTemplate=W;exports.registerChaiBlockSettingWidget=z;exports.registerChaiFeatureFlag=_;exports.registerChaiFeatureFlags=Y;exports.registerChaiLibrary=te;exports.registerChaiMediaManager=oe;exports.registerChaiPreImportHTMLHook=ce;exports.registerChaiSaveToLibrary=de;exports.registerChaiSidebarPanel=he;exports.registerChaiTopBar=ve;exports.resetSaveToLibrary=fe;exports.useChaiAddBlockTabs=X;exports.useChaiBlockSettingComponents=J;exports.useChaiFeatureFlag=E;exports.useChaiFeatureFlags=Q;exports.useChaiLibraries=ae;exports.useChaiSidebarPanels=pe;exports.useMediaManagerComponent=le;exports.useSaveToLibraryComponent=ge;exports.useToggleChaiFeatureFlag=Z;exports.useTopBarComponent=be;
+"use strict";const i=require("lodash-es"),n=require("react"),B=require("jotai"),P=require("jotai/utils"),a=require("react/jsx-runtime"),D=require("@radix-ui/react-icons"),q=require("react-i18next"),L=require("class-variance-authority"),H=require("clsx"),V=require("tailwind-merge"),U=require("@radix-ui/react-slot");function $(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=$(n);function o(...e){return V.twMerge(H.clsx(e))}const y=u.forwardRef(({className:e,type:t,...r},s)=>a.jsx("input",{type:t,className:o("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:s,...r}));y.displayName="Input";const M=L.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),p=u.forwardRef(({className:e,variant:t,size:r,asChild:s=!1,...l},b)=>{const g=s?U.Slot:"button";return a.jsx(g,{className:o(M({variant:t,size:r,className:e})),ref:b,...l})});p.displayName="Button";const d={},z=(e,t)=>{d[e]={id:e,component:t,type:"widget"}},G=(e,t)=>{d[e]={id:e,component:t,type:"field"}},W=(e,t)=>{d[e]={id:e,component:t,type:"template"}},J=e=>Object.values(d).filter(t=>t.type===e).reduce((t,r)=>(t[r.id]=r.component,t),{}),m={},K=(e,t)=>{i.has(m,e)&&console.warn(`Add block tab with id ${e} already registered`),i.set(m,e,{id:e,...t})},X=()=>n.useMemo(()=>i.values(m),[]),v={},_=(e,t)=>{if(v[e])throw new Error(`Flag ${e} already exists`);v[e]={key:e,value:!1,...t}},Y=e=>{Object.entries(e).forEach(([t,r])=>{if(v[t])throw new Error(`Flag ${t} already exists`);_(t,r)})},Q=()=>v,j=P.atomWithStorage("chai-feature-flags",[]),E=e=>{const[t]=B.useAtom(j);return t.includes(e)},Z=e=>{const[t,r]=B.useAtom(j);return()=>{t.includes(e)?r(t.filter(l=>l!==e)):r([...t,e])}},ee=({flagKey:e,children:t})=>E(e)?t:null;let S={};const te=(e,t)=>{S[e]={...t,id:e}},re=e=>S[e],ae=()=>i.values(S),se=L.cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),T=u.forwardRef(({className:e,variant:t,...r},s)=>a.jsx("div",{ref:s,role:"alert",className:o(se({variant:t}),e),...r}));T.displayName="Alert";const ne=u.forwardRef(({className:e,...t},r)=>a.jsx("h5",{ref:r,className:o("mb-1 font-medium leading-none tracking-tight",e),...t}));ne.displayName="AlertTitle";const A=u.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:o("text-sm [&_p]:leading-relaxed",e),...t}));A.displayName="AlertDescription";const ie=({close:e,onSelect:t,mode:r="image"})=>{const[s,l]=n.useState(""),[b,g]=n.useState(!1),[k,C]=n.useState(!1),[w,f]=n.useState(null),O=async x=>{if(!x.trim()){C(!1),f("Please enter a URL");return}try{g(!0),f(null),C(!0),f(null)}catch{C(!1),f("Error validating URL")}finally{g(!1)}},{t:h}=q.useTranslation();return a.jsxs("div",{className:"flex w-96 flex-col gap-4 p-4",children:[a.jsx("h2",{className:"text-xl font-semibold",children:h(`${r.charAt(0).toUpperCase()+r.slice(1)} Manager`)}),w&&a.jsxs(T,{variant:"destructive",children:[a.jsx(D.ExclamationTriangleIcon,{className:"h-4 w-4"}),a.jsx(A,{children:w})]}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(y,{placeholder:h(`Enter ${r} URL`),value:s,onChange:x=>l(x.target.value),onKeyUp:()=>O(s)}),a.jsxs("div",{className:"flex justify-end gap-2",children:[a.jsx(p,{variant:"outline",onClick:e,children:h("Cancel")}),a.jsx(p,{onClick:()=>t({id:"dam-id",url:s,width:600,height:400,description:"This is image description"}),disabled:!k||b,children:h("Insert")})]})]})]})},I={component:ie},oe=e=>{I.component=e},le=()=>n.useMemo(()=>I.component,[]);let N=async e=>e;const ce=e=>{N=e},ue=async e=>await N(e);let F=null;const de=e=>{F=e},ge=()=>n.useMemo(()=>F,[]),fe=()=>{F=null},c={},he=(e,t)=>{i.has(c,e)&&console.warn(`Panel ${e} already registered. Overriding...`),i.set(c,e,{id:e,...t})},pe=e=>n.useMemo(()=>i.filter(i.values(c),t=>t.position===e),[e,c]),me=()=>a.jsx("div",{}),R={component:me},ve=e=>{R.component=e},be=()=>n.useMemo(()=>R.component,[]);exports.ADD_BLOCK_TABS=m;exports.Alert=T;exports.AlertDescription=A;exports.Button=p;exports.CHAI_BUILDER_PANELS=c;exports.IfChaiFeatureFlag=ee;exports.Input=y;exports.RJSF_EXTENSIONS=d;exports.buttonVariants=M;exports.cn=o;exports.getChaiLibrary=re;exports.getPreImportHTML=ue;exports.registerChaiAddBlockTab=K;exports.registerChaiBlockSettingField=G;exports.registerChaiBlockSettingTemplate=W;exports.registerChaiBlockSettingWidget=z;exports.registerChaiFeatureFlag=_;exports.registerChaiFeatureFlags=Y;exports.registerChaiLibrary=te;exports.registerChaiMediaManager=oe;exports.registerChaiPreImportHTMLHook=ce;exports.registerChaiSaveToLibrary=de;exports.registerChaiSidebarPanel=he;exports.registerChaiTopBar=ve;exports.resetSaveToLibrary=fe;exports.useChaiAddBlockTabs=X;exports.useChaiBlockSettingComponents=J;exports.useChaiFeatureFlag=E;exports.useChaiFeatureFlags=Q;exports.useChaiLibraries=ae;exports.useChaiSidebarPanels=pe;exports.useMediaManagerComponent=le;exports.useSaveToLibraryComponent=ge;exports.useToggleChaiFeatureFlag=Z;exports.useTopBarComponent=be;

package/dist/{register-chai-top-bar-D6GjnauV.js → register-chai-top-bar-DWmJ2efT.js}

@@ -4,14 +4,14 @@ import { useMemo as i, useState as u } from "react";
 import { useAtom as R } from "jotai";
 import { atomWithStorage as U } from "jotai/utils";
 import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import { ExclamationTriangleIcon as j } from "@radix-ui/react-icons";
+import { useTranslation as H } from "react-i18next";
 import { cva as S } from "class-variance-authority";
-import { clsx as j } from "clsx";
-import { twMerge as H } from "tailwind-merge";
-import { Slot as $ } from "@radix-ui/react-slot";
-import { ExclamationTriangleIcon as z } from "@radix-ui/react-icons";
-import { useTranslation as G } from "react-i18next";
+import { clsx as $ } from "clsx";
+import { twMerge as z } from "tailwind-merge";
+import { Slot as G } from "@radix-ui/react-slot";
 function l(...e) {
-  return H(j(e));
+  return z($(e));
 }
 const _ = o.forwardRef(
   ({ className: e, type: t, ...r }, s) => /* @__PURE__ */ a(
@@ -54,7 +54,7 @@ const W = S(
   }
 ), C = o.forwardRef(
   ({ className: e, variant: t, size: r, asChild: s = !1, ...n }, h) => /* @__PURE__ */ a(
-    s ? $ : "button",
+    s ? G : "button",
     {
       className: l(W({ variant: t, size: r, className: e })),
       ref: h,
@@ -144,11 +144,11 @@ const Y = ({ close: e, onSelect: t, mode: r = "image" }) => {
     } finally {
       v(!1);
     }
-  }, { t: d } = G();
+  }, { t: d } = H();
   return /* @__PURE__ */ g("div", { className: "flex w-96 flex-col gap-4 p-4", children: [
     /* @__PURE__ */ a("h2", { className: "text-xl font-semibold", children: d(`${r.charAt(0).toUpperCase() + r.slice(1)} Manager`) }),
     F && /* @__PURE__ */ g(L, { variant: "destructive", children: [
-      /* @__PURE__ */ a(z, { className: "h-4 w-4" }),
+      /* @__PURE__ */ a(j, { className: "h-4 w-4" }),
       /* @__PURE__ */ a(I, { children: F })
     ] }),
     /* @__PURE__ */ g("div", { className: "flex flex-col gap-4", children: [
@@ -203,8 +203,8 @@ export {
   C as B,
   m as C,
   L as D,
-  l as E,
-  I as F,
+  I as E,
+  l as F,
   W as G,
   xe as I,
   p as R,