@chaibuilder/sdk 0.1.0 → 0.1.1

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.
Files changed (43) hide show
  1. package/dist/AddBlocks-52d9b4d7.cjs +3 -0
  2. package/dist/{AddBlocks-04c49399.js → AddBlocks-e047b93d.js} +37 -35
  3. package/dist/BrandingOptions-77957074.cjs +1 -0
  4. package/dist/{BrandingOptions-055cf22a.js → BrandingOptions-86dc389a.js} +2 -2
  5. package/dist/{CanvasArea-a7901131.js → CanvasArea-29d479f2.js} +3 -3
  6. package/dist/{CanvasArea-97dfbb52.cjs → CanvasArea-9ce217a4.cjs} +10 -10
  7. package/dist/{ImagesPanel-160aa664.cjs → ImagesPanel-5cde797f.cjs} +1 -1
  8. package/dist/{ImagesPanel-815d5e6f.js → ImagesPanel-6595528d.js} +1 -1
  9. package/dist/Layers-3a270af5.cjs +1 -0
  10. package/dist/{Layers-6f1c162e.js → Layers-81832d92.js} +3 -3
  11. package/dist/{MarkAsGlobalBlock-209ddfd5.js → MarkAsGlobalBlock-a1b5646c.js} +2 -2
  12. package/dist/MarkAsGlobalBlock-f2186631.cjs +1 -0
  13. package/dist/Settings-6a3f0f70.cjs +1 -0
  14. package/dist/{Settings-b1afcefe.js → Settings-a8cea8ee.js} +4 -4
  15. package/dist/{SidePanels-f48777bb.js → SidePanels-1dcabe54.js} +3 -3
  16. package/dist/SidePanels-7fe6bebe.cjs +1 -0
  17. package/dist/Topbar-00cfceeb.cjs +1 -0
  18. package/dist/{Topbar-64729901.js → Topbar-ce65bdce.js} +2 -2
  19. package/dist/{UnsplashImages-04fffeed.cjs → UnsplashImages-1b2310ad.cjs} +1 -1
  20. package/dist/{UnsplashImages-315ce7a8.js → UnsplashImages-43ec34a9.js} +2 -2
  21. package/dist/{UploadImages-f317eef0.js → UploadImages-1839950f.js} +36 -32
  22. package/dist/UploadImages-d398bc93.cjs +1 -0
  23. package/dist/core.cjs +1 -1
  24. package/dist/core.js +2 -2
  25. package/dist/{index-cdd49c4c.js → index-32d7b6e5.js} +12 -6
  26. package/dist/index-506fb888.cjs +2 -0
  27. package/dist/{link-8594fd8f.js → link-0bfd8606.js} +2 -2
  28. package/dist/link-158970ee.cjs +1 -0
  29. package/dist/render.cjs +2 -2
  30. package/dist/render.js +1 -1
  31. package/dist/ui.cjs +1 -1
  32. package/dist/ui.js +2 -2
  33. package/package.json +2 -2
  34. package/dist/AddBlocks-c27c81fa.cjs +0 -3
  35. package/dist/BrandingOptions-c25f6370.cjs +0 -1
  36. package/dist/Layers-3aa6aae7.cjs +0 -1
  37. package/dist/MarkAsGlobalBlock-536770e7.cjs +0 -1
  38. package/dist/Settings-2b1ff1a3.cjs +0 -1
  39. package/dist/SidePanels-f79dbace.cjs +0 -1
  40. package/dist/Topbar-bff765dc.cjs +0 -1
  41. package/dist/UploadImages-43c16a2d.cjs +0 -1
  42. package/dist/index-aea5c557.cjs +0 -2
  43. package/dist/link-43d13383.cjs +0 -1
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),a=require("lodash"),t=require("@radix-ui/react-icons"),B=require("react-dnd"),y=require("@minoru/react-dnd-treeview"),_=require("react-i18next"),x=require("./index-aea5c557.cjs"),v=require("./utils-3c452dd0.cjs"),m=require("react"),P=require("./CONTROLS-031e1de3.cjs"),C=require("./dialog-170eaad9.cjs"),u=require("./context-menu-fec580f2.cjs"),S=require("./useBuilderProp-5e57d0c8.cjs"),H=require("./scroll-area-088530b9.cjs"),L=require("jotai");require("i18next");require("flagged");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-0801d193.cjs");require("redux-undo");require("@react-hookz/web");require("chaibuilder-blocks");require("clsx");require("tailwind-merge");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("@radix-ui/react-scroll-area");const w=s=>{switch(s.type){case"Image":return e.jsxRuntimeExports.jsx(t.ImageIcon,{});case"Heading":return e.jsxRuntimeExports.jsx(t.HeadingIcon,{});case"Text":return e.jsxRuntimeExports.jsx(t.TextIcon,{});case"Link":return e.jsxRuntimeExports.jsx(t.Link1Icon,{});case"Video":return e.jsxRuntimeExports.jsx(t.VideoIcon,{});case"RichText":return e.jsxRuntimeExports.jsx(t.CursorTextIcon,{});case"Button":return e.jsxRuntimeExports.jsx(t.ButtonIcon,{});case"CustomHTML":return e.jsxRuntimeExports.jsx(t.CodeIcon,{});case"Divider":return e.jsxRuntimeExports.jsx(t.DividerHorizontalIcon,{});case"Icon":return e.jsxRuntimeExports.jsx(t.SketchLogoIcon,{});case"List":return e.jsxRuntimeExports.jsx(t.RowsIcon,{});case"Paragraph":return e.jsxRuntimeExports.jsx(t.TextIcon,{});case"Row":return e.jsxRuntimeExports.jsx(t.RowsIcon,{});case"ListItem":return e.jsxRuntimeExports.jsx(t.ColumnsIcon,{});case"LineBreak":return e.jsxRuntimeExports.jsx(t.SpaceBetweenVerticallyIcon,{});case"Form":return e.jsxRuntimeExports.jsx(t.GroupIcon,{});case"Checkbox":return e.jsxRuntimeExports.jsx(t.CheckboxIcon,{});case"FormButton":return e.jsxRuntimeExports.jsx(t.ButtonIcon,{});case"Input":case"TextArea":return e.jsxRuntimeExports.jsx(t.InputIcon,{});case"Radio":return e.jsxRuntimeExports.jsx(t.RadiobuttonIcon,{});case"Select":return e.jsxRuntimeExports.jsx(t.DropdownMenuIcon,{});case"Table":return e.jsxRuntimeExports.jsx(t.TableIcon,{});case"TableHead":return e.jsxRuntimeExports.jsx(t.BorderTopIcon,{});case"TableBody":return e.jsxRuntimeExports.jsx(t.BorderAllIcon,{});case"TableRow":return e.jsxRuntimeExports.jsx(t.ViewHorizontalIcon,{});case"TableCell":return e.jsxRuntimeExports.jsx(t.DragHandleHorizontalIcon,{});case"Box":return e.jsxRuntimeExports.jsx(t.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(t.BoxModelIcon,{})}};function V(s=""){const n={xs:"390px",sm:"640px",md:"768px",lg:"1024px",xl:"1366px","2xl":"1536px"};if(new RegExp(/\bsr-only\b/).test(s))return"Sr Only";if(new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(s))return"Visible on mobile";if(s.match(/(^| )hidden( |$)/g)){const i=new RegExp(/\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/),l=s.match(i);if(a.nth(l,1))return`Visible >=${n[a.nth(l,1)]}`}return""}const F=s=>{let n="";return Object.keys(s).forEach(r=>{a.startsWith(s[r],P.STYLES_KEY)&&(n=s[r])}),n},z=s=>{var R;const[,n]=x.useHighlightBlockId(),[r]=x.useHiddenBlockIds(),{isSelected:c}=s,{id:i,data:l}=s.node,d=s.depth*10,j=p=>{p.stopPropagation(),s.onToggle(s.node.id)},h=y.useDragOver(i,s.isOpen,s.onToggle),g=m.useMemo(()=>{const p=F(s.node.data);return V(p)},[s.node.data]);return e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>n(i),className:v.cn("group flex w-full items-center justify-between space-x-px py-px ",c?"bg-blue-500 text-white":"hover:bg-gray-200 dark:hover:bg-gray-800"),onClick:p=>{p.stopPropagation(),!r.includes(i)&&s.onSelect(i)},onContextMenu:()=>s.onSelect(i),style:{paddingInlineStart:d},...h,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:`flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${s.isOpen?"rotate-90":""}`,children:s.node.droppable&&e.jsxRuntimeExports.jsx("button",{onClick:j,type:"button",children:e.jsxRuntimeExports.jsx(t.TriangleRightIcon,{})})}),e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:"-mt-1 h-3 w-3",children:e.jsxRuntimeExports.jsx(w,{type:l==null?void 0:l._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:((R=s.node.data)==null?void 0:R._name)||s.node.text}),g?e.jsxRuntimeExports.jsxs("span",{className:"ml-2 flex items-center text-[10px] italic "+(c?"text-gray-200":"text-gray-500"),children:["(",g,")"]}):null]})]})})},G=s=>{var r;const{item:n}=s.monitorProps;return e.jsxRuntimeExports.jsxs("div",{className:"flex w-max items-center bg-blue-200 bg-opacity-30 p-1 font-semibold text-blue-700",children:[e.jsxRuntimeExports.jsx("div",{className:"",children:e.jsxRuntimeExports.jsx(w,{type:(r=n==null?void 0:n.data)==null?void 0:r._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:n.text})]})},$=s=>{const n=s.depth*10+16;return e.jsxRuntimeExports.jsx("div",{className:"absolute right-0 top-0 h-0.5 -translate-y-1/2 transform bg-green-500",style:{left:n}})},K=m.lazy(()=>Promise.resolve().then(()=>require("./MarkAsGlobalBlock-536770e7.cjs"))),Q=()=>{const[s]=x.useSelectedBlockIds(),[,n]=x.useCutBlockIds();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(s),children:[e.jsxRuntimeExports.jsx(t.ScissorsIcon,{})," Cut"]})},U=()=>{const[s]=x.useSelectedBlockIds(),[,n]=x.useCopyBlockIds();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(s),children:[e.jsxRuntimeExports.jsx(t.ClipboardIcon,{})," Copy"]})},Y=()=>{const[s]=x.useSelectedBlockIds(),n=x.useRemoveBlocks(),r=x.useSelectedBlock();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{disabled:(r==null?void 0:r._type)==="Slot",className:"flex items-center gap-x-4 text-xs",onClick:()=>n(s),children:[e.jsxRuntimeExports.jsx(t.TrashIcon,{})," Remove"]})},W=({id:s=null,openMarkAsGlobalModal:n})=>{const[r]=x.useSelectedBlockIds(),c=x.useDuplicateBlocks(),{pasteBlocks:i,canPaste:l}=x.usePasteBlocks(),d=S.useBuilderProp("globalBlocksSupport",!1),j=m.useCallback(()=>{c(r)},[r,c]);return e.jsxRuntimeExports.jsxs(u.ContextMenuContent,{className:"text-xs",children:[d&&e.jsxRuntimeExports.jsx(u.ContextMenuItem,{className:"flex items-center gap-x-4 border-b text-xs",onClick:n,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-4",children:[e.jsxRuntimeExports.jsx(t.GlobeIcon,{})," Mark as global"]})}),e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:j,children:[e.jsxRuntimeExports.jsx(t.CopyIcon,{})," Duplicate"]}),e.jsxRuntimeExports.jsx(Q,{}),e.jsxRuntimeExports.jsx(U,{}),e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>i(s),disabled:!l,children:[e.jsxRuntimeExports.jsx(t.ClipboardCopyIcon,{})," Paste"]}),e.jsxRuntimeExports.jsx(Y,{})]})},J=({children:s,id:n=null})=>{const[r,c]=m.useState(!1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(C.Dialog,{open:r,onOpenChange:c,children:r&&e.jsxRuntimeExports.jsx(C.DialogContent,{children:e.jsxRuntimeExports.jsx(m.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"h-96 w-full animate-pulse bg-gray-200"}),children:e.jsxRuntimeExports.jsx(K,{closeModal:()=>c(!1),id:n})})})}),e.jsxRuntimeExports.jsxs(u.ContextMenu,{children:[e.jsxRuntimeExports.jsx(u.ContextMenuTrigger,{children:s}),e.jsxRuntimeExports.jsx(W,{id:n,openMarkAsGlobalModal:()=>c(!0)})]})]})},X=()=>{const{addCoreBlock:s}=x.useAddBlock(),n=S.useBuilderProp("getExternalPredefinedBlock");return m.useCallback(async r=>{const{block:c,dropTargetId:i,relativeIndex:l}=r;if(a.has(c,"format")){const d=await n(c);return s({blocks:d},i===0?null:i,l)}return s(c,i===0?null:i,l)},[s])};function Z(s){return a.map(s,n=>{const{data:r}=n;return{...r,_parent:n.parent===0?null:n.parent}})}const ee=()=>{const s=x.useAllBlocks(),[n]=x.useSetAllBlocks(),[r,c,i]=x.useSelectedBlockIds(),[,l]=x.useSelectedStylingBlocks(),{t:d}=_.useTranslation(),{createSnapshot:j}=x.useCanvasHistory(),h=x.useExpandedIds(),g=X(),[,R]=L.useAtom(x.addBlocksModalAtom),p=async(o,E)=>{const{dragSource:b,destinationIndex:k,relativeIndex:f,dropTargetId:D,monitor:O}=E,A=Z(o);n(A),b?j():(await g({block:O.getItem(),dropTargetId:D,destinationIndex:k,relativeIndex:f}),R(!1))},T=a.map(s,o=>({id:o._id,text:o._type,parent:o._parent||0,droppable:!a.isUndefined(a.find(s,{_parent:o._id})),data:o})),q=()=>{c([]),l([])},[{isOver:I},M]=B.useDrop(()=>({accept:["CHAI_BLOCK"],collect:o=>({canDrop:o.canDrop(),isOver:o.isOver()}),drop:o=>{(async()=>(await g({block:o,dropTargetId:"",destinationIndex:0,relativeIndex:0}),R(!1)))()}})),{isDragging:N}=B.useDragLayer(o=>({isDragging:o.isDragging()}));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{onClick:()=>q(),className:v.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",N?"bg-green-50/80":"bg-background"),children:[e.jsxRuntimeExports.jsx("div",{className:"mx-1 h-10 rounded-md bg-background/30 p-1",children:e.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Tree view"})}),a.isEmpty(s)?e.jsxRuntimeExports.jsxs("div",{ref:M,className:`mx-1 mt-4 h-full p-6 text-center text-sm text-gray-400 ${I?"bg-blue-200":""}`,children:[I?e.jsxRuntimeExports.jsx(t.DoubleArrowDownIcon,{className:"mx-auto h-12 w-12 animate-bounce"}):e.jsxRuntimeExports.jsx(t.StackIcon,{className:"mx-auto h-10 w-10"}),e.jsxRuntimeExports.jsx("p",{className:"mt-2",children:d(I?"drop_here_message":"tree_view_no_blocks")})]}):e.jsxRuntimeExports.jsx(H.ScrollArea,{id:"layers-view",className:"no-scrollbar h-full overflow-y-auto p-1",children:e.jsxRuntimeExports.jsx(y.Tree,{initialOpen:h,extraAcceptTypes:["CHAI_BLOCK"],tree:T,rootId:0,render:(o,{depth:E,isOpen:b,onToggle:k})=>e.jsxRuntimeExports.jsx(J,{id:o.id,children:e.jsxRuntimeExports.jsx(z,{onSelect:f=>{l([]),c([f])},isSelected:a.includes(r,o.id),node:o,depth:E,isOpen:b,onToggle:k,toggleIds:i})}),dragPreviewRender:o=>e.jsxRuntimeExports.jsx(G,{monitorProps:o}),onDrop:p,classes:{root:"h-full pt-2",draggingSource:"opacity-30",dropTarget:"bg-green-100",placeholder:"relative"},sort:!1,insertDroppableFirst:!1,canDrop:x.canDropBlock,dropTargetOffset:2,enableAnimateExpand:!0,placeholderRender:(o,{depth:E})=>e.jsxRuntimeExports.jsx($,{node:o,depth:E})})})]})})};exports.default=ee;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),o=require("@radix-ui/react-icons"),u=require("react"),t=require("./useBuilderProp-5e57d0c8.cjs"),c=require("./index-aea5c557.cjs");require("react-i18next");const x=require("lodash");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-0801d193.cjs");require("redux-undo");require("@react-hookz/web");require("chaibuilder-blocks");require("./CONTROLS-031e1de3.cjs");const m=({id:i=null,closeModal:s})=>{const l=c.useMarkAsGlobalBlock(),[r,a]=u.useState("");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{className:"text-lg font-bold",children:"Mark as Global"}),e.jsxRuntimeExports.jsxs("div",{className:"py-2 text-sm",children:["Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks. ",e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("ul",{className:"mt-4 list-inside list-disc space-y-1",children:[e.jsxRuntimeExports.jsxs("li",{children:["Global blocks are indicated with ",e.jsxRuntimeExports.jsx(o.GlobeIcon,{className:"inline"})," icon in left sidebar"]}),e.jsxRuntimeExports.jsx("li",{children:'Global blocks are available under "Global" category'})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"my-4",children:[e.jsxRuntimeExports.jsx("label",{className:"block text-sm font-medium text-gray-400",children:"Enter global block name"}),e.jsxRuntimeExports.jsx("input",{placeholder:"Eg: Header, Footer ",className:"mt-2 w-full",value:r,onChange:n=>a(n.target.value)})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-4",children:[e.jsxRuntimeExports.jsx(t.Button,{onClick:()=>{l(i,x.capitalize(r)),s()},disabled:r.length<=2,variant:"default",children:"Mark as Global"}),e.jsxRuntimeExports.jsx(t.Button,{variant:"outline",onClick:s,children:"Cancel"})]})]})};exports.default=m;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),d=require("react"),_=require("@react-hookz/web"),r=require("lodash"),Q=require("react-i18next"),o=require("@radix-ui/react-icons"),M=require("./tabs-860e37aa.cjs"),ne=require("@rjsf/core"),le=require("@rjsf/validator-ajv8"),f=require("./index-aea5c557.cjs"),W=require("./link-43d13383.cjs"),ie=require("chaibuilder-blocks"),ae=require("jotai"),ue=require("react-autosuggest"),pe=require("fuse.js"),D=require("./Class-0801d193.cjs"),w=require("./useBuilderProp-5e57d0c8.cjs"),U=require("./label-167415e5.cjs"),de=require("./CONTROLS-031e1de3.cjs"),$=require("./accordion-0afd8143.cjs"),ce=require("./scroll-area-088530b9.cjs"),E=require("./select-0e32300c.cjs");require("@radix-ui/react-tabs");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("redux-undo");require("react-icons-picker");require("react-dom");require("./dialog-170eaad9.cjs");require("@radix-ui/react-dialog");require("./ImagesPanel-160aa664.cjs");require("react-quill");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("@radix-ui/react-label");require("@radix-ui/react-accordion");require("@radix-ui/react-scroll-area");require("@radix-ui/react-select");function xe(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(l,t,n.get?n:{enumerable:!0,get:()=>s[t]})}}return l.default=s,Object.freeze(l)}const X=xe(d);function me(){const s=f.useSelectedBlock(),{createSnapshot:l}=f.useCanvasHistory(),t=f.useUpdateBlocksPropsRealtime(),[n]=f.useActiveLanguage(),i=ie.getBlockComponent(s._type),u=r.get(i,"props",{}),c={type:"object",properties:{_name:{title:"Name",type:"string",default:r.get(s,"_name",s._type)}}},p={};Object.keys(u).forEach(m=>{const j=u[m];if(r.includes(["slot","styles"],j.type))return;const b=r.get(j,"i18n",!1)?`${m}-${n}`:m;c.properties[b]=f.getBlockJSONFromSchemas(j,n),p[b]=f.getBlockJSONFromUISchemas(j,n)});const a={...s},h=({formData:m},j)=>{if(j){const b=j.replace("root.","");t([s._id],{[b]:r.get(m,b)})}},g=()=>{l()};return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{widgets:{richtext:W.RTEField,icon:W.IconPickerField,image:W.ImagePickerField},fields:{link:W.LinkField},idSeparator:".",autoComplete:"off",omitExtraData:!1,liveOmit:!1,liveValidate:!0,uiSchema:p,onBlur:g,schema:c,formData:a,validator:le,onChange:h}),e.jsxRuntimeExports.jsx("div",{className:"pb-60"})]})}const G=new pe(D.ALL_TW_CLASSES,{isCaseSensitive:!1,threshold:.2,minMatchCharLength:2,keys:["name"]});function ge(){var N;const[s]=f.useSelectedStylingBlocks(),l=f.useSelectedBlock(),t=f.useAddClassesToBlocks(),n=f.useRemoveClassesFromBlocks(),[i]=f.useSelectedBlockIds(),[u,c]=d.useState(""),p=(N=r.first(s))==null?void 0:N.prop,a=r.reject((r.get(l,p,"").replace(de.STYLES_KEY,"").split(",").pop()||"").split(" "),r.isEmpty),h=()=>{const C=u.trim().toLowerCase().replace(/ +(?= )/g,"").split(" ");t(i,C,!0),c("")},[g,m]=d.useState([]),j=({value:C})=>{const B=C.trim().toLowerCase(),I=B.match(/.+:/g);let k=[];if(I&&I.length>0){const[H]=I,L=B.replace(H,"");k=G.search(L).map(x=>({...x,item:{...x.item,name:H+x.item.name}}))}else k=G.search(B);m(r.map(k,"item"))},b=()=>{m([])},y=C=>C.name,R=C=>e.jsxRuntimeExports.jsx("div",{className:"rounded-md p-1",children:C.name}),V={autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,placeholder:"Enter class name",value:u,onKeyDown:C=>{C.key==="Enter"&&u.trim()!==""&&h()},onChange:(C,{newValue:B})=>c(B),className:"w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"};return e.jsxRuntimeExports.jsxs("div",{className:`no-scrollbar flex ${g.length>0?"min-h-[300px]":"min-h-max"} w-full flex-col gap-y-5 overflow-y-auto bg-gray-100 px-px`,children:[e.jsxRuntimeExports.jsx(U.Label,{className:"mt-2",children:"Add Tailwind classes"}),e.jsxRuntimeExports.jsxs("div",{className:"relative -mt-4 flex items-center gap-x-3",children:[e.jsxRuntimeExports.jsx("div",{className:"relative flex w-full items-center gap-x-3",children:e.jsxRuntimeExports.jsx(ue,{suggestions:g,onSuggestionsFetchRequested:j,onSuggestionsClearRequested:b,getSuggestionValue:y,renderSuggestion:R,inputProps:V,containerProps:{className:"relative h-8 w-full gap-y-1 py-1 border-gray-600"},theme:{suggestion:"bg-transparent",suggestionHighlighted:"bg-gray-700 ",suggestionsContainerOpen:"absolute bg-gray-100 z-50 max-h-[230px] overflow-y-auto w-full border border-gray-600 rounded-md"}})}),e.jsxRuntimeExports.jsx(w.Button,{variant:"outline",className:"h-6 border-gray-700",onClick:h,disabled:u.trim()==="",size:"sm",children:e.jsxRuntimeExports.jsx(o.PlusIcon,{})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full flex-wrap gap-2",children:[r.isEmpty(a)&&e.jsxRuntimeExports.jsx("div",{className:"flex h-10 w-full items-center justify-center text-center text-sm text-gray-400",children:"No class added"}),X.Children.toArray(a.map(C=>e.jsxRuntimeExports.jsxs("div",{className:"group relative flex cursor-default items-center gap-x-1 rounded-full border border-blue-600 bg-blue-500 p-px px-1.5 text-[11px] text-white hover:border-blue-900",children:[C,e.jsxRuntimeExports.jsx(o.Cross2Icon,{onClick:()=>n(i,[C]),className:"invisible absolute right-1 hover:text-white group-hover:visible group-hover:cursor-pointer"})]},C)))]})]})}const T=["px","%","em","rem","ch","vh","vw"],he={heading:"Flex Child",items:[{type:"arbitrary",label:"Basis",units:T,property:"flexBasis"},{type:"range",label:"Order",property:"order"},{type:"dropdown",label:"Flex",property:"flexGrowShrink"},{type:"dropdown",label:"Grow",property:"flexGrow"},{type:"dropdown",label:"Shrink",property:"flexShrink"}]},ye={heading:"Grid Child",items:[{type:"range",label:"Col Span",property:"gridColSpan"},{type:"range",label:"Col Start",property:"gridColStart"},{type:"range",label:"Col End",property:"gridColEnd"},{type:"range",label:"Row Span",property:"gridRowSpan"},{type:"range",label:"Row Start",property:"gridRowStart"},{type:"range",label:"Row End",property:"gridRowEnd"},{type:"range",label:"Order",property:"order"}]},be=[{heading:"Display",items:[{type:"dropdown",label:"Display",property:"display",units:T},{styleType:"accordion",heading:"Flex options",items:[{type:"dropdown",label:"Direction",property:"flexDirection"},{type:"dropdown",label:"Wrap",property:"flexWrap"},{type:"dropdown",label:"Justify",property:"justifyContent"},{type:"dropdown",label:"Content",property:"alignContent"},{type:"dropdown",label:"Items",property:"alignItems"},{styleType:"multiple",label:"Gap",options:[{key:"gap",label:"All"},{key:"gapX",label:"Left-Right"},{key:"gapY",label:"Top-Bottom"}]}],conditions:{display:"flex"}},{styleType:"accordion",heading:"Grid options",items:[{type:"range",label:"Columns",property:"gridColumns"},{type:"range",label:"Rows",property:"gridRows"},{type:"dropdown",label:"Auto Flow",property:"gridAutoFlow"},{type:"dropdown",label:"Auto Cols",property:"gridAutoColumns"},{type:"dropdown",label:"Auto Rows",property:"gridAutoRows"},{type:"dropdown",label:"Justify",property:"justifyContent"},{type:"dropdown",label:"Content",property:"alignContent"},{type:"dropdown",label:"Items",property:"alignItems"},{styleType:"multiple",label:"Gap",units:["px","rem"],options:[{key:"gap",label:"All"},{key:"gapX",label:"Left-Right"},{key:"gapY",label:"Top-Bottom"}]}],conditions:{display:"grid"}},{styleType:"accordion",heading:"Visibility & Opacity",items:[{type:"dropdown",label:"Visibility",property:"visibility",units:T},{type:"arbitrary",label:"Opacity",property:"opacity",units:["-"]}]}]},{heading:"Spacing",items:[{styleType:"multiple",label:"Margin",negative:!0,units:[...T,"auto"],options:[{key:"margin",label:"All"},{key:"marginX",label:"Left-Right"},{key:"marginY",label:"Top-Bottom"},{key:"marginTop",label:"Top"},{key:"marginRight",label:"Right"},{key:"marginBottom",label:"Bottom"},{key:"marginLeft",label:"Left"}]},{styleType:"multiple",label:"Padding",options:[{key:"padding",label:"All"},{key:"paddingX",label:"Left-Right"},{key:"paddingY",label:"Top-Bottom"},{key:"paddingTop",label:"Top"},{key:"paddingRight",label:"Right"},{key:"paddingBottom",label:"Bottom"},{key:"paddingLeft",label:"Left"}]},{styleType:"multiple",label:"Space Between",options:[{key:"spaceX",label:"Left-Right"},{key:"spaceY",label:"Top-Bottom"}]}]},{heading:"Size",items:[{type:"arbitrary",label:"Width",units:T.concat("auto"),property:"width"},{type:"arbitrary",label:"Height",units:T.concat("auto"),property:"height"},{styleType:"accordion",heading:"Min width & height",items:[{type:"arbitrary",label:"Min Width",units:T.concat("auto"),property:"minWidth"},{type:"arbitrary",label:"Min Height",units:T.concat("auto"),property:"minHeight"}]},{styleType:"accordion",heading:"Max width & height",items:[{type:"arbitrary",label:"Max Width",units:T.concat("auto"),property:"maxWidth"},{type:"arbitrary",label:"Max Height",units:T.concat("auto"),property:"maxHeight"}]},{styleType:"accordion",heading:"Object options & aspect ratio",items:[{type:"dropdown",label:"Aspect",property:"aspectRatio"},{type:"dropdown",label:"Fit",property:"objectFit"},{type:"dropdown",label:"Position",property:"objectPosition"}]}]},{heading:"Position",items:[{type:"icons",label:"Position",property:"position"},{styleType:"accordion",heading:"Position options",items:[{styleType:"multiple",label:"Direction",options:[{key:"top",label:"Top"},{key:"right",label:"Right"},{key:"bottom",label:"Bottom"},{key:"left",label:"Left"}]},{styleType:"multiple",label:"Inset",options:[{key:"inset",label:"All"},{key:"insetX",label:"Left Right"},{key:"insetY",label:"Top Bottom"}]},{type:"arbitrary",label:"Z-Chai",units:["-","auto"],property:"zIndex"}]},{styleType:"accordion",heading:"Float & Clear",items:[{type:"icons",label:"Float",property:"float"},{type:"dropdown",label:"Clear",property:"clear"}]},{styleType:"accordion",heading:"Overflow & Overscroll",items:[{styleType:"multiple",type:"dropdown",label:"Overflow",options:[{key:"overflow",label:"All"},{key:"overflowX",label:"Left-Right"},{key:"overflowY",label:"Top-Bottom"}]},{styleType:"multiple",type:"dropdown",label:"Overscroll",options:[{key:"overscroll",label:"All"},{key:"overscrollX",label:"Left-Right"},{key:"overscrollY",label:"Top-Bottom"}]}]}]},{heading:"Typography",items:[{type:"dropdown",property:"fontFamily",label:"Font"},{type:"arbitrary",property:"fontSize",label:"Size",units:T},{type:"arbitrary",property:"lineHeight",label:"Height",units:T.concat("-")},{type:"range",property:"fontWeight",label:"Weight"},{type:"color",property:"textColor",label:"Color"},{styleType:"accordion",heading:"Alignments",items:[{type:"dropdown",property:"textAlign",label:"Align"},{type:"dropdown",property:"verticalAlign",label:"V. Align"}]},{styleType:"accordion",heading:"Spacing, decoration & more",items:[{type:"dropdown",property:"letterSpacing",label:"Spacing"},{type:"dropdown",property:"textDecoration",label:"Decoration"},{type:"range",property:"textDecorationThickness",label:"Thickness"},{type:"dropdown",property:"textTransform",label:"Transform"}]},{styleType:"accordion",heading:"White space & breaks",items:[{type:"dropdown",property:"whitespace",label:"Whitespace"},{type:"dropdown",property:"wordBreak",label:"Wordbreak"}]}]},{heading:"Background",items:[{type:"color",label:"Bg. Color",property:"backgroundColor"},{styleType:"accordion",heading:"Position, Size & more",items:[{type:"dropdown",label:"Attachment",property:"backgroundAttachment"},{type:"dropdown",label:"Clipping",property:"backgroundClip"},{type:"dropdown",label:"Origin",property:"backgroundOrigin"},{type:"dropdown",label:"Position",property:"backgroundPosition"},{type:"dropdown",label:"Repeat",property:"backgroundRepeat"},{type:"dropdown",label:"Size",property:"backgroundSize"}]},{type:"dropdown",label:"Gradient",property:"backgroundGradient"},{styleType:"accordion",heading:"Gradient colors",items:[{type:"color",label:"From",property:"fromColor"},{type:"color",label:"Via",property:"viaColor"},{type:"color",label:"To",property:"toColor"}]}]},{heading:"Border & Outline",items:[{styleType:"multiple",type:"dropdown",label:"Width",options:[{key:"border",label:"All"},{key:"borderX",label:"Left Right"},{key:"borderY",label:"Top bottom"},{key:"borderTop",label:"Top"},{key:"borderRight",label:"Right"},{key:"borderBottom",label:"Bottom"},{key:"borderLeft",label:"Left"}]},{styleType:"multiple",type:"dropdown",label:"Corners",options:[{key:"borderRadius",label:"All"},{key:"borderRadiusTop",label:"Top"},{key:"borderRadiusRight",label:"Right"},{key:"borderRadiusBottom",label:"Bottom"},{key:"borderRadiusLeft",label:"Left"},{key:"borderRadiusTopLeft",label:"Top Left"},{key:"borderRadiusTopRight",label:"Top right"},{key:"borderRadiusBottomRight",label:"Bottom right"},{key:"borderRadiusBottomLeft",label:"Bottom left"}]},{type:"color",label:"Color",property:"borderColor"},{type:"dropdown",label:"Style",property:"borderStyle"},{styleType:"accordion",heading:"Divide options",items:[{styleType:"multiple",type:"range",label:"Width",options:[{key:"divideXWidth",label:"Left Right"},{key:"divideYWidth",label:"Top Bottom"}]},{type:"color",label:"Color",property:"divideColor"},{type:"dropdown",label:"Style",property:"divideStyle"}]},{styleType:"accordion",heading:"Outline styling",items:[{type:"range",label:"Width",property:"outlineWidth"},{type:"range",label:"Offset",property:"outlineOffset"},{type:"dropdown",label:"Style",property:"outlineStyle"}]},{styleType:"accordion",heading:"Ring options",items:[{type:"range",label:"Width",property:"ringWidth"},{type:"color",label:"Color",property:"ringColor"},{type:"range",label:"Offset",property:"ringOffsetWidth"},{type:"color",label:"Off. color",property:"ringOffsetColor"}]}]},{heading:"Effect & Animation",items:[{type:"range",label:"Shadow",property:"boxShadow"},{type:"color",label:"Color",property:"boxShadowColor"},{type:"dropdown",label:"Cursor",property:"cursor"},{styleType:"accordion",heading:"Blend & Cursor",items:[{type:"dropdown",label:"Mix Blend",property:"mixBlendMode"},{type:"dropdown",label:"Bg. Blend",property:"bgBlendMode"}]},{styleType:"accordion",heading:"Transform",items:[{type:"dropdown",label:"Origin",property:"transformOrigin"},{styleType:"multiple",label:"Scale",units:["-"],options:[{key:"scale",label:"All"},{key:"scaleX",label:"Left-Right"},{key:"scaleY",label:"Top-Bottom"}]},{styleType:"multiple",label:"Skew",units:["deg"],options:[{key:"skewX",label:"Left-Right"},{key:"skewY",label:"Top-Bottom"}]},{styleType:"multiple",label:"Translate",negative:!0,options:[{key:"translateX",label:"Left-Right"},{key:"translateY",label:"Top-Bottom"}]},{type:"arbitrary",units:["deg"],negative:!0,label:"Rotate",property:"rotate"}]},{styleType:"accordion",heading:"Animation",items:[{type:"dropdown",label:"Animation",property:"animation"},{type:"dropdown",label:"Transition",property:"transition"},{type:"dropdown",label:"Easing",property:"transitionEase"},{type:"arbitrary",units:["ms"],label:"Duration",property:"duration"},{type:"arbitrary",units:["ms"],label:"Delay",property:"delay"}]}]},{heading:"Classes",items:[{component:ge}]}],ee={"not-italic":()=>e.jsxRuntimeExports.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 3H11V5H9V11H11V13H5V11H7V5H5V3H9Z",fill:"white"})}),visible:o.EyeOpenIcon,invisible:o.EyeClosedIcon,hidden:o.EyeClosedIcon,gap:o.BorderAllIcon,gapX:o.WidthIcon,gapY:o.HeightIcon,spaceX:o.WidthIcon,spaceY:o.HeightIcon,overscroll:o.BorderAllIcon,overscrollX:o.WidthIcon,overscrollY:o.HeightIcon,overflow:o.BorderAllIcon,overflowX:o.WidthIcon,overflowY:o.HeightIcon,top:o.ArrowUpIcon,right:o.ArrowRightIcon,bottom:o.ArrowDownIcon,left:o.ArrowLeftIcon,inset:o.BorderAllIcon,insetX:o.WidthIcon,insetY:o.HeightIcon,border:o.BorderAllIcon,borderX:o.WidthIcon,borderY:o.HeightIcon,borderTop:o.ArrowUpIcon,borderRight:o.ArrowRightIcon,borderBottom:o.ArrowDownIcon,borderLeft:o.ArrowLeftIcon,borderRadius:o.BorderAllIcon,borderRadiusX:o.WidthIcon,borderRadiusY:o.HeightIcon,borderRadiusTop:o.ArrowUpIcon,borderRadiusRight:o.ArrowRightIcon,borderRadiusBottom:o.ArrowDownIcon,borderRadiusLeft:o.ArrowLeftIcon,borderRadiusTopLeft:o.ArrowTopLeftIcon,borderRadiusTopRight:o.ArrowTopRightIcon,borderRadiusBottomRight:o.ArrowBottomRightIcon,borderRadiusBottomLeft:o.ArrowBottomLeftIcon,divideXWidth:o.WidthIcon,divideYWidth:o.HeightIcon,scale:o.BorderAllIcon,scaleX:o.WidthIcon,scaleY:o.HeightIcon,skewX:o.WidthIcon,skewY:o.HeightIcon,translateX:o.WidthIcon,translateY:o.HeightIcon,padding:o.BorderAllIcon,paddingX:o.WidthIcon,paddingY:o.HeightIcon,paddingTop:o.ArrowUpIcon,paddingRight:o.ArrowRightIcon,paddingBottom:o.ArrowDownIcon,paddingLeft:o.ArrowLeftIcon,margin:o.BorderAllIcon,marginX:o.WidthIcon,marginY:o.HeightIcon,marginTop:o.ArrowUpIcon,marginRight:o.ArrowRightIcon,marginBottom:o.ArrowDownIcon,marginLeft:o.ArrowLeftIcon,textLeft:o.AlignLeftIcon,textCenter:o.AlignCenterHorizontallyIcon,textRight:o.AlignRightIcon,textJustify:o.StretchHorizontallyIcon,italic:o.FontItalicIcon,underline:o.UnderlineIcon,overline:o.OverlineIcon,uppercase:o.LetterCaseUppercaseIcon,block:()=>e.jsxRuntimeExports.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxRuntimeExports.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M2 2H14V14H2V2ZM1 1H15V15H1V1Z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 4H4V12H7V4ZM9 4H12V12H9V4Z",fill:"currentColor"})]}),"float-right":()=>e.jsxRuntimeExports.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxRuntimeExports.jsx("path",{d:"M8 4H16V12H8V4Z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M0 4H6V6H0V4ZM0 7H6V9H0V7ZM4 10H0V12H4V10Z",fill:"currentColor"})]}),"float-left":()=>e.jsxRuntimeExports.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxRuntimeExports.jsx("path",{d:"M0 4H8V12H0V4Z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M10 4H16V6H10V4ZM10 7H16V9H10V7ZM14 10H10V12H14V10Z",fill:"currentColor"})]}),"float-none":o.Cross2Icon,fixed:()=>e.jsxRuntimeExports.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxRuntimeExports.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M15 2H14V4H13V5H14V6H15V2ZM10 5V4H9V2H1V8H2V5H10ZM7 4V3H5V4H7ZM4 4V3H2V4H4ZM1 13H7V14H1V13Z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2H10V3H11V6H12V3H13V2H11ZM2 9H1V12H2V11H7V10H2V9ZM15 7H8V14H15V7Z",fill:"currentColor"})]}),absolute:()=>e.jsxRuntimeExports.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxRuntimeExports.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M14 2H15V6H14V2ZM9 3V2H1V8H2V3H9ZM7 13H1V14H7V13Z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2H10V3H11V6H12V3H13V2H11ZM2 9H1V12H2V11H7V10H2V9ZM15 7H8V14H15V7Z",fill:"currentColor"})]}),relative:()=>e.jsxRuntimeExports.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2H9V3H11V6H12V3H14V2H11ZM2 8H1V13H2V11H7V10H2V8ZM15 7H8V14H15V7Z",fill:"currentColor"})}),sticky:()=>e.jsxRuntimeExports.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxRuntimeExports.jsx("path",{d:"M12.9998 7C13.6558 7 14.2937 6.78498 14.8158 6.38787C15.338 5.99076 15.7156 5.43345 15.8908 4.80128C16.066 4.16912 16.0292 3.49694 15.7859 2.8877C15.5427 2.27846 15.1065 1.76573 14.5441 1.42804C13.9817 1.09034 13.3241 0.946293 12.672 1.01795C12.02 1.08961 11.4094 1.37303 10.9337 1.8248C10.4581 2.27658 10.1436 2.8718 10.0385 3.51932C9.93341 4.16685 10.0434 4.83097 10.3518 5.41L6.88176 8.88C6.80034 8.96122 6.73572 9.05769 6.69158 9.16388C6.64744 9.27008 6.62465 9.38393 6.62451 9.49894C6.62437 9.61395 6.64689 9.72785 6.69077 9.83416C6.73465 9.94046 6.79904 10.0371 6.88026 10.1185C6.96149 10.1999 7.05795 10.2645 7.16415 10.3087C7.27035 10.3528 7.3842 10.3756 7.4992 10.3758C7.61421 10.3759 7.72812 10.3534 7.83442 10.3095C7.94072 10.2656 8.03734 10.2012 8.11876 10.12L11.5888 6.648C12.0088 6.873 12.4888 7 12.9988 7H12.9998Z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M9.535 2H1V14H15V7.465C14.69 7.645 14.355 7.783 14 7.875V13H2V5H9.126C8.86504 3.98486 9.01223 2.90789 9.536 2H9.535ZM7 3V4H5V3H7ZM4 3V4H2V3H4Z",fill:"currentColor"})]}),static:o.Cross1Icon},q=d.createContext({canReset:!1,canChange:!0}),fe=({children:s,canReset:l=!1,canChange:t=!0})=>e.jsxRuntimeExports.jsx(q.Provider,{value:{canReset:l,canChange:t},children:s}),te=({label:s,property:l,onChange:t})=>{const n=d.useMemo(()=>r.get(D.CLASSES_LIST,`${l}.classes`,[""]),[l]),i=P(l),u=d.useMemo(()=>r.get(i,"cls",""),[i]),{canChange:c}=d.useContext(q),p=/\[.*\]/g.test(u);return e.jsxRuntimeExports.jsx("div",{className:s?"w-full rounded ":"grow",children:p?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(W.Input,{className:"w-[70%] rounded py-1",readOnly:!0,value:u}),e.jsxRuntimeExports.jsxs(w.Tooltip,{delayDuration:100,children:[e.jsxRuntimeExports.jsx(w.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("button",{type:"button",className:"invisible ml-3 mt-1 text-blue-600 group-hover:visible",children:e.jsxRuntimeExports.jsx(o.InfoCircledIcon,{})})}),e.jsxRuntimeExports.jsx(w.TooltipContent,{children:"Current value is using a Tailwind arbitrary value."})]})]}):e.jsxRuntimeExports.jsx(Z,{rounded:s,onChange:a=>t(a,l),selected:u,options:n,disabled:!c})})};function Z({selected:s,onChange:l,rounded:t=!1,options:n,disabled:i=!1}){const u=s.replace(/.*:/g,"").trim(),{undo:c,redo:p}=f.useCanvasHistory();return e.jsxRuntimeExports.jsxs("select",{disabled:!n.length||i,className:`${t?"rounded-md border border-border":"border-0"} w-full disable:bg-gray-500 h-full truncate rounded bg-background px-2 py-1 text-xs outline-none disabled:cursor-not-allowed`,onChange:a=>l(a.target.value),onKeyDown:a=>{a.ctrlKey&&(a.key==="z"&&c(),a.key==="y"&&p())},value:u,children:[e.jsxRuntimeExports.jsx("option",{className:"bg-transparent",value:""}),d.Children.toArray(n.map(a=>e.jsxRuntimeExports.jsx("option",{className:"bg-transparent",value:a,children:a})))]})}const je=({property:s,onChange:l})=>{const{canReset:t,canChange:n}=d.useContext(q),i=P(s),u=d.useMemo(()=>r.get(i,"cls",""),[i]),c=d.useMemo(()=>r.get(D.CLASSES_LIST,`${s}.classes`,[""]),[s]),p=c.indexOf(u)>-1?c.indexOf(u):0,a=/\[.*\]/g.test(u);return e.jsxRuntimeExports.jsx("div",{className:"flex flex-row divide-x divide-solid divide-border rounded border border-border text-xs",children:a?e.jsxRuntimeExports.jsx("div",{className:"py-[5px] px-2",children:u}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("button",{type:"button",className:"box-border w-2/12 rounded-tl rounded-bl bg-background px-1 text-center hover:bg-bg-gray-700 disabled:cursor-not-allowed disabled:bg-gray-600",disabled:!n&&(!t||p-1<0),onClick:()=>l(r.nth(c,p-1),s),children:e.jsxRuntimeExports.jsx("span",{className:"flex items-center justify-center",children:e.jsxRuntimeExports.jsx(o.MinusIcon,{className:!n&&(!t||p-1<0)?"text-gray-500":"text-white/60"})})}),e.jsxRuntimeExports.jsx("div",{className:"w-8/12 text-center",children:e.jsxRuntimeExports.jsx(te,{label:!1,property:s,onChange:l})}),e.jsxRuntimeExports.jsx("button",{type:"button",className:"w-2/12 rounded-tr rounded-br bg-background px-1 text-center hover:bg-bg-gray-700 disabled:cursor-not-allowed disabled:bg-gray-600",disabled:!n&&(!t||p+1>=c.length),onClick:()=>l(r.nth(c,p+1),s),children:e.jsxRuntimeExports.jsx("span",{className:"flex items-center justify-center",children:e.jsxRuntimeExports.jsx(o.PlusIcon,{className:!n&&(!t||p+1>=c.length)?"text-gray-500":"text-white/60"})})})]})})},ve=({property:s,onChange:l})=>{const t=d.useMemo(()=>r.get(D.CLASSES_LIST,`${s}.classes`,[""]),[s]),{canChange:n}=d.useContext(q),i=P(s),u=d.useMemo(()=>r.get(i,"cls",""),[i]);return e.jsxRuntimeExports.jsx("div",{className:"flex grow flex-wrap gap-1",children:r.map(t,c=>e.jsxRuntimeExports.jsxs(w.Tooltip,{children:[e.jsxRuntimeExports.jsx(w.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("button",{type:"button",disabled:!n,onClick:()=>l(c,s),className:`cursor-pointer rounded border border-gray-600 p-1 disabled:cursor-not-allowed ${u===c?" bg-blue-500 text-white":"disabled:bg-gray-600 disabled:text-gray-400"}`,children:d.createElement(r.get(ee,c,o.BoxIcon))})}),e.jsxRuntimeExports.jsx(w.TooltipContent,{children:r.startCase(r.toLower(c))})]}))})},Re={backgroundColor:"bg",textColor:"text",borderColor:"border",boxShadowColor:"shadow",outlineColor:"outline",divideColor:"divide",fromColor:"from",viaColor:"via",toColor:"to",ringColor:"ring",ringOffsetColor:"ring-offset"},we=({property:s,onChange:l})=>{const t=P(s),n=d.useMemo(()=>r.get(t,"cls",""),[t]),{canChange:i}=d.useContext(q),[u,c]=d.useState([]),[p,a]=d.useState({color:"",shade:""}),h=n.split("-"),g=r.get(h,"1",""),m=r.get(h,"2",""),j=d.useCallback(y=>{["current","inherit","transparent","black","white"].includes(y)?(c([]),a({color:y})):(c(["50","100","200","300","400","500","600","700","800","900"]),a(R=>({...R,color:y,shade:R.shade?R.shade:"500"})))},[c,a]);d.useEffect(()=>{if(["current","inherit","transparent","black","white"].includes(g))return c([]);c(["50","100","200","300","400","500","600","700","800","900"])},[g]);const b=d.useCallback(y=>{a({color:g,shade:y})},[g]);return d.useEffect(()=>{a({color:"",shade:""})},[t]),d.useEffect(()=>{const R=`${r.get(Re,s,"")}-${p.color}${p.shade?`-${p.shade}`:""}`;R.match(new RegExp(r.get(D.CLASSES_LIST,`${s}.regExp`,"")))&&l(R,s)},[p,l,s]),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-row divide-x divide-solid divide-border rounded-lg border border-border text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-center",children:e.jsxRuntimeExports.jsx(Z,{disabled:!i,rounded:!0,selected:g,onChange:j,options:["current","transparent","primary","secondary","black","white","slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"]})}),e.jsxRuntimeExports.jsx("button",{type:"button",className:"grow text-center",children:e.jsxRuntimeExports.jsx(Z,{rounded:!0,selected:m,disabled:!g||!i,onChange:b,options:u})})]})},K=(s,l)=>{s=s.toLowerCase();let t=s.trim().replace(/ |\+/g,"");if((t==="auto"||t==="none")&&l.includes(t))return{value:"",unit:t};const n=l.length?new RegExp(l.join("|"),"g"):/XXXXXX/g;t=t.replace(n,"");const i=s.match(n),u=i&&i.length>1,c=!r.isEmpty(t)&&Number.isNaN(Number(t));return u||c?{error:"Invalid value"}:i&&(i[0]==="auto"||i[0]==="none")?{value:i[0],unit:""}:{value:t,unit:i?i[0]:""}},Ce=s=>{const l=s.startsWith("-")?"-":"",t=s.split("-").pop();if(["auto","none"].includes(t))return{value:"",unit:t};if(t==="px")return{value:"1",unit:"px"};if(t==="screen")return{value:"100",unit:s.indexOf("w-")!==-1?"vw":"vh"};if(t==="full")return{value:"100",unit:"%"};if(r.includes(s,"skew-"))return{value:`${l}${t}`,unit:"deg"};if(r.includes(s,"rotate-"))return{value:`${l}${t}`,unit:"deg"};if(r.includes(s,"opacity-"))return{value:`${t/100}`,unit:"-"};if(r.includes(s,"duration-")||r.includes(s,"delay-"))return{value:`${t}`,unit:"ms"};if(r.includes(s,"translate-")&&!t.includes("/"))return{value:`${l}${`${t/4}`}`,unit:"rem"};if(r.includes(s,"scale-"))return{value:`${l}${`${t/100}`}`,unit:"-"};if(r.startsWith(s,"border")){const n=s.match(/border-?(x|y|t|r|b|l)?\d+/g);if(n)return{value:n[0].split("-").pop(),unit:"px"};if(s.match(/border-?(x|y|t|r|b|l)?/g))return{value:"1",unit:"px"}}if(r.startsWith(s,"max-w-")){if(s==="max-w-screen-sm")return{value:"640",unit:"px"};if(s==="max-w-screen-md")return{value:"768",unit:"px"};if(s==="max-w-screen-lg")return{value:"1024",unit:"px"};if(s==="max-w-screen-xl")return{value:"1280",unit:"px"};if(s==="max-w-screen-2xl")return{value:"1536",unit:"px"};if(t==="xs")return{value:"320",unit:"px"};if(t==="sm")return{value:"384",unit:"px"};if(t==="md")return{value:"448",unit:"px"};if(t==="lg")return{value:"512",unit:"px"};if(t==="xl")return{value:"576",unit:"px"};if(t==="2xl")return{value:"672",unit:"px"};if(t==="3xl")return{value:"768",unit:"px"};if(t==="4xl")return{value:"896",unit:"px"};if(t==="5xl")return{value:"1024",unit:"px"};if(t==="6xl")return{value:"1152",unit:"px"};if(t==="7xl")return{value:"1280",unit:"px"};if(t==="prose")return{value:"65",unit:"ch"}}if(r.startsWith(s,"text-")){if(t==="xs")return{value:"12",unit:"px"};if(t==="sm")return{value:"14",unit:"px"};if(t==="base")return{value:"16",unit:"px"};if(t==="lg")return{value:"18",unit:"px"};if(t==="xl")return{value:"20",unit:"px"};if(t==="2xl")return{value:"24",unit:"px"};if(t==="3xl")return{value:"30",unit:"px"};if(t==="4xl")return{value:"36",unit:"px"};if(t==="5xl")return{value:"48",unit:"px"};if(t==="6xl")return{value:"60",unit:"px"};if(t==="7xl")return{value:"72",unit:"px"};if(t==="8xl")return{value:"96",unit:"px"};if(t==="9xl")return{value:"128",unit:"px"}}if(r.startsWith(s,"leading-")){if(t==="none")return{value:"1",unit:"-"};if(t==="tight")return{value:"1.25",unit:"-"};if(t==="snug")return{value:"1.375",unit:"-"};if(t==="normal")return{value:"1.5",unit:"-"};if(t==="relaxed")return{value:"1.625",unit:"-"};if(t==="loose")return{value:"2",unit:"-"}}if(r.startsWith(s,"tracking-")){if(t==="tighter")return{value:"-0.05",unit:"em"};if(t==="tight")return{value:"-0.025",unit:"em"};if(t==="normal")return{value:"0",unit:"em"};if(t==="wide")return{value:"0.025",unit:"em"};if(t==="wider")return{value:"0.05",unit:"em"};if(t==="widest")return{value:"0.1",unit:"em"}}if(["max","min","fit"].includes(t))return{value:s,unit:"class"};if(t.includes("/")){const[n,i]=r.map(t.split("/"),u=>parseInt(u,10));return{value:l+(n/i*100).toFixed(2).replace(".00",""),unit:"%"}}return r.isNumber(parseFloat(t))?{value:`${l+parseFloat(t)*4}`,unit:"px"}:{value:t,unit:"class"}},Ee=s=>{if(r.isEmpty(s))return{value:"",unit:""};const l=s.match(/\[.*\]/g);if(l===null)return ke(s);const t=r.get(l,"0","").replace(/\[|\]/g,""),n=s.startsWith("-")?"-":"",i=r.first(t.match(/\d+.\d+|\d+/g));return{value:`${n}${i}`,unit:t.replace(i,"")}},ke=s=>r.isEmpty(s)?{value:"",unit:""}:Ce(s),re=d.createContext({setDragData:()=>{}}),Se=({unit:s,currentValue:l,onDrag:t,onDragEnd:n,onDragStart:i,negative:u,cssProperty:c})=>{const{setDragData:p}=d.useContext(re);return e.jsxRuntimeExports.jsx("button",{type:"button",onMouseDown:a=>{const h={onDrag:t,onDragEnd:n,dragging:!0,dragStartY:a.pageY,dragStartValue:`${l}`,dragUnit:s,negative:u,cssProperty:c};i(h),p(h)},color:void 0,className:"relative z-50 ml-1 hidden h-6 cursor-row-resize rounded bg-background/70 px-2 group-hover:inline",children:e.jsxRuntimeExports.jsx(o.RowSpacingIcon,{})})},Te=({onSelect:s,current:l,units:t})=>e.jsxRuntimeExports.jsx("div",{"data-theme":"light",className:"-m-[7px] -mx-[13px] flex w-9 flex-col",children:t.map(n=>e.jsxRuntimeExports.jsx(w.Button,{className:"h-max rounded-none px-1 py-1 text-right text-[11px] hover:bg-blue-400",color:l===n?"primary":void 0,size:"sm",onClick:i=>{i.stopPropagation(),s(n)},children:n},n))}),Ne=s=>{const[l,t]=d.useState(!1),[n,i]=d.useState(""),{currentClass:u,onChange:c,classPrefix:p,cssProperty:a,units:h,negative:g}=s,[m,j]=d.useState(a!=null&&a.toLowerCase().includes("width")?"%":h[0]),[b,y]=d.useState(!1),[R,V]=d.useState(""),[N,C]=d.useState(!1),[B,I]=d.useState(!1);d.useEffect(()=>{const{value:x,unit:v}=Ee(u);if(v===""){i(x),j(a!=null&&a.toLowerCase().includes("width")?"%":h[0]);return}j(v),i(v==="class"||r.isEmpty(x)?"":x)},[u,a,h]);const k=_.useThrottledCallback(x=>{c(x)},[c],200),H=_.useThrottledCallback(x=>{c(x,!1)},[c],200),L=d.useCallback((x=!1)=>{const v=K(`${n}`,h);if(r.get(v,"error",!1)){y(!0);return}const S=r.get(v,"unit")!==""?r.get(v,"unit"):m;if(S==="auto"||S==="none"){k(`${p}${S}`);return}if(r.get(v,"value")==="")return;const O=`${r.get(v,"value","").startsWith("-")?"-":""}${p}[${r.get(v,"value","").replace("-","")}${S==="-"?"":S}]`;x?H(O):k(O)},[k,H,n,m,p,h]),F=d.useCallback(x=>{const v=K(`${n}`,h);if(r.get(v,"error",!1)){y(!0);return}if(x==="auto"||x==="none"){k(`${p}${x}`);return}if(r.get(v,"value")==="")return;const S=r.get(v,"unit")!==""?r.get(v,"unit"):x,O=`${r.get(v,"value","").startsWith("-")?"-":""}${p}[${r.get(v,"value","").replace("-","")}${S==="-"?"":S}]`;k(O)},[k,n,p,h]);return e.jsxRuntimeExports.jsx("div",{className:"flex w-full flex-col",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-start",children:m==="class"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("input",{className:"w-20 rounded py-1",readOnly:!0,value:u}),e.jsxRuntimeExports.jsxs(w.Tooltip,{children:[e.jsxRuntimeExports.jsx(w.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("button",{type:"button",className:"invisible ml-3 mt-1 text-blue-600 group-hover:visible",children:e.jsxRuntimeExports.jsx(o.InfoCircledIcon,{})})}),e.jsxRuntimeExports.jsx(w.TooltipContent,{children:"Current value is using a Tailwind preset class."})]})]}):e.jsxRuntimeExports.jsxs("div",{className:`group relative flex items-center ${N?"z-auto":""}`,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center rounded-md border border-border",children:[["none","auto"].indexOf(m)!==-1?null:e.jsxRuntimeExports.jsx("input",{readOnly:m==="class",onKeyPress:x=>{x.key==="Enter"&&L()},onKeyDown:x=>{if(x.keyCode!==38&&x.keyCode!==40)return;x.preventDefault(),I(!0);const v=r.parseInt(x.target.value);let S=r.isNaN(v)?0:v;x.keyCode===38&&(S+=1),x.keyCode===40&&(S-=1);const A=`${S}`,oe=`${A.startsWith("-")?"-":""}${p}[${A.replace("-","")}${m==="-"?"":m}]`;H(oe)},onKeyUp:x=>{B&&(x.preventDefault(),I(!1))},onBlur:()=>L(),onChange:x=>{y(!1),i(x.target.value)},onClick:x=>{var v;(v=x==null?void 0:x.target)==null||v.select(),t(!1)},value:N?R:n,className:"h-6 w-14 rounded rounded-r-none bg-background pl-2 text-sm focus-visible:outline-0 ".concat(" ",b?"border-red-500 text-red-500":"border-foreground/20")}),e.jsxRuntimeExports.jsxs(w.Tooltip,{open:l,delayDuration:100,children:[e.jsxRuntimeExports.jsx(w.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:()=>t(!l),className:"flex h-6 cursor-pointer items-center gap-x-1 rounded rounded-l-none bg-background p-px px-1 text-[11px] uppercase",children:[e.jsxRuntimeExports.jsx("span",{className:`inline-block ${h.length===1?"px-2 font-semibold":""}`,children:m}),h.length>1?e.jsxRuntimeExports.jsx(o.TriangleDownIcon,{}):null]})}),e.jsxRuntimeExports.jsx(w.TooltipPortal,{children:e.jsxRuntimeExports.jsx(w.TooltipContent,{className:"bg-background",children:e.jsxRuntimeExports.jsx(Te,{units:h,current:m,onSelect:x=>{t(!1),j(x),F(x)}})})})]})]}),["none","auto"].indexOf(m)!==-1||N?null:e.jsxRuntimeExports.jsx(Se,{onDragStart:()=>C(!0),onDragEnd:x=>{if(V(()=>""),C(!1),r.isEmpty(x))return;const v=`${x}`,A=`${v.startsWith("-")?"-":""}${p}[${v.replace("-","")}${m==="-"?"":m}]`;k(A)},onDrag:x=>{if(r.isEmpty(x))return;V(x);const v=`${x}`,A=`${v.startsWith("-")?"-":""}${p}[${v.replace("-","")}${m==="-"?"":m}]`;H(A)},currentValue:n,unit:m,negative:g,cssProperty:a})]})})})},P=s=>{const l=f.useSelectedBlockCurrentClasses();return r.findLast(l,{property:s})},Ie=(s,l)=>{const t={xs:0,sm:1,md:2,lg:3,xl:4,"2xl":5};return t[r.get(s,"mq","xs")]<=t[l]},He={width:"w-",height:"h-",minWidth:"min-w-",minHeight:"min-h-",maxWidth:"max-w-",maxHeight:"max-h-",zIndex:"z-",gap:"gap-",gapX:"gap-x-",gapY:"gap-y-",margin:"m-",marginX:"mx-",marginY:"my-",marginTop:"mt-",marginBottom:"mb-",marginLeft:"ml-",marginRight:"mr-",padding:"p-",paddingX:"px-",paddingY:"py-",paddingTop:"pt-",paddingBottom:"pb-",paddingLeft:"pl-",paddingRight:"pr-",spaceX:"space-x-",spaceY:"space-y-",border:"border-",borderTop:"border-t-",borderBottom:"border-b-",borderLeft:"border-l-",borderRight:"border-r-",borderX:"border-x-",borderY:"border-y-",borderRadius:"rounded-",borderRadiusTop:"rounded-t-",borderRadiusRight:"rounded-r-",borderRadiusBottom:"rounded-b-",borderRadiusLeft:"rounded-l-",borderRadiusTopLeft:"rounded-tl-",borderRadiusTopRight:"rounded-tr-",borderRadiusBottomRight:"rounded-br-",borderRadiusBottomLeft:"rounded-bl-",fontSize:"text-",lineHeight:"leading-",letterSpacing:"tracking-",textIndent:"indent-",rotate:"rotate-",duration:"duration-",transitionDelay:"delay-",scale:"scale-",scaleX:"scale-x-",scaleY:"scale-y-",translateX:"translate-x-",translateY:"translate-y-",skewX:"skew-x-",skewY:"skew-y-",top:"top-",bottom:"bottom-",left:"left-",right:"right-",inset:"inset-",insetX:"inset-x-",insetY:"inset-y-",opacity:"opacity-",flexBasis:"basis-"},J={xs:"",sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},Be=s=>`${s.toUpperCase()} ${J[s]?`(${J[s]} & up)`:""}`,z=s=>{const{type:l="icons",label:t,property:n,onEmitChange:i=()=>{},units:u,negative:c=!1}=s,[p]=f.useDarkMode(),[a]=f.useStylingState(),[,h]=f.useCanvasWidth(),g=P(n),m=f.useAddClassesToBlocks(),j=f.useRemoveClassesFromBlocks(),[b]=f.useSelectedBlockIds(),y=d.useMemo(()=>r.get(g,"fullCls",""),[g]),R=d.useCallback((k,H=!0)=>{const L={dark:p,mq:h,mod:a,cls:k,property:n,fullCls:""};(p||a!=="")&&(L.mq="xs");const F=D.generateFullClsName(L);m(b,[F],H)},[b,p,h,a,n,m]),V=d.useCallback(()=>{j(b,[y])},[b,y,j]),N=d.useMemo(()=>Ie(g,h),[g,h]);d.useEffect(()=>{i(N,g)},[N,i,g]);const[,,C]=f.useCanvasWidth(),B=d.useCallback(k=>{C({xs:400,sm:640,md:800,lg:1024,xl:1420,"2xl":1920}[k])},[C]),I=r.get(g,"dark",null)===p&&r.get(g,"mod",null)===a&&r.get(g,"mq",null)===h;return e.jsxRuntimeExports.jsx(fe,{canChange:N,canReset:g&&I,children:e.jsxRuntimeExports.jsxs("div",{className:"group flex flex-row items-center py-2 first:pt-0 last:pb-0",children:[e.jsxRuntimeExports.jsx("div",{className:"relative w-[70px] truncate text-xs text-foreground",children:e.jsxRuntimeExports.jsx("span",{className:`text-[11px] ${g&&!I?"text-foreground":""}`,children:t})}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-row items-center",children:[e.jsxRuntimeExports.jsxs("div",{className:"w-[150px]",children:[l==="arbitrary"?e.jsxRuntimeExports.jsx(Ne,{currentClass:r.get(g,"cls",""),classPrefix:r.get(He,n,""),units:u||[],onChange:R,negative:c,cssProperty:n}):null,l==="icons"&&e.jsxRuntimeExports.jsx(ve,{property:n,onChange:R}),l==="range"&&e.jsxRuntimeExports.jsx(je,{property:n,onChange:R}),l==="color"&&e.jsxRuntimeExports.jsx(we,{property:n,onChange:R}),l==="dropdown"&&e.jsxRuntimeExports.jsx(te,{label:t,property:n,onChange:R})]}),e.jsxRuntimeExports.jsx("div",{className:`w-[30px] cursor-pointer ${y?"visible":"invisible"}`,children:I?e.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>V(),title:"Reset",className:"flex px-1.5 text-xs",children:e.jsxRuntimeExports.jsx(o.TrashIcon,{className:"h-5 w-5 text-blue-500 hover:opacity-80"})}):N&&g?e.jsxRuntimeExports.jsxs(w.Tooltip,{delayDuration:100,children:[e.jsxRuntimeExports.jsx(w.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("button",{type:"button",className:"invisible ml-3 mt-1 rounded-full bg-blue-500 text-white group-hover:visible",children:e.jsxRuntimeExports.jsx(o.InfoCircledIcon,{})})}),e.jsxRuntimeExports.jsx(w.TooltipContent,{children:e.jsxRuntimeExports.jsx("div",{className:"text-right",children:e.jsxRuntimeExports.jsxs("div",{children:["Current style is set at  ",e.jsxRuntimeExports.jsxs("span",{className:"font-bold ",children:[Be(r.get(g,"mq")),p&&!g.dark?"(Light mode)":""]}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:()=>B(r.get(g,"mq")),className:"block w-full cursor-default text-right font-semibold text-blue-500",children:["Switch to ",r.get(g,"mq").toUpperCase()]})]})})})]}):null})]})]})})},Ve=["px","%","em","rem","ch","vh","vw"],se=({label:s,options:l,borderB:t=!1,borderT:n=!1,type:i="arbitrary",units:u=Ve,negative:c=!1})=>{const[p,a]=d.useState(l[0].key),h=f.useSelectedBlockCurrentClasses(),g=d.useCallback(m=>r.map(h,"property").includes(m),[h]);return e.jsxRuntimeExports.jsxs("div",{className:`mb-2 border-gray-800 py-2 first:pt-0 last:pb-0 ${t?"border-b":""} ${n?"border-t":""}`,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-row text-xs",children:[s&&e.jsxRuntimeExports.jsx("span",{className:"relative w-[70px] flex-none text-xs text-foreground",children:s}),e.jsxRuntimeExports.jsx("div",{className:"mb-3 flex grow flex-row flex-wrap gap-x-px",children:d.Children.toArray(l.map(({label:m,key:j})=>e.jsxRuntimeExports.jsx("div",{className:"first:rounded-l last:rounded-r",children:e.jsxRuntimeExports.jsxs(w.Tooltip,{children:[e.jsxRuntimeExports.jsx(w.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:()=>a(j),className:`relative cursor-pointer rounded-full p-1 text-[8px] ${j===p?" bg-[#3E57F0] text-white":"text-gray-600 dark:text-gray-300"}`,children:[d.createElement("div",{className:g(j)?"-bottom-1.5 absolute bg-[#3E57F0] h-[2px] left-0 w-full":""}),d.createElement(r.get(ee,j,o.BoxIcon),{className:"text-inherit w-3 h-3"})]})}),e.jsxRuntimeExports.jsx(w.TooltipContent,{children:r.startCase(r.toLower(m))})]})})))})]}),e.jsxRuntimeExports.jsx("div",{className:"mt-0 flex items-center",children:e.jsxRuntimeExports.jsx(z,{type:i,units:[...u],label:"",property:p,negative:c})})]})},Ae=({heading:s,items:l})=>{const t=f.useSelectedBlockCurrentClasses(),n=d.useMemo(()=>{const i=p=>r.flatten(p.map(a=>a.styleType==="multiple"?r.map(a.options,"key"):a.property)),u=r.flatten(l.map(p=>p.styleType==="accordion"?i(p.items):p.styleType==="multiple"?r.map(p.options,"key"):p.property)),c=r.map(t,"property");return r.intersection(u,c).length>0},[t,l]);return e.jsxRuntimeExports.jsxs("details",{children:[e.jsxRuntimeExports.jsx("summary",{className:"my-px cursor-default rounded-md bg-background p-px px-2 text-[11px] text-foreground",children:e.jsxRuntimeExports.jsxs("div",{className:"inline",children:[s,n?e.jsxRuntimeExports.jsx("span",{className:`ml-1 mr-2 inline-block h-[8px] w-[8px] rounded-full ${n?"bg-blue-500":"bg-gray-300"}`}):null]})}),e.jsxRuntimeExports.jsx("div",{className:"p-2",children:l.map(i=>i.styleType==="multiple"?e.jsxRuntimeExports.jsx(se,{...i},i.label):e.jsxRuntimeExports.jsx(z,{...i},i.label))})]})},Le=d.createContext({}),Y=({section:s})=>{const l=f.useSelectedBlockCurrentClasses(),t=d.useCallback((u=[])=>{const c={};for(let a=0;a<l.length;a++)c[l[a].property]=l[a].cls;let p=!0;for(const a in u)if(!r.has(c,a)||c[a]!==u[a]){p=!1;break}return p},[l]),n=d.useMemo(()=>{if(l.length>0&&s.heading==="Classes")return!0;const u=a=>r.flatten(a.map(h=>h.styleType==="multiple"?r.flatten(r.map(h.options,"key")):h.property)),c=r.flatten(s.items.map(a=>a.styleType==="accordion"?u(a.items):a.styleType==="multiple"?r.flatten(r.map(a.options,"key")):a.property)),p=r.map(l,"property");return r.intersection(c,p).length>0},[l,s.heading,s.items]),i=d.useMemo(()=>({}),[]);return e.jsxRuntimeExports.jsx(Le.Provider,{value:i,children:e.jsxRuntimeExports.jsxs($.AccordionItem,{value:s.heading,children:[e.jsxRuntimeExports.jsx($.AccordionTrigger,{className:"px-3 py-2 text-xs hover:no-underline",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("div",{className:`h-[8px] w-[8px] rounded-full ${n?"bg-blue-500":"bg-gray-300"}`}),s.heading]})}),e.jsxRuntimeExports.jsx($.AccordionContent,{className:"bg-gray-100 px-3.5 py-2",children:d.Children.toArray(s.items.map(u=>r.has(u,"component")?d.createElement(u.component,{key:u.label}):r.has(u,"styleType")?u.styleType==="multiple"?e.jsxRuntimeExports.jsx(se,{...u},u.label):u.styleType==="accordion"&&t(u==null?void 0:u.conditions)?e.jsxRuntimeExports.jsx(Ae,{...u},u.label):null:e.jsxRuntimeExports.jsx(z,{...u},u.label)))})]})})},$e=({item:s,index:l,canDelete:t,onChange:n,onRemove:i})=>e.jsxRuntimeExports.jsxs("div",{className:`flex flex-col gap-1 border-gray-400 py-2 ${t?"border-b":""}`,children:[e.jsxRuntimeExports.jsx("input",{name:"key",onChange:u=>n(u,l),value:s.key,placeholder:"Key",className:"w-full rounded border-gray-300 bg-background p-0.5 pl-2 text-sm focus-visible:outline-0",autoComplete:"off",autoCapitalize:"off"}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1.5",children:[e.jsxRuntimeExports.jsx("input",{name:"value",onChange:u=>r.isEmpty(s.key)?{}:n(u,l),value:s.value,placeholder:"Value",className:"w-full rounded border-gray-300 bg-background p-0.5 pl-2 text-sm focus-visible:outline-0",autoComplete:"off",autoCapitalize:"off"}),e.jsxRuntimeExports.jsx(o.TrashIcon,{onClick:i,className:"h-6 w-6 cursor-pointer rounded border border-red-400 p-1 text-red-400 hover:opacity-80"})]})]}),Me=({section:s})=>{var j;const{setSyncState:l}=f.useSavePage(),t=f.useSelectedBlock(),[n,i]=d.useState([]),[u]=f.useSelectedStylingBlocks(),c=f.useUpdateBlocksPropsRealtime(),p=`${r.get(u,"0.prop")}_attrs`;X.useEffect(()=>{const b=r.map(r.get(t,p),(y,R)=>({key:R,value:y}));r.isEmpty(b)?i([]):i(b)},[r.get(t,p)]);const a=()=>i([...n,{key:"",value:""}]),h=b=>{const y=r.filter(n,(R,V)=>b!==V);m(y)},g=(b,y)=>{const R=[...n];R[y][b.target.name]=b.target.value,m(R)},m=X.useCallback((b=[])=>{const y={};r.forEach(b,R=>{r.isEmpty(R.key)||r.set(y,R.key,R.value)}),c([r.get(t,"_id")],{[p]:y}),l("UNSAVED")},[t,l,c,p]);return e.jsxRuntimeExports.jsxs($.AccordionItem,{value:s.heading,children:[e.jsxRuntimeExports.jsx($.AccordionTrigger,{className:"px-3 py-2 text-xs hover:no-underline",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("div",{className:`h-[8px] w-[8px] rounded-full ${r.isEmpty(r.get(t,p))?"bg-gray-300":"bg-blue-500"}`}),"Attributes"]})}),e.jsxRuntimeExports.jsx($.AccordionContent,{className:"bg-gray-100 px-3.5 py-2",children:e.jsxRuntimeExports.jsxs("div",{className:"no-scrollbar flex min-h-max flex-col gap-y-2 overflow-y-auto bg-gray-100 p-px",children:[e.jsxRuntimeExports.jsxs(U.Label,{className:"mt-2 flex w-full items-center justify-between",children:["Add Custom attributes",e.jsxRuntimeExports.jsxs("div",{className:`flex h-6 w-max items-center justify-center gap-x-0.5 rounded-full border p-1 px-2 text-xs ${!r.isEmpty(n)&&r.isEmpty((j=r.last(n))==null?void 0:j.key)?"cursor-not-allowed border-gray-400 text-gray-400":"cursor-pointer border-blue-400 text-blue-400 hover:bg-blue-400 hover:text-white"}`,onClick:()=>{var b;!r.isEmpty(n)&&r.isEmpty((b=r.last(n))==null?void 0:b.key)||a()},children:[e.jsxRuntimeExports.jsx(o.PlusIcon,{width:12,height:12})," Add"]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[r.isEmpty(n)&&e.jsxRuntimeExports.jsx("div",{className:"flex h-12 items-center justify-center text-sm text-gray-400",children:"Click + Add to add attributes"}),X.Children.toArray(r.map(n,(b,y)=>{const R=n.length>0&&y<n.length-1;return e.jsxRuntimeExports.jsx($e,{item:b,index:y,canDelete:R,onChange:g,onRemove:()=>h(y)})}))]})]})})]})};function De(){const[s,l]=f.useStylingState(),{flexChild:t,gridChild:n}=f.useSelectedBlocksDisplayChild(),[,i]=ae.useAtom(f.advanceStylingOpenAtom),{t:u}=Q.useTranslation(),[c]=f.useSelectedStylingBlocks();return r.isEmpty(c)?e.jsxRuntimeExports.jsx("div",{className:"p-4 text-center",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 rounded-xl p-4",children:[e.jsxRuntimeExports.jsx(o.MixerHorizontalIcon,{className:"mx-auto text-3xl"}),e.jsxRuntimeExports.jsx("h1",{children:u("no_styling_block_selected")}),e.jsxRuntimeExports.jsxs("p",{className:"text-xs ",children:["Hint: Styling allowed blocks are highlighted with"," ",e.jsxRuntimeExports.jsx("span",{className:"border border-orange-500 p-px",children:"orange"})," border"]})]})}):e.jsxRuntimeExports.jsxs("div",{onClick:()=>i(!1),className:"flex h-full flex-col",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-x-4 space-y-3 border-b border-border px-4 py-2",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-1.5",children:[e.jsxRuntimeExports.jsx(U.Label,{htmlFor:"",className:"flex gap-x-1.5 text-xs italic",children:"State"}),e.jsxRuntimeExports.jsxs(E.Select,{defaultValue:s,onValueChange:p=>l(p),children:[e.jsxRuntimeExports.jsx(E.SelectTrigger,{className:"h-auto w-fit p-1 px-3",children:e.jsxRuntimeExports.jsx(E.SelectValue,{placeholder:"State"})}),e.jsxRuntimeExports.jsxs(E.SelectContent,{children:[e.jsxRuntimeExports.jsx(E.SelectItem,{value:"",children:"Normal"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"hover",children:"Hover"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"active",children:"Active"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"focus",children:"Focus"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"before",children:"Before"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"after",children:"After"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"only",children:"Only"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"first",children:"First"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"last",children:"Last"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"first-letter",children:"First Letter"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"first-line",children:"First Line"}),e.jsxRuntimeExports.jsx(E.SelectItem,{value:"disabled",children:"Disabled"})]})]})]})}),e.jsxRuntimeExports.jsxs(ce.ScrollArea,{className:"no-scrollbar -mx-1 h-full overflow-x-hidden",children:[e.jsxRuntimeExports.jsxs($.Accordion,{type:"multiple",className:"h-full w-full",children:[t&&e.jsxRuntimeExports.jsx(Y,{section:he}),n?e.jsxRuntimeExports.jsx(Y,{section:ye}):null,be.map(p=>e.jsxRuntimeExports.jsx(Y,{section:p},p.heading)),e.jsxRuntimeExports.jsx(Me,{section:{heading:"Attributes"}})]}),e.jsxRuntimeExports.jsx("div",{className:"h-60"})]})]})}const Oe={px:1,"%":1,em:100,rem:100,ch:1,vw:1,vh:1,"-":1,deg:1,ms:.1},We=()=>{const s=f.useSelectedBlock(),{t:l}=Q.useTranslation(),[t,n]=d.useState(""),[i,u]=d.useState({onDrag:a=>a,onDragEnd:a=>a,dragStartY:0,dragging:!1,dragStartValue:0,dragUnit:"",negative:!1,cssProperty:""}),c=_.useThrottledCallback(a=>{const h=!r.get(i,"negative",!1),g=r.get(i,"cssProperty","");let m=parseFloat(i.dragStartValue);m=r.isNaN(m)?0:m;let j=Oe[i.dragUnit];(r.startsWith(g,"scale")||g==="opacity")&&(j=10);let y=(i.dragStartY-a.pageY)/j+m;h&&y<0&&(y=0),g==="opacity"&&y>1&&(y=1),i.onDrag(`${y}`),n(`${y}`)},[i],50),p=d.useCallback(()=>{setTimeout(()=>i.onDragEnd(`${t}`),100),u({onDrag:a=>a,onDragEnd:a=>a,dragStartY:0,dragging:!1,dragStartValue:0,dragUnit:"",negative:!1,cssProperty:""})},[i,t,u]);return r.isNull(s)?e.jsxRuntimeExports.jsx("div",{className:"p-4 text-center",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 rounded-xl p-4",children:[e.jsxRuntimeExports.jsx(o.MixerHorizontalIcon,{className:"mx-auto text-3xl"}),e.jsxRuntimeExports.jsx("h1",{children:l("no_block_selected_for_styling")})]})}):e.jsxRuntimeExports.jsxs(re.Provider,{value:{setDragData:u},children:[i.dragging?e.jsxRuntimeExports.jsx("div",{onMouseMove:c,onMouseUp:()=>{p()},className:"absolute inset-0 z-30 cursor-row-resize bg-gray-300/10 "}):null,e.jsxRuntimeExports.jsxs(M.Tabs,{defaultValue:"settings",className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(M.TabsList,{className:"mx-1 grid grid-cols-2",children:[e.jsxRuntimeExports.jsx(M.TabsTrigger,{value:"settings",children:"Settings"}),e.jsxRuntimeExports.jsx(M.TabsTrigger,{value:"styling",children:"Styling"})]}),e.jsxRuntimeExports.jsx(M.TabsContent,{value:"settings",className:"no-scrollbar -mx-1 -mr-2 h-full flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(me,{})}),e.jsxRuntimeExports.jsx(M.TabsContent,{value:"styling",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(De,{})})]})]})};exports.default=We;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),o=require("@radix-ui/react-icons"),s=require("react"),m=require("jotai"),d=require("lodash"),i=require("./useBuilderProp-5e57d0c8.cjs"),j=require("./index-aea5c557.cjs");require("react-i18next");const g=require("./utils-3c452dd0.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-0801d193.cjs");require("redux-undo");require("@react-hookz/web");require("chaibuilder-blocks");require("./CONTROLS-031e1de3.cjs");require("clsx");require("tailwind-merge");const p=s.lazy(()=>Promise.resolve().then(()=>require("./Layers-3aa6aae7.cjs"))),y=s.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-c25f6370.cjs"))),q=s.lazy(()=>Promise.resolve().then(()=>require("./ImagesPanel-160aa664.cjs")));let h=null;const N=()=>{const u=i.useBuilderProp("sideBarComponents.top",[]),f=i.useBuilderProp("sideBarComponents.bottom",[]),[r,b]=m.useAtom(j.activePanelAtom),[E,x]=s.useState(r),[n,v]=s.useState(null),c={layers:p,"branding-options":y,images:q};d.each(u,({name:t,panel:a})=>{c[t]=a});const l=t=>{clearTimeout(h),r!=="layers"&&t==="layers"?h=setTimeout(()=>x("layers"),500):x(t),b(t)},[,R]=m.useAtom(j.addBlocksModalAtom);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[e.jsxRuntimeExports.jsxs("div",{className:"z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:[e.jsxRuntimeExports.jsx(i.Button,{onClick:()=>R(!0),size:"sm",variant:r==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(o.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(i.Button,{onClick:()=>l("layers"),size:"sm",variant:r==="layers"?"default":"outline",children:e.jsxRuntimeExports.jsx(o.StackIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(i.Button,{onClick:()=>l("branding-options"),size:"sm",variant:r==="branding-options"?"default":"outline",children:e.jsxRuntimeExports.jsx(o.Half2Icon,{className:"w-4 max-w-[40px] text-xs"})}),s.Children.toArray(u.map(({name:t,icon:a})=>e.jsxRuntimeExports.jsx(s.Suspense,{fallback:e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i.Button,{onClick:()=>l(t),size:"sm",className:"w-10",variant:r===t?"default":"outline",children:e.jsxRuntimeExports.jsx(a,{})})})))]}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center space-y-2",children:s.Children.toArray(f.map(t=>e.jsxRuntimeExports.jsx(s.Suspense,{fallback:e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))})]}),e.jsxRuntimeExports.jsx("div",{onClick:()=>{l("layers")},className:"absolute inset-0 right-0 z-50 w-screen bg-black/20"+(r==="layers"?" hidden":"")}),e.jsxRuntimeExports.jsx("div",{className:`fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${r!=="layers"?"translate-x-0":"-translate-x-full"}`,children:e.jsxRuntimeExports.jsx(s.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 bg-white p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsx("div",{className:g.cn("relative h-full max-h-[93%] bg-background p-1",r==="layers"?"":"z-[100]"),onMouseEnter:()=>{n&&clearTimeout(n)},onMouseLeave:()=>{const t=setTimeout(()=>{n&&(l("layers"),clearTimeout(n))},1e3);v(t)},children:s.createElement(d.get(c,E,()=>e.jsxRuntimeExports.jsx("div",{})))})})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(s.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:s.createElement(p)})})]})};exports.default=N;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("react"),o=require("@radix-ui/react-icons"),s=require("./select-0e32300c.cjs"),r=require("./useBuilderProp-5e57d0c8.cjs"),u=require("./separator-a597dba7.cjs"),a=require("./toggle-b90fed97.cjs"),c=require("./index-aea5c557.cjs"),p=require("react-i18next");require("@radix-ui/react-select");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("lodash");require("@radix-ui/react-separator");require("@radix-ui/react-toggle");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-0801d193.cjs");require("redux-undo");require("@react-hookz/web");require("chaibuilder-blocks");require("./CONTROLS-031e1de3.cjs");const m=()=>r.useBuilderProp("languages",["en"]),j=()=>m().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(s.Select,{children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(o.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(s.SelectContent,{children:e.jsxRuntimeExports.jsxs(s.SelectGroup,{children:[e.jsxRuntimeExports.jsx(s.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),d=()=>{const{savePage:x,syncState:t}=c.useSavePage(),{t:l}=p.useTranslation(),n=i.useMemo(()=>{switch(t){case"SAVING":return"animate-pulse bg-gray-500 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[t]);return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Tooltip,{children:[e.jsxRuntimeExports.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(a.Toggle,{onClick:()=>x(),className:`flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${n}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx("svg",{fill:"currentColor",width:"16",height:"16",viewBox:"0 0 0.32 0.32",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M.274.086a.02.02 0 0 1 0 .028l-.12.12a.02.02 0 0 1-.028 0l-.06-.06A.02.02 0 0 1 .094.146L.14.192.246.086a.02.02 0 0 1 .028 0Z"})}),t==="SAVING"?"Saving...":t==="SAVED"?l("Saved"):"Save"]})}),e.jsxRuntimeExports.jsx(r.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:t==="SAVING"?"Saving...":t==="SAVED"?"Saved":"Save changes"})})]})})},h=()=>{const x=r.useBuilderProp("topBarComponents.left",[]),t=r.useBuilderProp("topBarComponents.center",[]),l=r.useBuilderProp("topBarComponents.right",[]);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:i.Children.toArray(x.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:i.Children.toArray(t.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(j,{}),e.jsxRuntimeExports.jsx(u.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(d,{}),i.Children.toArray(l.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=h;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),t=require("react"),a=require("lodash"),m=require("@radix-ui/react-icons"),E=require("jotai"),q=require("./scroll-area-088530b9.cjs");require("react-i18next");const b=require("./useBuilderProp-5e57d0c8.cjs");require("@radix-ui/react-scroll-area");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");const I=E.atom([]),w=({isModalView:r,onSelect:u})=>{const R=b.useBuilderProp("uploadMediaCallback",()=>""),x=b.useBuilderProp("fetchMediaCallback",()=>[]),[l,n]=E.useAtom(I),[o,p]=t.useState(!1),[j,f]=t.useState(!1),[c,d]=t.useState(),[h,v]=t.useState("");t.useEffect(()=>{(async()=>{f(!0);const s=await x();n(s||[]),f(!1)})()},[x,n]);const y=s=>{var i,g;s&&((g=(i=s==null?void 0:s.target)==null?void 0:i.files)==null?void 0:g.length)>0&&d(s.target.files[0])},N=async()=>{p(!0);try{const s=await R(c),i=await x();n(i),u(s),d(void 0)}catch(s){n([]),v((s==null?void 0:s.message)||"Something went wrong.")}p(!1)};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[c?e.jsxRuntimeExports.jsxs("div",{className:"relative flex w-full flex-col items-center justify-center rounded-md border bg-slate-50 p-2 px-1",children:[e.jsxRuntimeExports.jsx("img",{src:URL.createObjectURL(c),alt:"",className:"h-auto w-full max-w-sm rounded-md"}),h&&e.jsxRuntimeExports.jsx("div",{className:"w-full pt-2 text-center text-sm text-red-500",children:h}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-center gap-2 pt-2",children:[e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:N,disabled:o,className:"flex items-center rounded-full bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600 hover:text-white",children:[o?e.jsxRuntimeExports.jsx(m.GearIcon,{className:"animate-spin"}):e.jsxRuntimeExports.jsx(m.UploadIcon,{className:"animate-bounce"}),"  ",o?"Uploading...":"Upload"]}),!o&&e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center rounded-full border border-gray-300 px-3 py-1 text-sm hover:bg-gray-200",onClick:()=>d(void 0),children:[e.jsxRuntimeExports.jsx(m.Cross1Icon,{}),"  Cancel"]})]})]}):e.jsxRuntimeExports.jsxs("label",{htmlFor:r?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-md border border-dashed border-blue-900 bg-gray-200 py-8 hover:bg-blue-50",children:[e.jsxRuntimeExports.jsx("div",{className:"text-3xl",children:"+"}),e.jsxRuntimeExports.jsx("div",{children:"Click to choose file"})]}),e.jsxRuntimeExports.jsx("input",{type:"file",id:r?"upload-in-modal":"upload-in-panel",hidden:!0,onChange:y})]}),e.jsxRuntimeExports.jsxs(q.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${r?"px-2":""} pt-2`,children:[a.isEmpty(l)&&j&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"animate-pulse font-medium",children:"Fetching..."})}),a.isEmpty(l)&&!j&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Images"})}),r?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:a.map(l,s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>u(s.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:s.name,src:s.url})})},s.id))}):a.map(l,s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>u(s.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:s.name,src:s.url})})},s.id))]})]})};exports.default=w;
@@ -1,2 +0,0 @@
1
- "use strict";const N=require("./jsx-runtime-5c3ac4f7.cjs"),jr=require("i18next"),Cr=require("react-i18next"),Or=require("flagged"),x=require("react"),Lr=require("react-dnd"),a=require("lodash"),Rt=require("@minoru/react-dnd-treeview"),te=require("./useBuilderProp-5e57d0c8.cjs"),p=require("jotai"),Nr=require("./utils-3c452dd0.cjs"),ie=require("react-hotkeys-hook"),vn=require("flat-to-nested"),K=require("./Class-0801d193.cjs"),Oe=require("redux-undo"),Tr=require("@react-hookz/web"),bn=require("chaibuilder-blocks"),Q=require("./CONTROLS-031e1de3.cjs"),Dr="Dark mode",Mr="This page has no blocks. Add a block by clicking the + button",Rr="This page is empty",$r="Please select a block to edit settings or styles",qr="Please select a styling block",Ur="Drop your block here",Vr={dark_mode:Dr,tree_view_no_blocks:Mr,canvas_empty:Rr,no_block_selected_for_styling:$r,no_styling_block_selected:qr,drop_here_message:Ur};jr.use(Cr.initReactI18next).init({resources:{en:{translation:Vr}},lng:"en",fallbackLng:"en",interpolation:{escapeValue:!1}});const Fr="";const zr={};class kn extends x.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(t){return console.error(t),{hasError:!0}}render(){return this.state.hasError?N.jsxRuntimeExports.jsx("h1",{children:"Something went wrong."}):this.props.children}}const Hr=e=>{const t=e.replace(Q.STYLES_KEY,"").split(",");return{baseClasses:t[0],classes:t[1]}};let Kr=0;function ce(e,t){const n=`atom${++Kr}`,r={toString:()=>n};return typeof e=="function"?r.read=e:(r.init=e,r.read=s=>s(r),r.write=(s,o,i)=>o(r,typeof i=="function"?i(s(r)):i)),t&&(r.write=t),r}const Wr=Symbol();function Yr(e,t){const n=ce(e,(r,s,o)=>s(n,t(r(n),o)));return n}const $t=(e,t,n)=>(t.has(n)?t:t.set(n,e())).get(n),Gr=new WeakMap,Jr=(e,t,n)=>{const r=$t(()=>new WeakMap,Gr,t);return $t(e,r,n)},Xr={},qt=e=>!!e.write,Qr=e=>typeof e=="function";function Zr(e,t){return Jr(()=>{const n=new WeakMap,r=(i,c)=>{let d=n.get(i);if(d)return d;const l=c&&n.get(c),m=[],g=[];return i.forEach((v,h)=>{const E=t?t(v):h;g[h]=E;const w=l&&l.atomList[l.keyList.indexOf(E)];if(w){m[h]=w;return}const B=P=>{const L=P(s),y=P(e),T=r(y,L==null?void 0:L.arr).keyList.indexOf(E);if(T<0||T>=y.length){const R=i[r(i).keyList.indexOf(E)];if(R)return R;throw new Error("splitAtom: index out of bounds for read")}return y[T]},C=(P,L,y)=>{const b=P(s),T=P(e),O=r(T,b==null?void 0:b.arr).keyList.indexOf(E);if(O<0||O>=T.length)throw new Error("splitAtom: index out of bounds for write");const U=Qr(y)?y(T[O]):y;L(e,[...T.slice(0,O),U,...T.slice(O+1)])};m[h]=qt(e)?ce(B,C):ce(B)}),l&&l.keyList.length===g.length&&l.keyList.every((v,h)=>v===g[h])?d=l:d={arr:i,atomList:m,keyList:g},n.set(i,d),d},s=ce(i=>{const c=i(s),d=i(e);return r(d,c==null?void 0:c.arr)});s.init=void 0;const o=qt(e)?ce(i=>i(s).atomList,(i,c,d)=>{switch(d.type){case"remove":{const l=i(o).indexOf(d.atom);if(l>=0){const m=i(e);c(e,[...m.slice(0,l),...m.slice(l+1)])}break}case"insert":{const l=d.before?i(o).indexOf(d.before):i(o).length;if(l>=0){const m=i(e);c(e,[...m.slice(0,l),d.value,...m.slice(l)])}break}case"move":{const l=i(o).indexOf(d.atom),m=d.before?i(o).indexOf(d.before):i(o).length;if(l>=0&&m>=0){const g=i(e);l<m?c(e,[...g.slice(0,l),...g.slice(l+1,m),g[l],...g.slice(m)]):c(e,[...g.slice(0,m),g[l],...g.slice(m,l),...g.slice(l+1)])}break}}}):ce(i=>i(s).atomList);return o},e,t||Xr)}const es=e=>typeof(e==null?void 0:e.then)=="function";function ts(e){let t,n;const r={getItem:(s,o)=>{var i,c;const d=m=>{if(m=m||"",t!==m){try{n=JSON.parse(m)}catch{return o}t=m}return n},l=(c=(i=e())==null?void 0:i.getItem(s))!=null?c:null;return es(l)?l.then(d):d(l)},setItem:(s,o)=>{var i;return(i=e())==null?void 0:i.setItem(s,JSON.stringify(o))},removeItem:s=>{var o;return(o=e())==null?void 0:o.removeItem(s)}};return typeof window<"u"&&typeof window.addEventListener=="function"&&(r.subscribe=(s,o,i)=>{if(!(e()instanceof window.Storage))return()=>{};const c=d=>{if(d.storageArea===e()&&d.key===s){let l;try{l=JSON.parse(d.newValue||"")}catch{l=i}o(l)}};return window.addEventListener("storage",c),()=>{window.removeEventListener("storage",c)}}),r}const ns=ts(()=>typeof window<"u"?window.localStorage:void 0);function ye(e,t,n=ns,r){const s=r==null?void 0:r.unstable_getOnInit,o=ce(s?n.getItem(e,t):t);return o.onMount=c=>{s||c(n.getItem(e,t));let d;return n.subscribe&&(d=n.subscribe(e,c,t)),d},ce(c=>c(o),(c,d,l)=>{const m=typeof l=="function"?l(c(o)):l;return m===Wr?(d(o,t),n.removeItem(e)):m instanceof Promise?m.then(g=>(d(o,g),n.setItem(e,g))):(d(o,m),n.setItem(e,m))})}const rs=new vn({children:"blockNodes"}),xn=(e,t=null)=>a.flatten(e.map(n=>{if(n=t!==null?{...n,parent:t}:n,n.children&&n.children.length){const r=[...n.children];return delete n.children,a.flatten([n,...xn(r,n._id)])}return n}));function An(e,t,n){const r=a.filter(e,o=>o._parent===t),s=[];for(let o=0;o<r.length;o++){const i=Sn(r[o]);if(Object.keys(i).length>0&&Object.keys(i).forEach(c=>{r[o][c]=`slot:${K.generateUUID()}`}),a.filter(e,{_parent:r[o]._id}).length>0){const c=K.generateUUID();s.push({...r[o],oldId:r[o]._id,_id:c,_parent:n}),s.push(a.flatten(An(e,r[o]._id,c)))}else s.push({...r[o],oldId:r[o]._id,_id:K.generateUUID(),_parent:n})}return a.flatten(s)}function ss(e){let t=rs.convert(e.map(n=>a.omit(n,["settings"])));return t=!t.type&&t.blockNodes?t.blockNodes:a.isEmpty(t)?[]:[t],t}const Sn=e=>{const t={};return Object.keys(e).forEach(n=>{a.isString(e[n])&&e[n].startsWith("slot")&&(t[n]=e[n].replace("slot:",""))}),t},os=(e,t,n=null)=>{let r=a.find(e,{_id:t});r={...r,oldId:r._id,_id:K.generateUUID()},n&&(r={...r,_parent:n});const s=[r];a.filter(e,{_parent:t}).length>0&&s.push(a.flatten(An(e,t,r._id)));const o=a.flatten(s);return a.map(o,i=>{const c=i,d=Sn(c);return Object.keys(d).length>0&&Object.keys(d).forEach(l=>{const m=a.find(o,{oldId:d[l].replace("slot:","")});c[l]=`slot:${m._id}`}),a.omit(c,["global","oldId"])})},is=Oe((e=[],t)=>{switch(t.type){case"add_new_blocks":case"add_duplicate_blocks":return[...e,...t.payload];case"create_snapshot":return[...e];case"set_blocks":case"set_page_blocks":return[...t.payload];case"update_props":case"update_props_realtime":const{payload:n}=t;return e.map(r=>(n.ids.includes(r._id)&&!a.isEmpty(t.payload.props)&&Object.keys(t.payload.props).forEach(s=>{a.set(r,s,t.payload.props[s])}),r));default:return e}},{debug:!1,ignoreInitialState:!1,limit:30,filter:Oe.excludeAction(["update_props_realtime","add_duplicate_blocks","set_page_blocks"])}),Xe=Yr({past:[],present:[],future:[]},is);Xe.debugLabel="pageBlocksAtom";const Z=p.atom(e=>{var t;return(t=e(Xe))==null?void 0:t.present});Z.debugLabel="presentBlocksAtom";const gt=Zr(Z);gt.debugLabel="pageBlocksAtomsAtom";const Bn=p.atom(e=>ss(e(Z)));Bn.debugLabel="pageBlocksTreeAtom";const as=p.atom("");as.debugLabel="builderActivePageAtom";const cs=p.atom(-1);cs.debugLabel="destinationDropIndexAtom";const wn=p.atom(!1);wn.debugLabel="addBlocksModalAtom";const ee=()=>{const[,e]=p.useAtom(Xe);return e},ls=()=>{const e=ee(),t=p.useAtomValue(Bn),n=x.useCallback(r=>{const s=xn(r);e({type:"set_page_blocks",payload:s})},[e]);return[t,n]},_n=()=>{const e=ee();return[x.useCallback(n=>{e({type:"set_page_blocks",payload:n})},[e])]},lt=e=>["Box","Slot","Form","DataContext","Link","List","ListItem","Row","Column","Table","TableCell"].includes(e),us=e=>!["Slot"].includes(e),ds=e=>!["Slot"].includes(e);function ps(e,t){return e==="Slot"||t==="List"&&e!=="ListItem"||t==="Row"&&e!=="Column"?!1:lt(t)}const fs=(e,{dragSource:t,dropTarget:n})=>{const r=a.get(t,"data._type",""),s=a.get(n,"data._type","");return r==="Slot"||a.get(t,"id")&&a.get(t,"id")===a.get(n,"id")?!1:a.isEmpty(s)?!0:ps(r,s)},En=p.atom([]);En.debugLabel="buildingBlocksAtom";const ms=p.atom(e=>{const t=e(En);return a.filter(t,n=>a.has(n,"blockId"))}),gs=()=>{},ht=()=>{const e=bn.useChaiBlocks(),t=p.useAtomValue(ms),n=()=>{},r=x.useCallback(()=>gs(),[]);return[e,t,n,r]},yt=p.atom([]);yt.debugLabel="selectedBlockIdsAtom";const vt=p.atom(e=>{const t=e(Z),n=e(yt);return a.map(a.filter(t,({_id:r})=>a.includes(n,r)),r=>({...r}))});vt.debugLabel="selectedBlocksAtom";const bt=p.atom(e=>{const t=e(vt);return t.length===0?null:t.length===1?t[0]:{type:"Multiple",id:a.map(t,"id")}});bt.debugLabel="selectedBlockAtom";const hs=e=>a.get(e,"parent",null),ys=p.atom(e=>{const t=e(vt),n=a.map(t,hs);return a.filter(e(Z),r=>a.includes(n,r._id))});ys.debugLabel="selectedBlocksParentsAtom";const In=p.atom(()=>!1);In.debugLabel="selectedBlockFlexChildAtom";const Pn=p.atom(()=>!1);Pn.debugLabel="selectedBlockGridChildAtom";const kt=p.atom("");kt.debugLabel="styleStateAtom";const jn=ye("styleBreakpoint","xs");jn.debugLabel="styleBreakpointAtom";const vs=()=>({flexChild:p.useAtomValue(In),gridChild:p.useAtomValue(Pn)}),bs=()=>p.useAtomValue(bt),de=()=>{const[e,t]=p.useAtom(yt),n=x.useCallback(r=>{t(s=>a.includes(s,r)?a.without(s,r):[...s,r])},[t]);return[e,t,n]},ut=(e,t="")=>{switch(e.type){case"singular":return e.uiSchema;case"model":const{properties:n}=e,r={};return Object.keys(n).forEach(i=>{const c=n[i];if(a.includes(["slot","styles"],c.type))return;const d=a.get(c,"i18n",!1)?`${i}-${t}`:i;r[d]=ut(c,t)}),r;case"list":const{itemProperties:s}=e,o={items:{}};return Object.keys(s).forEach(i=>{const c=s[i];if(a.includes(["slot","styles"],c.type))return;const d=a.get(c,"i18n",!1)?`${i}-${t}`:i;o.items[d]=ut(c,t)}),o;default:return{}}},dt=(e,t="")=>{switch(e.type){case"singular":return e.schema;case"model":const{properties:n,title:r}=e,s={title:r,type:"object",properties:{}};return Object.keys(n).forEach(d=>{const l=n[d];if(a.includes(["slot","styles"],l.type))return;const m=a.get(l,"i18n",!1)?`${d}-${t}`:d;s.properties[m]=dt(l,t)}),s;case"list":const{itemProperties:o,title:i}=e,c={title:i,type:"array",items:{type:"object",properties:{}}};return Object.keys(o).forEach(d=>{const l=o[d];if(a.includes(["slot","styles"],l.type))return;const m=a.get(l,"i18n",!1)?`${d}-${t}`:d;c.items.properties[m]=dt(l,t),a.set(c.items,"title",a.get(l,"itemTitle",`${i} item`))}),c;default:return{}}},Cn=e=>{const t={};return Object.keys(e).forEach(n=>{t[n]=xs(e[n])}),t},ks=e=>{if(a.isEmpty(e.default))return[];const{itemProperties:t}=e;return a.map(e.default,n=>{const r={...n};return a.forIn(n,(s,o)=>{a.has(t,o)&&a.get(t[o],"i18n",!1)&&(r[o]=Q.I18N_KEY)}),r})},xs=e=>{switch(e.type){case"styles":return e.default;case"slot":return`${Q.SLOT_KEY}${K.generateUUID()}`;case"singular":const{i18n:t,schema:n}=e;return t?Q.I18N_KEY:a.get(n,"default","");case"model":return Cn(e.properties);case"list":return ks(e);default:return""}},On=()=>p.useAtomValue(Z);function Ut(e,t,n,r,s){if(t===null)return[...e,...r];if(n!==null){const d=a.findIndex(e,{_parent:t}),l=(d===-1?0:d)+n;return e.splice(l,0,...r),e}if(!s){const l=a.findIndex(e,{_id:t})+1;return e.splice(l,0,...r),e}let o=a.findIndex(e,{_id:t});const i=a.filter(e,{_parent:t});a.isEmpty(i)||(o=a.findIndex(e,{_id:a.last(i)._id}));const c=o+1;return e.splice(c,0,...r),e}const As=()=>{const e=ee(),t=On(),[,n]=ht(),[,r]=de(),s=x.useCallback((i,c,d)=>{if(a.has(i,"blocks")){const B=i.blocks;return o(B,c,d)}const l=K.generateUUID(),m=Cn(i.props),g=[];a.forIn(m,(B,C)=>{if(a.startsWith(B,Q.SLOT_KEY)){const P=B.replace(Q.SLOT_KEY,"");g.push({_id:P,_type:"Slot",_parent:l,_name:i.props[C].name,_styles:i.props[C].styles,_emptyStyles:i.props[C].emptyStyles})}});const v={_type:i.type,_id:l,...m};let h;c&&(h=a.find(t,{_id:c}),v._parent=c);const E=h?lt(h._type):!0;!E&&h&&(v._parent=h._parent);const w=[v,...g];return e({type:"set_blocks",payload:Ut(t,c||null,d||null,w,E)}),r([v._id]),v},[t,e,r]),o=x.useCallback((i,c,d)=>{var g;for(let v=0;v<i.length;v++){const{_id:h}=i[v];i[v]._id=K.generateUUID();const E=a.filter(i,{_parent:h});for(let w=0;w<E.length;w++)E[w]._parent=i[v]._id}let l;c&&(l=a.find(t,{_id:c}),i[0]._parent=c);const m=l?lt(l._type):!0;return!m&&l&&(i[0]._parent=l._parent),e({type:"set_blocks",payload:Ut(t,c||null,d||null,i,m)}),r([(g=a.first(i))==null?void 0:g._id]),a.first(i)},[t,e,r,n]);return{addCoreBlock:s,addPredefinedBlock:o}},Vt={xs:420,sm:620,md:768,lg:1024,xl:1280,"2xl":1536},Ft=["xs","sm","md","lg","xl","2xl"];function Ss(e,t){if(t===null)return"baseClasses";const n=t.mq;if(n==="xs"||t.dark||t.mod!=="")return"classes";let r="baseClasses",s=Ft.indexOf(n);for(;s>0;){const o=Ft[s-1];if(a.find(e,{mq:o,property:t.property})){r="classes";break}s--}return r}const zt=[];function Bs(e="",t="",n=[]){e=e.trim().replace(/ +/g,"");let r=a.filter(a.map(e.split(" "),K.constructClassObject),l=>!a.isNull(l)),s=a.filter(a.map(t.split(" "),K.constructClassObject),l=>!a.isNull(l));s=a.filter(s,l=>!a.includes(zt,l.property));const o=[],i=[];a.each(n,l=>{const m=K.constructClassObject(l),g=a.find(r,a.pick(m,["dark","mq","mod","property"]));if(g&&(r=a.filter(r,v=>v.fullCls!==(g==null?void 0:g.fullCls))),o.push(m),m.mq==="xs"&&!m.dark&&m.mod===""&&(s=a.filter(s,v=>v.property!==m.property)),Ss(r,m)==="baseClasses"&&!a.includes(zt,m.property)){const v=a.find(s,a.pick(m,["property"]));g&&(s=a.filter(s,h=>h.fullCls!==(v==null?void 0:v.fullCls))),i.push({...m,fullCls:m.cls,mq:"xs"})}});const c=a.map(a.sortBy([...r,...o],l=>Vt[l.mq]),"fullCls").join(" ");return`${a.map(a.sortBy([...s,...i],l=>Vt[l.mq]),"fullCls").join(" ").trim()},${c.trim()}`.trim().replace(/ +/g,"")}const Re=p.atom([]);Re.debugLabel="selectedStylingBlocksAtom";const xt=()=>p.useAtom(Re),ws=e=>{const t=e.replace(Q.STYLES_KEY,"").split(",");return{baseClasses:t[0],classes:t[1]}},_s=p.atom(null,(e,t,{blockIds:n,newClasses:r,dispatch:s})=>{const o=a.filter(e(gt),c=>n.includes(e(c)._id)),i=a.first(e(Re));a.each(o,c=>{const d=e(c),l=a.get(d,i.prop,`${Q.STYLES_KEY},`),{baseClasses:m,classes:g}=ws(l);s({type:"update_props_realtime",payload:{ids:[d._id],props:{[i.prop]:`${Q.STYLES_KEY}${Bs(g,m,r)}`}}})})}),Es=()=>{const e=ee(),t=p.useSetAtom(_s);return x.useCallback((n,r,s)=>{t({blockIds:n,newClasses:r,dispatch:e}),s&&setTimeout(()=>e({type:"create_snapshot"}),500)},[e,t])},Is=p.atom(!1),At=()=>{const[e,t]=p.useAtom(Is);return[e,t]},Ps=p.atom(K.BRANDING_OPTIONS_DEFAULTS),St=()=>{const[e,t]=p.useAtom(Ps);return[a.isObject(e)?{...e,...K.BRANDING_OPTIONS_DEFAULTS}:K.BRANDING_OPTIONS_DEFAULTS,t]},js=p.atom(null),Ln=()=>({currentPage:p.useAtomValue(js)}),Nn=new vn({});function Cs(e){let t=Nn.convert(e);return t=!t.type&&t.children&&t.children.length?t.children:a.isEmpty(t)?[]:[t],t}const Bt=(e,t)=>a.flatten(e.map(n=>{if(n=t?{...n,parent:t}:{...n},n.children){const r=[...n.children];return delete n.children,a.flatten([n,...Bt(r,n._id)])}return n}));function wt(e,t=!1){for(let n=0;n<e.length;n++){const r=e[n];r.global&&!t?e[n]={type:"GlobalBlock",_parent:a.get(r,"parent",null),blockId:r.blockId,_id:r._id}:r.children&&r.children.length&&wt(r.children)}}function Tn(e){let t=[],n=a.filter(e,{type:"GlobalBlock"});return n.length>0&&(n=a.map(n,Dn),a.each(n,r=>{t=[...t,...Os(r)]})),t}function Os(e){let t=[];const n=a.get(a.first(e),"parent",null);a.set(a.first(e),"parent",null);const r=[Nn.convert(Mn(e))];wt(r,!0);let s=Bt(r,e[0]._id);return s=a.set(s,"0.parent",n),t=[...t,s,...Tn(s)],t}function Dn(e){const t=a.find(pt,{_id:e._id});if(!t)return[];const n=[t],r=a.filter(pt,{_parent:e._id});return r.length?a.flatten([...n,...a.flatten(a.map(r,Dn))]):a.flatten(n)}const Mn=e=>JSON.parse(JSON.stringify(e));let pt=[];function Ls(e){pt=e;const t=Cs(Mn(e));wt(t);const n=Bt(t,null),r=Tn(n),s={};return a.each(r,o=>a.set(s,a.first(o).blockId,o)),[n,s]}const _t=()=>{const[e]=St(),{currentPage:t}=Ln(),n=p.useAtomValue(Z);return x.useCallback(()=>{const r=a.map(n,i=>a.omit(i,["expanded","order","title","siblings","tempClasses"])),[s=[],o=[]]=Ls(r);return{currentPage:t,blocks:s,globalBlocks:o}},[e,t,n])};ye("blockStylingActiveTab",1);p.atom([]);const Rn=p.atom(!1);Rn.debugLabel="readOnlyModeAtom";const $n=p.atom(!1);$n.debugLabel="inlineEditingActiveAtom";const qn=p.atom(!1);qn.debugLabel="advanceStylingOpenAtom";const Un=p.atom("online");Un.debugLabel="networkModeAtom";ye("currentUiLibrary","");const Ns=p.atom(!1);Ns.debugLabel="codeEditorOpenAtom";const Vn=p.atom(!1);Vn.debugLabel="editLayerNameAtom";const Ts=p.atom("");Ts.debugLabel="activeLanguageAtom";const Ds=p.atom("");Ds.debugLabel="primaryLanguageAtom";const Fn=p.atom(null);Fn.debugLabel="canvasIframeAtom";const zn=p.atom("layers");zn.debugLabel="activePanelAtom";const Hn=p.atom(!1);Hn.debugLabel="addBlockOffCanvasAtom";const Kn=p.atom("");Kn.debugLabel="showPredefinedBlockCategoryAtom";const Qe=p.atom({undoCount:0,redoCount:0});Qe.debugLabel="historyStatesAtom";const Et=p.atom("SAVED");Et.debugLabel="pageSyncStateAtom";const Ms=()=>{const[e,t]=p.useAtom(Et),n=te.useBuilderProp("onSaveBlocks",async()=>{}),r=te.useBuilderProp("onSyncStatusChange",()=>{}),s=_t(),o=p.useSetAtom(Qe),{undoCount:i,redoCount:c}=$e();return{savePage:Tr.useThrottledCallback(async()=>{t("SAVING"),r("SAVING");const l=s();return await n({blocks:l.blocks,globalBlocks:l.globalBlocks}),setTimeout(()=>{o({undoCount:i,redoCount:c}),t("SAVED"),r("SAVED")},100),!0},[s,t,r,n],5e3),syncState:e,setSyncState:t}},$e=()=>{const e=p.useAtomValue(Xe),[{undoCount:t,redoCount:n}]=p.useAtom(Qe),r=ee(),[s]=At(),[,o]=de(),[,i]=xt(),[,c]=p.useAtom(Et),d=te.useBuilderProp("onSyncStatusChange",()=>{}),l=x.useCallback(()=>{r({type:"create_snapshot"})},[r]);return x.useEffect(()=>{t!==(e==null?void 0:e.past.length)||n!==(e==null?void 0:e.future.length)?(c("UNSAVED"),d("UNSAVED")):t===(e==null?void 0:e.past.length)&&n===(e==null?void 0:e.future.length)&&(c("SAVED"),d("SAVED"))},[e==null?void 0:e.past.length,e==null?void 0:e.future.length,t,n,d,c]),{undoCount:e==null?void 0:e.past.length,redoCount:e==null?void 0:e.future.length,undo:x.useCallback(()=>{s||(r(Oe.ActionCreators.undo()),setTimeout(()=>{i([]),o([])},200))},[r,s,c]),redo:x.useCallback(()=>{s||(r(Oe.ActionCreators.redo()),setTimeout(()=>{i([]),o([])},200))},[s,r]),clear:()=>{r(Oe.ActionCreators.clearHistory())},createSnapshot:l}},Wn=()=>p.useAtom(jn),Yn=ye("canvasWidth",360),Gn=p.atom(e=>{const t=e(Yn);return K.getBreakpointValue(t).toLowerCase()}),Rs=()=>{const[e,t]=p.useAtom(Yn),n=p.useAtomValue(Gn),[r,s]=Wn();return x.useEffect(()=>{r!=="xs"&&s(n)},[n,r,s]),[e,n,t]},$s=ye("canvasZoom",100),qs=()=>p.useAtom($s),Jn=p.atom([]),It=()=>{const[e,t]=p.useAtom(Jn),n=p.useSetAtom(Pt),r=x.useCallback(s=>{t(s),n([])},[t,n]);return[e,r]},Pt=p.atom([]),Xn=()=>{const[e,t]=p.useAtom(Pt),n=p.useSetAtom(Jn),r=x.useCallback(s=>{t(s),n([])},[t,n]);return[e,r]},Qn=ye("darkMode",!1),Us=()=>{const[e,t]=p.useAtom(Qn);return[e,t]},Vs=p.atom(!1),Fs=()=>{const[e,t]=p.useAtom(Vs);return[e,t]},jt=()=>{const e=ee(),t=p.useAtomValue(Z),[,n]=de();return x.useCallback((r,s=null)=>{const o=[];a.each(r,i=>{const d=os(t,i,s===i?null:s);o.push(a.get(d,"0._id","")),e({type:"add_duplicate_blocks",payload:d})}),n(o),e({type:"create_snapshot"})},[t,n,e])},zs=p.atom([]),Hs=()=>{const[e,t]=p.useAtom(zs),n=x.useCallback(r=>{t(s=>a.includes(s,r)?a.without(s,r):[...s,r])},[t]);return[e,t,n]},Ks=p.atom(""),Zn=()=>p.useAtom(Ks),Ws=()=>{const e=p.useAtomValue(Z),t=ee(),n=_t(),[,,r]=ht();return x.useCallback(async(s,o)=>{const i=K.generateUUID(16),c=a.map(e,d=>(d._id===s&&(d._globalBlockId=i,d._name=o),d));t({type:"set_page_blocks",payload:c}),r()},[e,t,n,r])},Ys=()=>({}),Gs=()=>{const e=p.useAtomValue(Z),t=ee();return x.useCallback((n,r)=>{const s=a.map(e,o=>(a.includes(n,a.get(o,"_id"))&&a.set(o,"_parent",r),o));t({type:"set_blocks",payload:s})},[e,t])},er=()=>{const e=p.useAtomValue(Pt),[t,n]=It(),r=jt(),s=Gs();return{canPaste:x.useMemo(()=>t.length>0||e.length>0,[e,t]),pasteBlocks:x.useCallback(i=>{a.isEmpty(e)?s(t,i):r(e,i),n(()=>[])},[t,e,r,s,n])}},Js=p.atom(""),Xs=()=>{const e=p.useAtomValue(Js),t=x.useCallback(()=>{},[]),n=x.useCallback(()=>{},[]),r=x.useCallback(()=>{},[]);return{currentProject:e,createProject:r,deleteProject:t,updateProject:n}},tr=(e,t)=>{const n=[],r=a.filter(e,s=>a.includes(t,s._id)||a.includes(t,s._parent)?(n.push(s._id),!1):!0);return a.isEmpty(n)?r:tr(r,n)},nr=()=>{const e=ee(),t=p.useAtomValue(Z),[n,r]=de();return x.useCallback(s=>{var c;const o=((c=a.find(t,{_id:s[0]}))==null?void 0:c._parent)||null,i=tr(t,s);e({type:"set_blocks",payload:i}),r(o?[o]:[])},[t,r,e,n])},Qs=p.atom(null,(e,t,{blockIds:n,fullClasses:r,dispatch:s})=>{const o=a.first(e(Re)),i=a.filter(e(gt),c=>n.includes(e(c)._id));a.each(i,c=>{const d=e(c),l=r;let{classes:m,baseClasses:g}=Hr(a.get(d,o.prop,"styles:,"));a.each(l,v=>{const h=new RegExp(`(^| )${v.replace("[","\\[").replace("]","\\]")}($| )`,"g");m=m.replace(h," ").replace(/ +/g," ").trim();const E=a.first(v.split(":"));a.includes(["2xl","xl","lg","md","sm"],E)&&l.push(v.split(":").pop().trim())}),a.each(l,v=>{const h=new RegExp(`(^| )${v.replace("[","\\[").replace("]","\\]")}($| )`,"g");g=g.replace(h," ").replace(/ +/g," ").trim()}),s({type:"update_props_realtime",payload:{ids:[d._id],props:{[o.prop]:`${Q.STYLES_KEY}${g},${m}`}}})})}),Zs=()=>{const e=ee(),t=p.useSetAtom(Qs);return x.useCallback((n,r)=>{t({blockIds:n,fullClasses:r,dispatch:e}),setTimeout(()=>e({type:"create_snapshot"}))},[e,t])},rr=p.atom(e=>{const t=a.first(e(Re)),n=e(bt);if(!t||t.blockId!==a.get(n,"_id",null))return[];const s=a.get(n,t.prop,`${Q.STYLES_KEY},`).replace(Q.STYLES_KEY,"").split(",").join(" ");return a.filter(a.map(s.trim().split(" "),K.constructClassObject),o=>!a.isNull(o))}),eo=()=>p.useAtomValue(rr),Ht={xs:0,sm:1,md:2,lg:3,xl:4,"2xl":5},to=p.atom(e=>{const t=e(Gn),n=e(kt),r=e(Qn),s=no(t);let o=a.filter(e(rr),{mod:n});return a.startsWith(n,"_")||(o=a.filter(o,i=>s.includes(i.mq))),o=o.sort((i,c)=>Ht[i.mq]-Ht[c.mq]),r||(o=a.filter(o,{dark:!1})),o}),no=e=>{let t=[];switch(e){case"xs":t=["xs"];break;case"sm":t=["xs","sm"];break;case"md":t=["xs","sm","md"];break;case"lg":t=["xs","sm","md","lg"];break;case"xl":t=["xs","sm","md","lg","xl"];break;case"2xl":t=["xs","sm","md","lg","xl","2xl"];break;default:t=["xs"];break}return t},ro=()=>p.useAtomValue(to),so=()=>p.useAtom(kt),sr=p.atom(null,(e,t,{blockIds:n,props:r,dispatch:s})=>{s({type:"update_props_realtime",payload:{ids:n,props:r}})}),oo=()=>{const{createSnapshot:e}=$e(),t=ee(),n=p.useSetAtom(sr);return x.useCallback((r,s)=>{n({blockIds:r,props:s,dispatch:t}),e()},[e,t,n])},io=()=>{const e=ee(),t=p.useSetAtom(sr);return x.useCallback((n,r)=>{t({blockIds:n,props:r,dispatch:e})},[e,t])},or={name:"",props:{},modalProps:{},backdropClose:!0},ao=p.atom(or),co=()=>{const[e,t]=p.useAtom(ao),n=x.useCallback((s,o={},i={})=>{t({name:s,props:o,modalProps:i})},[t]),r=x.useCallback((...s)=>{a.get(e,"props.onClose",()=>{})(...s),t(or)},[t,e]);return{activeModal:e,openModal:n,closeModal:r}},lo=()=>p.useAtomValue(Rn),uo=p.atom(""),po=p.atom(null),fo=()=>p.useAtom(uo),mo=()=>p.useAtom(po),go=ye("selectedBreakpoints",["XS","MD","XL"]),ho=()=>{const[e,t]=p.useAtom(go);return[e,t]},ir=()=>{const e=p.useSetAtom(Qe),{clear:t}=$e(),[,n]=de(),[,r]=Zn(),[,s]=xt();return()=>{n([]),s([]),r(""),t(),e({undoCount:0,redoCount:0})}},yo=p.atom({en:{}}),vo=()=>{const[e,t]=p.useAtom(yo),n=x.useCallback((r,s,o)=>{a.set(e,`${r}.${s}`,o),t(e)},[e,t]);return[e,n]},bo=(e,t)=>{const[n]=p.useAtom(te.chaiBuilderPropsAtom);return a.get(n,e,t)},ko=p.atom([]),xo=()=>{const[e,t]=x.useState(!1),[n,r]=p.useAtom(ko),s=te.useBuilderProp("getUILibraryBlocks",()=>[]);return x.useEffect(()=>{(async()=>n.length>0||(t(!0),r(await s()),t(!1)))()},[]),{data:n,isLoading:e}},Ao=p.atom("en"),So=p.atom("en"),Bo=p.atom(["en"]),ar=()=>p.useAtom(Ao),wo=()=>p.useAtom(So),_o=()=>p.useAtom(Bo),Eo=(e,t)=>{const[n]=ar(),r=`${e}${n?`-${n}`:""}`;return{content:a.get(t,r,a.get(t,e,"")),propKey:e}},Io=()=>{const[e,t]=At(),n=te.useBuilderProp("previewComponent");return N.jsxRuntimeExports.jsxs("div",{className:Nr.cn("fixed inset-0 z-[999] bg-background",e?"block":"hidden"),children:[N.jsxRuntimeExports.jsx(te.Button,{size:"sm",className:"absolute right-0 top-0 m-4",onClick:()=>t(!1),children:"Close Preview"}),N.jsxRuntimeExports.jsx("div",{children:n?N.jsxRuntimeExports.jsx(x.Suspense,{fallback:N.jsxRuntimeExports.jsx(te.Skeleton,{className:"h-96 w-full"}),children:x.createElement(n)}):null})]})},Po=()=>{const[e,t]=de(),[,n]=Xn(),r=nr(),s=jt(),[,o]=It(),{pasteBlocks:i}=er(),{undo:c,redo:d}=$e();ie.useHotkeys("esc",()=>t([]),{},[t]),ie.useHotkeys("ctrl+c,command+c",()=>n(e),{},[e,n]),ie.useHotkeys("ctrl+d,command+d",()=>s(e),{preventDefault:!0},[e,s]),ie.useHotkeys("ctrl+x,command+x",()=>o(e),{},[e,o]),ie.useHotkeys("ctrl+v,command+v",()=>e.length===1?i(e[0]):null,{},[e,i]),ie.useHotkeys("ctrl+z,command+z",()=>c(),{},[c]),ie.useHotkeys("ctrl+y,command+y",()=>d(),{},[d]),ie.useHotkeys("del, backspace",l=>{l.preventDefault(),r(e)},{},[e,r])},jo=(e,t)=>{const n=[];let r=a.find(e,{_id:t}),s=a.get(r,"_parent","");for(;a.isString(s)&&!a.isEmpty(s);)n.push(r==null?void 0:r._parent),r=a.find(e,{_id:s}),s=r==null?void 0:r._parent;return a.flatten(n)},cr=p.atom([]),Co=()=>{const[e]=de(),t=p.useAtomValue(Z),[,n]=p.useAtom(cr);x.useEffect(()=>{let r=[];const s=a.first(e);a.isString(s)&&(r=[s,...jo(t,s)]),n(r)},[e,t,n])},Oo=()=>p.useAtomValue(cr),Lo=x.lazy(()=>Promise.resolve().then(()=>require("./SidePanels-f79dbace.cjs"))),No=x.lazy(()=>Promise.resolve().then(()=>require("./Topbar-bff765dc.cjs"))),To=x.lazy(()=>Promise.resolve().then(()=>require("./CanvasArea-97dfbb52.cjs"))),Do=x.lazy(()=>Promise.resolve().then(()=>require("./Settings-2b1ff1a3.cjs"))),Mo=()=>{const e=t=>{t.preventDefault()};return Po(),Co(),N.jsxRuntimeExports.jsx("div",{className:"h-screen w-screen bg-background text-foreground",children:N.jsxRuntimeExports.jsxs(te.TooltipProvider,{children:[N.jsxRuntimeExports.jsxs("div",{onContextMenu:e,className:"flex h-screen flex-col overflow-hidden bg-background text-foreground",children:[N.jsxRuntimeExports.jsx("div",{className:"h-14 w-screen shrink-0 border-b border-border",children:N.jsxRuntimeExports.jsx(x.Suspense,{children:N.jsxRuntimeExports.jsx(No,{})})}),N.jsxRuntimeExports.jsxs("main",{className:"flex h-full flex-row",children:[N.jsxRuntimeExports.jsx("div",{className:"flex h-full w-fit border-border",children:N.jsxRuntimeExports.jsx(x.Suspense,{children:N.jsxRuntimeExports.jsx(Lo,{})})}),N.jsxRuntimeExports.jsx("div",{className:"h-full flex-1 bg-slate-800/20",children:N.jsxRuntimeExports.jsx(x.Suspense,{children:N.jsxRuntimeExports.jsx(To,{})})}),N.jsxRuntimeExports.jsx("div",{className:"flex h-full w-[280px] min-w-[280px] border-l border-border",children:N.jsxRuntimeExports.jsx(x.Suspense,{children:N.jsxRuntimeExports.jsx(Do,{})})})]})]}),N.jsxRuntimeExports.jsx(Io,{})]})})},Ro=p.getDefaultStore();p.atom({});function Kt(e,t,n,r,s){for(t=t.split?t.split("."):t,r=0;r<t.length;r++)e=e?e[t[r]]:s;return e===s?n:e}var Ve="undefined",Wt="object",lr="any",ur="*",me="__",Ge=typeof process<"u"?process:{};Ge.env&&Ge.env.NODE_ENV;var ne=typeof document<"u";Ge.versions!=null&&Ge.versions.node!=null;typeof Deno<"u"&&Deno.core;ne&&window.name==="nodejs"||typeof navigator<"u"&&navigator.userAgent!==void 0&&(navigator.userAgent.includes("Node.js")||navigator.userAgent.includes("jsdom"));function dr(e,t){return t.charAt(0)[e]()+t.slice(1)}var $o=dr.bind(null,"toUpperCase"),qo=dr.bind(null,"toLowerCase");function Uo(e){return pr(e)?$o("null"):typeof e=="object"?Ko(e):Object.prototype.toString.call(e).slice(8,-1)}function Je(e,t){t===void 0&&(t=!0);var n=Uo(e);return t?qo(n):n}function qe(e,t){return typeof t===e}var se=qe.bind(null,"function"),ke=qe.bind(null,"string"),ve=qe.bind(null,"undefined"),Vo=qe.bind(null,"boolean");qe.bind(null,"symbol");function pr(e){return e===null}function Fo(e){return Je(e)==="number"&&!isNaN(e)}function zo(e){return Je(e)==="array"}function X(e){if(!Ho(e))return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function Ho(e){return e&&(typeof e=="object"||e!==null)}function Ko(e){return se(e.constructor)?e.constructor.name:null}function Wo(e){return e instanceof Error||ke(e.message)&&e.constructor&&Fo(e.constructor.stackTraceLimit)}function fr(e,t){if(typeof t!="object"||pr(t))return!1;if(t instanceof e)return!0;var n=Je(new e(""));if(Wo(t))for(;t;){if(Je(t)===n)return!0;t=Object.getPrototypeOf(t)}return!1}fr.bind(null,TypeError);fr.bind(null,SyntaxError);function Ze(e,t){var n=e instanceof Element||e instanceof HTMLDocument;return n&&t?Yo(e,t):n}function Yo(e,t){return t===void 0&&(t=""),e&&e.nodeName===t.toUpperCase()}function et(e){var t=[].slice.call(arguments,1);return function(){return e.apply(void 0,[].slice.call(arguments).concat(t))}}et(Ze,"form");et(Ze,"button");et(Ze,"input");et(Ze,"select");function Yt(e){try{return decodeURIComponent(e.replace(/\+/g," "))}catch{return null}}function Go(){if(ne){var e=navigator,t=e.languages;return e.userLanguage||(t&&t.length?t[0]:e.language)}}function Jo(){try{return Intl.DateTimeFormat().resolvedOptions().timeZone}catch{}}function Xo(e){return function(t){for(var n,r=Object.create(null),s=/([^&=]+)=?([^&]*)/g;n=s.exec(t);){var o=Yt(n[1]),i=Yt(n[2]);o.substring(o.length-2)==="[]"?(r[o=o.substring(0,o.length-2)]||(r[o]=[])).push(i):r[o]=i===""||i}for(var c in r){var d=c.split("[");d.length>1&&(Qo(r,d.map(function(l){return l.replace(/[?[\]\\ ]/g,"")}),r[c]),delete r[c])}return r}(function(t){if(t){var n=t.match(/\?(.*)/);return n&&n[1]?n[1].split("#")[0]:""}return ne&&window.location.search.substring(1)}(e))}function Qo(e,t,n){for(var r=t.length-1,s=0;s<r;++s){var o=t[s];if(o==="__proto__"||o==="constructor")break;o in e||(e[o]={}),e=e[o]}e[t[r]]=n}function tt(){for(var e="",t=0,n=4294967295*Math.random()|0;t++<36;){var r="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx"[t-1],s=15&n;e+=r=="-"||r=="4"?r:(r=="x"?s:3&s|8).toString(16),n=t%8==0?4294967295*Math.random()|0:n>>4}return e}var Le="global",Be=me+"global"+me,we=typeof self===Wt&&self.self===self&&self||typeof global===Wt&&global.global===global&&global||void 0;function ge(e){return we[Be][e]}function he(e,t){return we[Be][e]=t}function Ee(e){delete we[Be][e]}function Ie(e,t,n){var r;try{if(Ct(e)){var s=window[e];r=s[t].bind(s)}}catch{}return r||n}we[Be]||(we[Be]={});var Fe={};function Ct(e){if(typeof Fe[e]!==Ve)return Fe[e];try{var t=window[e];t.setItem(Ve,Ve),t.removeItem(Ve)}catch{return Fe[e]=!1}return Fe[e]=!0}function S(){return S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(this,arguments)}var le="function",oe="undefined",Zo="@@redux/"+Math.random().toString(36),Gt=function(){return typeof Symbol===le&&Symbol.observable||"@@observable"}(),ze=" != "+le;function mr(e,t,n){var r;if(typeof t===le&&typeof n===oe&&(n=t,t=void 0),typeof n!==oe){if(typeof n!==le)throw new Error("enhancer"+ze);return n(mr)(e,t)}if(typeof e!==le)throw new Error("reducer"+ze);var s=e,o=t,i=[],c=i,d=!1;function l(){c===i&&(c=i.slice())}function m(){return o}function g(h){if(typeof h!==le)throw new Error("Listener"+ze);var E=!0;return l(),c.push(h),function(){if(E){E=!1,l();var w=c.indexOf(h);c.splice(w,1)}}}function v(h){if(!X(h))throw new Error("Act != obj");if(typeof h.type===oe)throw new Error("ActType "+oe);if(d)throw new Error("Dispatch in reducer");try{d=!0,o=s(o,h)}finally{d=!1}for(var E=i=c,w=0;w<E.length;w++)(0,E[w])();return h}return v({type:"@@redux/INIT"}),(r={dispatch:v,subscribe:g,getState:m,replaceReducer:function(h){if(typeof h!==le)throw new Error("next reducer"+ze);s=h,v({type:"@@redux/INIT"})}})[Gt]=function(){var h,E=g;return(h={subscribe:function(w){if(typeof w!="object")throw new TypeError("Observer != obj");function B(){w.next&&w.next(m())}return B(),{unsubscribe:E(B)}}})[Gt]=function(){return this},h},r}function ei(e,t){var n=t&&t.type;return"action "+(n&&n.toString()||"?")+"reducer "+e+" returns "+oe}function _e(){var e=[].slice.call(arguments);return e.length===0?function(t){return t}:e.length===1?e[0]:e.reduce(function(t,n){return function(){return t(n.apply(void 0,[].slice.call(arguments)))}})}function ti(){var e=arguments;return function(t){return function(n,r,s){var o,i=t(n,r,s),c=i.dispatch,d={getState:i.getState,dispatch:function(l){return c(l)}};return o=[].slice.call(e).map(function(l){return l(d)}),S({},i,{dispatch:c=_e.apply(void 0,o)(i.dispatch)})}}}var ue=me+"anon_id",fe=me+"user_id",xe=me+"user_traits",ae="userId",be="anonymousId",Ye=["bootstrap","params","campaign","initializeStart","initialize","initializeEnd","ready","resetStart","reset","resetEnd","pageStart","page","pageEnd","pageAborted","trackStart","track","trackEnd","trackAborted","identifyStart","identify","identifyEnd","identifyAborted","userIdChanged","registerPlugins","enablePlugin","disablePlugin","online","offline","setItemStart","setItem","setItemEnd","setItemAborted","removeItemStart","removeItem","removeItemEnd","removeItemAborted"],ft=["name","EVENTS","config","loaded"],A=Ye.reduce(function(e,t){return e[t]=t,e},{registerPluginType:function(e){return"registerPlugin:"+e},pluginReadyType:function(e){return"ready:"+e}}),Jt=/^utm_/,Xt=/^an_prop_/,Qt=/^an_trait_/;function ni(e){var t=e.storage.setItem;return function(n){return function(r){return function(s){if(s.type===A.bootstrap){var o=s.params,i=s.user,c=s.persistedUser,d=s.initialUser,l=c.userId===i.userId;c.anonymousId!==i.anonymousId&&t(ue,i.anonymousId),l||t(fe,i.userId),d.traits&&t(xe,S({},l&&c.traits?c.traits:{},d.traits));var m=Object.keys(s.params);if(m.length){var g=o.an_uid,v=o.an_event,h=m.reduce(function(E,w){if(w.match(Jt)||w.match(/^(d|g)clid/)){var B=w.replace(Jt,"");E.campaign[B==="campaign"?"name":B]=o[w]}return w.match(Xt)&&(E.props[w.replace(Xt,"")]=o[w]),w.match(Qt)&&(E.traits[w.replace(Qt,"")]=o[w]),E},{campaign:{},props:{},traits:{}});n.dispatch(S({type:A.params,raw:o},h,g?{userId:g}:{})),g&&setTimeout(function(){return e.identify(g,h.traits)},0),v&&setTimeout(function(){return e.track(v,h.props)},0),Object.keys(h.campaign).length&&n.dispatch({type:A.campaign,campaign:h.campaign})}}return r(s)}}}}function ri(e){return function(t,n){if(t===void 0&&(t={}),n===void 0&&(n={}),n.type===A.setItemEnd){if(n.key===ue)return S({},t,{anonymousId:n.value});if(n.key===fe)return S({},t,{userId:n.value})}switch(n.type){case A.identify:return Object.assign({},t,{userId:n.userId,traits:S({},t.traits,n.traits)});case A.reset:return[fe,ue,xe].forEach(function(r){e.removeItem(r)}),Object.assign({},t,{userId:null,anonymousId:null,traits:{}});default:return t}}}function Zt(e){return{userId:e.getItem(fe),anonymousId:e.getItem(ue),traits:e.getItem(xe)}}var mt=function(e){return me+"TEMP"+me+e};function si(e){var t=e.storage,n=t.setItem,r=t.removeItem,s=t.getItem;return function(o){return function(i){return function(c){var d=c.userId,l=c.traits,m=c.options;if(c.type===A.reset&&([fe,xe,ue].forEach(function(h){r(h)}),[ae,be,"traits"].forEach(function(h){Ee(mt(h))})),c.type===A.identify){s(ue)||n(ue,tt());var g=s(fe),v=s(xe)||{};g&&g!==d&&o.dispatch({type:A.userIdChanged,old:{userId:g,traits:v},new:{userId:d,traits:l},options:m}),d&&n(fe,d),l&&n(xe,S({},v,l))}return i(c)}}}}var Ce={};function en(e,t){Ce[e]&&se(Ce[e])&&(Ce[e](t),delete Ce[e])}function gr(e,t,n){return new Promise(function(r,s){return t()?r(e):n<1?s(S({},e,{queue:!0})):new Promise(function(o){return setTimeout(o,10)}).then(function(o){return gr(e,t,n-10).then(r,s)})})}function hr(e,t,n){var r=t(),s=e.getState(),o=s.plugins,i=s.queue,c=s.user;if(!s.context.offline&&i&&i.actions&&i.actions.length){var d=i.actions.reduce(function(m,g,v){return o[g.plugin].loaded?(m.process.push(g),m.processIndex.push(v)):(m.requeue.push(g),m.requeueIndex.push(v)),m},{processIndex:[],process:[],requeue:[],requeueIndex:[]});if(d.processIndex&&d.processIndex.length){d.processIndex.forEach(function(m){var g=i.actions[m],v=g.plugin,h=g.payload.type,E=r[v][h];if(E&&se(E)){var w=function(C,P){return C===void 0&&(C={}),P===void 0&&(P={}),[ae,be].reduce(function(L,y){return C.hasOwnProperty(y)&&P[y]&&P[y]!==C[y]&&(L[y]=P[y]),L},C)}(g.payload,c);E({payload:w,config:o[v].config,instance:n});var B=h+":"+v;e.dispatch(S({},w,{type:B,_:{called:B,from:"queueDrain"}}))}});var l=i.actions.filter(function(m,g){return!~d.processIndex.indexOf(g)});i.actions=l}}}var ot=function(e){var t=e.data,n=e.action,r=e.instance,s=e.state,o=e.allPlugins,i=e.allMatches,c=e.store,d=e.EVENTS;try{var l=s.plugins,m=s.context,g=n.type,v=g.match(Ae),h=t.exact.map(function(B){return B.pluginName});v&&(h=i.during.map(function(B){return B.pluginName}));var E=function(B,C){return function(P,L,y){var b=L.config,T=L.name,R=T+"."+P.type;y&&(R=y.event);var O=P.type.match(Ae)?function(U,q,G,V,J){return function(z,_){var W=V?V.name:U,Y=_&&Me(_)?_:G;if(V&&(!(Y=_&&Me(_)?_:[U]).includes(U)||Y.length!==1))throw new Error("Method "+q+" can only abort "+U+" plugin. "+JSON.stringify(Y)+" input valid");return S({},J,{abort:{reason:z,plugins:Y,caller:q,_:W}})}}(T,R,C,y,P):function(U,q){return function(){throw new Error(U.type+" action not cancellable. Remove abort in "+q)}}(P,R);return{payload:oi(P),instance:B,config:b||{},abort:O}}}(r,h),w=t.exact.reduce(function(B,C){var P=C.pluginName,L=C.methodName,y=!1;return L.match(/^initialize/)||L.match(/^reset/)||(y=!l[P].loaded),m.offline&&L.match(/^(page|track|identify)/)&&(y=!0),B[""+P]=y,B},{});return Promise.resolve(t.exact.reduce(function(B,C,P){try{var L=C.pluginName;return Promise.resolve(B).then(function(y){function b(){return Promise.resolve(y)}var T=function(){if(t.namespaced&&t.namespaced[L])return Promise.resolve(t.namespaced[L].reduce(function(R,O,U){try{return Promise.resolve(R).then(function(q){return O.method&&se(O.method)?(function(z,_){var W=cn(z);if(W&&W.name===_){var Y=cn(W.method);throw new Error([_+" plugin is calling method "+z,"Plugins cant call self","Use "+W.method+" "+(Y?"or "+Y.method:"")+" in "+_+" plugin insteadof "+z].join(`
2
- `))}}(O.methodName,O.pluginName),Promise.resolve(O.method({payload:q,instance:r,abort:(G=q,V=L,J=O.pluginName,function(z,_){return S({},G,{abort:{reason:z,plugins:_||[V],caller:g,from:J||V}})}),config:rn(O.pluginName,l,o),plugins:l})).then(function(z){var _=X(z)?z:{};return Promise.resolve(S({},q,_))})):q;var G,V,J})}catch(q){return Promise.reject(q)}},Promise.resolve(n))).then(function(R){y[L]=R});y[L]=n}();return T&&T.then?T.then(b):b()})}catch(y){return Promise.reject(y)}},Promise.resolve({}))).then(function(B){return Promise.resolve(t.exact.reduce(function(C,P,L){try{var y=t.exact.length===L+1,b=P.pluginName,T=o[b];return Promise.resolve(C).then(function(R){var O=B[b]?B[b]:{};if(v&&(O=R),at(O,b))return it({data:O,method:g,instance:r,pluginName:b,store:c}),Promise.resolve(R);if(at(R,b))return y&&it({data:R,method:g,instance:r,store:c}),Promise.resolve(R);if(w.hasOwnProperty(b)&&w[b]===!0)return c.dispatch({type:"queue",plugin:b,payload:O,_:{called:"queue",from:"queueMechanism"}}),Promise.resolve(R);var U=E(B[b],o[b]);return Promise.resolve(T[g]({abort:U.abort,payload:O,instance:r,config:rn(b,l,o),plugins:l})).then(function(q){var G=X(q)?q:{},V=S({},R,G),J=B[b];if(at(J,b))it({data:J,method:g,instance:r,pluginName:b,store:c});else{var z=g+":"+b;(z.match(/:/g)||[]).length<2&&!g.match(tn)&&!g.match(nn)&&r.dispatch(S({},v?V:O,{type:z,_:{called:z,from:"submethod"}}))}return Promise.resolve(V)})})}catch(R){return Promise.reject(R)}},Promise.resolve(n))).then(function(C){if(!(g.match(Ae)||g.match(/^registerPlugin/)||g.match(nn)||g.match(tn)||g.match(/^params/)||g.match(/^userIdChanged/))){if(d.plugins.includes(g),C._&&C._.originalAction===g)return C;var P=S({},C,{_:{originalAction:C.type,called:C.type,from:"engineEnd"}});yr(C,t.exact.length)&&!g.match(/End$/)&&(P=S({},P,{type:C.type+"Aborted"})),c.dispatch(P)}return C})})}catch(B){return Promise.reject(B)}},Ae=/Start$/,tn=/^bootstrap/,nn=/^ready/;function it(e){var t=e.pluginName,n=e.method+"Aborted"+(t?":"+t:"");e.store.dispatch(S({},e.data,{type:n,_:{called:n,from:"abort"}}))}function rn(e,t,n){var r=t[e]||n[e];return r&&r.config?r.config:{}}function sn(e,t){return t.reduce(function(n,r){return r[e]?n.concat({methodName:e,pluginName:r.name,method:r[e]}):n},[])}function on(e,t){var n=e.replace(Ae,""),r=t?":"+t:"";return[""+e+r,""+n+r,n+"End"+r]}function at(e,t){var n=e.abort;return!!n&&(n===!0||an(n,t)||n&&an(n.plugins,t))}function yr(e,t){var n=e.abort;if(!n)return!1;if(n===!0||ke(n))return!0;var r=n.plugins;return Me(n)&&n.length===t||Me(r)&&r.length===t}function Me(e){return Array.isArray(e)}function an(e,t){return!(!e||!Me(e))&&e.includes(t)}function cn(e){var t=e.match(/(.*):(.*)/);return!!t&&{method:t[1],name:t[2]}}function oi(e){return Object.keys(e).reduce(function(t,n){return n==="type"||(t[n]=X(e[n])?Object.assign({},e[n]):e[n]),t},{})}function ii(e,t,n){var r={};return function(s){return function(o){return function(i){try{var c,d=function(y){return c?y:o(g)},l=i.type,m=i.plugins,g=i;if(i.abort)return Promise.resolve(o(i));if(l===A.enablePlugin&&s.dispatch({type:A.initializeStart,plugins:m,disabled:[],fromEnable:!0,meta:i.meta}),l===A.disablePlugin&&setTimeout(function(){return en(i.meta.rid,{payload:i})},0),l===A.initializeEnd){var v=t(),h=Object.keys(v),E=h.filter(function(y){return m.includes(y)}).map(function(y){return v[y]}),w=[],B=[],C=i.disabled,P=E.map(function(y){var b=y.loaded,T=y.name,R=y.config;return gr(y,function(){return b({config:R})},1e4).then(function(O){return r[T]||(s.dispatch({type:A.pluginReadyType(T),name:T,events:Object.keys(y).filter(function(U){return!ft.includes(U)})}),r[T]=!0),w=w.concat(T),y}).catch(function(O){if(O instanceof Error)throw new Error(O);return B=B.concat(O.name),O})});Promise.all(P).then(function(y){var b={plugins:w,failed:B,disabled:C};setTimeout(function(){h.length===P.length+C.length&&s.dispatch(S({},{type:A.ready},b))},0)})}var L=function(){if(l!==A.bootstrap)return/^ready:([^:]*)$/.test(l)&&setTimeout(function(){return hr(s,t,e)},0),Promise.resolve(function(y,b,T,R,O){try{var U=se(b)?b():b,q=y.type,G=q.replace(Ae,"");if(y._&&y._.called)return Promise.resolve(y);var V=T.getState(),J=(W=U,(Y=V.plugins)===void 0&&(Y={}),(Pe=y.options)===void 0&&(Pe={}),Object.keys(W).filter(function(u){var f=Pe.plugins||{};return Vo(f[u])?f[u]:f.all!==!1&&(!Y[u]||Y[u].enabled!==!1)}).map(function(u){return W[u]}));q===A.initializeStart&&y.fromEnable&&(J=Object.keys(V.plugins).filter(function(u){var f=V.plugins[u];return y.plugins.includes(u)&&!f.initialized}).map(function(u){return U[u]}));var z=J.map(function(u){return u.name}),_=function(u,f,k){var I=on(u).map(function(j){return sn(j,f)});return f.reduce(function(j,D){var H=D.name,$=on(u,H).map(function(je){return sn(je,f)}),F=$[0],M=$[1],re=$[2];return F.length&&(j.beforeNS[H]=F),M.length&&(j.duringNS[H]=M),re.length&&(j.afterNS[H]=re),j},{before:I[0],beforeNS:{},during:I[1],duringNS:{},after:I[2],afterNS:{}})}(q,J);return Promise.resolve(ot({action:y,data:{exact:_.before,namespaced:_.beforeNS},state:V,allPlugins:U,allMatches:_,instance:T,store:R,EVENTS:O})).then(function(u){function f(){var j=function(){if(q.match(Ae))return Promise.resolve(ot({action:S({},k,{type:G+"End"}),data:{exact:_.after,namespaced:_.afterNS},state:V,allPlugins:U,allMatches:_,instance:T,store:R,EVENTS:O})).then(function(D){D.meta&&D.meta.hasCallback&&en(D.meta.rid,{payload:D})})}();return j&&j.then?j.then(function(){return u}):u}if(yr(u,z.length))return u;var k,I=function(){if(q!==G)return Promise.resolve(ot({action:S({},u,{type:G}),data:{exact:_.during,namespaced:_.duringNS},state:V,allPlugins:U,allMatches:_,instance:T,store:R,EVENTS:O})).then(function(j){k=j});k=u}();return I&&I.then?I.then(f):f()})}catch(u){return Promise.reject(u)}var W,Y,Pe}(i,t,e,s,n)).then(function(y){return c=1,o(y)})}();return Promise.resolve(L&&L.then?L.then(d):d(L))}catch(y){return Promise.reject(y)}}}}}function ai(e){return function(t){return function(n){return function(r){var s=r.type,o=r.key,i=r.value,c=r.options;if(s===A.setItem||s===A.removeItem){if(r.abort)return n(r);s===A.setItem?e.setItem(o,i,c):e.removeItem(o,c)}return n(r)}}}}var ci=function(){var e=this;this.before=[],this.after=[],this.addMiddleware=function(t,n){e[n]=e[n].concat(t)},this.removeMiddleware=function(t,n){var r=e[n].findIndex(function(s){return s===t});r!==-1&&(e[n]=[].concat(e[n].slice(0,r),e[n].slice(r+1)))},this.dynamicMiddlewares=function(t){return function(n){return function(r){return function(s){var o={getState:n.getState,dispatch:function(c){return n.dispatch(c)}},i=e[t].map(function(c){return c(o)});return _e.apply(void 0,i)(r)(s)}}}}};function li(e){return function(t,n){t===void 0&&(t={});var r={};if(n.type==="initialize:aborted")return t;if(/^registerPlugin:([^:]*)$/.test(n.type)){var s=ln(n.type,"registerPlugin"),o=e()[s];if(!o||!s)return t;var i=n.enabled,c=o.config;return r[s]={enabled:i,initialized:!!i&&!o.initialize,loaded:!!i&&!!o.loaded({config:c}),config:c},S({},t,r)}if(/^initialize:([^:]*)$/.test(n.type)){var d=ln(n.type,A.initialize),l=e()[d];return l&&d?(r[d]=S({},t[d],{initialized:!0,loaded:!!l.loaded({config:l.config})}),S({},t,r)):t}if(/^ready:([^:]*)$/.test(n.type))return r[n.name]=S({},t[n.name],{loaded:!0}),S({},t,r);switch(n.type){case A.disablePlugin:return S({},t,un(n.plugins,!1,t));case A.enablePlugin:return S({},t,un(n.plugins,!0,t));default:return t}}}function ln(e,t){return e.substring(t.length+1,e.length)}function un(e,t,n){return e.reduce(function(r,s){return r[s]=S({},n[s],{enabled:t}),r},n)}function vr(e){try{return JSON.parse(JSON.stringify(e))}catch{}return e}var ui={last:{},history:[]};function di(e,t){e===void 0&&(e=ui);var n=t.options,r=t.meta;if(t.type===A.track){var s=vr(S({event:t.event,properties:t.properties},Object.keys(n).length&&{options:n},{meta:r}));return S({},e,{last:s,history:e.history.concat(s)})}return e}var pi={actions:[]};function fi(e,t){e===void 0&&(e=pi);var n=t.payload;switch(t.type){case"queue":var r;return r=n&&n.type&&n.type===A.identify?[t].concat(e.actions):e.actions.concat(t),S({},e,{actions:r});case"dequeue":return[];default:return e}}var br=/#.*$/;function mi(e){var t=/(http[s]?:\/\/)?([^\/\s]+\/)(.*)/g.exec(e);return"/"+(t&&t[3]?t[3].split("?")[0].replace(br,""):"")}var kr,xr,Ar,Sr,gi=function(e){if(e===void 0&&(e={}),!ne)return e;var t=document,n=t.title,r=t.referrer,s=window,o=s.location,i=s.innerWidth,c=s.innerHeight,d=o.hash,l=o.search,m=function(v){var h=function(){if(ne){for(var E,w=document.getElementsByTagName("link"),B=0;E=w[B];B++)if(E.getAttribute("rel")==="canonical")return E.getAttribute("href")}}();return h?h.match(/\?/)?h:h+v:window.location.href.replace(br,"")}(l),g={title:n,url:m,path:mi(m),hash:d,search:l,width:i,height:c};return r&&r!==""&&(g.referrer=r),S({},g,e)},hi={last:{},history:[]};function yi(e,t){e===void 0&&(e=hi);var n=t.options;if(t.type===A.page){var r=vr(S({properties:t.properties,meta:t.meta},Object.keys(n).length&&{options:n}));return S({},e,{last:r,history:e.history.concat(r)})}return e}kr=function(){if(!ne)return!1;var e=navigator.appVersion;return~e.indexOf("Win")?"Windows":~e.indexOf("Mac")?"MacOS":~e.indexOf("X11")?"UNIX":~e.indexOf("Linux")?"Linux":"Unknown OS"}(),xr=ne?document.referrer:null,Ar=Go(),Sr=Jo();var dn={initialized:!1,sessionId:tt(),app:null,version:null,debug:!1,offline:!!ne&&!navigator.onLine,os:{name:kr},userAgent:ne?navigator.userAgent:"node",library:{name:"analytics",version:"0.12.5"},timezone:Sr,locale:Ar,campaign:{},referrer:xr};function vi(e,t){e===void 0&&(e=dn);var n=e.initialized,r=t.campaign;switch(t.type){case A.campaign:return S({},e,{campaign:r});case A.offline:return S({},e,{offline:!0});case A.online:return S({},e,{offline:!1});default:return n?e:S({},dn,e,{initialized:!0})}}var bi=["plugins","reducers","storage"];function ki(e,t,n){if(ne){var r=window[(n?"add":"remove")+"EventListener"];e.split(" ").forEach(function(s){r(s,t)})}}function xi(e){var t=ki.bind(null,"online offline",function(n){return Promise.resolve(!navigator.onLine).then(e)});return t(!0),function(n){return t(!1)}}function Br(){return he("analytics",[]),function(e){return function(t,n,r){var s=e(t,n,r),o=s.dispatch;return Object.assign(s,{dispatch:function(i){return we[Be].analytics.push(i.action||i),o(i)}})}}}function pn(e){return function(){return _e(_e.apply(null,arguments),Br())}}function ct(e){return e?zo(e)?e:[e]:[]}function fn(e,t,n){e===void 0&&(e={});var r,s,o=tt();return t&&(Ce[o]=(r=t,s=function(i){for(var c,d=i||Array.prototype.slice.call(arguments),l=0;l<d.length;l++)if(se(d[l])){c=d[l];break}return c}(n),function(i){s&&s(i),r(i)})),S({},e,{rid:o,ts:new Date().getTime()},t?{hasCallback:!0}:{})}function Ai(e){e===void 0&&(e={});var t=e.reducers||{},n=e.initialUser||{},r=(e.plugins||[]).reduce(function(u,f){if(se(f))return u.middlewares=u.middlewares.concat(f),u;if(f.NAMESPACE&&(f.name=f.NAMESPACE),!f.name)throw new Error("https://lytics.dev/errors/1");f.config||(f.config={});var k=f.EVENTS?Object.keys(f.EVENTS).map(function(D){return f.EVENTS[D]}):[];u.pluginEnabled[f.name]=!(f.enabled===!1||f.config.enabled===!1),delete f.enabled,f.methods&&(u.methods[f.name]=Object.keys(f.methods).reduce(function(D,H){var $;return D[H]=($=f.methods[H],function(){for(var F=Array.prototype.slice.call(arguments),M=new Array($.length),re=0;re<F.length;re++)M[re]=F[re];return M[M.length]=b,$.apply({instance:b},M)}),D},{}),delete f.methods);var I=Object.keys(f).concat(k),j=new Set(u.events.concat(I));if(u.events=Array.from(j),u.pluginsArray=u.pluginsArray.concat(f),u.plugins[f.name])throw new Error(f.name+"AlreadyLoaded");return u.plugins[f.name]=f,u.plugins[f.name].loaded||(u.plugins[f.name].loaded=function(){return!0}),u},{plugins:{},pluginEnabled:{},methods:{},pluginsArray:[],middlewares:[],events:[]}),s=e.storage?e.storage:{getItem:ge,setItem:he,removeItem:Ee},o=function(u){return function(f,k,I){return k.getState("user")[f]||(I&&X(I)&&I[f]?I[f]:Zt(u)[f]||ge(mt(f))||null)}}(s),i=r.plugins,c=r.events.filter(function(u){return!ft.includes(u)}).sort(),d=new Set(c.concat(Ye).filter(function(u){return!ft.includes(u)})),l=Array.from(d).sort(),m=function(){return i},g=new ci,v=g.addMiddleware,h=g.removeMiddleware,E=g.dynamicMiddlewares,w=function(){throw new Error("Abort disabled inListener")},B=Xo(),C=Zt(s),P=S({},C,n,B.an_uid?{userId:B.an_uid}:{},B.an_aid?{anonymousId:B.an_aid}:{});P.anonymousId||(P.anonymousId=tt());var L=S({enable:function(u,f){return new Promise(function(k){_.dispatch({type:A.enablePlugin,plugins:ct(u),_:{originalAction:A.enablePlugin}},k,[f])})},disable:function(u,f){return new Promise(function(k){_.dispatch({type:A.disablePlugin,plugins:ct(u),_:{originalAction:A.disablePlugin}},k,[f])})}},r.methods),y=!1,b={identify:function(u,f,k,I){try{var j=ke(u)?u:null,D=X(u)?u:f,H=k||{},$=b.user();he(mt(ae),j);var F=j||D.userId||o(ae,b,D);return Promise.resolve(new Promise(function(M){_.dispatch(S({type:A.identifyStart,userId:F,traits:D||{},options:H,anonymousId:$.anonymousId},$.id&&$.id!==j&&{previousId:$.id}),M,[f,k,I])}))}catch(M){return Promise.reject(M)}},track:function(u,f,k,I){try{var j=X(u)?u.event:u;if(!j||!ke(j))throw new Error("EventMissing");var D=X(u)?u:f||{},H=X(k)?k:{};return Promise.resolve(new Promise(function($){_.dispatch({type:A.trackStart,event:j,properties:D,options:H,userId:o(ae,b,f),anonymousId:o(be,b,f)},$,[f,k,I])}))}catch($){return Promise.reject($)}},page:function(u,f,k){try{var I=X(u)?u:{},j=X(f)?f:{};return Promise.resolve(new Promise(function(D){_.dispatch({type:A.pageStart,properties:gi(I),options:j,userId:o(ae,b,I),anonymousId:o(be,b,I)},D,[u,f,k])}))}catch(D){return Promise.reject(D)}},user:function(u){if(u===ae||u==="id")return o(ae,b);if(u===be||u==="anonId")return o(be,b);var f=b.getState("user");return u?Kt(f,u):f},reset:function(u){return new Promise(function(f){_.dispatch({type:A.resetStart},f,u)})},ready:function(u){return y&&u({plugins:L,instance:b}),b.on(A.ready,function(f){u(f),y=!0})},on:function(u,f){if(!u||!se(f))return!1;if(u===A.bootstrap)throw new Error(".on disabled for "+u);var k=/Start$|Start:/;if(u==="*"){var I=function($){return function(F){return function(M){return M.type.match(k)&&f({payload:M,instance:b,plugins:i}),F(M)}}},j=function($){return function(F){return function(M){return M.type.match(k)||f({payload:M,instance:b,plugins:i}),F(M)}}};return v(I,He),v(j,Ke),function(){h(I,He),h(j,Ke)}}var D=u.match(k)?He:Ke,H=function($){return function(F){return function(M){return M.type===u&&f({payload:M,instance:b,plugins:i,abort:w}),F(M)}}};return v(H,D),function(){return h(H,D)}},once:function(u,f){if(!u||!se(f))return!1;if(u===A.bootstrap)throw new Error(".once disabled for "+u);var k=b.on(u,function(I){f({payload:I.payload,instance:b,plugins:i,abort:w}),k()});return k},getState:function(u){var f=_.getState();return u?Kt(f,u):Object.assign({},f)},dispatch:function(u){var f=ke(u)?{type:u}:u;if(Ye.includes(f.type))throw new Error("reserved action "+f.type);var k=S({},f,{_:S({originalAction:f.type},u._||{})});_.dispatch(k)},enablePlugin:L.enable,disablePlugin:L.disable,plugins:L,storage:{getItem:s.getItem,setItem:function(u,f,k){_.dispatch({type:A.setItemStart,key:u,value:f,options:k})},removeItem:function(u,f){_.dispatch({type:A.removeItemStart,key:u,options:f})}},setAnonymousId:function(u,f){b.storage.setItem(ue,u,f)},events:{core:Ye,plugins:c}},T=r.middlewares.concat([function(u){return function(f){return function(k){return k.meta||(k.meta=fn()),f(k)}}},E(He),ii(b,m,{all:l,plugins:c}),ai(s),ni(b),si(b),E(Ke)]),R={context:vi,user:ri(s),page:yi,track:di,plugins:li(m),queue:fi},O=_e,U=_e;if(ne&&e.debug){var q=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;q&&(O=q({trace:!0,traceLimit:25})),U=function(){return arguments.length===0?Br():X(typeof arguments[0])?pn():pn().apply(null,arguments)}}var G,V=function(u){return Object.keys(u).reduce(function(f,k){return bi.includes(k)||(f[k]=u[k]),f},{})}(e),J=r.pluginsArray.reduce(function(u,f){var k=f.name,I=f.config,j=f.loaded,D=r.pluginEnabled[k];return u[k]={enabled:D,initialized:!!D&&!f.initialize,loaded:!!j({config:I}),config:I},u},{}),z={context:V,user:P,plugins:J},_=mr(function(u){for(var f=Object.keys(u),k={},I=0;I<f.length;I++){var j=f[I];typeof u[j]===le&&(k[j]=u[j])}var D,H=Object.keys(k);try{(function($){Object.keys($).forEach(function(F){var M=$[F];if(typeof M(void 0,{type:"@@redux/INIT"})===oe||typeof M(void 0,{type:Zo})===oe)throw new Error("reducer "+F+" "+oe)})})(k)}catch($){D=$}return function($,F){if($===void 0&&($={}),D)throw D;for(var M=!1,re={},je=0;je<H.length;je++){var Ue=H[je],Mt=$[Ue],st=(0,k[Ue])(Mt,F);if(typeof st===oe){var Pr=ei(Ue,F);throw new Error(Pr)}re[Ue]=st,M=M||st!==Mt}return M?re:$}}(S({},R,t)),z,U(O(ti.apply(void 0,T))));_.dispatch=(G=_.dispatch,function(u,f,k){var I=S({},u,{meta:fn(u.meta,f,ct(k))});return G.apply(null,[I])});var W=Object.keys(i);_.dispatch({type:A.bootstrap,plugins:W,config:V,params:B,user:P,initialUser:n,persistedUser:C});var Y=W.filter(function(u){return r.pluginEnabled[u]}),Pe=W.filter(function(u){return!r.pluginEnabled[u]});return _.dispatch({type:A.registerPlugins,plugins:W,enabled:r.pluginEnabled}),r.pluginsArray.map(function(u,f){var k=u.bootstrap,I=u.config,j=u.name;k&&se(k)&&k({instance:b,config:I,payload:u}),_.dispatch({type:A.registerPluginType(j),name:j,enabled:r.pluginEnabled[j],plugin:u}),r.pluginsArray.length===f+1&&_.dispatch({type:A.initializeStart,plugins:Y,disabled:Pe})}),xi(function(u){_.dispatch({type:u?A.offline:A.online})}),function(u,f,k){setInterval(function(){return hr(u,f,k)},3e3)}(_,m,b),b}var He="before",Ke="after",Ne="cookie",pe=Er(),wr=nt,Si=nt;function _r(e){return pe?nt(e,"",-1):Ee(e)}function Er(){if(pe!==void 0)return pe;var e="cookiecookie";try{nt(e,e),pe=document.cookie.indexOf(e)!==-1,_r(e)}catch{pe=!1}return pe}function nt(e,t,n,r,s,o){if(typeof window<"u"){var i=arguments.length>1;return pe===!1&&(i?he(e,t):ge(e)),i?document.cookie=e+"="+encodeURIComponent(t)+(n?"; expires="+new Date(+new Date+1e3*n).toUTCString()+(r?"; path="+r:"")+(s?"; domain="+s:"")+(o?"; secure":""):""):decodeURIComponent((("; "+document.cookie).split("; "+e+"=")[1]||"").split(";")[0])}}var Te="localStorage",Bi=Ct.bind(null,"localStorage");Ie("localStorage","getItem",ge);Ie("localStorage","setItem",he);Ie("localStorage","removeItem",Ee);var De="sessionStorage",wi=Ct.bind(null,"sessionStorage");Ie("sessionStorage","getItem",ge);Ie("sessionStorage","setItem",he);Ie("sessionStorage","removeItem",Ee);function Se(e){var t=e;try{if((t=JSON.parse(e))==="true")return!0;if(t==="false")return!1;if(X(t))return t;parseFloat(t)===t&&(t=parseFloat(t))}catch{}if(t!==null&&t!=="")return t}var _i=Bi(),Ei=wi(),Ii=Er();function Ir(e,t){if(e){var n=Ot(t),r=!Dt(n),s=Lt(n)?Se(localStorage.getItem(e)):void 0;if(r&&!ve(s))return s;var o=Nt(n)?Se(wr(e)):void 0;if(r&&o)return o;var i=Tt(n)?Se(sessionStorage.getItem(e)):void 0;if(r&&i)return i;var c=ge(e);return r?c:{localStorage:s,sessionStorage:i,cookie:o,global:c}}}function Pi(e,t,n){if(e&&!ve(t)){var r={},s=Ot(n),o=JSON.stringify(t),i=!Dt(s);return Lt(s)&&(r[Te]=We(Te,t,Se(localStorage.getItem(e))),localStorage.setItem(e,o),i)?r[Te]:Nt(s)&&(r[Ne]=We(Ne,t,Se(wr(e))),Si(e,o),i)?r[Ne]:Tt(s)&&(r[De]=We(De,t,Se(sessionStorage.getItem(e))),sessionStorage.setItem(e,o),i)?r[De]:(r[Le]=We(Le,t,ge(e)),he(e,t),i?r[Le]:r)}}function ji(e,t){if(e){var n=Ot(t),r=Ir(e,ur),s={};return!ve(r.localStorage)&&Lt(n)&&(localStorage.removeItem(e),s[Te]=r.localStorage),!ve(r.cookie)&&Nt(n)&&(_r(e),s[Ne]=r.cookie),!ve(r.sessionStorage)&&Tt(n)&&(sessionStorage.removeItem(e),s[De]=r.sessionStorage),!ve(r.global)&&rt(n,Le)&&(Ee(e),s[Le]=r.global),s}}function Ot(e){return e?ke(e)?e:e.storage:lr}function Lt(e){return _i&&rt(e,Te)}function Nt(e){return Ii&&rt(e,Ne)}function Tt(e){return Ei&&rt(e,De)}function Dt(e){return e===ur||e==="all"}function rt(e,t){return e===lr||e===t||Dt(e)}function We(e,t,n){return{location:e,current:t,previous:n}}var Ci={setItem:Pi,getItem:Ir,removeItem:ji};function Oi(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function mn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),n.push.apply(n,r)}return n}function gn(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?mn(Object(n),!0).forEach(function(r){Oi(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mn(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Li(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t={storage:Ci};return Ai(gn(gn({},t),e))}const Ni="@chaibuilder/sdk",Ti="0.1.0",Di="module",Mi=["dist"],Ri="dist/core.js",$i=!1,qi={".":{import:"./dist/core.js",require:"./dist/core.cjs",types:"./dist/core.d.ts"},"./render":{import:"./dist/render.js",require:"./dist/render.cjs",types:"./dist/render.d.ts"},"./ui":{import:"./dist/ui.js",require:"./dist/ui.cjs",types:"./dist/ui.d.ts"},"./lib":{import:"./dist/lib.js",require:"./dist/lib.cjs",types:"./dist/lib.d.ts"},"./styles":{import:"./dist/style.css",require:"./dist/style.css"}},Ui={dev:"vite",build:"tsc && vite build",lint:"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",preview:"vite preview",test:"jest --colors","test:watch":"jest --watch --colors","test:coverage":"jest --coverage --colors",e2e:"playwright test","e2e:report":"playwright show-report","e2e:ui":"playwright test --ui",docs:"jsdoc -c jsdoc.conf.json"},Vi={"@analytics/google-analytics":"^1.0.7","@bobthered/tailwindcss-palette-generator":"3.1.1","@floating-ui/dom":"1.4.5","@floating-ui/react-dom":"2.0.1","@mhsdesign/jit-browser-tailwindcss":"0.3.0","@minoru/react-dnd-treeview":"3.4.4","@radix-ui/react-accordion":"^1.1.2","@radix-ui/react-alert-dialog":"^1.0.4","@radix-ui/react-context-menu":"^2.1.4","@radix-ui/react-dialog":"^1.0.4","@radix-ui/react-dropdown-menu":"^2.0.5","@radix-ui/react-hover-card":"^1.0.6","@radix-ui/react-icons":"^1.3.0","@radix-ui/react-label":"^2.0.2","@radix-ui/react-menubar":"^1.0.3","@radix-ui/react-navigation-menu":"^1.1.3","@radix-ui/react-popover":"^1.0.6","@radix-ui/react-scroll-area":"^1.0.4","@radix-ui/react-select":"^1.2.2","@radix-ui/react-separator":"^1.0.3","@radix-ui/react-slot":"^1.0.2","@radix-ui/react-switch":"^1.0.3","@radix-ui/react-tabs":"^1.0.4","@radix-ui/react-toast":"^1.1.4","@radix-ui/react-toggle":"^1.0.3","@radix-ui/react-tooltip":"^1.0.6","@react-hookz/web":"23.1.0","@rjsf/core":"5.11.2","@rjsf/utils":"5.11.2","@rjsf/validator-ajv8":"5.11.2","@tailwindcss/aspect-ratio":"0.4.2","@tailwindcss/forms":"^0.5.6","@tailwindcss/line-clamp":"^0.4.4","@tailwindcss/typography":"^0.5.10",analytics:"^0.8.9","chaibuilder-blocks":"0.1.2","class-variance-authority":"0.6.1",clsx:"1.2.1",cmdk:"0.2.0","date-fns":"^2.30.0",flagged:"2.0.9","flat-to-nested":"1.1.1","focus-trap-react":"^10.2.1","forgiving-xml-parser":"1.4.0","framer-motion":"^10.12.18","fuse.js":"6.6.2","gray-matter":"^4.0.3",himalaya:"^1.1.0","html-formatter":"0.1.9",i18next:"^23.2.8",jotai:"2.2.2",lodash:"4.17.21","lucide-react":"^0.244.0",nanoid:"^4.0.2","post-robot":"10.0.46",react:"^18.2.0","react-autosuggest":"10.1.0","react-colorful":"5.6.1","react-dnd":"16.0.1","react-dnd-html5-backend":"16.0.1","react-dom":"^18.2.0","react-hotkeys-hook":"4.4.1","react-i18next":"13.0.1","react-icons":"^4.10.1","react-icons-picker":"^1.0.9","react-quill":"^2.0.0","react-textarea-autosize":"^8.5.2","react-wrap-balancer":"^1.0.0","redux-undo":"1.1.0","tailwind-merge":"1.13.2","tailwindcss-animate":"1.0.6","tippy.js":"^6.3.7","unist-util-visit":"^4.1.2","unsplash-js":"^7.0.18"},Fi={"@commitlint/cli":"17.7.1","@commitlint/config-conventional":"17.7.0","@playwright/test":"^1.39.0","@types/jest":"^29.5.7","@types/lodash":"^4.14.200","@types/node":"^20.8.10","@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@typescript-eslint/eslint-plugin":"^6.0.0","@typescript-eslint/parser":"^6.0.0","@vitejs/plugin-react-swc":"^3.3.2",autoprefixer:"^10.4.16","better-docs":"^2.7.2",eslint:"^8.45.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3",jest:"^29.7.0","jest-environment-jsdom":"^29.7.0",jsdoc:"^4.0.2",postcss:"^8.4.31",prettier:"^3.0.3","prettier-plugin-tailwindcss":"^0.5.6","prop-types":"^15.8.1",tailwindcss:"^3.3.5","ts-jest":"^29.1.1",typescript:"^5.0.2",vite:"^4.4.5","vite-plugin-dts":"^3.6.3"},zi={name:Ni,private:!1,version:Ti,type:Di,files:Mi,main:Ri,sideEffects:$i,exports:qi,scripts:Ui,dependencies:Vi,devDependencies:Fi},hn="https://api.chaibuilder.com",yn=()=>window.location.href.includes("localhost");function Hi(){return{name:"chaibuilder-analytics",config:{},initialize:()=>{window.chaibuilderAnalyticsLoaded=!0},page:e=>{if(yn())return;const{payload:t}=e;fetch(`${hn}/v1/log`,{method:"post",body:JSON.stringify(t)}).then(n=>n.json())},track:({payload:e})=>{yn()||fetch(`${hn}/v1/log`,{method:"post",body:JSON.stringify(e)})},loaded:()=>!!window.chaibuilderAnalyticsLoaded}}const Ki=Li({app:"chaibuilder",version:zi.version,plugins:[Hi()]});({}).NODE_ENV==="development"&&console.log("Chai Builder:",Fr);const Wi=e=>N.jsxRuntimeExports.jsx(N.jsxRuntimeExports.Fragment,{children:e.children}),Yi=e=>{const{dndOptions:t={backend:Rt.MultiBackend}}=e,[n]=_n(),[,r]=St(),s=ir();return x.useEffect(()=>{Ro.set(te.chaiBuilderPropsAtom,a.omit(e,["blocks","globalBlocks","brandingOptions"]))},[e]),x.useEffect(()=>{n(bn.syncBlocksWithDefaults(e.blocks||[])),s()},[e.blocks]),x.useEffect(()=>{r(e.brandingOptions)},[e.brandingOptions]),x.useEffect(()=>{Ki.page()},[]),N.jsxRuntimeExports.jsx(Lr.DndProvider,{...t,options:Rt.getBackendOptions(),children:N.jsxRuntimeExports.jsx(Wi,{children:N.jsxRuntimeExports.jsx(Mo,{})})})},Gi=e=>N.jsxRuntimeExports.jsxs(kn,{children:[N.jsxRuntimeExports.jsx(Or.FlagsProvider,{features:zr,children:N.jsxRuntimeExports.jsx(Yi,{...e})}),N.jsxRuntimeExports.jsx(te.Toaster,{})]}),Ji=e=>({...e}),Xi=e=>({...e});exports.ChaiBuilderStudio=Gi;exports.ErrorBoundary=kn;exports.activePanelAtom=zn;exports.addBlockOffCanvasAtom=Hn;exports.addBlocksModalAtom=wn;exports.advanceStylingOpenAtom=qn;exports.canDeleteBlock=ds;exports.canDropBlock=fs;exports.canDuplicateBlock=us;exports.canvasIframeAtom=Fn;exports.editLayerNameAtom=Vn;exports.enableStyling=Xi;exports.getBlockJSONFromSchemas=dt;exports.getBlockJSONFromUISchemas=ut;exports.inlineEditingActiveAtom=$n;exports.networkModeAtom=Un;exports.setBlockProps=Ji;exports.showPredefinedBlockCategoryAtom=Kn;exports.useActiveLanguage=ar;exports.useActiveModal=co;exports.useActivePanel=fo;exports.useAddBlock=As;exports.useAddBlockParent=mo;exports.useAddClassesToBlocks=Es;exports.useAllBlocks=On;exports.useBlockContentByLanguage=Eo;exports.useBrandingOptions=St;exports.useBuilderReset=ir;exports.useBuildingBlocks=ht;exports.useCanvasHistory=$e;exports.useCanvasWidth=Rs;exports.useCanvasZoom=qs;exports.useCopyBlockIds=Xn;exports.useCurrentPage=Ln;exports.useCutBlockIds=It;exports.useDarkMode=Us;exports.useDeveloperPreviewMode=Fs;exports.useDuplicateBlocks=jt;exports.useExpandedIds=Oo;exports.useFeatureSupport=bo;exports.useGetPageData=_t;exports.useHiddenBlockIds=Hs;exports.useHighlightBlockId=Zn;exports.useLanguages=_o;exports.useMarkAsGlobalBlock=Ws;exports.useMoveBlocks=Ys;exports.usePasteBlocks=er;exports.usePreviewMode=At;exports.usePrimaryLanguage=wo;exports.useProject=Xs;exports.useReadOnlyMode=lo;exports.useRemoveBlocks=nr;exports.useRemoveClassesFromBlocks=Zs;exports.useSavePage=Ms;exports.useSelectedBlock=bs;exports.useSelectedBlockAllClasses=eo;exports.useSelectedBlockCurrentClasses=ro;exports.useSelectedBlockIds=de;exports.useSelectedBlocksDisplayChild=vs;exports.useSelectedBreakpoints=ho;exports.useSelectedStylingBlocks=xt;exports.useSetAllBlocks=_n;exports.useStylingBreakpoint=Wn;exports.useStylingState=so;exports.useTranslations=vo;exports.useTreeData=ls;exports.useUILibraryBlocks=xo;exports.useUpdateBlocksProps=oo;exports.useUpdateBlocksPropsRealtime=io;
@@ -1 +0,0 @@
1
- "use strict";const e=require("./jsx-runtime-5c3ac4f7.cjs"),d=require("react"),h=require("./utils-3c452dd0.cjs"),m=require("react-icons-picker"),f=require("react-dom"),g=require("lodash"),u=require("./dialog-170eaad9.cjs"),b=require("./ImagesPanel-160aa664.cjs"),R=require("react-quill");require("react-i18next");const E=require("./useBuilderProp-5e57d0c8.cjs");function k(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const v=k(d),j=v.forwardRef(({className:t,type:s,...r},n)=>e.jsxRuntimeExports.jsx("input",{type:s,className:h.cn("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:n,...r}));j.displayName="Input";const y=t=>{const s=document.getElementById("icon-picker-field"),r=document.createElement("div");f.render(e.jsxRuntimeExports.jsx(m.IconPickerItem,{value:t}),r),s.appendChild(r),r.hidden=!0;const n=r.innerHTML;return setTimeout(()=>s.removeChild(r),1e3),n},I=({value:t,onChange:s,onBlur:r,id:n})=>{const a=i=>{s("<svg />");const l=y(i);s(l),r(n,l)};return e.jsxRuntimeExports.jsxs("div",{className:"mt-1 flex h-20 items-center gap-x-2",id:"icon-picker-field",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative h-12 w-12",children:[e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:t==null?void 0:t.replace("<svg",'<svg class="h-5 w-5"')},className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform cursor-pointer bg-white hover:hidden hover:h-0"}),e.jsxRuntimeExports.jsx(m,{value:t?"BiSolidGrid":null,onChange:a,pickButtonStyle:{height:"48px",width:"48px",border:"1px solid #BBBBBB",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"6px"},searchInputStyle:{backgroundColor:"transparent",width:"100%",border:"1px solid #BBBBBB",margin:"0px 10px",padding:"10px"}})]}),e.jsxRuntimeExports.jsx("textarea",{value:t,onChange:i=>s(i.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"})]})},P=I,w=({children:t,onSelect:s})=>{const[r,n]=d.useState(!1),a=(...i)=>{s.call(void 0,...i),n(!1)};return e.jsxRuntimeExports.jsxs(u.Dialog,{open:r,onOpenChange:i=>n(i),children:[e.jsxRuntimeExports.jsx(u.DialogTrigger,{asChild:!0,children:t}),e.jsxRuntimeExports.jsx(u.DialogContent,{className:"flex h-3/4 max-w-5xl",children:e.jsxRuntimeExports.jsx("div",{className:"h-full w-full",children:e.jsxRuntimeExports.jsx(b.default,{isModalView:!0,onSelect:a})})})]})},p=w,N=({value:t,onChange:s,id:r,onBlur:n})=>e.jsxRuntimeExports.jsxs("div",{className:"mt-1.5 flex items-center gap-x-3",children:[t?e.jsxRuntimeExports.jsx("img",{src:t,className:"h-20 w-20 overflow-hidden rounded-md border object-cover",alt:""}):e.jsxRuntimeExports.jsx(p,{onSelect:s,children:e.jsxRuntimeExports.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"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-3/5 flex-col",children:[e.jsxRuntimeExports.jsx(p,{onSelect:s,children:e.jsxRuntimeExports.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||!g.isEmpty(t)?"Replace Image":"Choose Image"})}),e.jsxRuntimeExports.jsx("small",{className:"-pl-4 pt-2 text-center text-xs text-gray-600",children:"OR"}),e.jsxRuntimeExports.jsx("input",{type:"url",className:"text-xs",placeholder:"Enter image URL",value:t,onBlur:({target:{value:a}})=>n(r,a),onChange:a=>s(a.target.value)})]})]}),B=N,C=({id:t,placeholder:s,value:r,onChange:n,onBlur:a})=>{const i={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{color:[]},{background:[]},{align:[]}],["link","clean"]]},l=["header","font","list","bold","italic","underline","strike","blockquote","color","background","align","link","image"];return e.jsxRuntimeExports.jsx(R,{id:t,value:r,onBlur:c=>a(t,c),onChange:c=>n(c),modules:i,formats:l,placeholder:s,className:"mt-1 rounded-md"})},S=C,q=({schema:t,formData:s,onChange:r})=>{const[n,a]=d.useState([]),i=E.useBuilderProp("getPages",()=>[]),{type:l="page",href:c="",target:x="self"}=s;return d.useEffect(()=>{(async()=>{const o=await i();a(o)})()},[i]),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("span",{className:"text-xs font-medium",children:(t==null?void 0:t.title)??"Link"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[e.jsxRuntimeExports.jsx("select",{name:"type",defaultValue:"page",value:l,onChange:o=>r({...s,type:o.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(o=>e.jsxRuntimeExports.jsx("option",{value:o.const,children:o.title},o.const))}),l==="page"?e.jsxRuntimeExports.jsxs("select",{name:"href",defaultValue:"",placeholder:"Choose Page",value:c,onChange:o=>r({...s,href:o.target.value}),children:[e.jsxRuntimeExports.jsx("option",{value:"",children:"Choose page"}),g.map(n,o=>e.jsxRuntimeExports.jsx("option",{value:o.slug,children:o.page_name},o.uuid))]}):e.jsxRuntimeExports.jsx("input",{name:"href",type:"text",value:c,onChange:o=>r({...s,href:o.target.value}),placeholder:l==="page"||l==="url"?"Enter URL":l==="scroll"?"#ElementID":"Enter detail"}),(l==="page"||l==="url")&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("input",{type:"checkbox",defaultChecked:x==="_blank",className:"cursor-pointer rounded-md border border-border",onChange:()=>r({...s,target:x==="_blank"?"_self":"_blank"})}),e.jsxRuntimeExports.jsx("span",{className:"pt-1 text-xs",children:"Open in new tab"})]})]})]})},_=q;exports.IconPickerField=P;exports.ImagePickerField=B;exports.Input=j;exports.LinkField=_;exports.RTEField=S;