@emailmaker/emailmaker 1.0.100 → 1.0.101-alpha.2

package/static/js/{8473.88a48c70.chunk.js.LICENSE.txt → 5447.173960c2.js.LICENSE.txt}

@@ -24,16 +24,6 @@ and limitations under the License.
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 /**
  * @license React
  * use-sync-external-store-shim.production.min.js
@@ -55,7 +45,7 @@ and limitations under the License.
  */
 
 /**
- * @remix-run/router v1.0.1
+ * @remix-run/router v1.16.1
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -66,7 +56,7 @@ and limitations under the License.
  */
 
 /**
- * React Router DOM v6.4.1
+ * React Router DOM v6.23.1
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -77,25 +67,12 @@ and limitations under the License.
  */
 
 /**
- * react-virtual
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-
-/**
- * virtual-core
+ * React Router v6.23.1
  *
- * Copyright (c) TanStack
+ * Copyright (c) Remix Software Inc.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE.md file in the root directory of this source tree.
  *
  * @license MIT
  */
-
-/**![upload](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQwMCAzMTcuN2g3My45VjY1NmMwIDQuNCAzLjYgOCA4IDhoNjBjNC40IDAgOC0zLjYgOC04VjMxNy43SDYyNGM2LjcgMCAxMC40LTcuNyA2LjMtMTIuOUw1MTguMyAxNjNhOCA4IDAgMDAtMTIuNiAwbC0xMTIgMTQxLjdjLTQuMSA1LjMtLjQgMTMgNi4zIDEzek04NzggNjI2aC02MGMtNC40IDAtOCAzLjYtOCA4djE1NEgyMTRWNjM0YzAtNC40LTMuNi04LTgtOGgtNjBjLTQuNCAwLTggMy42LTggOHYxOThjMCAxNy43IDE0LjMgMzIgMzIgMzJoNjg0YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjYzNGMwLTQuNC0zLjYtOC04LTh6IiAvPjwvc3ZnPg==) */

package/static/js/{6144.a3bf0881.chunk.js → 6144.5d2c141c.js}

