@emailmaker/emailmaker 1.0.112 → 1.0.113

package/static/js/5929.2a1cee14.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunkemail_maker=globalThis.webpackChunkemail_maker||[]).push([[5929],{55929:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Z});var l=a(1936),i=a(71715),r=a(69622),n=a(6403),o=a(96040),s=a(47706),c=a(84075),u=a(50028),m=a(44004),d=a(60034),g=a(98173),p=a(78443),h=a(22817),f=a(93506);function v(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 A=a(5365),E=a(2527),y=a(65185),w=a(20263),k=a(65893),b=a(50548);const I={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 C(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 L=({currentImageLink:e,newLink:t,onSave:n,uploadImageResultIsLoading:c})=>{const u=(0,E.p)(),[m,d]=(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)(g.C1),N=(0,i.d4)(p.sK),x=(0,i.d4)(h.yN),M=(0,l.useRef)(!1),[D,U]=(0,l.useState)(),G=(0,y.ml)(k.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:x}).filter(e=>e instanceof Blob)[0],!t){const a=u.get(f.A9.em_token)||await w.di.getInstance(B,b.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(m),e.result!==m&&(d(e.result),R(t.type))},e.readAsDataURL(t)}})().catch(e=>{})},[e,t,d,u,m,D,G,x,B]);const T=(0,l.useCallback)(()=>{d(null),R(null),_((0,p.Os)()),_((0,p.Oo)(f.lx.UPLOAD_IMAGE_MODAL))},[_]),F=(0,l.useRef)();F.current=async function(e,t,a){const l=await C(a,e);n&&n(new File([l],t,{lastModified:(new Date).getTime(),type:l.type}))};const P=(0,l.useCallback)(e=>{if(e)if(M.current&&D);else{M.current=!0;const e=O.locale?O.locale.replace("_","-"):"ru-RU",t=O.theme===f.IJ?matchMedia(f.F3).matches?f.nd:f.T:O.theme;A.A.init({selector:"#pixie-editor",baseUrl:a.p+"assets/pixie",image:m,activeLanguage:e,languages:v(e,S),tools:I,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=>{U(e)}).catch(e=>{})}},[O.theme,m,D,U,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(r.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(r.$n,{key:"Cancel",className:"em-analytics__profile-cancel",onClick:T},S("Cancel")),l.createElement(r.$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(r.tK,{size:"large"})),l.createElement("div",{id:"pixie-editor"}))},R=({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(r.tK,{size:"large"})),(t||e)&&l.createElement("img",{alt:"uploadedImage",src:t||e}))),l.createElement(L,{currentImageLink:e,newLink:t,onSave:a,uploadImageResultIsLoading:i}));var S=a(5674),_=a(71558);const B="blocks",O=({setCurrentImageLink:e,setModalHeight:t,setModalWidth:a,setImageStockList:i,imageStockList:n,currentReq:c,setCurrentReq:u,inputRef:m,setStockLink:g,customRequest:p})=>{const[h,f]=(0,l.useState)(!1),[v,A]=(0,l.useState)(2),{__:E}=(0,s.s9)(),[y]=(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)=>{try{const l=new URL(e),i=l.pathname.split("/").filter(Boolean),r=i.pop()||"",n=i.join("/"),o=`https://${l.host}${n?"/"+n:""}`,s=`https://px2.racs.rest/${r}`,c=l.search?l.search.slice(1):"",u=c?`${c}&w=${t}&q=${a}`:"w=644&q=96";return`${s}?${`${u}&proxy_url=${o}`}`}catch(l){return e}};return l.createElement("div",{className:"stock-tab"},l.createElement(r.lV,{onValuesChange:k,className:n.length>0?"serach-results":""},l.createElement(r.fI,{gutter:24},l.createElement(r.fv,{span:n.length>0?"":24},l.createElement(r.lV.Item,{className:"stock-search-input"},l.createElement(r.DO,{onSearch:k,allowClear:!0,size:n.length>0?"middle":"large",placeholder:E("Search image"),value:c.keywords,onChange:e=>u(t=>({...t,keywords:e.target.value})),ref:m,spellCheck:"false",enterButton:!1}))),n.length>0&&l.createElement(l.Fragment,null,l.createElement(r.fv,null,l.createElement(r.sx.Group,{defaultValue:"",onChange:e=>u(t=>({...t,orientation:e.target.value}))},l.createElement(r.m_,{title:E("All"),placement:"top"},l.createElement(r.sx.Button,{value:""},l.createElement(o.A,{icon:"MixedView"}))),l.createElement(r.m_,{title:E("Landscape"),placement:"top"},l.createElement(r.sx.Button,{value:"landscape"},l.createElement(o.A,{icon:"LandscapeView"}))),l.createElement(r.m_,{title:E("Portrait"),placement:"top"},l.createElement(r.sx.Button,{value:"portrait"},l.createElement(o.A,{icon:"PortraitView"}))),l.createElement(r.m_,{title:E("Squarish"),placement:"top"},l.createElement(r.sx.Button,{value:"squarish"},l.createElement(o.A,{icon:"SquareView"}))))),l.createElement(r.fv,null,l.createElement(r.XD,{defaultValue:"",onChange:e=>u(t=>({...t,color:e.target.value})),options:[{value:"",colorClass:"all-colors",label:E("All"),children:"All"},{value:"black",colorClass:"black-color",label:E("Black"),children:"B"},{value:"black_and_white",colorClass:"bw-color",label:E("Black and White"),children:"B&\xa7W"},{value:"white",colorClass:"white-color",label:E("White"),children:"W"},{value:"orange",colorClass:"orange-color",label:E("Orange"),children:"O"},{value:"red",colorClass:"red-color",label:E("Red"),children:"R"},{value:"purple",colorClass:"purple-color",label:E("Purple"),children:"P"},{value:"magenta",colorClass:"magenta-color",label:E("Magenta"),children:"M"},{value:"green",colorClass:"green-color",label:E("Green"),children:"G"},{value:"teal",colorClass:"teal-color",label:E("Teal"),children:"T"},{value:"blue",colorClass:"blue-color",label:E("Blue"),children:"Blue"}],tooltipPlacement:"top"})))),n.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}},n.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(S.A,{dataLength:n&&n.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:n,endMessage:l.createElement(r.cG,{plain:!0},E("That`s all we could find.")," \ud83e\udd10"),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:null},l.createElement(_.A,{breakpointCols:{default:3},className:"my-masonry-grid",columnClassName:"my-masonry-grid_column"},n.map(t=>l.createElement("div",{className:"list-item",key:t.id,onClick:()=>{return a=t.urls,l=t.links,i=t.id,y(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(r.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 x=a(942),M=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(r.$n,{className:"image-ai__arrow-btn image-ai__arrow-btn--next",size:"large",icon:l.createElement(o.A,{icon:"ArrowRightOutlined"})})));D.displayName="SampleNextArrow";const U=(0,l.memo)(({className:e,onClick:t})=>l.createElement("div",{className:`image-ai__arrow image-ai__arrow--prev ${e||""}`,onClick:t},l.createElement(r.$n,{className:"image-ai__arrow-btn image-ai__arrow-btn--prev",size:"large",icon:l.createElement(o.A,{icon:"ArrowLeftOutlined"})})));U.displayName="SamplePrevArrow";const G=({setModalHeight:e,customRequest:t,aiTabRef:a,inputAiRef:i,isImageUploaded:u,setIsImageUploaded:m,aiImageRequest:g,setAiImageRequest:p,imageAiList:h,setImageAiList:v,isLoadingAi:A,setIsLoadingAi:E})=>{const{aiImageCounter:w,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:r,aiImageRequest:o,imageAiList:u,setImageAiList:m,isLoadingAi:g,setIsLoadingAi:p}){const{__:h}=(0,s.s9)(),v=(0,x.rD)(),A=(0,n.hN)(),E=(0,M.u)(),{emailId:w,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)(k.AZ.ON_LIMIT_ID),[O,N]=(0,l.useState)(0),[D,U]=(0,l.useState)(null),[G,T]=(0,l.useState)(!1),[F,P]=(0,l.useState)(h("Evaluating the task")),[q,z]=(0,l.useState)(!1),j=w||b,{limits:H}=null!==v&&void 0!==v&&v.limits?v:{limits:{ai_img_limit:0}},{ai_img_limit:W}=H,K=W>0&&O>=W,V=!(!v.limits||!v.counters)&&f.EW.isPlugin,$=(0,l.useCallback)(()=>{B.fire({name:"AiImgCount",count:O+1})},[B,O]),Q=(0,l.useMemo)(()=>!K&&(!V||0===W||O<W),[K,V,O,W]),Z=(0,l.useCallback)(async()=>{P(h("Evaluating the task")),""===o||g||(p(!0),z(!0),m([]),E({event:"submit_form",action:"ai_image_generation",entity_id:w,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(f.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),U(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)||h("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,w,I,S,A,_,j,h]),Y=(0,l.useCallback)(()=>{Q?(V&&(N(e=>e+1),$()),Z()):V&&A.error({message:h("The usage limit has been exceeded"),description:h("The maximum number of requests for the current subscription period has been reached.\nSelect the appropriate plan to fulfil more requests"),placement:"bottomRight"})},[Q,V,N,$,Z,A,h]);(0,l.useEffect)(()=>{var e;V&&N((null===v||void 0===v||null===(e=v.counters)||void 0===e?void 0:e.ai_img_counter)||0)},[v,V]);const J=(0,l.useCallback)(e=>{if(!i){r(!0);const a=e.match(/^data:image\/([A-Za-z-+/]+);base64,(.+)$/);if(!a)return;const l=a[1],i=a[2],n=atob(i),o=new Array(n.length);for(let e=0;e<n.length;e++)o[e]=n.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,r,t]),X=(0,l.useCallback)(e=>{"error"!==e.status&&"Canceled"!==e.status?e.images?(P(e.status),100===e.progress&&(m(e.images),P(h("Evaluating the task")),U(null),z(!1))):(m([e.data]),p(!1)):(p(!1),z(!1),A.error({id:"AI_IMAGE_GET_ERROR",message:h("Something went wrong, please try again"),placement:"bottomRight",data:D}))},[m,P,h,p,e,D,A,z]);return(0,l.useEffect)(()=>{R.length>1&&X(R[R.length-1])},[R,X]),(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:W,isFieldsDisabled:K,canGenerateImage:Q,aiImageRequest:o,imageAiList:u,setImageAiList:m,isLoadingAi:g,setIsLoadingAi:p,loadingDuringGeneration:q,setLoadingDuringGeneration:z,requestStatus:F,setRequestStatus:P,handleGenerate:Y,handleLimitAiImgCount:$,convertBase64ToFile:J,isShiftPressed:G,setIsShiftPressed:T,currentReqId:D,setCurrentReqId:U,limitsInPlugin:V}}({setModalHeight:e,customRequest:t,aiTabRef:a,isImageUploaded:u,setIsImageUploaded:m,aiImageRequest:g,imageAiList:h,setImageAiList:v,isLoadingAi:A,setIsLoadingAi:E}),{__:O,_n:G}=(0,s.s9)(),T=(0,c.Zp)(),F=(0,x.rD)(),[P,q]=(0,l.useState)(!1),z=(0,l.useCallback)(()=>q(!0),[]),j=(0,l.useCallback)(()=>q(!1),[]),H=(0,l.useCallback)(e=>p(e.target.value),[p]),W=(0,l.useCallback)(e=>{"Shift"===e.key?_(!0):"Enter"!==e.key||S||(e.preventDefault(),L())},[S,L,_]),K=(0,l.useCallback)(e=>{"Shift"===e.key&&_(!1)},[_]);return l.createElement("div",{className:"image-ai"},B&&l.createElement(r.xl,{text:`${w} ${O("of")} ${b>0?b:"\u221e"} images ${G("was used","were used",w)}`,exceeded:b>0&&w>=b,style:{marginTop:-25},extra:l.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>T(F.billingPageUrl||f.vc.billing)},O("Need more?"))}),l.createElement(r.fI,{gutter:24,className:"image-ai__row"},l.createElement(r.fv,{span:24},l.createElement(r.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(r.fs,{ref:i,onKeyDown:W,onKeyUp:K,onFocus:z,onBlur:j,autoSize:!0,allowClear:!0,className:"text-area-input-hybrid image-ai__textarea",placeholder:O("Generate image"),value:g,onChange:H,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||h.length>0)&&l.createElement(r.FN,{dotPosition:"top",arrows:!0,nextArrow:l.createElement(D,null),prevArrow:l.createElement(U,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))),h.length>0&&h.map((e,t)=>l.createElement("div",{key:t,className:"image-ai__image-item"},l.createElement(N,{images:h}),l.createElement("div",{className:"buttons"},h.length>0&&l.createElement(r.$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:n,imageGifList:o,currentReqGif:c,setCurrentReqGif:u,inputRef:m,setStockLink:g,customRequest:p})=>{const{__:h}=(0,s.s9)(),[f,v]=(0,l.useState)(null),[A,E]=(0,l.useState)(!1),[y,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&&(n(l.data.data),setTimeout(()=>{a("84vh"),i(1060)},0))};return l.createElement("div",{className:"stock-tab"},l.createElement(r.lV,{onValuesChange:b,className:o.length>0?"serach-results":""},l.createElement(r.fI,{gutter:24},l.createElement(r.fv,{span:o.length>0?"":24},l.createElement(r.lV.Item,{className:"stock-search-input"},l.createElement(r.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(S.A,{dataLength:o&&o.length,next:async()=>{A||(E(!0),k({query:c,page:y}).then(e=>{n(t=>[...t,...e.data.data]),E(!1),w(e=>e+25)}).catch(()=>{E(!1)}))},hasMore:o,endMessage:l.createElement(r.cG,{plain:!0},h("That`s all we could find.")," \ud83e\udd10"),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:l.createElement(r.tK,{size:"small"})},l.createElement(_.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:`${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(r.tK,{className:"ant-spin",size:"small"}))))))))};var F=a(81644),P=a(41244),q=a(47794),z=a(74397);const j="BACKGROUND",H="EDITOR",W="UPLOAD",K="STOCK",V="GIF",$="AI",{Dragger:Q}=r.Upload,Z=()=>{var e,t;const a=(0,x.rD)(),{__:v}=(0,s.s9)(),A=(0,i.wA)(),{projectId:E}=(0,c.g)(),[w,b]=(0,m.dS)(),[I]=(0,d.FQ)(),{modal:C}=r.qw.useApp(),L=(0,n.hN)(),S=(0,i.d4)(g.B$),_=(0,i.d4)(g.C1),B=(0,i.d4)(p.cL),{request:N,resolveImagePicker:M}=(0,z.p)(),[D,U]=(0,l.useState)(""),[Z,Y]=(0,l.useState)(""),[J,X]=(0,l.useState)(""),[ee,te]=(0,l.useState)(""),[ae,le]=(0,l.useState)(W),[ie,re]=(0,l.useState)({width:"",height:"",size:"",format:""}),[ne,oe]=(0,l.useState)("success"),[se,ce]=(0,l.useState)(!1),ue=l.useRef(null),me=l.useRef(null),de=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),[Ee,ye]=(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)([]),[xe,Me]=(0,l.useState)([]),[De,Ue]=(0,l.useState)([]),[Ge,Te]=(0,l.useState)(!1),[Fe,Pe]=(0,l.useState)(""),[qe,ze]=(0,l.useState)(!1),[je,He]=(0,l.useState)(0),We=(0,i.d4)(h.yN),Ke=(0,y.ml)(k.AZ.FILE_PROXY_EVENT_ID);let Ve=!(S||(null===(e=_.id)||void 0===e?void 0:e.toString())!==(null===We||void 0===We||null===(t=We.members)||void 0===t?void 0:t.owner.ID));const $e=async e=>{if(e)try{const t=await Qe(e);Ze({url:e}),t&&Ye(t)&&Je({file:t})}catch(t){}},Qe=async e=>{try{const t=(await Ke.fire({url:e,project:We})).filter(e=>e instanceof Blob)[0];if(t)return t;const a=`https://api.emailmaker.ru/tools/file-proxy.php?url=${encodeURIComponent(e)}`,l=await fetch(a);if(!l.ok)throw new Error(`Server returned ${l.status}`);const i=await l.blob();return new File([i],e.split("/").pop(),{type:i.type})}catch(t){}};document.onpaste=function(e){const t=e.clipboardData.items[0];if(ae===W&&ee){var l;if(0===(null===t||void 0===t||null===(l=t.type)||void 0===l?void 0:l.indexOf("image"))&&!1!==a.imageCenterLocalUploadEnabled){const e=t.getAsFile();Ye(e);const a={file:e};Y(""),Je(a)}0===t.type.indexOf("text")&&t.getAsString(e=>{"http"===e.slice(0,4)?(Y(""),U(e),Ze({url:e})):"meta"===e.toString().slice(1,5)&&(Y(""),U(e.toString().split('"')[1]),Ze({url:e.toString().split('"')[1]}))})}},(0,l.useEffect)(()=>{const e=e=>{let t=null;"background"===(null===N||void 0===N?void 0:N.kind)?(t=j,te(j)):"img"===(null===N||void 0===N?void 0:N.kind)&&(te("IMG"),t="IMG"),null!==N&&void 0!==N&&N.currentUrl&&t&&(U(N.currentUrl),le(e))};B===f.lx.UPLOAD_IMAGE_MODAL||B===f.lx.UPLOAD_BACKGROUND_MODAL?e(H):B===f.lx.UPLOAD_IMAGE_MODAL_AI||B===f.lx.UPLOAD_BACKGROUND_MODAL_AI?(Ve?(ze(!0),He(2)):e($),setTimeout(()=>{var e;return null===(e=Ae.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):B===f.lx.UPLOAD_IMAGE_MODAL_UPLOAD||B===f.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD?(e(W),setTimeout(()=>{var e;return null===(e=he.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):B===f.lx.UPLOAD_IMAGE_MODAL_STOCK||B===f.lx.UPLOAD_BACKGROUND_MODAL_STOCK?(Ve?(ze(!0),He(3)):e(K),setTimeout(()=>{var e;return null===(e=ve.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):B===f.lx.UPLOAD_IMAGE_MODAL_GIF||B===f.lx.UPLOAD_BACKGROUND_MODAL_GIF?(Ve?(ze(!0),He(3)):e(V),setTimeout(()=>{var e;return null===(e=fe.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):B===f.lx.UPLOAD_IMAGE_MODAL_EDIT||B===f.lx.UPLOAD_BACKGROUND_MODAL_EDIT?(Ve?(ze(!0),He(5)):e(H),A((0,p.Wz)(f.lx.IMAGE_EDITOR_MODAL))):te("")},[B,A,Ve,N]);const Ze=(0,l.useCallback)(({url:e=D||""})=>{U(e),M({url:e,meta:{mode:"select"}}),setTimeout(()=>{Se({keywords:"",color:"",orientation:""}),Be({keywords:""}),Me([]),Ne([]),te(""),Pe(""),Te(!1),X(""),Y(""),le(W)},200),A((0,p.Oo)()),A((0,p.Os)())},[D,A,M]);(0,l.useEffect)(()=>{const e=Z||J;e?(0,P.DI)(e).then(t=>{oe(t),ke(572),setTimeout(()=>{let e=0;me.current&&(e=me.current.offsetHeight+62),ye(e)},0),Ze(e)}).catch(e=>{oe(e)}):oe("")},[Z,J,Ze]),(0,l.useEffect)(()=>{D&&I(D).then(({data:e})=>{re({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})})},[D,I]);(0,l.useEffect)(()=>{var e;""===Re.keywords&&(null===he||void 0===he||null===(e=he.current)||void 0===e||e.focus({cursor:"start"}),Me([]),setTimeout(()=>{ye("auto"),ke(572)},0))},[Re,Me,ye,ke]);const Ye=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||L.error({id:"IMAGE_UPLOAD_WRONG_FORMAT",data:e,message:"Upload",description:"You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"}),t},Je=({file:e})=>{const t="image/svg+xml"===e.type,l="image/webp"===e.type,i=e=>{const t=new Image;t.src=URL.createObjectURL(e),t.onload=()=>{(async e=>{Le(!0);const t=e.file;try{"image/gif"!==t.type&&(e.file=await(0,u.A)(t,{maxSizeMB:a.compressMaxSize||.45,maxWidthOrHeight:a.compressMaxWidthOrHeight||2e3})),w(e).then(({error:e,data:a})=>{if(e)L.fromError("IMAGE_UPLOAD_ERROR",t,e);else{const e=(0,q.g0)(a);var l;e.error?L.error({id:"IMAGE_UPLOAD_ERROR",data:t,innerException:400===e.error.status?(null===a||void 0===a?void 0:a.data)||(null===a||void 0===a||null===(l=a[0])||void 0===l?void 0:l.data):void 0,message:e.error.code||v("Upload failed"),description:e.error.message||v("File upload failed with status 400")}):e.file_url&&(ye("auto"),ce(!1),Ze({url:e.file_url}),L.success({id:"IMAGE_UPLOAD_SUCCESS",data:t,message:v("The image was successfully uploaded.")}))}}).catch(e=>{}).finally(()=>{Le(!1)})}catch(l){Le(!1)}})({user_id:_.id,folder:E,file:e})}};t?((e,t)=>{const a=new FileReader;a.onload=function(a){const l=a.target.result,i=new Blob([l],{type:"image/svg+xml;charset=utf-8"}),r=URL.createObjectURL(i),n=new Image;n.onload=function(){const a=document.createElement("canvas");a.width=2*n.width,a.height=2*n.height,a.getContext("2d").drawImage(n,0,0,a.width,a.height),a.toBlob(a=>{const l=new File([a],e.name.replace(".svg",".png"),{type:"image/png"});t(l),URL.revokeObjectURL(r)},"image/png")},n.src=r},a.readAsText(e)})(e,e=>i(e)):l?((e,t,a=90)=>{const l=new Image;l.src=URL.createObjectURL(e),l.onload=()=>{const e=document.createElement("canvas");e.width=l.width,e.height=l.height;const i=e.getContext("2d");i.imageSmoothingEnabled=!0,i.imageSmoothingQuality="high",i.drawImage(l,0,0,e.width,e.height),e.toBlob(e=>{const a=new File([e],"converted.jpg",{type:"image/jpeg"});t(a)},"image/jpeg",a/100)},l.onerror=e=>{t(null)}})(e,e=>i(e)):i(e)},Xe=e=>Je({file:e});let et=[{label:v("Upload"),key:W,children:l.createElement("div",{ref:ue,style:{paddingBottom:24}},!1!==a.imageCenterLocalUploadEnabled&&l.createElement(Q,{showUploadList:!1,name:"Image",beforeUpload:Ye,customRequest:Je,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(r.lV,{style:{padding:"0 2px 0 2px"}},l.createElement(r.lV.Item,{validateStatus:ne},l.createElement(r.pd,{ref:he,allowClear:!0,size:"large",placeholder:v("Paste image URL here"),value:Z,onChange:e=>{const t=e.target.value;Y(t),be&&clearTimeout(be);const a=setTimeout(()=>$e(t),1e3);Ie(a)},spellCheck:"false"}))))}];return a.imageCenterStockEnabled&&!Ve&&et.push({label:v("Stock"),key:K,children:l.createElement("div",{ref:de,style:{paddingBottom:24}},l.createElement(O,{currentReq:Re,setCurrentReq:Se,imageStockList:xe,setImageStockList:Me,setModalWidth:ke,setModalHeight:ye,setStockLink:X,setCurrentImageLink:U,inputRef:ve,customRequest:$e}))}),a.imageCenterGifEnabled&&!Ve&&et.push({label:v("GIF"),key:V,children:l.createElement("div",{ref:ge,style:{paddingBottom:24}},l.createElement(T,{currentReqGif:_e,setCurrentReqGif:Be,imageGifList:Oe,setImageGifList:Ne,setModalWidth:ke,setModalHeight:ye,setStockLink:X,setCurrentImageLink:U,inputRef:fe,customRequest:$e}))}),a.elementAIimageEnabled&&!Ve&&et.push({label:v("AI"),key:$,children:l.createElement("div",{ref:pe,style:{paddingBottom:24}},l.createElement(G,{setModalHeight:ye,customRequest:Je,aiImageRequest:Fe,setAiImageRequest:Pe,imageAiList:De,setImageAiList:Ue,isLoadingAi:Ge,setIsLoadingAi:Te,aiTabRef:pe,inputAiRef:Ae,isImageUploaded:se,setIsImageUploaded:ce}))}),a.imageCenterEditorEnabled&&et.push({label:"",key:H,children:l.createElement("div",{ref:me},l.createElement(R,{currentImageLink:D,newLink:Z,imageSize:ie,onSave:Xe,uploadImageResultIsLoading:b.isLoading||!1}))}),l.createElement(l.Fragment,null,l.createElement(r.aF,{width:we,className:"image-center",title:v("Image Center"),style:{minHeight:390},open:!!ee,onOk:Ze,onCancel:()=>{A((0,p.Oo)()),setTimeout(()=>{U(""),Y(""),Me([]),Me([]),Se({keywords:"",color:"",orientation:""}),Be({keywords:""}),ye("auto"),!Ge&&Pe(""),ke(572),le(W)},200)},footer:ae===H?l.createElement(l.Fragment,null):null},l.createElement(r.tK,{spinning:Ce},l.createElement(r.tU,{activeKey:ae,onChange:e=>{"GALLERY"===e?C.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===H&&""===D?C.warning({maskClosable:!0,centered:!0,title:v(""),content:v("To preview and edit the uploaded image"),okText:v("Upload Image"),onOk:()=>{le(W)}}):(setTimeout(()=>{let t=0,a=0;var l;if(e===W&&ue.current)""===Re.keywords&&(null===(l=he.current)||void 0===l||l.focus({cursor:"start"})),t=300,a=572;else if(e===H&&me.current)t=me.current.offsetHeight+62,a=572;else if(e===K&&de.current){var i;""===Re.keywords&&(null===(i=ve.current)||void 0===i||i.focus({cursor:"start"})),t=130,a=572,xe.length>0&&(a=1060,t="84vh")}else if(e===V&&ge.current){var r;""===Re.keywords&&(null===(r=fe.current)||void 0===r||r.focus({cursor:"start"})),t=130,a=572,Oe.length>0&&(a=1060,t="84vh")}else if(e===$&&pe.current){var n;if(""===Fe&&0===De.length)null===(n=Ae.current)||void 0===n||n.focus({cursor:"start"}),t=130;else t=pe.current.offsetHeight+82;a=572}ye(t),ke(a)},0),le(e))},items:et,style:{height:Ee,minHeight:130}}))),l.createElement(F.A,{open:qe,onCancel:()=>ze(!1),initialSlide:je}))}}}]);
-//# sourceMappingURL=5929.2a1cee14.js.map