https://builder-cdn.access.com/_next/static/chunks/42630-c5329c8951241da3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42630],{242630:function(e,l,t){t.d(l,{l7:function(){return GalleryContent},CQ:function(){return GalleryContentV2},Cu:function(){return GalleryRoot}});var a=t(785893),n=t(425675),i=t.n(n),s=t(667294),r=t(960887),d=t(332339),o=t(245587),c=t(104222),m=t(864529),u=t(309486),v=t(677683),x=t(777797),h=t(841531),g=t(100952),p=t(168990),f=t(113772),j=t(356234),y=t(737066),b=t(237127),N=t(134199),I=t(386010);let C=s.createContext(null);function GalleryProvider(e){let{children:l,initialState:t}=e,[n]=s.useState(()=>(0,m.ZP)(e=>({...t,actions:{setItems:l=>e({items:l}),addItem:l=>e(e=>{var t;return(null===(t=e.items)||void 0===t?void 0:t.length)?{items:[...e.items,l]}:{items:[l]}}),removeItem:l=>e(e=>{var t,a,n;let i=null===(t=e.items)||void 0===t?void 0:t.filter(e=>e.value!==l);return{activeItem:null!==(n=null==i?void 0:null===(a=i[0])||void 0===a?void 0:a.value)&&void 0!==n?n:null,items:i}})}}))),{setState:i}=n;return s.useEffect(()=>{i({items:t.items})},[t.items,i]),(0,a.jsx)(C.Provider,{value:n,children:l})}let useGalleryStore=e=>{let l=s.useContext(C);if(!l)throw Error("useGalleryStore must be used within a GalleryProvider");return(0,m.oR)(l,e)},useItems=()=>useGalleryStore(e=>{var l;return null!==(l=e.items)&&void 0!==l?l:[]}),useMaxItems=()=>useGalleryStore(e=>e.maxItems);function Gallery(e){let{children:l,dndContext:t,items:n=[],maxItems:i=30,sortableContext:s}=e,c=(0,r.VT)(g.we,{activationConstraint:{distance:.01}}),m=(0,r.VT)(g.MA),u=(0,r.VT)(g.LO),h=(0,r.Dy)(m,u,c);return(0,a.jsx)(GalleryProvider,{initialState:{items:n,maxItems:i},children:(0,a.jsx)(v.Ej,{children:(0,a.jsx)(x.Co,{children:(0,a.jsx)(r.LB,{modifiers:[d.F4,d.DL],sensors:h,...t,children:(0,a.jsx)(o.Fo,{...s,children:l})})})})})}function GalleryList(e){let{children:l,className:t}=e;return(0,a.jsx)("ul",{className:(0,p.cn)("text-neutral-700",t),children:l})}let k=s.forwardRef(function(e,l){var t,n;let{children:i,className:s,handle:r=!0,"aria-selected":d,onClick:c,disabledRearrange:m,...u}=e,{attributes:v,listeners:x,transform:h,transition:g,isDragging:j,data:y,setNodeRef:b}=(0,o.nB)(u),C=(0,N.Z)([b,l]),k="has-[>[aria-disabled=true]]:opacity-50 has-[>[aria-disabled=true]]:pointer-events-none";return(0,a.jsx)("li",{ref:C,className:(0,p.cn)("group/item relative origin-[0_0] transform touch-manipulation data-[state=dragging]:z-10 data-[state=dragging]:cursor-grabbing",k,s),style:{"--tw-translate-x":"".concat(null!==(t=null==h?void 0:h.x)&&void 0!==t?t:0,"px"),"--tw-translate-y":"".concat(null!==(n=null==h?void 0:h.y)&&void 0!==n?n:0,"px"),transition:g},"data-state":j?"dragging":void 0,children:(0,a.jsxs)("div",{className:(0,p.cn)("group/wrapper flex items-center gap-x-2 rounded border border-transparent border-b-access-neutrals-100 p-2 group-data-[state=dragging]/item:pointer-events-none group-data-[state=dragging]/item:border group-data-[state=dragging]/item:border-access-primary-500 group-data-[state=dragging]/item:bg-access-primary-100 [&[role=button]]:cursor-grab",k),"aria-selected":d,...r?{}:v,...r?{}:x,children:[(0,a.jsx)("div",{className:"absolute inset-0 select-none",tabIndex:-1,"aria-label":"Select ".concat(y.key),onClick:c}),r?(0,a.jsx)("button",{"aria-label":"Draggable",type:"button",className:(0,I.Z)("relative flex h-6 w-4 cursor-grab items-center p-0.75 text-xs leading-5 active:cursor-grabbing",{"pointer-events-none":m}),...v,...x,children:(0,a.jsx)(f.Z,{className:"icon text-darkGray-300"})}):null,i]})})});function GalleryAddItem(e){var l;let{asChild:t,children:n,className:i,componentId:r,metadataId:d,metaKey:o,onClick:m,onUpload:v,imageUploadQueue:x,...h}=e,g=t?c.g7:"button",f=useItems(),j=useMaxItems(),{activeItemId:y,queueUploads:b,results:N}=x,I=s.useRef(null),C=null==N?void 0:N.filter(e=>e.target),k=f.map(e=>{let l=null==C?void 0:C.find(l=>l.target===e.value);return l&&!l.value?l:(null==l?void 0:l.value)?{key:"",value:l.value,altText:e.altText}:e}),w=null==N?void 0:N.filter(e=>!e.target&&(!e.error||e.id===y)).filter(e=>null===e.value||!f.find(l=>l.value===e.value)),G=k.length+(null!==(l=null==w?void 0:w.length)&&void 0!==l?l:0);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g,{className:(0,p.cn)("disabled:pointer-events-none disabled:text-darkGray-200",i),onClick:()=>{var e;null===(e=I.current)||void 0===e||e.promptFileSelect()},...h,children:n}),(0,a.jsx)(u.Z,{ref:I,disabled:h.disabled,maxUploads:j-G,onUpload:e=>b(e.map(e=>({file:e,transformFn:v})))})]})}function GalleryItemOptions(e){let{className:l,children:t}=e;return(0,a.jsx)("div",{className:(0,p.cn)("relative ml-auto grid auto-cols-min grid-flow-col place-content-end items-center gap-x-2",l),children:t})}function GalleryItemOption(e){let{title:l,children:t,className:n,...i}=e,s=(0,a.jsx)("button",{type:"button",className:(0,p.cn)("flex size-4 p-0.5 text-xs",n),...i,children:t});return l?(0,a.jsxs)(h.fC,{disableHoverableContent:!0,children:[(0,a.jsx)(h.xz,{asChild:!0,children:s}),(0,a.jsx)(h.h_,{children:(0,a.jsxs)(h.VY,{align:"center",children:[l,(0,a.jsx)(h.Eh,{})]})})]}):s}function GalleryItemReplace(e){let{children:l,...t}=e;return(0,a.jsx)(GalleryItemOption,{title:"Replace",...t,children:null!=l?l:(0,a.jsx)(y.Z,{className:"icon"})})}function GalleryItemEdit(e){let{children:l,...t}=e;return(0,a.jsx)(GalleryItemOption,{title:"Edit",...t,children:null!=l?l:(0,a.jsx)(j.Z,{className:"icon"})})}function GalleryItemRemove(e){let{children:l,...t}=e;return(0,a.jsx)(GalleryItemOption,{title:"Remove",...t,children:null!=l?l:(0,a.jsx)(b.Z,{className:"icon text-access-destructive-500"})})}var w=t(791916),G=t(60346),S=t(83805),T=t(535327),O=t(986845),Z=t(298814),R=t(650035),F=t(13202

