@chaibuilder/sdk 3.2.8 → 3.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-CuANr9iH.cjs");require("clsx");require("lodash-es");require("nanoid");require("tailwind-merge");require("tree-model");const c=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const q=require("react-i18next"),r=require("./tooltip-Ba1-8jmj.cjs"),g=require("@react-hookz/web"),m=n=>{const s=document.createElement("div");return s.innerHTML=n,s.innerHTML};function j(){const{t:n}=q.useTranslation(),[s,h]=c.useState(!1),[a,p]=c.useState(""),[t,d]=i.useCodeEditor(),[u]=i.useSelectedBlockIds(),b=i.useUpdateBlocksProps(),f=i.useUpdateBlocksPropsRealtime(),C=g.useThrottledCallback(o=>{const l=m(o);f([t.blockId],{[t.blockProp]:l})},[],300),x=c.useCallback(()=>{if(s){const o=m(a);b([t.blockId],{[t.blockProp]:o})}},[s,a]);c.useEffect(()=>{u.includes(t==null?void 0:t.blockId)||(x(),d(null))},[u]);const k=()=>{x(),d(null)};return e.jsx(r.Dialog,{open:!0,onOpenChange:k,children:e.jsxs(r.DialogContent,{className:"flex max-h-[400px] min-h-[200px] max-w-4xl flex-col border-gray-700 text-black",children:[e.jsx(r.DialogHeader,{className:"shrink-0 border-b border-gray-700 pb-3",children:e.jsx(r.DialogTitle,{className:"flex items-center justify-between text-black",children:e.jsxs("div",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:n("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:n("Scripts will be only executed in preview and live mode.")})]})})}),e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e.jsx(r.Textarea,{className:"h-full w-full resize-none font-mono text-xs",value:a||t.initialCode,onChange:o=>{const l=o.target.value;h(!0),p(l),C(l)},rows:10,placeholder:"Enter your code here..."})})]})})}exports.default=j;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-zLw6cVaV.cjs");require("clsx");require("lodash-es");require("nanoid");require("tailwind-merge");require("tree-model");const c=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const q=require("react-i18next"),r=require("./tooltip-Ba1-8jmj.cjs"),g=require("@react-hookz/web"),m=n=>{const s=document.createElement("div");return s.innerHTML=n,s.innerHTML};function j(){const{t:n}=q.useTranslation(),[s,h]=c.useState(!1),[a,p]=c.useState(""),[t,d]=i.useCodeEditor(),[u]=i.useSelectedBlockIds(),b=i.useUpdateBlocksProps(),f=i.useUpdateBlocksPropsRealtime(),C=g.useThrottledCallback(o=>{const l=m(o);f([t.blockId],{[t.blockProp]:l})},[],300),x=c.useCallback(()=>{if(s){const o=m(a);b([t.blockId],{[t.blockProp]:o})}},[s,a]);c.useEffect(()=>{u.includes(t==null?void 0:t.blockId)||(x(),d(null))},[u]);const k=()=>{x(),d(null)};return e.jsx(r.Dialog,{open:!0,onOpenChange:k,children:e.jsxs(r.DialogContent,{className:"flex max-h-[400px] min-h-[200px] max-w-4xl flex-col border-gray-700 text-black",children:[e.jsx(r.DialogHeader,{className:"shrink-0 border-b border-gray-700 pb-3",children:e.jsx(r.DialogTitle,{className:"flex items-center justify-between text-black",children:e.jsxs("div",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:n("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:n("Scripts will be only executed in preview and live mode.")})]})})}),e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e.jsx(r.Textarea,{className:"h-full w-full resize-none font-mono text-xs",value:a||t.initialCode,onChange:o=>{const l=o.target.value;h(!0),p(l),C(l)},rows:10,placeholder:"Enter your code here..."})})]})})}exports.default=j;
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, jsxs as d } from "react/jsx-runtime";
2
- import { u as C, a as k, b as v, c as g } from "./index-DvdOXKUE.js";
2
+ import { u as C, a as k, b as v, c as g } from "./index-CIez6R-d.js";
3
3
  import "clsx";