@@ -1,2 +1,2 @@
-/*! For license information please see 6144.a3bf0881.chunk.js.LICENSE.txt */
+/*! For license information please see 6144.5d2c141c.js.LICENSE.txt */
 "use strict";(globalThis.webpackChunkemail_maker=globalThis.webpackChunkemail_maker||[]).push([[6144],{36144:(e,t,n)=>{n.r(t),n.d(t,{conf:()=>i,language:()=>r});var i={wordPattern:/(#?-?\d*\.\d\w*%?)|((::|[@#.!:])?[\w-?]+%?)|::|[@#.!:]/g,comments:{blockComment:["/*","*/"]},brackets:[["{","}"],["[","]"],["(",")"]],autoClosingPairs:[{open:"{",close:"}",notIn:["string","comment"]},{open:"[",close:"]",notIn:["string","comment"]},{open:"(",close:")",notIn:["string","comment"]},{open:'"',close:'"',notIn:["string","comment"]},{open:"'",close:"'",notIn:["string","comment"]}],surroundingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"}],folding:{markers:{start:new RegExp("^\\s*\\/\\*\\s*#region\\b\\s*(.*?)\\s*\\*\\/"),end:new RegExp("^\\s*\\/\\*\\s*#endregion\\b.*\\*\\/")}}},r={defaultToken:"",tokenPostfix:".css",ws:"[ \t\n\r\f]*",identifier:"-?-?([a-zA-Z]|(\\\\(([0-9a-fA-F]{1,6}\\s?)|[^[0-9a-fA-F])))([\\w\\-]|(\\\\(([0-9a-fA-F]{1,6}\\s?)|[^[0-9a-fA-F])))*",brackets:[{open:"{",close:"}",token:"delimiter.bracket"},{open:"[",close:"]",token:"delimiter.bracket"},{open:"(",close:")",token:"delimiter.parenthesis"},{open:"<",close:">",token:"delimiter.angle"}],tokenizer:{root:[{include:"@selector"}],selector:[{include:"@comments"},{include:"@import"},{include:"@strings"},["[@](keyframes|-webkit-keyframes|-moz-keyframes|-o-keyframes)",{token:"keyword",next:"@keyframedeclaration"}],["[@](page|content|font-face|-moz-document)",{token:"keyword"}],["[@](charset|namespace)",{token:"keyword",next:"@declarationbody"}],["(url-prefix)(\\()",["attribute.value",{token:"delimiter.parenthesis",next:"@urldeclaration"}]],["(url)(\\()",["attribute.value",{token:"delimiter.parenthesis",next:"@urldeclaration"}]],{include:"@selectorname"},["[\\*]","tag"],["[>\\+,]","delimiter"],["\\[",{token:"delimiter.bracket",next:"@selectorattribute"}],["{",{token:"delimiter.bracket",next:"@selectorbody"}]],selectorbody:[{include:"@comments"},["[*_]?@identifier@ws:(?=(\\s|\\d|[^{;}]*[;}]))","attribute.name","@rulevalue"],["}",{token:"delimiter.bracket",next:"@pop"}]],selectorname:[["(\\.|#(?=[^{])|%|(@identifier)|:)+","tag"]],selectorattribute:[{include:"@term"},["]",{token:"delimiter.bracket",next:"@pop"}]],term:[{include:"@comments"},["(url-prefix)(\\()",["attribute.value",{token:"delimiter.parenthesis",next:"@urldeclaration"}]],["(url)(\\()",["attribute.value",{token:"delimiter.parenthesis",next:"@urldeclaration"}]],{include:"@functioninvocation"},{include:"@numbers"},{include:"@name"},{include:"@strings"},["([<>=\\+\\-\\*\\/\\^\\|\\~,])","delimiter"],[",","delimiter"]],rulevalue:[{include:"@comments"},{include:"@strings"},{include:"@term"},["!important","keyword"],[";","delimiter","@pop"],["(?=})",{token:"",next:"@pop"}]],warndebug:[["[@](warn|debug)",{token:"keyword",next:"@declarationbody"}]],import:[["[@](import)",{token:"keyword",next:"@declarationbody"}]],urldeclaration:[{include:"@strings"},["[^)\r\n]+","string"],["\\)",{token:"delimiter.parenthesis",next:"@pop"}]],parenthizedterm:[{include:"@term"},["\\)",{token:"delimiter.parenthesis",next:"@pop"}]],declarationbody:[{include:"@term"},[";","delimiter","@pop"],["(?=})",{token:"",next:"@pop"}]],comments:[["\\/\\*","comment","@comment"],["\\/\\/+.*","comment"]],comment:[["\\*\\/","comment","@pop"],[/[^*/]+/,"comment"],[/./,"comment"]],name:[["@identifier","attribute.value"]],numbers:[["-?(\\d*\\.)?\\d+([eE][\\-+]?\\d+)?",{token:"attribute.value.number",next:"@units"}],["#[0-9a-fA-F_]+(?!\\w)","attribute.value.hex"]],units:[["(em|ex|ch|rem|fr|vmin|vmax|vw|vh|vm|cm|mm|in|px|pt|pc|deg|grad|rad|turn|s|ms|Hz|kHz|%)?","attribute.value.unit","@pop"]],keyframedeclaration:[["@identifier","attribute.value"],["{",{token:"delimiter.bracket",switchTo:"@keyframebody"}]],keyframebody:[{include:"@term"},["{",{token:"delimiter.bracket",next:"@selectorbody"}],["}",{token:"delimiter.bracket",next:"@pop"}]],functioninvocation:[["@identifier\\(",{token:"attribute.value",next:"@functionarguments"}]],functionarguments:[["\\$@identifier@ws:","attribute.name"],["[,]","delimiter"],{include:"@term"},["\\)",{token:"attribute.value",next:"@pop"}]],strings:[['~?"',{token:"string",next:"@stringenddoublequote"}],["~?'",{token:"string",next:"@stringendquote"}]],stringenddoublequote:[["\\\\.","string"],['"',{token:"string",next:"@pop"}],[/[^\\"]+/,"string"],[".","string"]],stringendquote:[["\\\\.","string"],["'",{token:"string",next:"@pop"}],[/[^\\']+/,"string"],[".","string"]]}}}}]);

package/static/js/{6501.40bbf4df.chunk.js → 6501.ce1c1684.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunkemail_maker=globalThis.webpackChunkemail_maker||[]).push([[6501],{36501:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ve});var l=a(98173),i=a(2604),n=a(55415),s=a(35491),r=a(69550),o=a(8218),c=a(48753),m=a(98447),u=a(93511),d=a(5558),g=a(5889),p=a(38826),h=a(12543),f=a(30150),A=a(8122),E=a(40835),y=a(871),v=a(47014),k=a(23424),w=a(80772),I=a(84572),b=a(32947);function L(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 R=a(85466),C=a(37969),S=a(76293),_=a(80320),B=a(96734),N=a(90614),O=a(3792),M=a(15626),x=a(12352);const D={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 G(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 U=l.createElement(p.A,{style:{fontSize:48},spin:!0}),T=({currentImageLink:e,newLink:t,onSave:n,uploadImageResultIsLoading:s})=>{const r=(0,B.p)(),[o,u]=(0,l.useState)(),[d,g]=(0,l.useState)(),{__:p}=(0,h.s9)();let f=(0,i.wA)();const A=(0,i.Pj)(),E=(0,i.d4)(v.C1),y=(0,i.d4)(k.sK),T=(0,i.d4)(I.yN),F=(0,l.useRef)(!1),[P,q]=(0,l.useState)(),z=(0,N.ml)(M.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 z.fire({url:e,project:T}).filter(e=>e instanceof Blob)[0],!t){const a=r.get(b.A9.em_token)||await O.di.getInstance(A,x.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===P||void 0===P||P.tools.import.openBackgroundImage(o),e.result!==o&&(u(e.result),g(t.type))},e.readAsDataURL(t)}})().catch(e=>{})},[e,t,u,r,o,P,z,T,A]);const j=(0,l.useCallback)(()=>{u(null),g(null),f((0,w.BK)()),f((0,k.Os)()),f((0,k.Oo)(b.lx.UPLOAD_IMAGE_MODAL))},[f]),H=(0,l.useRef)();H.current=async function(e,t,a){const l=await G(a,e);n&&n(new File([l],t,{lastModified:(new Date).getTime(),type:l.type}))};const W=(0,l.useCallback)(e=>{if(e)if(F.current&&P);else{F.current=!0;const e=E.locale?E.locale.replace("_","-"):"ru-RU",t=E.theme===b.IJ?matchMedia(b.F3).matches?b.nd:b.T:E.theme;R.A.init({selector:"#pixie-editor",baseUrl:a.p+"assets/pixie",image:o,activeLanguage:e,languages:L(e,p),tools:D,ui:{menubar:{replaceDefaultItems:!0,items:[{type:"undoWidget",align:"left"},{type:"zoomWidget",align:"center",desktopOnly:!0},{type:"button",icon:l.createElement(S.A,{style:{fontSize:20}}),align:"right",desktopOnly:!0,action:e=>{e.togglePanel("history")}},{type:"button",icon:l.createElement(_.A,{style:{fontSize:20}}),align:"right",desktopOnly:!0,action:()=>j()}]},nav:{position:"top"},activeTheme:t,mode:"inline",forceOverlayModeOnMobile:!1},onSave:async function(e,t,a){H.current(e,t,a)}}).then(e=>{q(e)}).catch(e=>{})}},[E.theme,o,P,q,E.locale,p,j]),K=(0,l.useCallback)(()=>{null===P||void 0===P||P.tools.export.save(null===e||void 0===e?void 0:e.split("/").pop().split(".")[0],null===d||void 0===d?void 0:d.split("/")[1])},[P,e,d]);return l.createElement(c.A,{afterOpenChange:W,width:"100%",style:{maxWidth:"100%",minHeight:"100vh"},className:"image-editor-modal blocks-modal",centered:!0,closable:!1,zIndex:1100,mask:!1,open:y,footer:[l.createElement(C.Ay,{key:"Cancel",className:"em-analytics__profile-cancel",onClick:j},p("Cancel")),l.createElement(C.Ay,{key:"Ok",className:"em-analytics__profile-updapixiete",id:"save",type:"primary",onClick:K},p("Update"))]},s&&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(m.A,{size:"large",indicator:U})),l.createElement("div",{id:"pixie-editor"}))},F=l.createElement(p.A,{style:{fontSize:48},spin:!0}),P=({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(m.A,{size:"large",indicator:F})),(t||e)&&l.createElement("img",{alt:"uploadedImage",src:t||e}))),l.createElement(T,{currentImageLink:e,newLink:t,onSave:a,uploadImageResultIsLoading:i}));var q=a(201),z=a(66964),j=a(50483),H=a(13785),W=a(94674),K=a(20127),V=a(21867),Q=a(80293),$=a(8807);const Z="blocks",Y=({setCurrentImageLink:e,setModalHeight:t,setModalWidth:a,setImageStockList:i,imageStockList:n,currentReq:s,setCurrentReq:c,inputRef:u,setStockLink:d,customRequest:g})=>{const[f,A]=(0,l.useState)(!1),[E,v]=(0,l.useState)(2),{__:k}=(0,h.s9)(),[w]=(0,y.Jg)(),[I]=(0,y.h4)();(0,l.useEffect)(()=>{""!==s.keywords&&b()},[s.color,s.orientation]);const b=async()=>{const e=await I({query:s,page:1});e.data.results.length>0&&(i(e.data.results),setTimeout(()=>{a(1060),t("84vh")},0))},[L,R]=(0,l.useState)(null),C=(e,t,a)=>{try{const l=new URL(e),i=l.pathname.split("/").filter(Boolean),n=i.pop()||"",s=i.join("/"),r=`https://${l.host}${s?"/"+s:""}`,o=`https://px0.useblocks.io/${n}`,c=l.search?l.search.slice(1):"",m=c?`${c}&w=${t}&q=${a}`:"w=644&q=96";return`${o}?${`${m}&proxy_url=${r}`}`}catch(l){return e}};return l.createElement("div",{className:"stock-tab"},l.createElement(r.A,{onValuesChange:b,className:n.length>0?"serach-results":""},l.createElement(q.A,{gutter:24},l.createElement(z.A,{span:n.length>0?"":24},l.createElement(r.A.Item,{className:"stock-search-input"},l.createElement(o.A,{onKeyDown:e=>"Space"===e.code&&b(),onPressEnter:e=>b(),allowClear:!0,size:n.length>0?"medium":"large",placeholder:k("Search image"),value:s.keywords,onChange:e=>c(t=>({...t,keywords:e.target.value})),ref:u,spellCheck:"false",suffix:l.createElement(Q.A,{onClick:b,className:"cards-search__search-icon, input-icon",style:{fontSize:"16px",cursor:"pointer"}})}))),n.length>0&&l.createElement(l.Fragment,null,l.createElement(z.A,null,l.createElement(j.Ay.Group,{defaultValue:"",onChange:e=>c(t=>({...t,orientation:e.target.value}))},l.createElement(H.A,{title:k("All"),placement:"top"},l.createElement(j.Ay.Button,{value:""},l.createElement($.A,{icon:"MixedView"}))),l.createElement(H.A,{title:k("Landscape"),placement:"top"},l.createElement(j.Ay.Button,{value:"landscape"},l.createElement($.A,{icon:"LandscapeView"}))),l.createElement(H.A,{title:k("Portrait"),placement:"top"},l.createElement(j.Ay.Button,{value:"portrait"},l.createElement($.A,{icon:"PortraitView"}))),l.createElement(H.A,{title:k("Squarish"),placement:"top"},l.createElement(j.Ay.Button,{value:"squarish"},l.createElement($.A,{icon:"SquareView"}))))),l.createElement(z.A,null,l.createElement(j.Ay.Group,{defaultValue:"",className:"stock-color-filter",onChange:e=>c(t=>({...t,color:e.target.value}))},l.createElement(H.A,{title:k("All"),placement:"top"},l.createElement(j.Ay.Button,{className:"all-colors",value:""},"All")),l.createElement(H.A,{title:k("Black"),placement:"top"},l.createElement(j.Ay.Button,{className:"black-color",value:"black"},"B")),l.createElement(H.A,{title:k("Black and White"),placement:"top"},l.createElement(j.Ay.Button,{className:"bw-color",value:"black_and_white"},"B&\xa7W")),l.createElement(H.A,{title:k("White"),placement:"top"},l.createElement(j.Ay.Button,{className:"white-color",value:"white"},"W")),l.createElement(H.A,{title:k("Orange"),placement:"top"},l.createElement(j.Ay.Button,{className:"orange-color",value:"orange"},"O")),l.createElement(H.A,{title:k("Red"),placement:"top"},l.createElement(j.Ay.Button,{className:"red-color",value:"red"},"R")),l.createElement(H.A,{title:k("Purple"),placement:"top"},l.createElement(j.Ay.Button,{className:"purple-color",value:"purple"},"P")),l.createElement(H.A,{title:k("Magenta"),placement:"top"},l.createElement(j.Ay.Button,{className:"magenta-color",value:"magenta"},"M")),l.createElement(H.A,{title:k("Green"),placement:"top"},l.createElement(j.Ay.Button,{className:"green-color",value:"green"},"G")),l.createElement(H.A,{title:k("Teal"),placement:"top"},l.createElement(j.Ay.Button,{className:"teal-color",value:"teal"},"T")),l.createElement(H.A,{title:k("Blue"),placement:"top"},l.createElement(j.Ay.Button,{className:"blue-color",value:"blue"},"Blue")))))),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(K.A,{dataLength:n&&n.length,next:async()=>{f||(A(!0),I({query:s,page:E}).then(e=>{i(t=>[...t,...e.data.results]),A(!1),v(e=>e+1)}).catch(()=>{A(!1)}))},hasMore:n,endMessage:l.createElement(W.A,{plain:!0},k("That`s all we could find.")," \ud83e\udd10"),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:null},l.createElement(V.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,w(l.download_location),R(i),setTimeout(()=>R(null),2e3),d(C(a.raw,1200,96)),e(C(a.raw,1200,96)),void g(C(a.raw,1200,96));var a,l,i}},l.createElement("img",{className:L===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=${Z}&utm_medium=referral`,rel:"noreferrer"},t.user.name)," ","on"," ",l.createElement("a",{target:"_blank",href:`https://unsplash.com/?utm_source=${Z}&utm_medium=referral`,rel:"noreferrer"},"Unsplash")),L===t.id&&l.createElement(m.A,{className:"ant-spin",indicator:l.createElement(p.A,{spin:!0})}))))))))};var J=a(82021),X=a(35850),ee=a(50078),te=a(36236);const ae=({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 le=a(30753),ie=a(27941),ne=a(89613);const se=(0,l.memo)(({className:e,onClick:t})=>l.createElement("div",{className:`image-ai__arrow image-ai__arrow--next ${e||""}`,onClick:t},l.createElement(C.Ay,{className:"image-ai__arrow-btn image-ai__arrow-btn--next",size:"large",icon:l.createElement(X.A,null)})));se.displayName="SampleNextArrow";const re=(0,l.memo)(({className:e,onClick:t})=>l.createElement("div",{className:`image-ai__arrow image-ai__arrow--prev ${e||""}`,onClick:t},l.createElement(C.Ay,{className:"image-ai__arrow-btn image-ai__arrow-btn--prev",size:"large",icon:l.createElement(ee.A,null)})));re.displayName="SamplePrevArrow";const oe=({setModalHeight:e,customRequest:t,aiTabRef:a,inputAiRef:i,isImageUploaded:n,setIsImageUploaded:s,aiImageRequest:c,setAiImageRequest:m,imageAiList:u,setImageAiList:g,isLoadingAi:A,setIsLoadingAi:E})=>{const{aiImageCounter:v,currentAiImgLimits:k,loadingDuringGeneration:w,requestStatus:I,handleGenerate:L,convertBase64ToFile:R,isShiftPressed:S,setIsShiftPressed:_,limitsInPlugin:B}=function({setModalHeight:e,customRequest:t,aiTabRef:a,isImageUploaded:i,setIsImageUploaded:n,aiImageRequest:s,imageAiList:r,setImageAiList:o,isLoadingAi:c,setIsLoadingAi:m}){const{__:u}=(0,h.s9)(),g=(0,ie.rD)(),p=(0,d.hN)(),A=(0,ne.u)(),{emailId:E,blockId:v,projectId:k}=(0,f.g)(),[w]=(0,y.Mv)(),[I,{data:L=[]}]=(0,y.gg)(),R=(null===g||void 0===g?void 0:g.sendAIImageRequest)||w,C=(null===g||void 0===g?void 0:g.trigger)||I,S=(null===g||void 0===g?void 0:g.handleLimitUsageEmitter)||(0,N.ml)(M.AZ.ON_LIMIT_ID),[_,B]=(0,l.useState)(0),[O,x]=(0,l.useState)(null),[D,G]=(0,l.useState)(!1),[U,T]=(0,l.useState)(u("Evaluating the task")),[F,P]=(0,l.useState)(!1),q=E||v,{limits:z}=null!==g&&void 0!==g&&g.limits?g:{limits:{ai_img_limit:0}},{ai_img_limit:j}=z,H=j>0&&_>=j,W=!(!g.limits||!g.counters)&&b.EW.isPlugin,K=(0,l.useCallback)(()=>{S.fire({name:"AiImgCount",count:_+1})},[S,_]),V=(0,l.useMemo)(()=>!H&&(!W||0===j||_<j),[H,W,_,j]),Q=(0,l.useCallback)(async()=>{T(u("Evaluating the task")),""===s||c||(m(!0),P(!0),o([]),A({event:"submit_form",action:"ai_image_generation",entity_id:E,project_id:k}),R({body:{project_id:k,request:"create-image",connection:"midjourney",message:s}}).then(({data:e,error:t})=>{if(t)throw t;if(401===e.data.status)throw new Error(b.ff);200===(null===e||void 0===e?void 0:e.data.status)?(null!==e&&void 0!==e&&e.data.task.id&&(T(e.data.task.message),x(e.data.task.id)),e.message&&p.success({id:"AI_IMAGE_SEND_SUCCESS",message:e.message,placement:"bottomRight",data:s}),C({task_id:null===e||void 0===e?void 0:e.data.task.id,entity_id:q})):(m(!1),P(!1),p.error({id:"AI_IMAGE_SEND_ERROR",message:(null===e||void 0===e?void 0:e.message)||u("Something went wrong, please try again"),placement:"bottomRight",data:s,innerException:e}))}).catch(e=>{m(!1),P(!1),(null!==e&&void 0!==e&&e.error||null!==e&&void 0!==e&&e.data)&&p.fromError("AI_IMAGE_SEND_ERROR",s,e.error||e)}))},[s,c,m,P,o,A,E,k,R,p,C,q,u]),$=(0,l.useCallback)(()=>{V?(W&&(B(e=>e+1),K()),Q()):W&&p.error({message:u("The usage limit has been exceeded"),description:u("The maximum number of requests for the current subscription period has been reached.\nSelect the appropriate plan to fulfil more requests"),placement:"bottomRight"})},[V,W,B,K,Q,p,u]);(0,l.useEffect)(()=>{var e;W&&B((null===g||void 0===g||null===(e=g.counters)||void 0===e?void 0:e.ai_img_counter)||0)},[g,W]);const Z=(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],s=atob(i),r=new Array(s.length);for(let e=0;e<s.length;e++)r[e]=s.charCodeAt(e);const o=new Uint8Array(r),c=new Blob([o],{type:`image/${l}`}),m=new File([c],"image.jpeg",{type:c.type});t({file:m})}},[i,n,t]),Y=(0,l.useCallback)(e=>{"error"!==e.status&&"Canceled"!==e.status?e.images?(T(e.status),100===e.progress&&(o(e.images),T(u("Evaluating the task")),x(null),P(!1))):(o([e.data]),m(!1)):(m(!1),P(!1),p.error({id:"AI_IMAGE_GET_ERROR",message:u("Something went wrong, please try again"),placement:"bottomRight",data:O}))},[o,T,u,m,e,O,p,P]);return(0,l.useEffect)(()=>{L.length>1&&Y(L[L.length-1])},[L,Y]),(0,l.useEffect)(()=>{(c||r.length>0)&&setTimeout(()=>{let t=550;a.current&&(t=a.current.offsetHeight+68),e(t)},0)},[a,L,r.length,c,e]),{aiImageCounter:_,setAiImageCounter:B,currentAiImgLimits:j,isFieldsDisabled:H,canGenerateImage:V,aiImageRequest:s,imageAiList:r,setImageAiList:o,isLoadingAi:c,setIsLoadingAi:m,loadingDuringGeneration:F,setLoadingDuringGeneration:P,requestStatus:U,setRequestStatus:T,handleGenerate:$,handleLimitAiImgCount:K,convertBase64ToFile:Z,isShiftPressed:D,setIsShiftPressed:G,currentReqId:O,setCurrentReqId:x,limitsInPlugin:W}}({setModalHeight:e,customRequest:t,aiTabRef:a,isImageUploaded:n,setIsImageUploaded:s,aiImageRequest:c,imageAiList:u,setImageAiList:g,isLoadingAi:A,setIsLoadingAi:E}),{__:O}=(0,h.s9)(),[x,D]=(0,l.useState)(!1),G=(0,l.useCallback)(()=>D(!0),[]),U=(0,l.useCallback)(()=>D(!1),[]),T=(0,l.useCallback)(e=>m(e.target.value),[m]),F=(0,l.useCallback)(e=>{"Shift"===e.key?_(!0):"Enter"!==e.key||S||(e.preventDefault(),L())},[S,L,_]),P=(0,l.useCallback)(e=>{"Shift"===e.key&&_(!1)},[_]);return l.createElement("div",{className:"image-ai"},B&&l.createElement(le.A,{text:"images",counter:v,limits:k,wrapperStyles:{marginTop:-25}}),l.createElement(q.A,{gutter:24,className:"image-ai__row"},l.createElement(z.A,{span:24},l.createElement(r.A.Item,{style:{margin:0}},l.createElement("span",{className:"ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper"+(x?" ant-input-affix-wrapper-focused":"")},l.createElement(o.A.TextArea,{ref:i,onKeyDown:F,onKeyUp:P,onFocus:G,onBlur:U,autoSize:!0,allowClear:!0,className:"text-area-input-hybrid image-ai__textarea",placeholder:O("Generate image"),value:c,onChange:T,spellCheck:"false"}),l.createElement("span",{className:"ant-input-suffix image-ai__input-suffix"},A||w?l.createElement(p.A,{className:"input-icon image-ai__input-icon",spin:!0}):l.createElement($.A,{icon:"AI",className:"input-icon image-ai__input-icon",onClick:L})))))),(A||u.length>0)&&l.createElement(J.A,{dotPosition:"top",arrows:!0,nextArrow:l.createElement(se,null),prevArrow:l.createElement(re,null),className:"image-ai__carousel"},A&&l.createElement("div",{className:"image-ai__loading"},l.createElement("div",{className:"spin"},l.createElement(p.A,{style:{fontSize:48},spin:!0}),l.createElement("p",{className:"status"},I))),u.length>0&&u.map((e,t)=>l.createElement("div",{key:t,className:"image-ai__image-item"},l.createElement(ae,{images:u}),l.createElement("div",{className:"buttons"},u.length>0&&l.createElement(C.Ay,{onClick:()=>R(`data:image/jpeg;base64, ${e}`),icon:l.createElement(te.A,null)},O("Use this one")))))))},ce=({setNewLink:e,setCurrentImageLink:t,setModalHeight:a,setModalWidth:i,setImageGifList:n,imageGifList:s,currentReqGif:c,setCurrentReqGif:u,inputRef:d,setStockLink:g,customRequest:f})=>{const{__:A}=(0,h.s9)(),[E,v]=(0,l.useState)(null),[k,w]=(0,l.useState)(!1),[I,b]=(0,l.useState)(25),[L]=(0,y.eo)(),R=async()=>{var e,t;const l=await L({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))},C=l.createElement(p.A,{style:{fontSize:20},spin:!0});return l.createElement("div",{className:"stock-tab"},l.createElement(r.A,{onValuesChange:R,className:s.length>0?"serach-results":""},l.createElement(q.A,{gutter:24},l.createElement(z.A,{span:s.length>0?"":24},l.createElement(r.A.Item,{className:"stock-search-input"},l.createElement(o.A,{onKeyDown:e=>"Space"===e.code&&R(),onPressEnter:e=>R(),allowClear:!0,size:s.length>0?"medium":"large",placeholder:A("Search GIFs"),value:c.keywords,onChange:e=>u(t=>({...t,keywords:e.target.value})),ref:d,spellCheck:"false",suffix:l.createElement(Q.A,{onClick:R,className:"cards-search__search-icon, input-icon",style:{fontSize:"16px",cursor:"pointer"}})})))),s.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}},s.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(K.A,{dataLength:s&&s.length,next:async()=>{k||(w(!0),L({query:c,page:I}).then(e=>{n(t=>[...t,...e.data.data]),w(!1),b(e=>e+25)}).catch(()=>{w(!1)}))},hasMore:s,endMessage:l.createElement(W.A,{plain:!0},A("That`s all we could find.")," \ud83e\udd10"),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:l.createElement(m.A,{indicator:C})},l.createElement(V.A,{breakpointCols:{default:3},className:"my-masonry-grid",columnClassName:"my-masonry-grid_column"},s.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 f(`${a}`);var a,l}},l.createElement("img",{className:E===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=)"}})),E===e.id&&l.createElement(m.A,{className:"ant-spin",indicator:l.createElement(p.A,{spin:!0})}))))))))};var me=a(48956),ue=a(40277);const de="IMG",ge="BACKGROUND",pe="EDITOR",he="UPLOAD",fe="STOCK",Ae="GIF",Ee="AI",{Dragger:ye}=n.A,ve=()=>{var e,t;const a=(0,ie.rD)(),{__:n}=(0,h.s9)(),L=(0,i.wA)(),{projectId:R}=(0,f.g)(),[C,S]=(0,E.dS)(),[_]=(0,y.FQ)(),{modal:B}=s.A.useApp(),O=(0,d.hN)(),x=(0,i.d4)(v.B$),D=(0,i.d4)(v.C1),G=(0,i.d4)(k.cL),U=(0,i.d4)(w.js),T=(0,i.d4)(w.Ac),[F,q]=(0,l.useState)(""),[z,j]=(0,l.useState)(""),[H,W]=(0,l.useState)(""),[K,V]=(0,l.useState)(""),[Q,$]=(0,l.useState)(he),[Z,J]=(0,l.useState)({width:"",height:"",size:"",format:""}),[X,ee]=(0,l.useState)("success"),[te,ae]=(0,l.useState)(!1),le=l.useRef(null),ne=l.useRef(null),se=l.useRef(null),re=l.useRef(null),ve=l.useRef(null),ke=l.useRef(null),we=l.useRef(null),Ie=l.useRef(null),be=l.useRef(null),[Le,Re]=(0,l.useState)("auto"),[Ce,Se]=(0,l.useState)(572),[_e,Be]=(0,l.useState)(null),[Ne,Oe]=(0,l.useState)(!1),[Me,xe]=(0,l.useState)({keywords:"",color:"",orientation:""}),[De,Ge]=(0,l.useState)({keywords:""}),[Ue,Te]=(0,l.useState)([]),[Fe,Pe]=(0,l.useState)([]),[qe,ze]=(0,l.useState)([]),[je,He]=(0,l.useState)(!1),[We,Ke]=(0,l.useState)(""),[Ve,Qe]=(0,l.useState)(!1),[$e,Ze]=(0,l.useState)(0),Ye=(0,i.d4)(I.yN),Je=(0,N.ml)(M.AZ.FILE_PROXY_EVENT_ID);let Xe=!(x||(null===(e=D.id)||void 0===e?void 0:e.toString())!==(null===Ye||void 0===Ye||null===(t=Ye.members)||void 0===t?void 0:t.owner.ID))&&!0;const et=async e=>{if(e)try{const t=await tt(e);lt({url:e}),t&&it(t)&&nt({file:t})}catch(t){}},tt=async e=>{try{const t=(await Je.fire({url:e,project:Ye})).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(Q===he&&K){if(0===t.type.indexOf("image")){const e=t.getAsFile();it(e);const a={file:e};j(""),nt(a)}0===t.type.indexOf("text")&&t.getAsString(e=>{"http"===e.slice(0,4)?(j(""),q(e),lt({url:e})):"meta"===e.toString().slice(1,5)&&(j(""),q(e.toString().split('"')[1]),lt({url:e.toString().split('"')[1]}))})}};const at=(0,l.useMemo)(()=>({IMG:U,BACKGROUND:T}),[U,T]);(0,l.useEffect)(()=>{const e=e=>{let t=null;G.includes("UPLOAD_BACKGROUND_MODAL")?(t=ge,V(ge)):G.includes("UPLOAD_IMAGE_MODAL")&&(V(de),t=de),at[t]&&(q(at[t]),$(e))};G===b.lx.UPLOAD_IMAGE_MODAL||G===b.lx.UPLOAD_BACKGROUND_MODAL?e(pe):G===b.lx.UPLOAD_IMAGE_MODAL_AI||G===b.lx.UPLOAD_BACKGROUND_MODAL_AI?(Xe?(Qe(!0),Ze(2)):e(Ee),setTimeout(()=>{var e;return null===(e=be.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):G===b.lx.UPLOAD_IMAGE_MODAL_UPLOAD||G===b.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD?(e(he),setTimeout(()=>{var e;return null===(e=ke.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):G===b.lx.UPLOAD_IMAGE_MODAL_STOCK||G===b.lx.UPLOAD_BACKGROUND_MODAL_STOCK?(Xe?(Qe(!0),Ze(3)):e(fe),setTimeout(()=>{var e;return null===(e=Ie.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):G===b.lx.UPLOAD_IMAGE_MODAL_GIF||G===b.lx.UPLOAD_BACKGROUND_MODAL_GIF?(Xe?(Qe(!0),Ze(3)):e(Ae),setTimeout(()=>{var e;return null===(e=we.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):G===b.lx.UPLOAD_IMAGE_MODAL_EDIT||G===b.lx.UPLOAD_BACKGROUND_MODAL_EDIT?(Xe?(Qe(!0),Ze(5)):e(pe),L((0,k.Wz)(b.lx.IMAGE_EDITOR_MODAL))):V("")},[G,L,Xe,at]);const lt=(0,l.useCallback)(({url:e=F||""})=>{q(e),K===de&&L((0,w.tm)(e)),K===ge&&L((0,w.e_)(e)),setTimeout(()=>{xe({keywords:"",color:"",orientation:""}),Ge({keywords:""}),Pe([]),Te([]),V(""),Ke(""),He(!1),W(""),j(""),$(he)},200),L((0,k.Oo)()),L((0,k.Os)())},[F,L,K]);(0,l.useEffect)(()=>{const e=z||H;e?(0,ue.DI)(e).then(t=>{ee(t),Se(572),setTimeout(()=>{let e=0;ne.current&&(e=ne.current.offsetHeight+62),Re(e)},0),lt(e)}).catch(e=>{ee(e)}):ee("")},[z,H,lt]),(0,l.useEffect)(()=>{F&&_(F).then(({data:e})=>{J({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})})},[F,_]);(0,l.useEffect)(()=>{var e;""===Me.keywords&&(null===ke||void 0===ke||null===(e=ke.current)||void 0===e||e.focus({cursor:"start"}),Pe([]),setTimeout(()=>{Re("auto"),Se(572)},0))},[Me,Pe,Re,Se]);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||O.error({id:"IMAGE_UPLOAD_WRONG_FORMAT",data:e,message:"Upload",description:"You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"}),t},nt=({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=>{Oe(!0);const t=e.file;try{"image/gif"!==t.type&&(e.file=await(0,A.A)(t,{maxSizeMB:a.compressMaxSize||.45,maxWidthOrHeight:a.compressMaxWidthOrHeight||2e3})),C(e).then(({error:e,data:a})=>{var l;if(e)O.fromError("IMAGE_UPLOAD_ERROR",t,e);else if(400===(null===a||void 0===a||null===(l=a.data)||void 0===l?void 0:l.status))O.error({id:"IMAGE_UPLOAD_ERROR",data:t,innerException:null===a||void 0===a?void 0:a.data,message:a.code,description:a.message});else{var i;const e=null===a||void 0===a||null===(i=a[0])||void 0===i?void 0:i.file_url;e&&(Re("auto"),ae(!1),lt({url:e})),O.success({id:"IMAGE_UPLOAD_SUCCESS",data:t,message:n("The image was successfully uploaded.")})}}).catch(e=>{}).finally(()=>{Oe(!1)})}catch(l){Oe(!1)}})({user_id:D.id,folder:R,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"}),n=URL.createObjectURL(i),s=new Image;s.onload=function(){const a=document.createElement("canvas");a.width=2*s.width,a.height=2*s.height,a.getContext("2d").drawImage(s,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(n)},"image/png")},s.src=n},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)},st=e=>nt({file:e});let rt=[{label:n("Upload"),key:he,children:l.createElement("div",{ref:le,style:{paddingBottom:24}},l.createElement(ye,{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(g.A,null)),l.createElement("p",{className:"ant-upload-text"},n("Click to select, paste from the clipboard, or drag and drop")),l.createElement("p",{className:"ant-upload-hint"},n("Accepted formats: PNG, JPG, WEBP, SVG or GIF."))),l.createElement(r.A,{style:{padding:"0 2px 0 2px"}},l.createElement(r.A.Item,{validateStatus:X},l.createElement(o.A,{ref:ke,allowClear:!0,size:"large",placeholder:n("Paste image URL here"),value:z,onChange:e=>{const t=e.target.value;j(t),_e&&clearTimeout(_e);const a=setTimeout(()=>et(t),1e3);Be(a)},spellCheck:"false"}))))}];a.imageCenterStockEnabled&&!Xe&&rt.push({label:n("Stock"),key:fe,children:l.createElement("div",{ref:se,style:{paddingBottom:24}},l.createElement(Y,{currentReq:Me,setCurrentReq:xe,imageStockList:Fe,setImageStockList:Pe,setModalWidth:Se,setModalHeight:Re,setStockLink:W,setCurrentImageLink:q,inputRef:Ie,customRequest:et}))}),a.imageCenterGifEnabled&&!Xe&&rt.push({label:n("GIF"),key:Ae,children:l.createElement("div",{ref:re,style:{paddingBottom:24}},l.createElement(ce,{currentReqGif:De,setCurrentReqGif:Ge,imageGifList:Ue,setImageGifList:Te,setModalWidth:Se,setModalHeight:Re,setStockLink:W,setCurrentImageLink:q,inputRef:we,customRequest:et}))}),a.elementAIimageEnabled&&!Xe&&rt.push({label:n("AI"),key:Ee,children:l.createElement("div",{ref:ve,style:{paddingBottom:24}},l.createElement(oe,{setModalHeight:Re,customRequest:nt,aiImageRequest:We,setAiImageRequest:Ke,imageAiList:qe,setImageAiList:ze,isLoadingAi:je,setIsLoadingAi:He,aiTabRef:ve,inputAiRef:be,isImageUploaded:te,setIsImageUploaded:ae}))}),a.imageCenterEditorEnabled&&rt.push({label:"",key:pe,children:l.createElement("div",{ref:ne},l.createElement(P,{currentImageLink:F,newLink:z,imageSize:Z,onSave:st,uploadImageResultIsLoading:S.isLoading||!1}))});const ot=l.createElement(p.A,{style:{fontSize:32,margin:-16},spin:!0});return l.createElement(l.Fragment,null,l.createElement(c.A,{width:Ce,className:"image-center blocks-modal",title:n("Image Center"),centered:!0,style:{minHeight:390},open:!!K,onOk:lt,onCancel:()=>{L((0,k.Oo)()),setTimeout(()=>{q(""),j(""),Pe([]),Pe([]),xe({keywords:"",color:"",orientation:""}),Ge({keywords:""}),Re("auto"),!je&&Ke(""),Se(572),$(he)},200)},footer:Q===pe?l.createElement(l.Fragment,null):null},l.createElement(m.A,{spinning:Ne,indicator:ot},l.createElement(u.A,{activeKey:Q,onChange:e=>{"GALLERY"===e?B.success({maskClosable:!0,centered:!0,title:n("Coming soon"),content:n("The feature is under development."),okText:n("Ok. I'll be waiting"),onOk:()=>{}}):e===pe&&""===F?B.warning({maskClosable:!0,centered:!0,title:n(""),content:n("To preview and edit the uploaded image"),okText:n("Upload Image"),onOk:()=>{$(he)}}):(setTimeout(()=>{let t=0,a=0;var l;if(e===he&&le.current)""===Me.keywords&&(null===(l=ke.current)||void 0===l||l.focus({cursor:"start"})),t=300,a=572;else if(e===pe&&ne.current)t=ne.current.offsetHeight+62,a=572;else if(e===fe&&se.current){var i;""===Me.keywords&&(null===(i=Ie.current)||void 0===i||i.focus({cursor:"start"})),t=130,a=572,Fe.length>0&&(a=1060,t="84vh")}else if(e===Ae&&re.current){var n;""===Me.keywords&&(null===(n=we.current)||void 0===n||n.focus({cursor:"start"})),t=130,a=572,Ue.length>0&&(a=1060,t="84vh")}else if(e===Ee&&ve.current){var s;if(""===We&&0===qe.length)null===(s=be.current)||void 0===s||s.focus({cursor:"start"}),t=130;else t=ve.current.offsetHeight+82;a=572}Re(t),Se(a)},0),$(e))},items:rt,style:{height:Le,minHeight:130}}))),l.createElement(me.A,{open:Ve,onCancel:()=>Qe(!1),initialSlide:$e}))}}}]);
+"use strict";(globalThis.webpackChunkemail_maker=globalThis.webpackChunkemail_maker||[]).push([[6501],{36501:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ve});var l=a(98173),i=a(2604),n=a(55415),s=a(71446),r=a(69550),o=a(8218),c=a(48753),m=a(98447),u=a(93511),d=a(5558),g=a(5889),p=a(38826),h=a(12543),f=a(30150),A=a(8122),E=a(40835),y=a(871),v=a(47014),k=a(23424),w=a(80772),I=a(84572),b=a(32947);function L(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 R=a(85466),C=a(37969),S=a(76293),_=a(80320),B=a(96734),N=a(90614),O=a(3792),M=a(15626),x=a(12352);const D={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 G(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 U=l.createElement(p.A,{style:{fontSize:48},spin:!0}),T=({currentImageLink:e,newLink:t,onSave:n,uploadImageResultIsLoading:s})=>{const r=(0,B.p)(),[o,u]=(0,l.useState)(),[d,g]=(0,l.useState)(),{__:p}=(0,h.s9)();let f=(0,i.wA)();const A=(0,i.Pj)(),E=(0,i.d4)(v.C1),y=(0,i.d4)(k.sK),T=(0,i.d4)(I.yN),F=(0,l.useRef)(!1),[P,q]=(0,l.useState)(),z=(0,N.ml)(M.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 z.fire({url:e,project:T}).filter(e=>e instanceof Blob)[0],!t){const a=r.get(b.A9.em_token)||await O.di.getInstance(A,x.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===P||void 0===P||P.tools.import.openBackgroundImage(o),e.result!==o&&(u(e.result),g(t.type))},e.readAsDataURL(t)}})().catch(e=>{})},[e,t,u,r,o,P,z,T,A]);const j=(0,l.useCallback)(()=>{u(null),g(null),f((0,w.BK)()),f((0,k.Os)()),f((0,k.Oo)(b.lx.UPLOAD_IMAGE_MODAL))},[f]),H=(0,l.useRef)();H.current=async function(e,t,a){const l=await G(a,e);n&&n(new File([l],t,{lastModified:(new Date).getTime(),type:l.type}))};const W=(0,l.useCallback)(e=>{if(e)if(F.current&&P);else{F.current=!0;const e=E.locale?E.locale.replace("_","-"):"ru-RU",t=E.theme===b.IJ?matchMedia(b.F3).matches?b.nd:b.T:E.theme;R.A.init({selector:"#pixie-editor",baseUrl:a.p+"assets/pixie",image:o,activeLanguage:e,languages:L(e,p),tools:D,ui:{menubar:{replaceDefaultItems:!0,items:[{type:"undoWidget",align:"left"},{type:"zoomWidget",align:"center",desktopOnly:!0},{type:"button",icon:l.createElement(S.A,{style:{fontSize:20}}),align:"right",desktopOnly:!0,action:e=>{e.togglePanel("history")}},{type:"button",icon:l.createElement(_.A,{style:{fontSize:20}}),align:"right",desktopOnly:!0,action:()=>j()}]},nav:{position:"top"},activeTheme:t,mode:"inline",forceOverlayModeOnMobile:!1},onSave:async function(e,t,a){H.current(e,t,a)}}).then(e=>{q(e)}).catch(e=>{})}},[E.theme,o,P,q,E.locale,p,j]),K=(0,l.useCallback)(()=>{null===P||void 0===P||P.tools.export.save(null===e||void 0===e?void 0:e.split("/").pop().split(".")[0],null===d||void 0===d?void 0:d.split("/")[1])},[P,e,d]);return l.createElement(c.A,{afterOpenChange:W,width:"100%",style:{maxWidth:"100%",minHeight:"100vh"},className:"image-editor-modal blocks-modal",centered:!0,closable:!1,zIndex:1100,mask:!1,open:y,footer:[l.createElement(C.Ay,{key:"Cancel",className:"em-analytics__profile-cancel",onClick:j},p("Cancel")),l.createElement(C.Ay,{key:"Ok",className:"em-analytics__profile-updapixiete",id:"save",type:"primary",onClick:K},p("Update"))]},s&&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(m.A,{size:"large",indicator:U})),l.createElement("div",{id:"pixie-editor"}))},F=l.createElement(p.A,{style:{fontSize:48},spin:!0}),P=({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(m.A,{size:"large",indicator:F})),(t||e)&&l.createElement("img",{alt:"uploadedImage",src:t||e}))),l.createElement(T,{currentImageLink:e,newLink:t,onSave:a,uploadImageResultIsLoading:i}));var q=a(201),z=a(66964),j=a(50483),H=a(13785),W=a(94674),K=a(20127),V=a(21867),Q=a(80293),$=a(8807);const Z="blocks",Y=({setCurrentImageLink:e,setModalHeight:t,setModalWidth:a,setImageStockList:i,imageStockList:n,currentReq:s,setCurrentReq:c,inputRef:u,setStockLink:d,customRequest:g})=>{const[f,A]=(0,l.useState)(!1),[E,v]=(0,l.useState)(2),{__:k}=(0,h.s9)(),[w]=(0,y.Jg)(),[I]=(0,y.h4)();(0,l.useEffect)(()=>{""!==s.keywords&&b()},[s.color,s.orientation]);const b=async()=>{const e=await I({query:s,page:1});e.data.results.length>0&&(i(e.data.results),setTimeout(()=>{a(1060),t("84vh")},0))},[L,R]=(0,l.useState)(null),C=(e,t,a)=>{try{const l=new URL(e),i=l.pathname.split("/").filter(Boolean),n=i.pop()||"",s=i.join("/"),r=`https://${l.host}${s?"/"+s:""}`,o=`https://px0.useblocks.io/${n}`,c=l.search?l.search.slice(1):"",m=c?`${c}&w=${t}&q=${a}`:"w=644&q=96";return`${o}?${`${m}&proxy_url=${r}`}`}catch(l){return e}};return l.createElement("div",{className:"stock-tab"},l.createElement(r.A,{onValuesChange:b,className:n.length>0?"serach-results":""},l.createElement(q.A,{gutter:24},l.createElement(z.A,{span:n.length>0?"":24},l.createElement(r.A.Item,{className:"stock-search-input"},l.createElement(o.A,{onKeyDown:e=>"Space"===e.code&&b(),onPressEnter:e=>b(),allowClear:!0,size:n.length>0?"medium":"large",placeholder:k("Search image"),value:s.keywords,onChange:e=>c(t=>({...t,keywords:e.target.value})),ref:u,spellCheck:"false",suffix:l.createElement(Q.A,{onClick:b,className:"cards-search__search-icon, input-icon",style:{fontSize:"16px",cursor:"pointer"}})}))),n.length>0&&l.createElement(l.Fragment,null,l.createElement(z.A,null,l.createElement(j.Ay.Group,{defaultValue:"",onChange:e=>c(t=>({...t,orientation:e.target.value}))},l.createElement(H.A,{title:k("All"),placement:"top"},l.createElement(j.Ay.Button,{value:""},l.createElement($.A,{icon:"MixedView"}))),l.createElement(H.A,{title:k("Landscape"),placement:"top"},l.createElement(j.Ay.Button,{value:"landscape"},l.createElement($.A,{icon:"LandscapeView"}))),l.createElement(H.A,{title:k("Portrait"),placement:"top"},l.createElement(j.Ay.Button,{value:"portrait"},l.createElement($.A,{icon:"PortraitView"}))),l.createElement(H.A,{title:k("Squarish"),placement:"top"},l.createElement(j.Ay.Button,{value:"squarish"},l.createElement($.A,{icon:"SquareView"}))))),l.createElement(z.A,null,l.createElement(j.Ay.Group,{defaultValue:"",className:"stock-color-filter",onChange:e=>c(t=>({...t,color:e.target.value}))},l.createElement(H.A,{title:k("All"),placement:"top"},l.createElement(j.Ay.Button,{className:"all-colors",value:""},"All")),l.createElement(H.A,{title:k("Black"),placement:"top"},l.createElement(j.Ay.Button,{className:"black-color",value:"black"},"B")),l.createElement(H.A,{title:k("Black and White"),placement:"top"},l.createElement(j.Ay.Button,{className:"bw-color",value:"black_and_white"},"B&\xa7W")),l.createElement(H.A,{title:k("White"),placement:"top"},l.createElement(j.Ay.Button,{className:"white-color",value:"white"},"W")),l.createElement(H.A,{title:k("Orange"),placement:"top"},l.createElement(j.Ay.Button,{className:"orange-color",value:"orange"},"O")),l.createElement(H.A,{title:k("Red"),placement:"top"},l.createElement(j.Ay.Button,{className:"red-color",value:"red"},"R")),l.createElement(H.A,{title:k("Purple"),placement:"top"},l.createElement(j.Ay.Button,{className:"purple-color",value:"purple"},"P")),l.createElement(H.A,{title:k("Magenta"),placement:"top"},l.createElement(j.Ay.Button,{className:"magenta-color",value:"magenta"},"M")),l.createElement(H.A,{title:k("Green"),placement:"top"},l.createElement(j.Ay.Button,{className:"green-color",value:"green"},"G")),l.createElement(H.A,{title:k("Teal"),placement:"top"},l.createElement(j.Ay.Button,{className:"teal-color",value:"teal"},"T")),l.createElement(H.A,{title:k("Blue"),placement:"top"},l.createElement(j.Ay.Button,{className:"blue-color",value:"blue"},"Blue")))))),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(K.A,{dataLength:n&&n.length,next:async()=>{f||(A(!0),I({query:s,page:E}).then(e=>{i(t=>[...t,...e.data.results]),A(!1),v(e=>e+1)}).catch(()=>{A(!1)}))},hasMore:n,endMessage:l.createElement(W.A,{plain:!0},k("That`s all we could find.")," \ud83e\udd10"),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:null},l.createElement(V.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,w(l.download_location),R(i),setTimeout(()=>R(null),2e3),d(C(a.raw,1200,96)),e(C(a.raw,1200,96)),void g(C(a.raw,1200,96));var a,l,i}},l.createElement("img",{className:L===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=${Z}&utm_medium=referral`,rel:"noreferrer"},t.user.name)," ","on"," ",l.createElement("a",{target:"_blank",href:`https://unsplash.com/?utm_source=${Z}&utm_medium=referral`,rel:"noreferrer"},"Unsplash")),L===t.id&&l.createElement(m.A,{className:"ant-spin",indicator:l.createElement(p.A,{spin:!0})}))))))))};var J=a(82021),X=a(35850),ee=a(50078),te=a(36236);const ae=({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 le=a(30753),ie=a(27941),ne=a(89613);const se=(0,l.memo)(({className:e,onClick:t})=>l.createElement("div",{className:`image-ai__arrow image-ai__arrow--next ${e||""}`,onClick:t},l.createElement(C.Ay,{className:"image-ai__arrow-btn image-ai__arrow-btn--next",size:"large",icon:l.createElement(X.A,null)})));se.displayName="SampleNextArrow";const re=(0,l.memo)(({className:e,onClick:t})=>l.createElement("div",{className:`image-ai__arrow image-ai__arrow--prev ${e||""}`,onClick:t},l.createElement(C.Ay,{className:"image-ai__arrow-btn image-ai__arrow-btn--prev",size:"large",icon:l.createElement(ee.A,null)})));re.displayName="SamplePrevArrow";const oe=({setModalHeight:e,customRequest:t,aiTabRef:a,inputAiRef:i,isImageUploaded:n,setIsImageUploaded:s,aiImageRequest:c,setAiImageRequest:m,imageAiList:u,setImageAiList:g,isLoadingAi:A,setIsLoadingAi:E})=>{const{aiImageCounter:v,currentAiImgLimits:k,loadingDuringGeneration:w,requestStatus:I,handleGenerate:L,convertBase64ToFile:R,isShiftPressed:S,setIsShiftPressed:_,limitsInPlugin:B}=function({setModalHeight:e,customRequest:t,aiTabRef:a,isImageUploaded:i,setIsImageUploaded:n,aiImageRequest:s,imageAiList:r,setImageAiList:o,isLoadingAi:c,setIsLoadingAi:m}){const{__:u}=(0,h.s9)(),g=(0,ie.rD)(),p=(0,d.hN)(),A=(0,ne.u)(),{emailId:E,blockId:v,projectId:k}=(0,f.g)(),[w]=(0,y.Mv)(),[I,{data:L=[]}]=(0,y.gg)(),R=(null===g||void 0===g?void 0:g.sendAIImageRequest)||w,C=(null===g||void 0===g?void 0:g.trigger)||I,S=(null===g||void 0===g?void 0:g.handleLimitUsageEmitter)||(0,N.ml)(M.AZ.ON_LIMIT_ID),[_,B]=(0,l.useState)(0),[O,x]=(0,l.useState)(null),[D,G]=(0,l.useState)(!1),[U,T]=(0,l.useState)(u("Evaluating the task")),[F,P]=(0,l.useState)(!1),q=E||v,{limits:z}=null!==g&&void 0!==g&&g.limits?g:{limits:{ai_img_limit:0}},{ai_img_limit:j}=z,H=j>0&&_>=j,W=!(!g.limits||!g.counters)&&b.EW.isPlugin,K=(0,l.useCallback)(()=>{S.fire({name:"AiImgCount",count:_+1})},[S,_]),V=(0,l.useMemo)(()=>!H&&(!W||0===j||_<j),[H,W,_,j]),Q=(0,l.useCallback)(async()=>{T(u("Evaluating the task")),""===s||c||(m(!0),P(!0),o([]),A({event:"submit_form",action:"ai_image_generation",entity_id:E,project_id:k}),R({body:{project_id:k,request:"create-image",connection:"midjourney",message:s}}).then(({data:e,error:t})=>{if(t)throw t;if(401===e.data.status)throw new Error(b.ff);200===(null===e||void 0===e?void 0:e.data.status)?(null!==e&&void 0!==e&&e.data.task.id&&(T(e.data.task.message),x(e.data.task.id)),e.message&&p.success({id:"AI_IMAGE_SEND_SUCCESS",message:e.message,placement:"bottomRight",data:s}),C({task_id:null===e||void 0===e?void 0:e.data.task.id,entity_id:q})):(m(!1),P(!1),p.error({id:"AI_IMAGE_SEND_ERROR",message:(null===e||void 0===e?void 0:e.message)||u("Something went wrong, please try again"),placement:"bottomRight",data:s,innerException:e}))}).catch(e=>{m(!1),P(!1),(null!==e&&void 0!==e&&e.error||null!==e&&void 0!==e&&e.data)&&p.fromError("AI_IMAGE_SEND_ERROR",s,e.error||e)}))},[s,c,m,P,o,A,E,k,R,p,C,q,u]),$=(0,l.useCallback)(()=>{V?(W&&(B(e=>e+1),K()),Q()):W&&p.error({message:u("The usage limit has been exceeded"),description:u("The maximum number of requests for the current subscription period has been reached.\nSelect the appropriate plan to fulfil more requests"),placement:"bottomRight"})},[V,W,B,K,Q,p,u]);(0,l.useEffect)(()=>{var e;W&&B((null===g||void 0===g||null===(e=g.counters)||void 0===e?void 0:e.ai_img_counter)||0)},[g,W]);const Z=(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],s=atob(i),r=new Array(s.length);for(let e=0;e<s.length;e++)r[e]=s.charCodeAt(e);const o=new Uint8Array(r),c=new Blob([o],{type:`image/${l}`}),m=new File([c],"image.jpeg",{type:c.type});t({file:m})}},[i,n,t]),Y=(0,l.useCallback)(e=>{"error"!==e.status&&"Canceled"!==e.status?e.images?(T(e.status),100===e.progress&&(o(e.images),T(u("Evaluating the task")),x(null),P(!1))):(o([e.data]),m(!1)):(m(!1),P(!1),p.error({id:"AI_IMAGE_GET_ERROR",message:u("Something went wrong, please try again"),placement:"bottomRight",data:O}))},[o,T,u,m,e,O,p,P]);return(0,l.useEffect)(()=>{L.length>1&&Y(L[L.length-1])},[L,Y]),(0,l.useEffect)(()=>{(c||r.length>0)&&setTimeout(()=>{let t=550;a.current&&(t=a.current.offsetHeight+68),e(t)},0)},[a,L,r.length,c,e]),{aiImageCounter:_,setAiImageCounter:B,currentAiImgLimits:j,isFieldsDisabled:H,canGenerateImage:V,aiImageRequest:s,imageAiList:r,setImageAiList:o,isLoadingAi:c,setIsLoadingAi:m,loadingDuringGeneration:F,setLoadingDuringGeneration:P,requestStatus:U,setRequestStatus:T,handleGenerate:$,handleLimitAiImgCount:K,convertBase64ToFile:Z,isShiftPressed:D,setIsShiftPressed:G,currentReqId:O,setCurrentReqId:x,limitsInPlugin:W}}({setModalHeight:e,customRequest:t,aiTabRef:a,isImageUploaded:n,setIsImageUploaded:s,aiImageRequest:c,imageAiList:u,setImageAiList:g,isLoadingAi:A,setIsLoadingAi:E}),{__:O}=(0,h.s9)(),[x,D]=(0,l.useState)(!1),G=(0,l.useCallback)(()=>D(!0),[]),U=(0,l.useCallback)(()=>D(!1),[]),T=(0,l.useCallback)(e=>m(e.target.value),[m]),F=(0,l.useCallback)(e=>{"Shift"===e.key?_(!0):"Enter"!==e.key||S||(e.preventDefault(),L())},[S,L,_]),P=(0,l.useCallback)(e=>{"Shift"===e.key&&_(!1)},[_]);return l.createElement("div",{className:"image-ai"},B&&l.createElement(le.A,{text:"images",counter:v,limits:k,wrapperStyles:{marginTop:-25}}),l.createElement(q.A,{gutter:24,className:"image-ai__row"},l.createElement(z.A,{span:24},l.createElement(r.A.Item,{style:{margin:0}},l.createElement("span",{className:"ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper"+(x?" ant-input-affix-wrapper-focused":"")},l.createElement(o.A.TextArea,{ref:i,onKeyDown:F,onKeyUp:P,onFocus:G,onBlur:U,autoSize:!0,allowClear:!0,className:"text-area-input-hybrid image-ai__textarea",placeholder:O("Generate image"),value:c,onChange:T,spellCheck:"false"}),l.createElement("span",{className:"ant-input-suffix image-ai__input-suffix"},A||w?l.createElement(p.A,{className:"input-icon image-ai__input-icon",spin:!0}):l.createElement($.A,{icon:"AI",className:"input-icon image-ai__input-icon",onClick:L})))))),(A||u.length>0)&&l.createElement(J.A,{dotPosition:"top",arrows:!0,nextArrow:l.createElement(se,null),prevArrow:l.createElement(re,null),className:"image-ai__carousel"},A&&l.createElement("div",{className:"image-ai__loading"},l.createElement("div",{className:"spin"},l.createElement(p.A,{style:{fontSize:48},spin:!0}),l.createElement("p",{className:"status"},I))),u.length>0&&u.map((e,t)=>l.createElement("div",{key:t,className:"image-ai__image-item"},l.createElement(ae,{images:u}),l.createElement("div",{className:"buttons"},u.length>0&&l.createElement(C.Ay,{onClick:()=>R(`data:image/jpeg;base64, ${e}`),icon:l.createElement(te.A,null)},O("Use this one")))))))},ce=({setNewLink:e,setCurrentImageLink:t,setModalHeight:a,setModalWidth:i,setImageGifList:n,imageGifList:s,currentReqGif:c,setCurrentReqGif:u,inputRef:d,setStockLink:g,customRequest:f})=>{const{__:A}=(0,h.s9)(),[E,v]=(0,l.useState)(null),[k,w]=(0,l.useState)(!1),[I,b]=(0,l.useState)(25),[L]=(0,y.eo)(),R=async()=>{var e,t;const l=await L({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))},C=l.createElement(p.A,{style:{fontSize:20},spin:!0});return l.createElement("div",{className:"stock-tab"},l.createElement(r.A,{onValuesChange:R,className:s.length>0?"serach-results":""},l.createElement(q.A,{gutter:24},l.createElement(z.A,{span:s.length>0?"":24},l.createElement(r.A.Item,{className:"stock-search-input"},l.createElement(o.A,{onKeyDown:e=>"Space"===e.code&&R(),onPressEnter:e=>R(),allowClear:!0,size:s.length>0?"medium":"large",placeholder:A("Search GIFs"),value:c.keywords,onChange:e=>u(t=>({...t,keywords:e.target.value})),ref:d,spellCheck:"false",suffix:l.createElement(Q.A,{onClick:R,className:"cards-search__search-icon, input-icon",style:{fontSize:"16px",cursor:"pointer"}})})))),s.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}},s.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(K.A,{dataLength:s&&s.length,next:async()=>{k||(w(!0),L({query:c,page:I}).then(e=>{n(t=>[...t,...e.data.data]),w(!1),b(e=>e+25)}).catch(()=>{w(!1)}))},hasMore:s,endMessage:l.createElement(W.A,{plain:!0},A("That`s all we could find.")," \ud83e\udd10"),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:l.createElement(m.A,{indicator:C})},l.createElement(V.A,{breakpointCols:{default:3},className:"my-masonry-grid",columnClassName:"my-masonry-grid_column"},s.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 f(`${a}`);var a,l}},l.createElement("img",{className:E===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=)"}})),E===e.id&&l.createElement(m.A,{className:"ant-spin",indicator:l.createElement(p.A,{spin:!0})}))))))))};var me=a(48956),ue=a(40277);const de="IMG",ge="BACKGROUND",pe="EDITOR",he="UPLOAD",fe="STOCK",Ae="GIF",Ee="AI",{Dragger:ye}=n.A,ve=()=>{var e,t;const a=(0,ie.rD)(),{__:n}=(0,h.s9)(),L=(0,i.wA)(),{projectId:R}=(0,f.g)(),[C,S]=(0,E.dS)(),[_]=(0,y.FQ)(),{modal:B}=s.A.useApp(),O=(0,d.hN)(),x=(0,i.d4)(v.B$),D=(0,i.d4)(v.C1),G=(0,i.d4)(k.cL),U=(0,i.d4)(w.js),T=(0,i.d4)(w.Ac),[F,q]=(0,l.useState)(""),[z,j]=(0,l.useState)(""),[H,W]=(0,l.useState)(""),[K,V]=(0,l.useState)(""),[Q,$]=(0,l.useState)(he),[Z,J]=(0,l.useState)({width:"",height:"",size:"",format:""}),[X,ee]=(0,l.useState)("success"),[te,ae]=(0,l.useState)(!1),le=l.useRef(null),ne=l.useRef(null),se=l.useRef(null),re=l.useRef(null),ve=l.useRef(null),ke=l.useRef(null),we=l.useRef(null),Ie=l.useRef(null),be=l.useRef(null),[Le,Re]=(0,l.useState)("auto"),[Ce,Se]=(0,l.useState)(572),[_e,Be]=(0,l.useState)(null),[Ne,Oe]=(0,l.useState)(!1),[Me,xe]=(0,l.useState)({keywords:"",color:"",orientation:""}),[De,Ge]=(0,l.useState)({keywords:""}),[Ue,Te]=(0,l.useState)([]),[Fe,Pe]=(0,l.useState)([]),[qe,ze]=(0,l.useState)([]),[je,He]=(0,l.useState)(!1),[We,Ke]=(0,l.useState)(""),[Ve,Qe]=(0,l.useState)(!1),[$e,Ze]=(0,l.useState)(0),Ye=(0,i.d4)(I.yN),Je=(0,N.ml)(M.AZ.FILE_PROXY_EVENT_ID);let Xe=!(x||(null===(e=D.id)||void 0===e?void 0:e.toString())!==(null===Ye||void 0===Ye||null===(t=Ye.members)||void 0===t?void 0:t.owner.ID))&&!0;const et=async e=>{if(e)try{const t=await tt(e);lt({url:e}),t&&it(t)&&nt({file:t})}catch(t){}},tt=async e=>{try{const t=(await Je.fire({url:e,project:Ye})).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(Q===he&&K){if(0===t.type.indexOf("image")){const e=t.getAsFile();it(e);const a={file:e};j(""),nt(a)}0===t.type.indexOf("text")&&t.getAsString(e=>{"http"===e.slice(0,4)?(j(""),q(e),lt({url:e})):"meta"===e.toString().slice(1,5)&&(j(""),q(e.toString().split('"')[1]),lt({url:e.toString().split('"')[1]}))})}};const at=(0,l.useMemo)(()=>({IMG:U,BACKGROUND:T}),[U,T]);(0,l.useEffect)(()=>{const e=e=>{let t=null;G.includes("UPLOAD_BACKGROUND_MODAL")?(t=ge,V(ge)):G.includes("UPLOAD_IMAGE_MODAL")&&(V(de),t=de),at[t]&&(q(at[t]),$(e))};G===b.lx.UPLOAD_IMAGE_MODAL||G===b.lx.UPLOAD_BACKGROUND_MODAL?e(pe):G===b.lx.UPLOAD_IMAGE_MODAL_AI||G===b.lx.UPLOAD_BACKGROUND_MODAL_AI?(Xe?(Qe(!0),Ze(2)):e(Ee),setTimeout(()=>{var e;return null===(e=be.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):G===b.lx.UPLOAD_IMAGE_MODAL_UPLOAD||G===b.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD?(e(he),setTimeout(()=>{var e;return null===(e=ke.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):G===b.lx.UPLOAD_IMAGE_MODAL_STOCK||G===b.lx.UPLOAD_BACKGROUND_MODAL_STOCK?(Xe?(Qe(!0),Ze(3)):e(fe),setTimeout(()=>{var e;return null===(e=Ie.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):G===b.lx.UPLOAD_IMAGE_MODAL_GIF||G===b.lx.UPLOAD_BACKGROUND_MODAL_GIF?(Xe?(Qe(!0),Ze(3)):e(Ae),setTimeout(()=>{var e;return null===(e=we.current)||void 0===e?void 0:e.focus({cursor:"start"})},100)):G===b.lx.UPLOAD_IMAGE_MODAL_EDIT||G===b.lx.UPLOAD_BACKGROUND_MODAL_EDIT?(Xe?(Qe(!0),Ze(5)):e(pe),L((0,k.Wz)(b.lx.IMAGE_EDITOR_MODAL))):V("")},[G,L,Xe,at]);const lt=(0,l.useCallback)(({url:e=F||""})=>{q(e),K===de&&L((0,w.tm)(e)),K===ge&&L((0,w.e_)(e)),setTimeout(()=>{xe({keywords:"",color:"",orientation:""}),Ge({keywords:""}),Pe([]),Te([]),V(""),Ke(""),He(!1),W(""),j(""),$(he)},200),L((0,k.Oo)()),L((0,k.Os)())},[F,L,K]);(0,l.useEffect)(()=>{const e=z||H;e?(0,ue.DI)(e).then(t=>{ee(t),Se(572),setTimeout(()=>{let e=0;ne.current&&(e=ne.current.offsetHeight+62),Re(e)},0),lt(e)}).catch(e=>{ee(e)}):ee("")},[z,H,lt]),(0,l.useEffect)(()=>{F&&_(F).then(({data:e})=>{J({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})})},[F,_]);(0,l.useEffect)(()=>{var e;""===Me.keywords&&(null===ke||void 0===ke||null===(e=ke.current)||void 0===e||e.focus({cursor:"start"}),Pe([]),setTimeout(()=>{Re("auto"),Se(572)},0))},[Me,Pe,Re,Se]);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||O.error({id:"IMAGE_UPLOAD_WRONG_FORMAT",data:e,message:"Upload",description:"You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"}),t},nt=({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=>{Oe(!0);const t=e.file;try{"image/gif"!==t.type&&(e.file=await(0,A.A)(t,{maxSizeMB:a.compressMaxSize||.45,maxWidthOrHeight:a.compressMaxWidthOrHeight||2e3})),C(e).then(({error:e,data:a})=>{var l;if(e)O.fromError("IMAGE_UPLOAD_ERROR",t,e);else if(400===(null===a||void 0===a||null===(l=a.data)||void 0===l?void 0:l.status))O.error({id:"IMAGE_UPLOAD_ERROR",data:t,innerException:null===a||void 0===a?void 0:a.data,message:a.code,description:a.message});else{var i;const e=null===a||void 0===a||null===(i=a[0])||void 0===i?void 0:i.file_url;e&&(Re("auto"),ae(!1),lt({url:e})),O.success({id:"IMAGE_UPLOAD_SUCCESS",data:t,message:n("The image was successfully uploaded.")})}}).catch(e=>{}).finally(()=>{Oe(!1)})}catch(l){Oe(!1)}})({user_id:D.id,folder:R,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"}),n=URL.createObjectURL(i),s=new Image;s.onload=function(){const a=document.createElement("canvas");a.width=2*s.width,a.height=2*s.height,a.getContext("2d").drawImage(s,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(n)},"image/png")},s.src=n},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)},st=e=>nt({file:e});let rt=[{label:n("Upload"),key:he,children:l.createElement("div",{ref:le,style:{paddingBottom:24}},l.createElement(ye,{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(g.A,null)),l.createElement("p",{className:"ant-upload-text"},n("Click to select, paste from the clipboard, or drag and drop")),l.createElement("p",{className:"ant-upload-hint"},n("Accepted formats: PNG, JPG, WEBP, SVG or GIF."))),l.createElement(r.A,{style:{padding:"0 2px 0 2px"}},l.createElement(r.A.Item,{validateStatus:X},l.createElement(o.A,{ref:ke,allowClear:!0,size:"large",placeholder:n("Paste image URL here"),value:z,onChange:e=>{const t=e.target.value;j(t),_e&&clearTimeout(_e);const a=setTimeout(()=>et(t),1e3);Be(a)},spellCheck:"false"}))))}];a.imageCenterStockEnabled&&!Xe&&rt.push({label:n("Stock"),key:fe,children:l.createElement("div",{ref:se,style:{paddingBottom:24}},l.createElement(Y,{currentReq:Me,setCurrentReq:xe,imageStockList:Fe,setImageStockList:Pe,setModalWidth:Se,setModalHeight:Re,setStockLink:W,setCurrentImageLink:q,inputRef:Ie,customRequest:et}))}),a.imageCenterGifEnabled&&!Xe&&rt.push({label:n("GIF"),key:Ae,children:l.createElement("div",{ref:re,style:{paddingBottom:24}},l.createElement(ce,{currentReqGif:De,setCurrentReqGif:Ge,imageGifList:Ue,setImageGifList:Te,setModalWidth:Se,setModalHeight:Re,setStockLink:W,setCurrentImageLink:q,inputRef:we,customRequest:et}))}),a.elementAIimageEnabled&&!Xe&&rt.push({label:n("AI"),key:Ee,children:l.createElement("div",{ref:ve,style:{paddingBottom:24}},l.createElement(oe,{setModalHeight:Re,customRequest:nt,aiImageRequest:We,setAiImageRequest:Ke,imageAiList:qe,setImageAiList:ze,isLoadingAi:je,setIsLoadingAi:He,aiTabRef:ve,inputAiRef:be,isImageUploaded:te,setIsImageUploaded:ae}))}),a.imageCenterEditorEnabled&&rt.push({label:"",key:pe,children:l.createElement("div",{ref:ne},l.createElement(P,{currentImageLink:F,newLink:z,imageSize:Z,onSave:st,uploadImageResultIsLoading:S.isLoading||!1}))});const ot=l.createElement(p.A,{style:{fontSize:32,margin:-16},spin:!0});return l.createElement(l.Fragment,null,l.createElement(c.A,{width:Ce,className:"image-center blocks-modal",title:n("Image Center"),centered:!0,style:{minHeight:390},open:!!K,onOk:lt,onCancel:()=>{L((0,k.Oo)()),setTimeout(()=>{q(""),j(""),Pe([]),Pe([]),xe({keywords:"",color:"",orientation:""}),Ge({keywords:""}),Re("auto"),!je&&Ke(""),Se(572),$(he)},200)},footer:Q===pe?l.createElement(l.Fragment,null):null},l.createElement(m.A,{spinning:Ne,indicator:ot},l.createElement(u.A,{activeKey:Q,onChange:e=>{"GALLERY"===e?B.success({maskClosable:!0,centered:!0,title:n("Coming soon"),content:n("The feature is under development."),okText:n("Ok. I'll be waiting"),onOk:()=>{}}):e===pe&&""===F?B.warning({maskClosable:!0,centered:!0,title:n(""),content:n("To preview and edit the uploaded image"),okText:n("Upload Image"),onOk:()=>{$(he)}}):(setTimeout(()=>{let t=0,a=0;var l;if(e===he&&le.current)""===Me.keywords&&(null===(l=ke.current)||void 0===l||l.focus({cursor:"start"})),t=300,a=572;else if(e===pe&&ne.current)t=ne.current.offsetHeight+62,a=572;else if(e===fe&&se.current){var i;""===Me.keywords&&(null===(i=Ie.current)||void 0===i||i.focus({cursor:"start"})),t=130,a=572,Fe.length>0&&(a=1060,t="84vh")}else if(e===Ae&&re.current){var n;""===Me.keywords&&(null===(n=we.current)||void 0===n||n.focus({cursor:"start"})),t=130,a=572,Ue.length>0&&(a=1060,t="84vh")}else if(e===Ee&&ve.current){var s;if(""===We&&0===qe.length)null===(s=be.current)||void 0===s||s.focus({cursor:"start"}),t=130;else t=ve.current.offsetHeight+82;a=572}Re(t),Se(a)},0),$(e))},items:rt,style:{height:Le,minHeight:130}}))),l.createElement(me.A,{open:Ve,onCancel:()=>Qe(!1),initialSlide:$e}))}}}]);