https://helpcenter.xeropan.com/_next/static/chunks/2907.e13cf90d3199cf9d.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="dbb597ac-367f-43dd-9cd0-d77502e38efb",e._sentryDebugIdIdentifier="sentry-dbid-dbb597ac-367f-43dd-9cd0-d77502e38efb")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2907],{92907:function(e,t,n){n.r(t);var s=n(57437),i=n(2265),o=n(99397),l=n(32489),r=n(10407),a=n(74440),c=n(47416),d=n(18930),u=n(12381),h=n(23675),p=n(74291),x=n(31593),g=n(40279),m=n(16719);let f=[{id:"1",title:"New Accordion",content:"",isOpen:!1},{id:"2",title:"New Accordion",content:"",isOpen:!1},{id:"3",title:"New Accordion",content:"",isOpen:!1}],j=e=>{var t;let{item:n,onUpdate:o,onRemove:f,canRemove:j,isLast:v,isOpen:b}=e,[N,k]=(0,i.useState)(null),w=(0,i.useRef)(null),y=(0,i.useRef)(null),[z,C]=(0,i.useState)(!1),[Z,A]=(0,i.useState)(!1),O=()=>{let e=w.current;e&&(e.style.height="auto",e.scrollHeight&&(e.style.height="".concat(e.scrollHeight,"px")))},_=()=>{let e=y.current;e&&(e.style.height="auto",e.scrollHeight&&(e.style.height="".concat(e.scrollHeight,"px")))};return(0,i.useEffect)(()=>{O()},[n.content,b]),(0,i.useEffect)(()=>{_()},[n.title]),(0,s.jsxs)("div",{className:"group/item relative ".concat(v?"":"border-b border-border"),children:[(0,s.jsxs)("div",{className:"flex w-full cursor-pointer items-center justify-between rounded-lg p-3 transition-colors hover:bg-muted/50 ".concat(n.isOpen?"rounded-b-none border-b border-border":""),onClick:()=>{o({isOpen:!n.isOpen})},children:[(0,s.jsx)("div",{className:"flex-1",children:(0,s.jsx)(h.g,{ref:y,rows:1,className:"min-h-0 resize-none overflow-hidden whitespace-pre-wrap break-words border-none bg-transparent p-0 !text-base font-medium leading-tight text-foreground shadow-none placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",value:n.title,onChange:e=>{o({title:e.target.value}),setTimeout(_,0)},onInput:_,placeholder:"Accordion title",onClick:e=>{k(n),C(!0),e.stopPropagation()},onMouseDown:e=>e.stopPropagation(),style:{lineHeight:"1.25"}})}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[j&&(0,s.jsx)("button",{onClick:e=>{e.stopPropagation(),f()},className:"rounded p-1 opacity-0 transition-opacity duration-200 hover:bg-destructive/10 hover:text-destructive group-hover/item:opacity-100",contentEditable:!1,onMouseDown:e=>e.stopPropagation(),children:(0,s.jsx)(l.Z,{size:14})}),(0,s.jsx)("div",{className:"text-muted-foreground transition-transform duration-200 ease-out",style:{transform:n.isOpen?"rotate(90deg)":"rotate(0deg)"},children:(0,s.jsx)(r.Z,{size:16})})]})]}),n.isOpen&&(0,s.jsx)("div",{className:"p-3",children:(0,s.jsx)("div",{className:"accordion-group-placeholder min-h-[40px] cursor-text whitespace-pre-wrap break-words text-muted-foreground",onClick:e=>{e.stopPropagation(),k(n),C(!0)},children:n.content?(0,s.jsx)("div",{className:"tiptap tiptap-bold leading-relaxed text-foreground-80 prose-h2:!text-[20px] prose-p:!text-[16px] [&_p]:min-h-[1em] [&_p]:text-[16px] [&_p]:leading-6",dangerouslySetInnerHTML:{__html:n.content}}):(0,s.jsx)("span",{className:"opacity-60",children:"Add content to this accordion..."})})}),N&&(0,s.jsx)(p.Vq,{open:z,onOpenChange:C,children:(0,s.jsxs)(p.cZ,{className:"".concat(Z?"w-[720px]":"w-[420px]"," gap-0 p-0"),children:[(0,s.jsx)(p.fK,{className:"flex p-4",children:(0,s.jsxs)(p.$N,{className:"flex items-center gap-2",children:[(0,s.jsx)(r.Z,{size:16}),"Edit Accordion"]})}),(0,s.jsx)(x.Z,{}),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"space-y-4 p-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"mb-1 block text-sm font-medium",children:"Title"}),(0,s.jsx)(g.I,{value:null!==(t=null==N?void 0:N.title)&&void 0!==t?t:"",onChange:e=>k(t=>t?{...t,title:e.target.value}:t)})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"mb-1 block text-sm font-medium",children:"Text"}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)(m.Z,{content:N.content||"Add content to this accordion...",hideHeading:!0,setContent:e=>{let t="function"==typeof e?e(N.content):e;k(e=>e?{...e,content:t}:e)},className:"h-[200px]"}),(0,s.jsx)(u.z,{variant:"ghost",size:"icon",className:"absolute bottom-2 right-2",onClick:()=>A(!Z),children:Z?(0,s.jsx)(a.Z,{className:"size-4 cursor-pointer text-foreground"}):(0,s.jsx)(c.Z,{className:"size-4 cursor-pointer text-foreground"})})]})]})]}),(0,s.jsx)(x.Z,{}),(0,s.jsxs)(p.cN,{className:"!flex w-full !flex-row items-center !justify-between p-4",children:[j&&(0,s.jsx)(p.GG,{asChild:!0,children:(0,s.jsx)(u.z,{onClick:e=>{e.stopPropagation(),f()},variant:"outline",size:"icon",children:(0,s.jsx)(d.Z,{})})}),(0,s.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,s.jsx)(p.GG,{asChild:!0,children:(0,s.jsx)(u.z,{variant:"outline",children:"Cancel"})}),(0,s.jsx)(u.z,{onClick:()=>{N&&o({title:N.title,content:N.content}),C(!1),k(null),C(!1)},children:"Save Changes"})]})]})]})]})})]})};t.default=e=>{let t=e.block.props.items,[n,l]=(0,i.useState)(()=>{try{return JSON.parse(t)}catch(e){return f}});(0,i.useEffect)(()=>{try{let e=JSON.parse(t);l(e)}catch(e){l(f)}},[t]);let r=t=>{l(t),e.editor.updateBlock(e.block.id,{props:{items:JSON.stringify(t)}})},a=e=>{n.length>1&&r(n.filter(t=>t.id!==e))},c=(e,t)=>{r(n.map(n=>n.id===e?{...n,...t}:n))};return(0,s.jsxs)("div",{className:"relative w-full",onClick:e=>{e.stopPropagation()},onMouseDown:e=>e.stopPropagation(),onMouseUp:e=>e.stopPropagation(),style:{textAlign:"left"},children:[(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:'\n          .accordion-group-placeholder:empty::before {\n            content: "Add content to this accordion...";\n            color: hsl(var(--muted-foreground) / 0.6);\n            pointer-events: none;\n          }\n        '}}),(0,s.jsx)("div",{className:"overflow-hidden rounded-lg border border-border",children:n.map((e,t)=>(0,s.jsx)(j,{item:e,onUpdate:t=>c(e.id,t),isOpen:e.isOpen,onRemove:()=>a(e.id),canRemove:n.length>1,isLast:t===n.length-1},e.id))}),(0,s.jsx)(u.z,{onClick:()=>{r([...n,{id:Date.now().toString(),title:"New Accordion",content:"",isOpen:!1}])},variant:"ghost",size:"sm",className:"absolute -right-10 bottom-1 size-8 p-0 text-muted-foreground hover:text-foreground",contentEditable:!1,onMouseDown:e=>e.stopPropagation(),children:(0,s.jsx)(o.Z,{size:16})})]})}},16719:function(e,t,n){n.d(t,{Z:function(){return C}});var s=n(57437),i=n(2265),o=n(5015),l=n(64093),r=n(78234),a=n(36320),c=n(12061),d=n(13694),u=n(54816),h=n(81328),p=n(19680),x=n(18778),g=n(17494),m=n(7586),f=n(28645),j=n(98335),v=n(12381),b=n(32060),N=n(12749),k=n(40279),w=n(31593),y=n(93448);let z=[d.Z,l.Z,r.Z,a.ZP,c.Z,u.ZP.configure({openOnClick:!1,autolink:!0,linkOnPaste:!0,HTMLAttributes:{class:"text-primary underline cursor-pointer",rel:"noopener noreferrer",target:"_blank"}})];