4
4
  import "lodash-es";
5
5
  import "nanoid";
package/dist/core.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CuANr9iH.cjs"),s=require("./common-functions-B3a4xKt_.cjs"),a=require("./apply-binding-Bn1KC8uC.cjs"),i=require("react-i18next"),l=require("i18next");exports.ChaiAddBlocksDialog=e.AddBlocksDialog;exports.ChaiAddBlocksPanel=e.AddBlocksPanel;exports.ChaiAskAiUserPrompt=e.AIUserPrompt;exports.ChaiBlockAttributesEditor=e.BlockAttributesEditor;exports.ChaiBlockPropsEditor=e.BlockSettings;exports.ChaiBlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiDarkModeSwitcher=e.DarkMode;exports.ChaiDefaultBlocks=e.DefaultChaiBlocks;exports.ChaiDraggableBlock=e.ChaiDraggableBlock;exports.ChaiExportCodeModal=e.ExportCodeModal;exports.ChaiImportHTML=e.ImportHTML;exports.ChaiOutline=e.ListTree;exports.ChaiScreenSizes=e.Breakpoints;exports.ChaiThemeConfigPanel=e.ThemeConfigPanel;exports.ChaiUILibrariesPanel=e.UILibrariesPanel;exports.ChaiUndoRedo=e.UndoRedo;exports.IfChaiFeatureFlag=e.IfChaiFeatureFlag;exports.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.registerBlockSettingField=e.registerBlockSettingField;exports.registerBlockSettingTemplate=e.registerBlockSettingTemplate;exports.registerBlockSettingWidget=e.registerBlockSettingWidget;exports.registerChaiAddBlockTab=e.registerChaiAddBlockTab;exports.registerChaiFeatureFlag=e.registerChaiFeatureFlag;exports.registerChaiFeatureFlags=e.registerChaiFeatureFlags;exports.registerChaiLibrary=e.registerChaiLibrary;exports.registerChaiMediaManager=e.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=e.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=e.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=e.registerChaiSidebarPanel;exports.registerChaiTopBar=e.registerChaiTopBar;exports.useActiveSettingsTab=e.useActiveSettingsTab;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAskAi=e.useAskAi;exports.useBlockHighlight=e.useBlockHighlight;exports.useBlocksHtmlForAi=e.useBlocksHtmlForAi;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasDisplayWidth=e.useCanvasDisplayWidth;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiFeatureFlag=e.useChaiFeatureFlag;exports.useChaiFeatureFlags=e.useChaiFeatureFlags;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlocks;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useHtmlToBlocks=e.useHtmlToBlocks;exports.useI18nBlocks=e.useI18nBlocks;exports.useInlineEditing=e.useInlineEditing;exports.useIsPageLoaded=e.useIsPageLoaded;exports.useLanguages=e.useLanguages;exports.useLibraryBlocks=e.useLibraryBlocks;exports.useMediaManagerComponent=e.useMediaManagerComponent;exports.usePartailBlocksStore=e.usePartialBlocksStore;exports.usePartialBlocksList=e.usePartialBlocksList;exports.usePasteBlocks=e.usePasteBlocks;exports.usePermissions=e.usePermissions;exports.usePreviewMode=e.usePreviewMode;exports.usePubSub=e.usePubSub;exports.useRemoveAllClassesForBlock=e.useRemoveAllClassesForBlock;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useReplaceBlock=e.useReplaceBlock;exports.useResetBlockStyles=e.useResetBlockStyles;exports.useRightPanel=e.useRightPanel;exports.useSavePage=e.useSavePage;exports.useScreenSizeWidth=e.useScreenSizeWidth;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedLibrary=e.useSelectedLibrary;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSidebarActivePanel=e.useSidebarActivePanel;exports.useStreamMultipleBlocksProps=e.useStreamMultipleBlocksProps;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTheme=e.useTheme;exports.useThemeOptions=e.useThemeOptions;exports.useToggleChaiFeatureFlag=e.useToggleChaiFeatureFlag;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useWrapperBlock=e.useWrapperBlock;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>i.useTranslation});exports.i18n=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-zLw6cVaV.cjs"),s=require("./common-functions-B3a4xKt_.cjs"),a=require("./apply-binding-Bn1KC8uC.cjs"),i=require("react-i18next"),l=require("i18next");exports.ChaiAddBlocksDialog=e.AddBlocksDialog;exports.ChaiAddBlocksPanel=e.AddBlocksPanel;exports.ChaiAskAiUserPrompt=e.AIUserPrompt;exports.ChaiBlockAttributesEditor=e.BlockAttributesEditor;exports.ChaiBlockPropsEditor=e.BlockSettings;exports.ChaiBlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiDarkModeSwitcher=e.DarkMode;exports.ChaiDefaultBlocks=e.DefaultChaiBlocks;exports.ChaiDraggableBlock=e.ChaiDraggableBlock;exports.ChaiExportCodeModal=e.ExportCodeModal;exports.ChaiImportHTML=e.ImportHTML;exports.ChaiOutline=e.ListTree;exports.ChaiScreenSizes=e.Breakpoints;exports.ChaiThemeConfigPanel=e.ThemeConfigPanel;exports.ChaiUILibrariesPanel=e.UILibrariesPanel;exports.ChaiUndoRedo=e.UndoRedo;exports.IfChaiFeatureFlag=e.IfChaiFeatureFlag;exports.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.registerBlockSettingField=e.registerBlockSettingField;exports.registerBlockSettingTemplate=e.registerBlockSettingTemplate;exports.registerBlockSettingWidget=e.registerBlockSettingWidget;exports.registerChaiAddBlockTab=e.registerChaiAddBlockTab;exports.registerChaiFeatureFlag=e.registerChaiFeatureFlag;exports.registerChaiFeatureFlags=e.registerChaiFeatureFlags;exports.registerChaiLibrary=e.registerChaiLibrary;exports.registerChaiMediaManager=e.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=e.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=e.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=e.registerChaiSidebarPanel;exports.registerChaiTopBar=e.registerChaiTopBar;exports.useActiveSettingsTab=e.useActiveSettingsTab;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAskAi=e.useAskAi;exports.useBlockHighlight=e.useBlockHighlight;exports.useBlocksHtmlForAi=e.useBlocksHtmlForAi;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasDisplayWidth=e.useCanvasDisplayWidth;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiFeatureFlag=e.useChaiFeatureFlag;exports.useChaiFeatureFlags=e.useChaiFeatureFlags;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlocks;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useHtmlToBlocks=e.useHtmlToBlocks;exports.useI18nBlocks=e.useI18nBlocks;exports.useInlineEditing=e.useInlineEditing;exports.useIsPageLoaded=e.useIsPageLoaded;exports.useLanguages=e.useLanguages;exports.useLibraryBlocks=e.useLibraryBlocks;exports.useMediaManagerComponent=e.useMediaManagerComponent;exports.usePartailBlocksStore=e.usePartialBlocksStore;exports.usePartialBlocksList=e.usePartialBlocksList;exports.usePasteBlocks=e.usePasteBlocks;exports.usePermissions=e.usePermissions;exports.usePreviewMode=e.usePreviewMode;exports.usePubSub=e.usePubSub;exports.useRemoveAllClassesForBlock=e.useRemoveAllClassesForBlock;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useReplaceBlock=e.useReplaceBlock;exports.useResetBlockStyles=e.useResetBlockStyles;exports.useRightPanel=e.useRightPanel;exports.useSavePage=e.useSavePage;exports.useScreenSizeWidth=e.useScreenSizeWidth;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedLibrary=e.useSelectedLibrary;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSidebarActivePanel=e.useSidebarActivePanel;exports.useStreamMultipleBlocksProps=e.useStreamMultipleBlocksProps;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTheme=e.useTheme;exports.useThemeOptions=e.useThemeOptions;exports.useToggleChaiFeatureFlag=e.useToggleChaiFeatureFlag;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useWrapperBlock=e.useWrapperBlock;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>i.useTranslation});exports.i18n=l;
package/dist/core.js CHANGED
@@ -1,4 +1,4 @@
1
- import { q as e, A as i, l as o, s as l, B as r, k as t, C as u, p as c, D as d, t as C, v as B, E as g, I as k, L as n, m as h, T as S, U as p, n as m, Q as P, Z as A, w as F, y as T, z as b, F as I, x as M, R as v, S as y, H as L, J as H, G as R, K as f, O as D, P as E, _ as U, $ as x, a0 as W, a1 as O, a2 as w, a3 as z, g as j, aI as q, a4 as G, h as J, a5 as K, aK as N, aJ as V, a6 as Z, V as Q, W as X, u as Y, a7 as _, a8 as $, a9 as aa, aa as sa, ab as ea, ac as ia, ad as oa, ae as la, af as ra, ag as ta, ah as ua, i as ca, ai as da, Y as Ca, aj as Ba, ak as ga, al as ka, am as na, an as ha, ao as Sa, ap as pa, aq as ma, ar as Pa, as as Aa, at as Fa, au as Ta, j as ba, aL as Ia, av as Ma, aw as va, ax as ya, a as La, ay as Ha, az as Ra, aM as fa, aA as Da, aN as Ea, aB as Ua, aC as xa, aD as Wa, aE as Oa, aF as wa, X as za, aG as ja, b as qa, c as Ga, aH as Ja } from "./index-DvdOXKUE.js";
1
+ import { q as e, A as i, l as o, s as l, B as r, k as t, C as u, p as c, D as d, t as C, v as B, E as g, I as k, L as n, m as h, T as S, U as p, n as m, Q as P, Z as A, w as F, y as T, z as b, F as I, x as M, R as v, S as y, H as L, J as H, G as R, K as f, O as D, P as E, _ as U, $ as x, a0 as W, a1 as O, a2 as w, a3 as z, g as j, aI as q, a4 as G, h as J, a5 as K, aK as N, aJ as V, a6 as Z, V as Q, W as X, u as Y, a7 as _, a8 as $, a9 as aa, aa as sa, ab as ea, ac as ia, ad as oa, ae as la, af as ra, ag as ta, ah as ua, i as ca, ai as da, Y as Ca, aj as Ba, ak as ga, al as ka, am as na, an as ha, ao as Sa, ap as pa, aq as ma, ar as Pa, as as Aa, at as Fa, au as Ta, j as ba, aL as Ia, av as Ma, aw as va, ax as ya, a as La, ay as Ha, az as Ra, aM as fa, aA as Da, aN as Ea, aB as Ua, aC as xa, aD as Wa, aE as Oa, aF as wa, X as za, aG as ja, b as qa, c as Ga, aH as Ja } from "./index-CIez6R-d.js";
2
2
  import { g as Na, c as Va } from "./common-functions-D2lMFR6K.js";
