@emailmaker/emailmaker 1.0.116-alpha.1 → 1.0.116

package/static/js/2557.c5dfa9a5.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunkemail_maker=globalThis.webpackChunkemail_maker||[]).push([[2557],{62557:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Y});var l=a(1936),i=a(71715),n=a(69622),r=a(6403),o=a(96040),s=a(47706),c=a(84075),u=a(50028),d=a(60034),m=a(98173),g=a(78443),p=a(22817),h=a(93506);function f(e,t){return{[e]:{Filter:t("Filter"),filter:t("filter"),Resize:t("Resize"),resize:t("resize"),Crop:t("Crop"),Width:t("Width"),width:t("width"),Height:t("Height"),height:t("height"),"Background color":t("Background color"),Cancel:t("Cancel"),Create:t("Create"),Objects:t("Objects"),Quality:t("Quality"),Save:t("Save"),"Loading Canvas":t("Loading Canvas"),"Loading Image":t("Loading Image"),"Loading State":t("Loading State"),"Processing Image":t("Processing Image"),Close:t("Close"),Apply:t("Apply"),Font:t("Font"),Color:t("Color"),Background:t("Background"),Image:t("Image"),Opacity:t("Opacity"),Outline:t("Outline"),Shadow:t("Shadow"),Gradient:t("Gradient"),Texture:t("Texture"),"Replace Image":t("Replace Image"),"Outline Color":t("Outline Color"),"Shadow Color":t("Shadow Color"),"Font Size":t("Font Size"),Radius:t("Radius"),"Brush Color":t("Brush Color"),"Brush Type":t("Brush Type"),"Brush Size":t("Brush Size"),History:t("History"),"Maintain aspect ratio":t("Maintain aspect ratio"),"New Text":t("New Text"),Size:t("Size"),Draw:t("Draw"),Text:t("Text"),Stickers:t("Stickers"),Frame:t("Frame"),Shapes:t("Shapes"),Corners:t("Corners"),corners:t("corners"),Done:t("Done"),"Applied Filters":t("Applied Filters"),"Resized Image":t("Resized Image"),"Cropped Image":t("Cropped Image"),"Added Drawing":t("Added Drawing"),"Added Text":t("Added Text"),"Added Shape":t("Added Shape"),"Added Sticker":t("Added Sticker"),"Added Frame":t("Added Frame"),"Merged Objects":t("Merged Objects"),"Rounded Corner":t("Rounded Corner"),"Replaced Background Image":t("Replaced Background Image"),"Added Image":t("Added Image"),Initial:t("Initial"),"Loaded State":t("Loaded State"),"Changed Style":t("Changed Style"),"Deleted object":t("Deleted object"),Merge:t("Merge"),Emoticons:t("Emoticons"),Doodles:t("Doodles"),Landmarks:t("Landmarks"),Bubbles:t("Bubbles"),Transportation:t("Transportation"),Beach:t("Beach"),PencilBrush:t("PencilBrush"),SprayBrush:t("SprayBrush"),CircleBrush:t("CircleBrush"),DiamondBrush:t("DiamondBrush"),VLineBrush:t("VLineBrush"),HLineBrush:t("HLineBrush"),SquareBrush:t("SquareBrush"),Square:t("Square"),square:t("square")}}}var v=a(5365),A=a(2527),y=a(65185),E=a(20263),w=a(65893),k=a(50548);const b={text:{replaceDefault:!0,defaultCategory:"handwriting",items:[{family:"Montserrat Light",src:"customFonts/Montserrat-Light.woff2"},{family:"Montserrat Regular",src:"customFonts/Montserrat-Regular.woff2"},{family:"Montserrat Bold",src:"customFonts/Montserrat-Bold.woff2"},{family:"Montserrat Black",src:"customFonts/Montserrat-Black.woff2"},{family:"Roboto Light",src:"customFonts/Roboto-Light.woff2"},{family:"Roboto Regular",src:"customFonts/Roboto-Regular.woff2"},{family:"Roboto Bold",src:"customFonts/Roboto-Bold.woff2"},{family:"Roboto Black",src:"customFonts/Roboto-Black.woff2"},{family:"Lato Light",src:"customFonts/Lato-Light.woff2"},{family:"Lato Regular",src:"customFonts/Lato-Regular.woff2"},{family:"Lato Bold",src:"customFonts/Lato-Bold.woff2"},{family:"Lato Black",src:"customFonts/Lato-Black.woff2"},{family:"Rubik Light",src:"customFonts/Rubik-Light.woff2"},{family:"Rubik Regular",src:"customFonts/Rubik-Regular.woff2"},{family:"Rubik Bold",src:"customFonts/Rubik-Bold.woff2"},{family:"Rubik Black",src:"customFonts/Rubik-Black.woff2"},{family:"Bebas Neue Light",src:"customFonts/BebasNeueLight.woff2"},{family:"Bebas Neue Regular",src:"customFonts/BebasNeueRegular.woff2"},{family:"Bebas Neue Book",src:"customFonts/BebasNeueBook.woff2"},{family:"Bebas Neue Bold",src:"customFonts/BebasNeueBold.woff2"},{family:"Arial",src:"customFonts/ArialMT.woff2"},{family:"Arial Bold",src:"customFonts/Arial-BoldMT.woff2"}]}};function I(e,t){if("json"===e)return new Blob([t],{type:"application/json"});if("svg"===e)return new Blob([t],{type:"image/svg+xml"});const a=`image/${e}`;return((e,t="application/octet-stream")=>fetch(`data:${t};base64,${e}`).then(e=>e.blob()))(t=t.replace(/data:image\/([a-z]*)?;base64,/,""),a)}const C=({currentImageLink:e,newLink:t,onSave:r,uploadImageResultIsLoading:c})=>{const u=(0,A.p)(),[d,C]=(0,l.useState)(),[L,R]=(0,l.useState)(),{__:S}=(0,s.s9)();let _=(0,i.wA)();const B=(0,i.Pj)(),O=(0,i.d4)(m.C1),N=(0,i.d4)(g.sK),U=(0,i.d4)(p.yN),x=(0,l.useRef)(!1),[D,M]=(0,l.useState)(),G=(0,y.ml)(w.AZ.FILE_PROXY_EVENT_ID);(0,l.useEffect)(()=>{(async()=>{let t;try{const a=await fetch(e);t=await a.blob()}catch{if(t=await G.fire({url:e,project:U}).filter(e=>e instanceof Blob)[0],!t){const a=u.get(h.A9.em_token)||await E.di.getInstance(B,k.Y),l=await fetch(`https://app.emailmaker.ru/api/wp-json/cors-proxy/v1/get?url=${encodeURIComponent(e)}`,{headers:{authorization:`Bearer ${a}`}});t=await l.blob()}}if(t){let e=new FileReader;e.onload=()=>{null===D||void 0===D||D.tools.import.openBackgroundImage(d),e.result!==d&&(C(e.result),R(t.type))},e.readAsDataURL(t)}})().catch(e=>{})},[e,t,C,u,d,D,G,U,B]);const T=(0,l.useCallback)(()=>{C(null),R(null),_((0,g.Os)()),_((0,g.Oo)(h.lx.UPLOAD_IMAGE_MODAL))},[_]),F=(0,l.useRef)();F.current=async function(e,t,a){const l=await I(a,e);r&&r(new File([l],t,{lastModified:(new Date).getTime(),type:l.type}))};const P=(0,l.useCallback)(e=>{if(e)if(x.current&&D);else{x.current=!0;const e=O.locale?O.locale.replace("_","-"):"ru-RU",t=O.theme===h.IJ?matchMedia(h.F3).matches?h.nd:h.T:O.theme;v.A.init({selector:"#pixie-editor",baseUrl:a.p+"assets/pixie",image:d,activeLanguage:e,languages:f(e,S),tools:b,ui:{menubar:{replaceDefaultItems:!0,items:[{type:"undoWidget",align:"left"},{type:"zoomWidget",align:"center",desktopOnly:!0},{type:"button",icon:l.createElement(o.A,{icon:"HistoryOutlined",style:{fontSize:20}}),align:"right",desktopOnly:!0,action:e=>{e.togglePanel("history")}},{type:"button",icon:l.createElement(o.A,{icon:"CloseOutlined",style:{fontSize:20}}),align:"right",desktopOnly:!0,action:()=>T()}]},nav:{position:"top"},activeTheme:t,mode:"inline",forceOverlayModeOnMobile:!1},onSave:async function(e,t,a){F.current(e,t,a)}}).then(e=>{M(e)}).catch(e=>{})}},[O.theme,d,D,M,O.locale,S,T]),q=(0,l.useCallback)(()=>{null===D||void 0===D||D.tools.export.save(null===e||void 0===e?void 0:e.split("/").pop().split(".")[0],null===L||void 0===L?void 0:L.split("/")[1])},[D,e,L]);return l.createElement(n.aF,{afterOpenChange:P,width:"100%",style:{maxWidth:"100%",minHeight:"100vh"},className:"image-editor-modal",centered:!0,closable:!1,zIndex:1100,mask:!1,open:N,footer:[l.createElement(n.$n,{key:"Cancel",className:"em-analytics__profile-cancel",onClick:T},S("Cancel")),l.createElement(n.$n,{key:"Ok",className:"em-analytics__profile-updapixiete",id:"save",type:"primary",onClick:q},S("Update"))]},c&&l.createElement("div",{style:{position:"absolute",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--colorBgLayout)",zIndex:10,opacity:.7}},l.createElement(n.tK,{size:"large"})),l.createElement("div",{id:"pixie-editor"}))},L=({currentImageLink:e,newLink:t,onSave:a,uploadImageResultIsLoading:i})=>l.createElement(l.Fragment,null,l.createElement("div",null,l.createElement("div",{className:"image-preview"},i&&l.createElement("div",{style:{position:"absolute",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--colorBgLayout)",zIndex:10,opacity:.7}},l.createElement(n.tK,{size:"large"})),(t||e)&&l.createElement("img",{alt:"uploadedImage",src:t||e}))),l.createElement(C,{currentImageLink:e,newLink:t,onSave:a,uploadImageResultIsLoading:i}));var R=a(5674),S=a(71558),_=a(70514);const B="blocks",O=({setCurrentImageLink:e,setModalHeight:t,setModalWidth:a,setImageStockList:i,imageStockList:r,currentReq:c,setCurrentReq:u,inputRef:m,setStockLink:g,customRequest:p})=>{const[h,f]=(0,l.useState)(!1),[v,A]=(0,l.useState)(2),{__:y}=(0,s.s9)(),[E]=(0,d.Jg)(),[w]=(0,d.h4)();(0,l.useEffect)(()=>{""!==c.keywords&&k()},[c.color,c.orientation]);const k=async()=>{const e=await w({query:c,page:1});e.data.results.length>0&&(i(e.data.results),setTimeout(()=>{a(1060),t("84vh")},0))},[b,I]=(0,l.useState)(null),C=(e,t,a)=>{const l=e.includes("?")?"&":"?";return(0,_.W)(`${e}${l}w=${t}&q=${a}`)};return l.createElement("div",{className:"stock-tab"},l.createElement(n.lV,{onValuesChange:k,className:r.length>0?"serach-results":""},l.createElement(n.fI,{gutter:24},l.createElement(n.fv,{span:r.length>0?"":24},l.createElement(n.lV.Item,{className:"stock-search-input"},l.createElement(n.DO,{onSearch:k,allowClear:!0,size:r.length>0?"middle":"large",placeholder:y("Search image"),value:c.keywords,onChange:e=>u(t=>({...t,keywords:e.target.value})),ref:m,spellCheck:"false",enterButton:!1}))),r.length>0&&l.createElement(l.Fragment,null,l.createElement(n.fv,null,l.createElement(n.sx.Group,{defaultValue:"",onChange:e=>u(t=>({...t,orientation:e.target.value}))},l.createElement(n.m_,{title:y("All"),placement:"top"},l.createElement(n.sx.Button,{value:""},l.createElement(o.A,{icon:"MixedView"}))),l.createElement(n.m_,{title:y("Landscape"),placement:"top"},l.createElement(n.sx.Button,{value:"landscape"},l.createElement(o.A,{icon:"LandscapeView"}))),l.createElement(n.m_,{title:y("Portrait"),placement:"top"},l.createElement(n.sx.Button,{value:"portrait"},l.createElement(o.A,{icon:"PortraitView"}))),l.createElement(n.m_,{title:y("Squarish"),placement:"top"},l.createElement(n.sx.Button,{value:"squarish"},l.createElement(o.A,{icon:"SquareView"}))))),l.createElement(n.fv,null,l.createElement(n.XD,{defaultValue:"",onChange:e=>u(t=>({...t,color:e.target.value})),options:[{value:"",colorClass:"all-colors",label:y("All"),children:"All"},{value:"black",colorClass:"black-color",label:y("Black"),children:"B"},{value:"black_and_white",colorClass:"bw-color",label:y("Black and White"),children:"B&\xa7W"},{value:"white",colorClass:"white-color",label:y("White"),children:"W"},{value:"orange",colorClass:"orange-color",label:y("Orange"),children:"O"},{value:"red",colorClass:"red-color",label:y("Red"),children:"R"},{value:"purple",colorClass:"purple-color",label:y("Purple"),children:"P"},{value:"magenta",colorClass:"magenta-color",label:y("Magenta"),children:"M"},{value:"green",colorClass:"green-color",label:y("Green"),children:"G"},{value:"teal",colorClass:"teal-color",label:y("Teal"),children:"T"},{value:"blue",colorClass:"blue-color",label:y("Blue"),children:"Blue"}],tooltipPlacement:"top"})))),r.length>0&&l.createElement("div",{className:"blocks-search__divider-wrapper"},l.createElement("div",{className:"ant-divider ant-divider-horizontal",role:"separator"}))),l.createElement("div",{className:"serach-output-wrapper",style:{marginRight:-10}},r.length>0&&l.createElement("div",{id:"scrollableDiv",style:{width:"100%",height:"calc(84vh - 148px)",overflow:"auto",paddingTop:24,paddingRight:14,paddingLeft:24,marginLeft:-24,lineHeight:"0",boxSizing:"unset"}},l.createElement(R.A,{dataLength:r&&r.length,next:async()=>{h||(f(!0),w({query:c,page:v}).then(e=>{i(t=>[...t,...e.data.results]),f(!1),A(e=>e+1)}).catch(()=>{f(!1)}))},hasMore:r,endMessage:l.createElement(n.cG,{plain:!0},y("That`s all we could find.")," \ud83e\udd10"),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:null},l.createElement(S.A,{breakpointCols:{default:3},className:"my-masonry-grid",columnClassName:"my-masonry-grid_column"},r.map(t=>l.createElement("div",{className:"list-item",key:t.id,onClick:()=>{return a=t.urls,l=t.links,i=t.id,E(l.download_location),I(i),setTimeout(()=>I(null),2e3),g(`${a.raw}&w=1200&q=96`),e(`${a.raw}&w=1200&q=96`),void p(`${a.raw}&w=1200&q=96`);var a,l,i}},l.createElement("img",{className:b===t.id?"loaded-image":"",width:"322px",src:C(t.urls.raw,644,96),alt:t.description,onLoad:e=>e.target.parentNode.classList.add("loaded")}),l.createElement("p",{className:"creator-info",onClick:e=>e.stopPropagation()},"Photo by"," ",l.createElement("a",{target:"_blank",href:`${t.user.links.html}?utm_source=${B}&utm_medium=referral`,rel:"noreferrer"},t.user.name)," ","on"," ",l.createElement("a",{target:"_blank",href:`https://unsplash.com/?utm_source=${B}&utm_medium=referral`,rel:"noreferrer"},"Unsplash")),b===t.id&&l.createElement(n.tK,{className:"ant-spin",size:"small"}))))))))},N=({images:e,transitionDuration:t=1e3})=>{const[a,i]=(0,l.useState)([]);return(0,l.useEffect)(()=>{if(e.length>0){const t=e[e.length-1];i(e=>[...e,{src:t,opacity:0}]),setTimeout(()=>{i(e=>e.map((t,a)=>a===e.length-1?{...t,opacity:1}:t))},1e3)}},[e]),l.createElement("div",{className:"slideshow-container"},a.map((e,a)=>l.createElement("img",{key:a,src:`data:image/jpeg;base64, ${e.src}`,alt:`Slide ${a+1}`,className:"slideshow-image",style:{opacity:e.opacity,transition:`opacity ${t}ms linear`}})))};var U=a(942),x=a(91480);const D=(0,l.memo)(({className:e,onClick:t})=>l.createElement("div",{className:`image-ai__arrow image-ai__arrow--next ${e||""}`,onClick:t},l.createElement(n.$n,{className:"image-ai__arrow-btn image-ai__arrow-btn--next",size:"large",icon:l.createElement(o.A,{icon:"ArrowRightOutlined"})})));D.displayName="SampleNextArrow";const M=(0,l.memo)(({className:e,onClick:t})=>l.createElement("div",{className:`image-ai__arrow image-ai__arrow--prev ${e||""}`,onClick:t},l.createElement(n.$n,{className:"image-ai__arrow-btn image-ai__arrow-btn--prev",size:"large",icon:l.createElement(o.A,{icon:"ArrowLeftOutlined"})})));M.displayName="SamplePrevArrow";const G=({setModalHeight:e,customRequest:t,aiTabRef:a,inputAiRef:i,isImageUploaded:u,setIsImageUploaded:m,aiImageRequest:g,setAiImageRequest:p,imageAiList:f,setImageAiList:v,isLoadingAi:A,setIsLoadingAi:E})=>{const{aiImageCounter:k,currentAiImgLimits:b,loadingDuringGeneration:I,requestStatus:C,handleGenerate:L,convertBase64ToFile:R,isShiftPressed:S,setIsShiftPressed:_,limitsInPlugin:B}=function({setModalHeight:e,customRequest:t,aiTabRef:a,isImageUploaded:i,setIsImageUploaded:n,aiImageRequest:o,imageAiList:u,setImageAiList:m,isLoadingAi:g,setIsLoadingAi:p}){const{__:f}=(0,s.s9)(),v=(0,U.rD)(),A=(0,r.hN)(),E=(0,x.u)(),{emailId:k,blockId:b,projectId:I}=(0,c.g)(),[C]=(0,d.Mv)(),[L,{data:R=[]}]=(0,d.gg)(),S=(null===v||void 0===v?void 0:v.sendAIImageRequest)||C,_=(null===v||void 0===v?void 0:v.trigger)||L,B=(null===v||void 0===v?void 0:v.handleLimitUsageEmitter)||(0,y.ml)(w.AZ.ON_LIMIT_ID),[O,N]=(0,l.useState)(0),[D,M]=(0,l.useState)(null),[G,T]=(0,l.useState)(!1),[F,P]=(0,l.useState)(f("Evaluating the task")),[q,z]=(0,l.useState)(!1),j=k||b,{limits:W}=null!==v&&void 0!==v&&v.limits?v:{limits:{ai_img_limit:0}},{ai_img_limit:H}=W,V=H>0&&O>=H,K=!(!v.limits||!v.counters)&&h.EW.isPlugin,$=(0,l.useCallback)(()=>{B.fire({name:"AiImgCount",count:O+1})},[B,O]),Z=(0,l.useMemo)(()=>!V&&(!K||0===H||O<H),[V,K,O,H]),Q=(0,l.useCallback)(async()=>{P(f("Evaluating the task")),""===o||g||(p(!0),z(!0),m([]),E({event:"submit_form",action:"ai_image_generation",entity_id:k,project_id:I}),S({body:{project_id:I,request:"create-image",connection:"midjourney",message:o}}).then(({data:e,error:t})=>{if(t)throw t;if(401===e.data.status)throw new Error(h.ff);200===(null===e||void 0===e?void 0:e.data.status)?(null!==e&&void 0!==e&&e.data.task.id&&(P(e.data.task.message),M(e.data.task.id)),e.message&&A.success({id:"AI_IMAGE_SEND_SUCCESS",message:e.message,placement:"bottomRight",data:o}),_({task_id:null===e||void 0===e?void 0:e.data.task.id,entity_id:j})):(p(!1),z(!1),A.error({id:"AI_IMAGE_SEND_ERROR",message:(null===e||void 0===e?void 0:e.message)||f("Something went wrong, please try again"),placement:"bottomRight",data:o,innerException:e}))}).catch(e=>{p(!1),z(!1),(null!==e&&void 0!==e&&e.error||null!==e&&void 0!==e&&e.data)&&A.fromError("AI_IMAGE_SEND_ERROR",o,e.error||e)}))},[o,g,p,z,m,E,k,I,S,A,_,j,f]),Y=(0,l.useCallback)(()=>{Z?(K&&(N(e=>e+1),$()),Q()):K&&A.error({message:f("The usage limit has been exceeded"),description:f("The maximum number of requests for the current subscription period has been reached.\nSelect the appropriate plan to fulfil more requests"),placement:"bottomRight"})},[Z,K,N,$,Q,A,f]);(0,l.useEffect)(()=>{var e;K&&N((null===v||void 0===v||null===(e=v.counters)||void 0===e?void 0:e.ai_img_counter)||0)},[v,K]);const X=(0,l.useCallback)(e=>{if(!i){n(!0);const a=e.match(/^data:image\/([A-Za-z-+/]+);base64,(.+)$/);if(!a)return;const l=a[1],i=a[2],r=atob(i),o=new Array(r.length);for(let e=0;e<r.length;e++)o[e]=r.charCodeAt(e);const s=new Uint8Array(o),c=new Blob([s],{type:`image/${l}`}),u=new File([c],"image.jpeg",{type:c.type});t({file:u})}},[i,n,t]),J=(0,l.useCallback)(e=>{"error"!==e.status&&"Canceled"!==e.status?e.images?(P(e.status),100===e.progress&&(m(e.images),P(f("Evaluating the task")),M(null),z(!1))):(m([e.data]),p(!1)):(p(!1),z(!1),A.error({id:"AI_IMAGE_GET_ERROR",message:f("Something went wrong, please try again"),placement:"bottomRight",data:D}))},[m,P,f,p,e,D,A,z]);return(0,l.useEffect)(()=>{R.length>1&&J(R[R.length-1])},[R,J]),(0,l.useEffect)(()=>{(g||u.length>0)&&setTimeout(()=>{let t=550;a.current&&(t=a.current.offsetHeight+68),e(t)},0)},[a,R,u.length,g,e]),{aiImageCounter:O,setAiImageCounter:N,currentAiImgLimits:H,isFieldsDisabled:V,canGenerateImage:Z,aiImageRequest:o,imageAiList:u,setImageAiList:m,isLoadingAi:g,setIsLoadingAi:p,loadingDuringGeneration:q,setLoadingDuringGeneration:z,requestStatus:F,setRequestStatus:P,handleGenerate:Y,handleLimitAiImgCount:$,convertBase64ToFile:X,isShiftPressed:G,setIsShiftPressed:T,currentReqId:D,setCurrentReqId:M,limitsInPlugin:K}}({setModalHeight:e,customRequest:t,aiTabRef:a,isImageUploaded:u,setIsImageUploaded:m,aiImageRequest:g,imageAiList:f,setImageAiList:v,isLoadingAi:A,setIsLoadingAi:E}),{__:O,_n:G}=(0,s.s9)(),T=(0,c.Zp)(),F=(0,U.rD)(),[P,q]=(0,l.useState)(!1),z=(0,l.useCallback)(()=>q(!0),[]),j=(0,l.useCallback)(()=>q(!1),[]),W=(0,l.useCallback)(e=>p(e.target.value),[p]),H=(0,l.useCallback)(e=>{"Shift"===e.key?_(!0):"Enter"!==e.key||S||(e.preventDefault(),L())},[S,L,_]),V=(0,l.useCallback)(e=>{"Shift"===e.key&&_(!1)},[_]);return l.createElement("div",{className:"image-ai"},B&&l.createElement(n.xl,{text:`${k} ${O("of")} ${b>0?b:"\u221e"} images ${G("was used","were used",k)}`,exceeded:b>0&&k>=b,style:{marginTop:-25},extra:l.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>T(F.billingPageUrl||h.vc.billing)},O("Need more?"))}),l.createElement(n.fI,{gutter:24,className:"image-ai__row"},l.createElement(n.fv,{span:24},l.createElement(n.lV.Item,{style:{margin:0}},l.createElement("span",{className:"ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper"+(P?" ant-input-affix-wrapper-focused":"")},l.createElement(n.fs,{ref:i,onKeyDown:H,onKeyUp:V,onFocus:z,onBlur:j,autoSize:!0,allowClear:!0,className:"text-area-input-hybrid image-ai__textarea",placeholder:O("Generate image"),value:g,onChange:W,spellCheck:"false"}),l.createElement("span",{className:"ant-input-suffix image-ai__input-suffix"},A||I?l.createElement(o.A,{icon:"LoadingOutlined",className:"input-icon image-ai__input-icon",spin:!0}):l.createElement(o.A,{icon:"AI",className:"input-icon image-ai__input-icon",onClick:L})))))),(A||f.length>0)&&l.createElement(n.FN,{dotPosition:"top",arrows:!0,nextArrow:l.createElement(D,null),prevArrow:l.createElement(M,null),className:"image-ai__carousel"},A&&l.createElement("div",{className:"image-ai__loading"},l.createElement("div",{className:"spin"},l.createElement(o.A,{icon:"LoadingOutlined",style:{fontSize:48},spin:!0}),l.createElement("p",{className:"status"},C))),f.length>0&&f.map((e,t)=>l.createElement("div",{key:t,className:"image-ai__image-item"},l.createElement(N,{images:f}),l.createElement("div",{className:"buttons"},f.length>0&&l.createElement(n.$n,{onClick:()=>R(`data:image/jpeg;base64, ${e}`),icon:l.createElement(o.A,{icon:"CheckOutlined"})},O("Use this one")))))))},T=({setNewLink:e,setCurrentImageLink:t,setModalHeight:a,setModalWidth:i,setImageGifList:r,imageGifList:o,currentReqGif:c,setCurrentReqGif:u,inputRef:m,setStockLink:g,customRequest:p})=>{const{__:h}=(0,s.s9)(),[f,v]=(0,l.useState)(null),[A,y]=(0,l.useState)(!1),[E,w]=(0,l.useState)(25),[k]=(0,d.eo)(),b=async()=>{var e,t;const l=await k({query:c,page:0});(null===l||void 0===l||null===(e=l.data)||void 0===e||null===(t=e.data)||void 0===t?void 0:t.length)>0&&(r(l.data.data),setTimeout(()=>{a("84vh"),i(1060)},0))};return l.createElement("div",{className:"stock-tab"},l.createElement(n.lV,{onValuesChange:b,className:o.length>0?"serach-results":""},l.createElement(n.fI,{gutter:24},l.createElement(n.fv,{span:o.length>0?"":24},l.createElement(n.lV.Item,{className:"stock-search-input"},l.createElement(n.DO,{onSearch:b,allowClear:!0,size:o.length>0?"middle":"large",placeholder:h("Search GIFs"),value:c.keywords,onChange:e=>u(t=>({...t,keywords:e.target.value})),ref:m,spellCheck:"false",enterButton:!1})))),o.length>0&&l.createElement("div",{className:"blocks-search__divider-wrapper"},l.createElement("div",{className:"ant-divider ant-divider-horizontal blocks-search__divider",role:"separator"}))),l.createElement("div",{className:"serach-output-wrapper",style:{marginRight:-10}},o.length>0&&l.createElement("div",{id:"scrollableDiv",style:{width:"100%",height:"calc(84vh - 148px)",overflow:"auto",paddingTop:24,paddingRight:14,paddingLeft:24,marginLeft:-24,lineHeight:"0",boxSizing:"unset"}},l.createElement(R.A,{dataLength:o&&o.length,next:async()=>{A||(y(!0),k({query:c,page:E}).then(e=>{r(t=>[...t,...e.data.data]),y(!1),w(e=>e+25)}).catch(()=>{y(!1)}))},hasMore:o,endMessage:l.createElement(n.cG,{plain:!0},h("That`s all we could find.")," \ud83e\udd10"),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:l.createElement(n.tK,{size:"small"})},l.createElement(S.A,{breakpointCols:{default:3},className:"my-masonry-grid",columnClassName:"my-masonry-grid_column"},o.map((e,a)=>l.createElement("div",{className:"list-item",key:e.id+a,onClick:()=>{return a=e.images.downsized.url,l=e.id,v(l),setTimeout(()=>{v(null)},2e3),g(`${a}`),t(`${a}`),void p(`${a}`);var a,l}},l.createElement("img",{className:f===e.id?"loaded-image":"",width:"322px",src:(0,_.W)(e.images.downsized.url),alt:e.title,onLoad:e=>e.target.parentNode.classList.add("loaded")}),l.createElement("a",{rel:"noreferrer",href:"https://giphy.com/",target:"_blank",onClick:e=>e.stopPropagation()},l.createElement("div",{className:"overlay-image",style:{backgroundImage:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAkCAYAAAB/up84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABSBJREFUeNrsWjFv2zoQVoMW8BZ18xaN3qLRW9QtW9OtW92to98vaPoP3K1b1S1b3c2jvWlUNm3lw1s8Mpu3PAo4Iocr70jKlp0COuCQlpKPx/t43x1pv3h8fEwGeT5yNoTgeclLZvza6NgxXoNaGRktjE6MpjC2NVqh92bwt4HxBI1ro0s0dgN2tvD5a8a/9vkq0M+xYKdG81A7Gp6pyBjZddrnO6N36Hkbqyn8u4L3vYC0hjLHeAbPVhC4TwAK/ewNvLsEhyxgFXLK2l/D4tvnOVrUiPEh1k/JjvLYyWENdeTcKazBBr6AdY4AqBTmbkIzhO4gvMumYLxAYKzgPTvhBBajYNwCksHYhOyYiow1KONaKYlfO8bPEWyGEfi5Iu+Vjizg7EzB3xvwWTMxWkHG4mDnMF6BnSnYncLzHWGG4BqiwZkKQMC7I0cOVTCJhvRUKNgNCmCOxhNmrBEWzwGi0Y6rIihbsnOH/JgE2hshKrLZv4Px9yhj1twafRlid/UIGWvlFdlVLirIkIM12nETGLeO2tTPECBUZuT/a7JBMpSxUybYLjulUCN2iEpHQoyuGWZJUCa8R/VGSZvGB0iOdjAO9n8EtC2zUxICSIoW0ICTmA53DCDKQzWZg89XAXZ2B2iMavBnjDKpBX6B1tnAM5aqQgGhnU2D6GmHuqw7AkaOPmP/bsHpFC1kTLqVhglS6fFNgX1MCXUHO1zR1h5AFOoSc1jjmKx/An/1PoBQasBSoZZ3hpyaOrg0IW2sRkG8JsU8CaCaLckAhfi6AG0cmeuzkyMQMtL+SiySkY3oA/EgGeICK0UOZYQKVsQpDAjm2BpsaAGQLMKnMdok3yLtpKS70yT7OUBcm7UTHb5grk5y1Csrj40MqUbUpgW7NXo+RunckODkQvdXM37iwm7b1VA7lAaVB4jUUZOUIzNxfOougAwy3GUN0qWG2IJJ09V2NcvIFE8c54nQelEHFM6C6chUhI+WZjjffDQkrenPhqmlrAC9Naof/aLhXZeNNfMZOk+MtPOVRjNmTpfcCut0+biGZ3PBj1ywWTOfqV3v+yjLFuDPRs8Ddu05vLtmsuHQ0s73wehvR0t7aGkPevfCM5fcGr0MbOW9NSSFwF52cP5KcLIv+X4EUGbCemcOqpoz73/haE4CZNkRjAR20vwENXHRc2bWEMyQuUuGVe4hc6K6rBmg7pKN0XdGX7dts9E3Rr8afUATFl1PqgLAG6T3AoX1nSVtMP9l5r5FVyiu+D14/YssRHOheGVQYNMeinrhsMcV2WVPRR1rIRT4QmiA5r4G6oxp0y6ZzFh4LvhmB84MHz1xta9vWQMrcFR/3iF+7DmEu2YoyTshRbuMvGE9hnwGPQR1tdR04aCueKrqAIgiu/AqcCf1JXPhfuoYosGHn4Hgqa6AnCK4IfSkCa1eCJRxLGnn+mX0rfDOJok4AsQAUpwQlND2++HIgNiOVO1LVRIgtXDPs0bpunEU08vktHLMpoJS1/d9qEo6h6gAzq7RRaPV+QmBeICzUUh2fIHzk0s3HedXwkEy2ReQmjn4XDzDjqkN4D/J04/y/np5KbSrrtbwAyx+kTxdf9tfpvSZIW9O3FScHJAF8PEFc5F2lQzSi5wJheoG3U/t0xYOcgBAcOHuAkr7mY9ditoAiCz2q8uvEcD8gJpSDuGNl5hfnaTJ0/fpheMUr4CitHCO6fqdesj359xh1tWiqggfdUCmcz9ZivZ7+BnQM5P/BRgABx8sJWqTxoYAAAAASUVORK5CYII=)"}})),f===e.id&&l.createElement(n.tK,{className:"ant-spin",size:"small"}))))))))};var F=a(81644),P=a(41244);async function q(e,t,a){if(!t)return;const l=function(e){if(null!==e&&void 0!==e&&""!==e)return e}(null!==a&&void 0!==a?a:t.rootId);let i;if("function"===typeof t.uploadFiles){i=function(e){if(null===e||void 0===e||!e.success||!Array.isArray(e.detailed))return;const t=e.detailed.find(e=>(null===e||void 0===e?void 0:e.success)&&e.data);return null===t||void 0===t?void 0:t.data}(await t.uploadFiles({folderId:l,items:[{name:e.name,size:e.size,type:e.type,folderId:l,data:e}]}))}else if("function"===typeof t.uploadFile){i=function(e,t,a){var l,i,n;if(e)return{id:e.id,name:e.name||t.name,size:null!==(l=e.size)&&void 0!==l?l:t.size,type:e.type||t.type,folderId:null!==(i=null!==(n=e.folderId)&&void 0!==n?n:a)&&void 0!==i?i:"",url:e.url,thumbnail:e.thumbnail,thumbnailUrl:e.thumbnailUrl,date:e.date,dimensions:e.dimensions,aspectRatio:e.aspectRatio,extension:e.extension,selected:e.selected,isFolder:e.isFolder,lastEdited:e.lastEdited,childrenCount:e.childrenCount}}(await t.uploadFile({name:e.name,size:e.size,type:e.type,folderId:l,data:e}),e,l)}const n=await async function(e,t){if(e){if(e.url)return e.url;if("function"===typeof t.getUrl&&e.name){const a=await t.getUrl(e);if(a)return a}return e.thumbnail||e.thumbnailUrl}}(i,t);return n?{item:i,url:n}:void 0}var z=a(74397);const j="BACKGROUND",W="EDITOR",H="UPLOAD",V="STOCK",K="GIF",$="AI",{Dragger:Z}=n.Upload,Q=(e,t)=>new File([e],((e,t="image")=>{try{const a=new URL(e).pathname.split("/").pop();return a&&decodeURIComponent(a)||t}catch{return t}})(t),{type:e.type||"application/octet-stream"}),Y=({storageProvider:e})=>{var t,a;const f=(0,U.rD)(),{__:v}=(0,s.s9)(),A=(0,i.wA)(),{projectId:E}=(0,c.g)(),[k]=(0,d.FQ)(),{modal:b}=n.qw.useApp(),I=(0,r.hN)(),C=(0,i.d4)(m.B$),R=(0,i.d4)(m.C1),S=(0,i.d4)(g.cL),{request:B,resolveImagePicker:N}=(0,z.p)(),[x,D]=(0,l.useState)(""),[M,Y]=(0,l.useState)(""),[X,J]=(0,l.useState)(""),[ee,te]=(0,l.useState)(""),[ae,le]=(0,l.useState)(H),[ie,ne]=(0,l.useState)({width:"",height:"",size:"",format:""}),[re,oe]=(0,l.useState)("success"),[se,ce]=(0,l.useState)(!1),ue=l.useRef(null),de=l.useRef(null),me=l.useRef(null),ge=l.useRef(null),pe=l.useRef(null),he=l.useRef(null),fe=l.useRef(null),ve=l.useRef(null),Ae=l.useRef(null),[ye,Ee]=(0,l.useState)("auto"),[we,ke]=(0,l.useState)(572),[be,Ie]=(0,l.useState)(null),[Ce,Le]=(0,l.useState)(!1),[Re,Se]=(0,l.useState)({keywords:"",color:"",orientation:""}),[_e,Be]=(0,l.useState)({keywords:""}),[Oe,Ne]=(0,l.useState)([]),[Ue,xe]=(0,l.useState)([]),[De,Me]=(0,l.useState)([]),[Ge,Te]=(0,l.useState)(!1),[Fe,Pe]=(0,l.useState)(""),[qe,ze]=(0,l.useState)(!1),[je,We]=(0,l.useState)(0),He=(0,i.d4)(p.yN),Ve=void 0!==(null===He||void 0===He?void 0:He.id)?String(He.id):E||"",Ke=(0,y.ml)(w.AZ.FILE_PROXY_EVENT_ID),$e=(0,y.ml)(w.AZ.UPLOAD_EVENT_ID),Ze=(0,y.ml)(w.AZ.PROXY_URL_EVENT_ID);let Qe=!(C||(null===(t=R.id)||void 0===t?void 0:t.toString())!==(null===He||void 0===He||null===(a=He.members)||void 0===a?void 0:a.owner.ID));const Ye=(0,l.useCallback)((e,t,a=v("The image could not be uploaded."))=>{const l=t instanceof Error?t.message:a;I.error({id:"IMAGE_UPLOAD_ERROR",data:e,message:v("Upload failed"),description:l})},[v,I]),Xe=(0,l.useCallback)(async e=>function(e){for(let t=e.length-1;t>=0;t--){const a=e[t];if("string"===typeof a&&a)return a}}(await $e.fire({file:e,project:Ve})),[Ve,$e]),Je=(0,l.useCallback)(async e=>{const t=function(e,t){for(let a=e.length-1;a>=0;a--){const l=e[a];if("string"===typeof l&&l&&l!==t)return l}}(await Ze.fire({url:e,project:Ve}),e);return t||(0,_.W)(e)},[Ve,Ze]),et=async e=>{if(e)try{const t=await tt(e);t&&it(t)?await nt({file:t}):t||Ye({url:e},null,v("Failed to download image from URL."))}catch(t){Ye({url:e},t,v("Failed to process image URL."))}},tt=async e=>{try{const t=function(e){for(let t=0;t<e.length;t++){const a=e[t];if(a instanceof Blob)return a}}(await Ke.fire({url:e,project:Ve}));if(t)return Q(t,e);const a=await fetch(await Je(e));if(!a.ok)throw new Error(`Server returned ${a.status}`);const l=await a.blob();return Q(l,e)}catch(t){}};document.onpaste=function(e){const t=e.clipboardData.items[0];if(ae===H&&ee){var a;if(0===(null===t||void 0===t||null===(a=t.type)||void 0===a?void 0:a.indexOf("image"))&&!1!==f.imageCenterLocalUploadEnabled){const e=t.getAsFile();it(e);const a={file:e};Y(""),nt(a)}0===t.type.indexOf("text")&&t.getAsString(e=>{"http"===e.slice(0,4)?(Y(""),et(e)):"meta"===e.toString().slice(1,5)&&(Y(""),et(e.toString().split('"')[1]))})}},(0,l.useEffect)(()=>{const e=e=>{let t=null;"background"===(null===B||void 0===B?void 0:B.kind)?(t=j,te(j)):"img"===(null===B||void 0===B?void 0:B.kind)&&(te("IMG"),t="IMG"),null!==B&&void 0!==B&&B.currentUrl&&t&&(D(B.currentUrl),le(e))};S===h.lx.UPLOAD_IMAGE_MODAL||S===h.lx.UPLOAD_BACKGROUND_MODAL?e(W):S===h.lx.UPLOAD_IMAGE_MODAL_AI||S===h.lx.UPLOAD_BACKGROUND_MODAL_AI?(Qe?(ze(!0),We(2)):e($),setTimeout(()=>{var e;return null===(e=Ae.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):S===h.lx.UPLOAD_IMAGE_MODAL_UPLOAD||S===h.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD?(e(H),setTimeout(()=>{var e;return null===(e=he.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):S===h.lx.UPLOAD_IMAGE_MODAL_STOCK||S===h.lx.UPLOAD_BACKGROUND_MODAL_STOCK?(Qe?(ze(!0),We(3)):e(V),setTimeout(()=>{var e;return null===(e=ve.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):S===h.lx.UPLOAD_IMAGE_MODAL_GIF||S===h.lx.UPLOAD_BACKGROUND_MODAL_GIF?(Qe?(ze(!0),We(3)):e(K),setTimeout(()=>{var e;return null===(e=fe.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):S===h.lx.UPLOAD_IMAGE_MODAL_EDIT||S===h.lx.UPLOAD_BACKGROUND_MODAL_EDIT?(Qe?(ze(!0),We(5)):e(W),A((0,g.Wz)(h.lx.IMAGE_EDITOR_MODAL))):te("")},[S,A,Qe,B]);const at=(0,l.useCallback)(({url:e=x||""})=>{D(e),N({url:e,meta:{mode:"select"}}),setTimeout(()=>{Se({keywords:"",color:"",orientation:""}),Be({keywords:""}),xe([]),Ne([]),te(""),Pe(""),Te(!1),J(""),Y(""),le(H)},200),A((0,g.Oo)()),A((0,g.Os)())},[x,A,N]),lt=(0,l.useCallback)((e,t)=>(Ee("auto"),ce(!1),at({url:e}),I.success({id:"IMAGE_UPLOAD_SUCCESS",data:t,message:v("The image was successfully uploaded.")}),e),[v,at,I]);(0,l.useEffect)(()=>{const e=M||X;e?(0,P.DI)(e).then(t=>{oe(t),ke(572),setTimeout(()=>{let e=0;de.current&&(e=de.current.offsetHeight+62),Ee(e)},0),D(e)}).catch(e=>{oe(e)}):oe("")},[M,X,at]),(0,l.useEffect)(()=>{x&&k(x).then(({data:e})=>{ne({width:null===e||void 0===e?void 0:e.width,height:null===e||void 0===e?void 0:e.height,size:((null===e||void 0===e?void 0:e.fileSize)/1024).toFixed(2),format:null===e||void 0===e?void 0:e.format})})},[x,k]);(0,l.useEffect)(()=>{var e;""===Re.keywords&&(null===he||void 0===he||null===(e=he.current)||void 0===e||e.focus({cursor:"start"}),xe([]),setTimeout(()=>{Ee("auto"),ke(572)},0))},[Re,xe,Ee,ke]);const it=e=>{const t="image/jpeg"===e.type||"image/png"===e.type||"image/jpg"===e.type||"image/webp"===e.type||"image/gif"===e.type||"image/svg+xml"===e.type;return t||I.error({id:"IMAGE_UPLOAD_WRONG_FORMAT",data:e,message:"Upload",description:"You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"}),t},nt=async({file:t})=>{try{Le(!0);let l=t;if("image/svg+xml"===t.type){const e=await(a=t,new Promise(e=>{const t=new FileReader;t.onload=function(t){const l=t.target.result,i=new Blob([l],{type:"image/svg+xml;charset=utf-8"}),n=URL.createObjectURL(i),r=new Image;r.onload=function(){const t=document.createElement("canvas");t.width=2*r.width,t.height=2*r.height,t.getContext("2d").drawImage(r,0,0,t.width,t.height),t.toBlob(t=>{URL.revokeObjectURL(n),e(t?new File([t],a.name.replace(".svg",".png"),{type:"image/png"}):null)},"image/png")},r.onerror=()=>{URL.revokeObjectURL(n),e(null)},r.src=n},t.onerror=()=>e(null),t.readAsText(a)}));e&&(l=e)}else if("image/webp"===t.type){const e=await((e,t=90)=>new Promise(a=>{const l=new Image;l.src=URL.createObjectURL(e),l.onload=()=>{const i=document.createElement("canvas");i.width=l.width,i.height=l.height;const n=i.getContext("2d");n.imageSmoothingEnabled=!0,n.imageSmoothingQuality="high",n.drawImage(l,0,0,i.width,i.height),i.toBlob(t=>{URL.revokeObjectURL(l.src),a(t?new File([t],e.name.replace(/\.webp$/i,".jpg"),{type:"image/jpeg"}):null)},"image/jpeg",t/100)},l.onerror=()=>{URL.revokeObjectURL(l.src),a(null)}}))(t);e&&(l=e)}"image/gif"!==l.type&&(l=await(0,u.A)(l,{maxSizeMB:f.compressMaxSize||.45,maxWidthOrHeight:f.compressMaxWidthOrHeight||2e3}));const i=await Xe(l);if(i)return lt(i,l),i;const n=await q(l,e);return null!==n&&void 0!==n&&n.url?(lt(n.url,l),n.url):void Ye(l,null)}catch(l){return void Ye(t,l)}finally{Le(!1)}var a},rt=e=>nt({file:e});let ot=[{label:v("Upload"),key:H,children:l.createElement("div",{ref:ue,style:{paddingBottom:24}},!1!==f.imageCenterLocalUploadEnabled&&l.createElement(Z,{showUploadList:!1,name:"Image",beforeUpload:it,customRequest:nt,style:{marginBottom:10},multiple:!1,accept:"image/png, image/jpeg, image/jpg, image/webp, image/gif, image/svg+xml"},l.createElement("p",{className:"ant-upload-drag-icon"},l.createElement(o.A,{icon:"InboxOutlined"})),l.createElement("p",{className:"ant-upload-text"},v("Click to select, paste from the clipboard, or drag and drop")),l.createElement("p",{className:"ant-upload-hint"},v("Accepted formats: PNG, JPG, WEBP, SVG or GIF."))),l.createElement(n.lV,{style:{padding:"0 2px 0 2px"}},l.createElement(n.lV.Item,{validateStatus:re},l.createElement(n.pd,{ref:he,allowClear:!0,size:"large",placeholder:v("Paste image URL here"),value:M,onChange:e=>{const t=e.target.value;Y(t),be&&clearTimeout(be);const a=setTimeout(()=>et(t),1e3);Ie(a)},spellCheck:"false"}))))}];return f.imageCenterStockEnabled&&!Qe&&ot.push({label:v("Stock"),key:V,children:l.createElement("div",{ref:me,style:{paddingBottom:24}},l.createElement(O,{currentReq:Re,setCurrentReq:Se,imageStockList:Ue,setImageStockList:xe,setModalWidth:ke,setModalHeight:Ee,setStockLink:J,setCurrentImageLink:D,inputRef:ve,customRequest:et}))}),f.imageCenterGifEnabled&&!Qe&&ot.push({label:v("GIF"),key:K,children:l.createElement("div",{ref:ge,style:{paddingBottom:24}},l.createElement(T,{currentReqGif:_e,setCurrentReqGif:Be,imageGifList:Oe,setImageGifList:Ne,setModalWidth:ke,setModalHeight:Ee,setStockLink:J,setCurrentImageLink:D,inputRef:fe,customRequest:et}))}),f.elementAIimageEnabled&&!Qe&&ot.push({label:v("AI"),key:$,children:l.createElement("div",{ref:pe,style:{paddingBottom:24}},l.createElement(G,{setModalHeight:Ee,customRequest:nt,aiImageRequest:Fe,setAiImageRequest:Pe,imageAiList:De,setImageAiList:Me,isLoadingAi:Ge,setIsLoadingAi:Te,aiTabRef:pe,inputAiRef:Ae,isImageUploaded:se,setIsImageUploaded:ce}))}),f.imageCenterEditorEnabled&&ot.push({label:"",key:W,children:l.createElement("div",{ref:de},l.createElement(L,{currentImageLink:x,newLink:M,imageSize:ie,onSave:rt,uploadImageResultIsLoading:Ce||!1}))}),l.createElement(l.Fragment,null,l.createElement(n.aF,{width:we,className:"image-center",title:v("Image Center"),style:{minHeight:390},open:!!ee,onOk:at,onCancel:()=>{A((0,g.Oo)()),setTimeout(()=>{D(""),Y(""),xe([]),xe([]),Se({keywords:"",color:"",orientation:""}),Be({keywords:""}),Ee("auto"),!Ge&&Pe(""),ke(572),le(H)},200)},footer:ae===W?l.createElement(l.Fragment,null):null},l.createElement(n.tK,{spinning:Ce},l.createElement(n.tU,{activeKey:ae,onChange:e=>{"GALLERY"===e?b.success({maskClosable:!0,centered:!0,title:v("Coming soon"),content:v("The feature is under development."),okText:v("Ok. I'll be waiting"),onOk:()=>{}}):e===W&&""===x?b.warning({maskClosable:!0,centered:!0,title:v(""),content:v("To preview and edit the uploaded image"),okText:v("Upload Image"),onOk:()=>{le(H)}}):(setTimeout(()=>{let t=0,a=0;var l;if(e===H&&ue.current)""===Re.keywords&&(null===(l=he.current)||void 0===l||l.focus({cursor:"start"})),t=300,a=572;else if(e===W&&de.current)t=de.current.offsetHeight+62,a=572;else if(e===V&&me.current){var i;""===Re.keywords&&(null===(i=ve.current)||void 0===i||i.focus({cursor:"start"})),t=130,a=572,Ue.length>0&&(a=1060,t="84vh")}else if(e===K&&ge.current){var n;""===Re.keywords&&(null===(n=fe.current)||void 0===n||n.focus({cursor:"start"})),t=130,a=572,Oe.length>0&&(a=1060,t="84vh")}else if(e===$&&pe.current){var r;if(""===Fe&&0===De.length)null===(r=Ae.current)||void 0===r||r.focus({cursor:"start"}),t=130;else t=pe.current.offsetHeight+82;a=572}Ee(t),ke(a)},0),le(e))},items:ot,style:{height:ye,minHeight:130}}))),l.createElement(F.A,{open:qe,onCancel:()=>ze(!1),initialSlide:je}))}}}]);
-//# sourceMappingURL=2557.c5dfa9a5.js.map