1function C(e){let{content:t,hideHeading:n,setContent:i,className:l}=e;return(0,s.jsx)("div",{className:"rounded-md border",children:(0,s.jsx)(o.KU,{slotBefore:(0,s.jsx)(Z,{hideHeading:null!=n&&n}),extensions:z,content:t||"<p>Enter your description</p>",editorProps:{attributes:{class:(0,y.cn)("outline-none focus:outline-none w-full simple-scrollarea h-full max-h-[250px] min-h-[150px] overflow-scroll px-2 py-2",l)}},onUpdate:e=>{let{editor:t}=e;i(t.getHTML())}})})}function Z(e){let{hideHeading:t}=e,{editor:n}=(0,o.fi)();return n?(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-0.5 border-b p-2",children:[t?(0,s.jsx)(s.Fragment,{}):(0,s.jsxs)(s.Fragment,{children:[" ",(0,s.jsxs)(b.h_,{children:[(0,s.jsx)(b.$F,{asChild:!0,children:(0,s.jsx)(v.z,{variant:"outline",className:"w-fit justify-between border-none shadow-none hover:bg-transparent",children:n.isActive("heading",{level:1})?"Heading 1":n.isActive("heading",{level:2})?"Heading":n.isActive("heading",{level:3})?"Heading 3":"Normal"})}),(0,s.jsxs)(b.AW,{className:"z-[5000000]",children:[(0,s.jsx)(b.Xi,{className:"shadow-none",onClick:()=>n.chain().focus().setParagraph().run(),children:"Normal"}),(0,s.jsx)(b.Xi,{className:"shadow-none",onClick:()=>n.chain().focus().toggleHeading({level:2}).run(),children:"Heading"})]})]}),(0,s.jsx)(w.Z,{orientation:"vertical",className:"h-5"})]}),(0,s.jsx)(v.z,{variant:"ghost",size:"icon",onClick:()=>n.chain().focus().toggleBold().run(),className:n.isActive("bold")?"bg-muted":"",children:(0,s.jsx)(h.Z,{})}),(0,s.jsx)(v.z,{variant:"ghost",size:"icon",onClick:()=>n.chain().focus().toggleItalic().run(),className:n.isActive("italic")?"bg-muted":"",children:(0,s.jsx)(p.Z,{})}),(0,s.jsx)(v.z,{variant:"ghost",size:"icon",onClick:()=>n.chain().focus().toggleStrike().run(),className:n.isActive("strike")?"bg-muted":"",children:(0,s.jsx)(x.Z,{})}),(0,s.jsx)(v.z,{variant:"ghost",size:"icon",onClick:()=>n.chain().focus().toggleUnderline().run(),className:n.isActive("underline")?"bg-muted":"",children:(0,s.jsx)(g.Z,{})}),(0,s.jsx)(A,{}),(0,s.jsx)(w.Z,{orientation:"vertical",className:"h-5"}),(0,s.jsx)(v.z,{variant:"ghost",size:"icon",onClick:()=>n.chain().focus().toggleBulletList().run(),className:n.isActive("bulletList")?"bg-muted":"",children:(0,s.jsx)(m.Z,{})}),(0,s.jsx)(v.z,{variant:"ghost",size:"icon",onClick:()=>n.chain().focus().toggleOrderedList().run(),className:n.isActive("orderedList")?"bg-muted":"",children:(0,s.jsx)(f.Z,{})})]}):null}function A(){let{editor:e}=(0,o.fi)(),[t,n]=i.useState(!1),[l,r]=i.useState("");if(!e)return null;let a=e.isActive("link"),c=!e.state.selection.empty,d=()=>{let t=l.trim();if(!t){e.chain().focus().extendMarkRange("link").unsetLink().run(),n(!1);return}let s=/^https?:\/\//i.test(t)?t:"https://".concat(t);e.chain().focus().extendMarkRange("link").setLink({href:s}).run(),n(!1)};return(0,s.jsxs)(N.J2,{open:t,onOpenChange:t=>{if(t){let t=e.getAttributes("link").href;r(null!=t?t:"")}n(t)},children:[(0,s.jsx)(N.xo,{asChild:!0,children:(0,s.jsx)(v.z,{variant:"ghost",size:"icon",disabled:!a&&!c,className:a?"bg-muted":"",children:(0,s.jsx)(j.Z,{})})}),(0,s.jsx)(N.yk,{className:"z-[5000000] w-80 p-2",align:"start",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)(k.I,{value:l,onChange:e=>r(e.target.value),placeholder:"https://example.com",autoFocus:!0,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d())}}),(0,s.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[a?(0,s.jsx)(v.z,{variant:"outline",size:"sm",onClick:()=>{e.chain().focus().extendMarkRange("link").unsetLink().run(),n(!1)},children:"Remove"}):null,(0,s.jsx)(v.z,{size:"sm",onClick:d,children:"Apply"})]})]})})]})}}}]);