3
3
  import { h as Qa, h as Xa } from "./apply-binding-DLaiD20q.js";
4
4
  import { useTranslation as _a } from "react-i18next";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-CuANr9iH.cjs");require("clsx");const L=require("lodash-es");require("nanoid");require("tailwind-merge");require("@chaibuilder/runtime");const d=require("react");require("jotai");require("sonner");const w=require("react-i18next"),m=require("./tooltip-Ba1-8jmj.cjs"),x=require("@radix-ui/react-icons"),b=({title:r,items:i,emptyLabel:n,onSelect:t,icon:o})=>s.jsxs("div",{className:"space-y-2",children:[s.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground",children:r}),i.length>0?s.jsx("div",{className:"space-y-1",children:i.map(l=>s.jsx("button",{type:"button",onClick:()=>t(l.id),className:m.cn("group flex w-full items-center justify-between rounded-md border border-transparent bg-muted/40 px-3 py-1 text-left text-xs transition","hover:border-muted-foreground/20 hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1",l.isSelected&&"border-primary/40 bg-primary/10 text-primary"),children:s.jsxs("span",{className:"flex items-center space-x-2",children:[o&&o,s.jsx("span",{className:"truncate",children:l.label})]})},l.id))}):s.jsx("div",{className:"rounded border border-dashed border-muted px-3 py-1 text-xs text-muted-foreground",children:n})]}),M="#styles:",_=r=>{const n=[typeof r._name=="string"?r._name:void 0,typeof r._type=="string"?r._type:void 0].filter(Boolean).find(t=>t.trim().length>0);return n?n.length>40?`${n.slice(0,37)}...`:n:r._id},C=(r,i)=>{const n=`${i}`;return r.filter(t=>Object.values(t).some(o=>typeof o!="string"||!o.startsWith(M)?!1:o.includes(n))).map(t=>({id:t._id,label:_(t)}))},O=({tokenId:r,tokenName:i,children:n})=>{const{t}=w.useTranslation(),[o]=a.useBlocksStore(),[l,g]=a.useSelectedBlockIds(),h=a.useBuilderProp("pageId"),f=a.useBuilderProp("siteWideUsage"),y=d.useMemo(()=>C(o,r),[o,r]),S=d.useMemo(()=>y.map(e=>({id:e.id,label:e.label,isSelected:l.includes(e.id)})),[y,l]),u=d.useMemo(()=>f?Object.entries(f).reduce((e,[p,c])=>(p===h||!(c!=null&&c.designTokens)||!Object.keys(c.designTokens).some(P=>typeof P!="string"?!1:P===r)||e.push({id:p,name:c.name||p,isPartial:!!c.isPartial}),e),[]):[],[f,i,r,h]),k=d.useMemo(()=>u.filter(e=>!e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),v=d.useMemo(()=>u.filter(e=>e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),B=d.useCallback(e=>{g([e])},[g]),N=a.useBuilderProp("gotoPage",L.noop),{selectedLang:q,fallbackLang:T}=a.useLanguages(),{savePageAsync:I}=a.useSavePage(),j=async e=>{e&&(await I(!0),N({pageId:e,lang:q||T}))};return s.jsxs(m.Popover,{children:[s.jsx(m.PopoverTrigger,{asChild:!0,children:n}),s.jsxs(m.PopoverContent,{side:"bottom",align:"end",className:"w-80 p-0",children:[s.jsxs("div",{className:"space-y-1 px-4 py-3",children:[s.jsx("p",{className:"text-xs font-semibold",children:i}),s.jsx("p",{className:"text-[11px] text-muted-foreground",children:t("Usage summary for this design token across your site.")})]}),s.jsxs("div",{className:"no-scrollbar max-h-64 space-y-4 overflow-y-auto px-4 pb-4",children:[s.jsx(b,{title:t("Blocks affected on this page"),items:S,emptyLabel:t("None"),onSelect:B,icon:s.jsx(x.ArrowRightIcon,{fontSize:4})}),s.jsx(b,{title:t("Blocks affected on other pages"),items:k,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.FileIcon,{fontSize:8})}),s.jsx(b,{title:t("Blocks affected on partial blocks"),items:v,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.GlobeIcon,{fontSize:8})})]})]})]})};exports.default=O;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-zLw6cVaV.cjs");require("clsx");const L=require("lodash-es");require("nanoid");require("tailwind-merge");require("@chaibuilder/runtime");const d=require("react");require("jotai");require("sonner");const w=require("react-i18next"),m=require("./tooltip-Ba1-8jmj.cjs"),x=require("@radix-ui/react-icons"),b=({title:r,items:i,emptyLabel:n,onSelect:t,icon:o})=>s.jsxs("div",{className:"space-y-2",children:[s.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground",children:r}),i.length>0?s.jsx("div",{className:"space-y-1",children:i.map(l=>s.jsx("button",{type:"button",onClick:()=>t(l.id),className:m.cn("group flex w-full items-center justify-between rounded-md border border-transparent bg-muted/40 px-3 py-1 text-left text-xs transition","hover:border-muted-foreground/20 hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1",l.isSelected&&"border-primary/40 bg-primary/10 text-primary"),children:s.jsxs("span",{className:"flex items-center space-x-2",children:[o&&o,s.jsx("span",{className:"truncate",children:l.label})]})},l.id))}):s.jsx("div",{className:"rounded border border-dashed border-muted px-3 py-1 text-xs text-muted-foreground",children:n})]}),M="#styles:",_=r=>{const n=[typeof r._name=="string"?r._name:void 0,typeof r._type=="string"?r._type:void 0].filter(Boolean).find(t=>t.trim().length>0);return n?n.length>40?`${n.slice(0,37)}...`:n:r._id},C=(r,i)=>{const n=`${i}`;return r.filter(t=>Object.values(t).some(o=>typeof o!="string"||!o.startsWith(M)?!1:o.includes(n))).map(t=>({id:t._id,label:_(t)}))},O=({tokenId:r,tokenName:i,children:n})=>{const{t}=w.useTranslation(),[o]=a.useBlocksStore(),[l,g]=a.useSelectedBlockIds(),h=a.useBuilderProp("pageId"),f=a.useBuilderProp("siteWideUsage"),y=d.useMemo(()=>C(o,r),[o,r]),S=d.useMemo(()=>y.map(e=>({id:e.id,label:e.label,isSelected:l.includes(e.id)})),[y,l]),u=d.useMemo(()=>f?Object.entries(f).reduce((e,[p,c])=>(p===h||!(c!=null&&c.designTokens)||!Object.keys(c.designTokens).some(P=>typeof P!="string"?!1:P===r)||e.push({id:p,name:c.name||p,isPartial:!!c.isPartial}),e),[]):[],[f,i,r,h]),k=d.useMemo(()=>u.filter(e=>!e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),v=d.useMemo(()=>u.filter(e=>e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),B=d.useCallback(e=>{g([e])},[g]),N=a.useBuilderProp("gotoPage",L.noop),{selectedLang:q,fallbackLang:T}=a.useLanguages(),{savePageAsync:I}=a.useSavePage(),j=async e=>{e&&(await I(!0),N({pageId:e,lang:q||T}))};return s.jsxs(m.Popover,{children:[s.jsx(m.PopoverTrigger,{asChild:!0,children:n}),s.jsxs(m.PopoverContent,{side:"bottom",align:"end",className:"w-80 p-0",children:[s.jsxs("div",{className:"space-y-1 px-4 py-3",children:[s.jsx("p",{className:"text-xs font-semibold",children:i}),s.jsx("p",{className:"text-[11px] text-muted-foreground",children:t("Usage summary for this design token across your site.")})]}),s.jsxs("div",{className:"no-scrollbar max-h-64 space-y-4 overflow-y-auto px-4 pb-4",children:[s.jsx(b,{title:t("Blocks affected on this page"),items:S,emptyLabel:t("None"),onSelect:B,icon:s.jsx(x.ArrowRightIcon,{fontSize:4})}),s.jsx(b,{title:t("Blocks affected on other pages"),items:k,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.FileIcon,{fontSize:8})}),s.jsx(b,{title:t("Blocks affected on partial blocks"),items:v,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.GlobeIcon,{fontSize:8})})]})]})]})};exports.default=O;
@@ -1,5 +1,5 @@
1
1
  import { jsxs as c, jsx as r } from "react/jsx-runtime";
2
- import { g as w, a as _, h as f, i as C, j as I } from "./index-DvdOXKUE.js";
2
+ import { g as w, a as _, h as f, i as C, j as I } from "./index-CIez6R-d.js";
3
3
  import "clsx";
4
4
  import { noop as O } from "lodash-es";
5
5
  import "nanoid";