16),A=t(723153),L=t(610113);function GalleryRoot(e){let{children:l}=e;return(0,a.jsx)(v.Ej,{children:(0,a.jsx)(x.Co,{children:l})})}function GalleryContent(e){var l,t,n,r,d,o,c,m,u,v,h;let{maxImages:g=30,utils:f,listClassName:N,...C}=e,E=null!==(n=C.metaKey)&&void 0!==n?n:"images",P=null!==(r=C.itemMetaKey)&&void 0!==r?r:"image",z=null!==(d=C.innerPageComponentId)&&void 0!==d?d:C.componentId,J=!!C.innerPageComponentId,U=J?f.getSubset:f.get,[q,B]=s.useState(!1),W=JSON.parse(U(E)),D=s.useMemo(()=>W.map(e=>e.value),[W]),[M,K]=s.useState(void 0),[V,_]=s.useState(!1),[H,Q]=s.useState(!1),[Y,X]=s.useState({original:"",settings:"",defaultSettings:""}),$=s.useRef(null),ee=(0,x.Lf)({componentId:z,metadataId:C.metadataId,metaKey:C.innerPageComponentId?void 0:E},C.allowAddMeta),{activeItemId:el,queueUploads:et,results:ea}=ee,en=null==ea?void 0:ea.filter(e=>e.target),ei=W.map(e=>{let l=null==en?void 0:en.find(l=>l.target===e.value);return l&&!l.value?l:(null==l?void 0:l.value)?{key:"",value:l.value,altText:e.altText}:e}),es=null==ea?void 0:ea.filter(e=>!e.target&&(!e.error||e.id===el)).filter(e=>null===e.value||!W.find(l=>l.value===e.value)),promptFileSelect=()=>{var e;X({original:"",defaultSettings:"",settings:""}),null===(e=$.current)||void 0===e||e.click()},removeImage=e=>{let l=(0,S.Wk)(W.filter(l=>l.key!==e),P);if(J){let e=[];e.push({key:E,value:JSON.stringify(l)}),f.setSubsets(e).save()}else f.set(E,JSON.stringify(l)).save();K(void 0),Q(!1)},handleAltTextChange=(e,l)=>{let t=W.find(e=>e.key===l);if(t)return t.altText=e,J?f.setSubset(E,JSON.stringify(W),P):f.set(E,JSON.stringify(W))},handleCaptionTextChange=function(e,l){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"caption",a=W.slice(),n=W.find(e=>e.key===l);if(n)return n[t]=e,J?f.setSubset(E,JSON.stringify(a),P):f.set(E,JSON.stringify(a))},handleLinkChange=(e,l,t)=>{let a=W.find(e=>e.key===t);a&&(a[e]=l,(null==M?void 0:M.key)===t&&K({...a,[e]:l}))},handleReplace=(e,l)=>{et([{file:e,transformFn:C.transformFunction,target:l,params:Y&&""!==Y.original&&""!==Y.settings?"?"+new URLSearchParams(Y).toString():""}])},handleActiveItemChange=e=>{var l;if(!e)return;let t=W.find(l=>l.key===e.key);K(t),null===(l=C.onActiveItemChange)||void 0===l||l.call(C,null==t?void 0:t.value,W)};return s.useEffect(()=>{el&&K(e=>{let l=null==W?void 0:W.find(l=>l.key===(null==e?void 0:e.key));return l||e})},[W,el]),(0,a.jsxs)(Gallery,{maxItems:g,items:W,sortableContext:{items:D},dndContext:{onDragEnd:e=>{var l;if(e.active.id===(null===(l=e.over)||void 0===l?void 0:l.id))return;let t=W.findIndex(l=>l.value===e.active.id),a=W.findIndex(l=>{var t;return l.value===(null===(t=e.over)||void 0===t?void 0:t.id)}),n=(0,S.Wk)((0,w.W3)(W,t,a),null!=P?P:"image");handleActiveItemChange(n[a]),J?f.setSubset(E,JSON.stringify(n),P).save():f.set(E,JSON.stringify(n)).save()}},children:[(0,a.jsx)("input",{ref:$,className:"hidden",type:"file",accept:"image/gif,image/png,image/jpeg,image/webp",onChange:e=>{var l;let t=null===(l=e.currentTarget.files)||void 0===l?void 0:l[0];t&&handleReplace(t,null==M?void 0:M.value),e.currentTarget.value=""}}),H&&M&&(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("button",{className:"flex h-8 w-fit items-center",onClick:()=>{K(void 0),Q(!1)},children:[(0,a.jsx)(Z.Z,{size:16,className:"mr-2"}),(0,a.jsx)("p",{className:"text-[0.75rem] leading-4 text-[#767676]",children:"Back"})]}),(0,a.jsx)("p",{className:"text-sm font-semibold leading-4 text-neutral-700",children:"Image"}),(0,a.jsxs)("div",{className:"",children:[(0,a.jsx)(i(),{src:null!==(o=null==M?void 0:M.value)&&void 0!==o?o:"",alt:null!==(c=null==M?void 0:M.altText)&&void 0!==c?c:"",width:208,he

1ight:120,className:"h-[7.5rem] w-52 select-none rounded-sm bg-lightGray-500 object-contain p-2"},null==M?void 0:M.value)," ",(0,a.jsxs)("div",{className:"mb-6 mt-4 flex items-center gap-2 bg-black/80 px-2.5 py-2 text-xs text-white",children:[(0,a.jsxs)(GalleryItemOption,{className:"size-auto items-center space-x-1",onClick:()=>{promptFileSelect()},children:[(0,a.jsx)(y.Z,{className:"icon size-4 p-0.5"}),(0,a.jsx)("span",{children:"Replace"})]}),(0,a.jsxs)(GalleryItemOption,{className:"size-auto items-center space-x-1",onClick:()=>{_(!0)},children:[(0,a.jsx)(j.Z,{className:"icon size-4 p-0.5"}),(0,a.jsx)("span",{children:"Edit"})]}),(0,a.jsx)(GalleryItemOption,{className:"ml-auto size-auto","aria-label":"Remove",onClick:()=>{B(!0)},children:(0,a.jsx)(b.Z,{className:"icon size-4 p-0.5"})})]})]}),C.hasCaption&&(0,a.jsx)("div",{children:(0,a.jsx)(G.q2,{scrollable:!0,label:"Image Caption",value:null!==(m=M.caption)&&void 0!==m?m:"",disabled:C.disabled,maxLength:300,placeholder:"Describe this image",onChange:e=>handleCaptionTextChange(e,M.key),onBlur:e=>{var l;return null===(l=handleCaptionTextChange(e,M.key))||void 0===l?void 0:l.save()}})}),(0,a.jsx)("div",{children:(0,a.jsx)(G.q2,{scrollable:!0,label:"Image Alt Text",value:null!==(u=null==M?void 0:M.altText)&&void 0!==u?u:"",disabled:C.disabled,maxLength:125,placeholder:"Describe this image",onChange:e=>handleAltTextChange(e,null==M?void 0:M.key),onBlur:e=>{var l;return null===(l=handleAltTextChange(e,null==M?void 0:M.key))||void 0===l?void 0:l.save()}},null==M?void 0:M.id)}),C.hasLink&&C.componentProps&&M&&(0,a.jsx)(L.Z,{item:M,disabled:C.disabled,componentProps:C.componentProps,onChange:(e,l)=>handleLinkChange(e,l,M.key),onSave:()=>J?f.setSubset(E,JSON.stringify(W),P).save():f.set(E,JSON.stringify(W)).save()})]}),(!H||!M)&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"mb-4 text-sm font-semibold leading-4 text-neutral-700",children:"List"}),(0,a.jsxs)("div",{className:"mb-4 flex flex-row items-center border-b border-darkGray-200 pb-4 text-sm leading-4 text-darkGray-200",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("strong",{className:"font-semibold",children:"Images"})," ",W.length,"/",g]}),(0,a.jsx)("div",{className:"flex items-center",children:(0,a.jsxs)(GalleryAddItem,{imageUploadQueue:{...ee,queueUploads:e=>{et(e),setTimeout(()=>{let e=document.getElementById("inline-galleryListEditor");e&&(e.scrollIntoView({behavior:"smooth",block:"nearest"}),e.scrollTo({top:e.scrollHeight,behavior:"smooth"}))},500)}},componentId:z,metadataId:C.metadataId,metaKey:E,className:"flex items-center rounded px-1.5 py-0.5 text-[.625rem] leading-3 text-access-primary-500 hover:bg-access-primary-500 hover:text-white",disabled:W.length>=g||!!(null==es?void 0:es.length)||!ei.every(e=>"key"in e),onUpload:C.transformFunction,children:[(0,a.jsx)(O.Z,{className:"icon mr-1 size-2"}),(0,a.jsx)("span",{children:"Add"})]})})]}),(0,a.jsx)(R.fC,{className:"overflow-visible",children:(0,a.jsxs)(GalleryList,{className:(0,p.cn)("overflow-auto !p-0 pr-[calc(1.5rem-var(--scrollbar-size))]",N),children:[(0,a.jsxs)(R.l_,{id:"inline-galleryListEditor",className:"max-h-[16.25rem] w-full scroll-auto",children:[ei.map(e=>{var l;return"key"in e?(0,a.jsxs)(k,{disabledRearrange:!!(null==es?void 0:es.length),id:e.value,data:e,children:[(0,a.jsx)("div",{className:"flex h-[3.5rem] w-[4.375rem] items-center justify-center rounded-sm border-2 border-transparent bg-lightGray-500 ",children:(0,a.jsx)(i(),{src:e.value,alt:null!==(l=e.altText)&&void 0!==l?l:"",width:59,height:45,className:"h-[2.8125rem] w-[3.6875rem] object-contain group-aria-selected/wrapper:border-[#35AF2F]"})}),(0,a.jsxs)(GalleryItemOptions,{children:[(0,a.jsx)(GalleryItemReplace,{onClick:()=>{handleActiveItemChange(e),promptFileSelect()}}),(0,a.jsx)(GalleryItemEdit,{onClick:()=>{handleActiveItemChange(e),Q(!0)}}),(0,a.jsx)(GalleryItemRemove,{onClick:()=>{K(e),B(!0)}})]})]},e.value):(0,a.jsxs)("div",{className:(0,I.Z)("flex flex-row items-center space-x-4 p-2",{"border border-transparent border-b-access-neutrals-100":W.length>0}),children:[(0,a.jsx)("div",{className:"w-[0.5625rem]"}),(0,a.jsx)("div",{className:(0,I.Z)("w-[70px]",{"bg-lightGray-500":C.disabled}),children:(0,a.jsx)(F.Z,{minitray:!0,request:e.request,wrapperClass:"!h-[56px] !w-[70px]"})}),(0,a.jsx)("p",{className:"pl-4 font-inter text-xxs font-normal leading-4 text-neutral-400",children:"Uploading..."})]})}),null==es?void 0:es.map(e=>{var l;return null===e.value||e.error?(0,a.jsxs)("div",{className:(0,I.Z)("flex flex-row items-center space-x-4 p-2",{"border border-transparent border-b-access-neutrals-100":W.length>0}),children:[(0,a.jsx)("div",{className:"w-[0.5625rem]"}),(0,a.jsx)("div",{className:(0,I.Z)("w-[70px]",{"bg-lightGray-500":C.disabled}),children:(0,a.jsx)(F.Z,{minitray:!0,request:e.request,wrapperClass:"!h-[3.5rem] !w-[4.375rem]"})}),(0,a.jsx)("p",{className:" pl-4 font-inter text-xxs font-normal leading-4 text-neutral-400",children:"Uploading..."})]}):(0,a.jsxs)(k,{id:e.value,data:e,children:[(0,a.jsx)("div",{children:(0,a.jsx)(i(),{src:e.value,alt:null!==(l=e.altText)&&void 0!==l?l:"",width:40,height:32,className:"h-8 w-10 rounded-sm border-2 border-transparent bg-lightGray-500 object-contain group-aria-selected/wrapper:border-[#35AF2F]"})}),(0,a.jsxs)(GalleryItemOptions,{children:[(0,a.jsx)(GalleryItemReplace,{}),(0,a.jsx)(GalleryItemEdit,{}),(0,a.jsx)(GalleryItemRemove,{})]})]},e.value)})]}),(0,a.jsx)(R.LW,{"date-state":"visible",className:"!w-2",children:(0,a.jsx)(R.bU,{className:"right-[-10px] "})})]})})]}),(0,a.jsx)(A.G,{open:q,onOpenChange:B,onRemove:()=>{var e;return removeImage(null!==(e=null==M?void 0:M.key)&&void 0!==e?e:"")}}),V?(0,a.jsx)(T.Z,{allowFullImage:C.allowFullImage,imgPreviewId:"".concat(C.idPrefix,"-").concat(null==M?void 0:M.key),closeWorkspace:()=>_(!1),img:null==M?void 0:M.value,toggleImageEditor:V,width:null!==(v=null===(l=C.dimension)||void 0===l?void 0:l.width)&&void 0!==v?v:1,height:null!==(h=null===(t=C.dimension)||void 0===t?void 0:t.height)&&void 0!==h?h:1,input:$,setParams:X}):null]})}function GalleryContentV2(e){var l,t,n,r,d,o,c,m,u,v;let{maxImages:h=30,utils:g,listClassName:f,...N}=e,C=null!==(n=N.metaKey)&&void 0!==n?n:"images",E=null!==(r=N.itemMetaKey)&&void 0!==r?r:"image",P=N.componentId,z=g.get,[J,U]=s.useState(!1),q=JSON.parse(z(C)),B=s.useMemo(()=>q.map(e=>e.value),[q]),[W,D]=s.useState(void 0),[M,K]=s.useState(!1),[V,_]=s.useState(!1),[H,Q]=s.useState({original:"",settings:"",defaultSettings:""}),Y=s.useRef(null),X=(0,x.Lf)({componentId:P,metadataId:N.metadataId,metaKey:C},N.allowAddMeta),{activeItemId:$,queueUploads:ee,results:el}=X,et=null==el?void 0:el.filter(e=>e.target),ea=q.map(e=>{let l=null==et?void 0:et.find(l=>l.target===e.value);return l&&!l.value?l:(null==l?void 0:l.value)?{key:"",value:l.value,altText:e.altText}:e}),en=null==el?void 0:el.filter(e=>!e.target&&(!e.error||e.id===$)).filter(e=>null===e.value||!q.find(l=>l.value===e.value)),promptFileSelect=()=>{var e;Q({original:"",defaultSettings:"",settings:""}),null===(e=Y.current)||void 0===e||e.click()},removeImage=e=>{let l=(0,S.Wk)(q.filter(l=>l.key!==e),E);g.set(C,JSON.stringify(l)).save(),D(void 0),_(!1)},handleAltTextChange=(e,l)=>{let t=q.find(e=>e.key===l);if(t)return t.altText=e,g.set(C,JSON.stringify(q))},handleCaptionTextChange=function(e,l){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"caption",a=q.slice(),n=q.find(e=>e.key===l);if(n)return n[t]=e,g.set(C,JSON.stringify(a))},handleLinkChange=(e,l,t)=>{let a=q.find(e=>e.key===t);a&&(a[e]=l,(null==W?void 0:W.key)===t&&D({...a,[e]:l}))},handleReplace=(e,l)=>{ee([{file:e,transformFn:N.transformFunction,target:l,params:H&&""!==H.original&&""!==H.settings?"?"+new URLSearchParams(H).toString():""}])}

1,handleActiveItemChange=e=>{var l;if(!e)return;let t=q.find(l=>l.key===e.key);D(t),null===(l=N.onActiveItemChange)||void 0===l||l.call(N,null==t?void 0:t.value,q)};return s.useEffect(()=>{$&&D(e=>{let l=null==q?void 0:q.find(l=>l.key===(null==e?void 0:e.key));return l||e})},[q,$]),(0,a.jsxs)(Gallery,{maxItems:h,items:q,sortableContext:{items:B},dndContext:{onDragEnd:e=>{var l;if(e.active.id===(null===(l=e.over)||void 0===l?void 0:l.id))return;let t=q.findIndex(l=>l.value===e.active.id),a=q.findIndex(l=>{var t;return l.value===(null===(t=e.over)||void 0===t?void 0:t.id)}),n=(0,S.Wk)((0,w.W3)(q,t,a),null!=E?E:"image");handleActiveItemChange(n[a]),g.set(C,JSON.stringify(n)).save()}},children:[(0,a.jsx)("input",{ref:Y,className:"hidden",type:"file",accept:"image/gif,image/png,image/jpeg,image/webp",onChange:e=>{var l;let t=null===(l=e.currentTarget.files)||void 0===l?void 0:l[0];t&&handleReplace(t,null==W?void 0:W.value),e.currentTarget.value=""}}),V&&W&&(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("button",{className:"flex h-8 w-fit items-center",onClick:()=>{D(void 0),_(!1)},children:[(0,a.jsx)(Z.Z,{size:16,className:"mr-2"}),(0,a.jsx)("p",{className:"text-[0.75rem] leading-4 text-[#767676]",children:"Back"})]}),(0,a.jsx)("p",{className:"text-sm font-semibold leading-4 text-neutral-700",children:"Image"}),(0,a.jsxs)("div",{className:"",children:[(0,a.jsx)(i(),{src:null!==(d=null==W?void 0:W.value)&&void 0!==d?d:"",alt:null!==(o=null==W?void 0:W.altText)&&void 0!==o?o:"",width:208,he

1ight:120,className:"h-[7.5rem] w-52 select-none rounded-sm bg-lightGray-500 object-contain p-2"},null==W?void 0:W.value)," ",(0,a.jsxs)("div",{className:"mb-6 mt-4 flex items-center gap-2 bg-black/80 px-2.5 py-2 text-xs text-white",children:[(0,a.jsxs)(GalleryItemOption,{className:"size-auto items-center space-x-1",onClick:()=>{promptFileSelect()},children:[(0,a.jsx)(y.Z,{className:"icon size-4 p-0.5"}),(0,a.jsx)("span",{children:"Replace"})]}),(0,a.jsxs)(GalleryItemOption,{className:"size-auto items-center space-x-1",onClick:()=>{K(!0)},children:[(0,a.jsx)(j.Z,{className:"icon size-4 p-0.5"}),(0,a.jsx)("span",{children:"Edit"})]}),(0,a.jsx)(GalleryItemOption,{className:"ml-auto size-auto","aria-label":"Remove",onClick:()=>{U(!0)},children:(0,a.jsx)(b.Z,{className:"icon size-4 p-0.5"})})]})]}),N.hasCaption&&(0,a.jsx)("div",{children:(0,a.jsx)(G.q2,{scrollable:!0,label:"Image Caption",value:null!==(c=W.caption)&&void 0!==c?c:"",disabled:N.disabled,maxLength:300,placeholder:"Describe this image",onChange:e=>handleCaptionTextChange(e,W.key),onBlur:e=>{var l;return null===(l=handleCaptionTextChange(e,W.key))||void 0===l?void 0:l.save()}})}),(0,a.jsx)("div",{children:(0,a.jsx)(G.q2,{scrollable:!0,label:"Image Alt Text",value:null!==(m=null==W?void 0:W.altText)&&void 0!==m?m:"",disabled:N.disabled,maxLength:125,placeholder:"Describe this image",onChange:e=>handleAltTextChange(e,null==W?void 0:W.key),onBlur:e=>{var l;return null===(l=handleAltTextChange(e,null==W?void 0:W.key))||void 0===l?void 0:l.save()}},null==W?void 0:W.id)}),N.hasLink&&N.componentProps&&W&&(0,a.jsx)(L.Z,{item:W,disabled:N.disabled,componentProps:N.componentProps,onChange:(e,l)=>handleLinkChange(e,l,W.key),onSave:()=>g.set(C,JSON.stringify(q)).save()})]}),(!V||!W)&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"mb-4 text-sm font-semibold leading-4 text-neutral-700",children:"List"}),(0,a.jsxs)("div",{className:"mb-4 flex flex-row items-center border-b border-darkGray-200 pb-4 text-sm leading-4 text-darkGray-200",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("strong",{className:"font-semibold",children:"Images"})," ",q.length,"/",h]}),(0,a.jsx)("div",{className:"flex items-center",children:(0,a.jsxs)(GalleryAddItem,{imageUploadQueue:{...X,queueUploads:e=>{ee(e),setTimeout(()=>{let e=document.getElementById("inline-galleryListEditor");e&&(e.scrollIntoView({behavior:"smooth",block:"nearest"}),e.scrollTo({top:e.scrollHeight,behavior:"smooth"}))},500)}},componentId:P,metadataId:N.metadataId,metaKey:C,className:"flex items-center rounded px-1.5 py-0.5 text-[.625rem] leading-3 text-access-primary-500 hover:bg-access-primary-500 hover:text-white",disabled:q.length>=h||!!(null==en?void 0:en.length)||!ea.every(e=>"key"in e),onUpload:N.transformFunction,children:[(0,a.jsx)(O.Z,{className:"icon mr-1 size-2"}),(0,a.jsx)("span",{children:"Add"})]})})]}),(0,a.jsx)(R.fC,{className:"overflow-visible",children:(0,a.jsxs)(GalleryList,{className:(0,p.cn)("overflow-auto !p-0 pr-[calc(1.5rem-var(--scrollbar-size))]",f),children:[(0,a.jsxs)(R.l_,{id:"inline-galleryListEditor",className:"max-h-[16.25rem] w-full scroll-auto",children:[ea.map(e=>{var l;return"key"in e?(0,a.jsxs)(k,{disabledRearrange:!!(null==en?void 0:en.length),id:e.value,data:e,children:[(0,a.jsx)("div",{className:"flex h-[3.5rem] w-[4.375rem] items-center justify-center rounded-sm border-2 border-transparent bg-lightGray-500 ",children:(0,a.jsx)(i(),{src:e.value,alt:null!==(l=e.altText)&&void 0!==l?l:"",width:59,height:45,className:"h-[2.8125rem] w-[3.6875rem] object-contain group-aria-selected/wrapper:border-[#35AF2F]"})}),(0,a.jsxs)(GalleryItemOptions,{children:[(0,a.jsx)(GalleryItemReplace,{onClick:()=>{handleActiveItemChange(e),promptFileSelect()}}),(0,a.jsx)(GalleryItemEdit,{onClick:()=>{handleActiveItemChange(e),_(!0)}}),(0,a.jsx)(GalleryItemRemove,{onClick:()=>{D(e),U(!0)}})]})]},e.value):(0,a.jsxs)("div",{className:(0,I.Z)("flex flex-row items-center space-x-4 p-2",{"border border-transparent border-b-access-neutrals-100":q.length>0}),children:[(0,a.jsx)("div",{className:"w-[0.5625rem]"}),(0,a.jsx)("div",{className:(0,I.Z)("w-[70px]",{"bg-lightGray-500":N.disabled}),children:(0,a.jsx)(F.Z,{minitray:!0,request:e.request,wrapperClass:"!h-[56px] !w-[70px]"})}),(0,a.jsx)("p",{className:"pl-4 font-inter text-xxs font-normal leading-4 text-neutral-400",children:"Uploading..."})]})}),null==en?void 0:en.map(e=>{var l;return null===e.value||e.error?(0,a.jsxs)("div",{className:(0,I.Z)("flex flex-row items-center space-x-4 p-2",{"border border-transparent border-b-access-neutrals-100":q.length>0}),children:[(0,a.jsx)("div",{className:"w-[0.5625rem]"}),(0,a.jsx)("div",{className:(0,I.Z)("w-[70px]",{"bg-lightGray-500":N.disabled}),children:(0,a.jsx)(F.Z,{minitray:!0,request:e.request,wrapperClass:"!h-[3.5rem] !w-[4.375rem]"})}),(0,a.jsx)("p",{className:" pl-4 font-inter text-xxs font-normal leading-4 text-neutral-400",children:"Uploading..."})]}):(0,a.jsxs)(k,{id:e.value,data:e,children:[(0,a.jsx)("div",{children:(0,a.jsx)(i(),{src:e.value,alt:null!==(l=e.altText)&&void 0!==l?l:"",width:40,height:32,className:"h-8 w-10 rounded-sm border-2 border-transparent bg-lightGray-500 object-contain group-aria-selected/wrapper:border-[#35AF2F]"})}),(0,a.jsxs)(GalleryItemOptions,{children:[(0,a.jsx)(GalleryItemReplace,{}),(0,a.jsx)(GalleryItemEdit,{}),(0,a.jsx)(GalleryItemRemove,{})]})]},e.value)})]}),(0,a.jsx)(R.LW,{"date-state":"visible",className:"!w-2",children:(0,a.jsx)(R.bU,{className:"right-[-10px] "})})]})})]}),(0,a.jsx)(A.G,{open:J,onOpenChange:U,onRemove:()=>{var e;return removeImage(null!==(e=null==W?void 0:W.key)&&void 0!==e?e:"")}}),M?(0,a.jsx)(T.Z,{allowFullImage:N.allowFullImage,imgPreviewId:"".concat(N.idPrefix,"-").concat(null==W?void 0:W.key),closeWorkspace:()=>K(!1),img:null==W?void 0:W.value,toggleImageEditor:M,width:null!==(u=null===(l=N.dimension)||void 0===l?void 0:l.width)&&void 0!==u?u:1,height:null!==(v=null===(t=N.dimension)||void 0===t?void 0:t.height)&&void 0!==v?v:1,input:Y,setParams:Q}):null]})}}}]);