@emailmaker/emailmaker 1.2.3 → 1.2.5

package/static/core/6e548251.js

@@ -1 +0,0 @@
-__emailmaker__.define("static/core/6e548251.js",["require","exports","module","static/core/5dc34752.js","static/core/c804e4dd.js","static/core/abb243ca.js","static/core/bbb11e65.js","static/core/1912a30e.js","static/core/60b75c99.js"],function(c,i,v){const w=c("./5dc34752.js"),s=c("./c804e4dd.js"),m=c("./abb243ca.js"),f=c("./bbb11e65.js"),j=c("./1912a30e.js"),d=c("./60b75c99.js");function n(t){return t.tagName==="___SCRIPT"}function p(t){return n(t)&&t.src?.startsWith("https://cdn.ampproject.org/v0")}var u=t=>p(t)||f.isAmpElement(t)||s.isForm(t),h=t=>{if(u(t))return!0;if(s.isElement(t)||s.isDocument(t)){for(const r of t.querySelectorAll("*"))if(u(r))return!0}return!1};async function y(t,r={amp:!0,text:!1},l){const A=r===!0||typeof r=="object"&&r.amp,E=r===!0||typeof r=="object"&&r.text;typeof t=="string"&&(t={code:t});let a;const o={html:"",ampHtml:"",text:""};try{o.html=t.code?await m.prepareHTML(t.code||"",[800],t.utm_parameters,async e=>{a=h(e.document),a&&await s.processAmp(e,"html")},l):""}catch(e){throw new Error("[emailmaker] compileEmail: не удалось собрать html письма",{cause:e})}try{o.ampHtml=A&&t.code&&a?await m.prepareHTML(t.code||"",[800],t.utm_parameters,e=>{s.processAmp(e,"amp")},l):""}catch{}try{o.text=E&&t.code?await m.prepareHTML(t.code||"",[800],t.utm_parameters,async e=>{e.handleReadHtml(_=>{_.html=j.convert(_.contentDocument,d.EmailTextPlainConvertOptions)})}):""}catch{}return{...t,compiled:o}}i.compileEmail=y,i.isAmpScript=p,i.isScriptElement=n});

package/static/core/97aabe39.js

@@ -1,7 +0,0 @@
-__emailmaker__.define("static/core/61378c9e.js",["require","exports","module"],function(d,a,u){function l(c,s="application/octet-stream"){let t=c.trim(),o=s?.trim()||"application/octet-stream";const r=t.indexOf(",");if(t.startsWith("data:")&&r>=0){const e=t.slice(5,r).split(";")[0]?.trim();e&&(o=e),t=t.slice(r+1)}const m=t.replace(/\s/g,""),i=atob(m),n=new Uint8Array(i.length);for(let e=0;e<i.length;e++)n[e]=i.charCodeAt(e);return new Blob([n],{type:o})}Object.defineProperty(a,"base64ToBlob",{enumerable:!0,get:function(){return l}})});
-
-(function(){try{if(typeof document<"u"){var t=".blocks-app .image-preview{text-align:center;min-height:100px;position:relative}.blocks-app .image-preview .image-editor-modal{border:1px solid red}.blocks-app .image-preview__edit-button{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.blocks-app .image-preview img{border:1px solid var(--em-colorBorder);border-radius:6px;max-width:100%;max-height:500px}.blocks-app .serach-results .ant-row{align-items:center}.blocks-app .serach-results .blocks-search__divider-wrapper{margin-top:12px;position:relative}.blocks-app .serach-results .blocks-search__divider-wrapper .ant-divider-horizontal{border-top:1px solid var(--em-colorBorderSecondary);background:0 0;width:100%;height:1px;min-height:0;margin:0;position:static}.blocks-app .slideshow-container{width:524px;height:350px;margin:auto;position:relative;overflow:hidden}.blocks-app .slideshow-image{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.blocks-app .image-ai .slideshow-image{width:auto;height:auto}.blocks-app .image-ai__image-item{text-align:center;border-radius:6px;justify-content:center;align-items:center;min-height:100px;display:flex;position:relative}.blocks-app .image-ai__image-item .buttons{justify-content:space-between;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.blocks-app .image-ai .text-area-input-hybrid{border:none;outline:none;min-height:0;padding:0 0 0 1px}.blocks-app .image-ai .text-area-input-hybrid textarea{height:32px;min-height:32px;padding:3px 11px;line-height:26px}.blocks-app .image-ai__loading{justify-content:center;align-items:center;min-height:150px;display:flex}.blocks-app .image-ai__loading .spin{flex-direction:column;justify-content:center;align-items:center;height:150px;display:flex}.blocks-app .image-ai__loading .status{margin:3px 0 0}.blocks-app .image-ai__preview{border-radius:6px;margin-top:24px;overflow:hidden}.blocks-app .image-ai__preview .image-ai__image-item img{border-radius:calc(var(--em-borderRadius) * 1px);object-fit:contain;max-height:100%;transition:height 1s;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.blocks-app .image-ai .small{width:302px;height:202px}.blocks-app .image-ai .large{width:524px;height:350px}.blocks-app .image-ai .image-ai__row{padding:0 2px}.blocks-app .image-ai .image-ai__input-affix-wrapper{border-style:solid;border-width:calc(var(--em-borderWidth) * 1px);border-color:var(--em-colorFillSecondaryDarken);border-radius:calc(var(--em-borderRadius) * 1px);width:100%;padding-left:0;display:inline-flex}.blocks-app .image-ai .image-ai__input-affix-wrapper:hover{border-color:var(--em-borderColorHover)}.blocks-app .image-ai .image-ai__input-affix-wrapper.ant-input-affix-wrapper-focused{border-color:var(--em-colorPrimaryBorder)}.blocks-app .image-ai .image-ai__textarea{font-size:16px}.blocks-app .image-ai .image-ai__input-icon{font-size:16px;top:0;right:0}.dark .blocks-app .image-ai .image-ai__preview .image-ai__image-item img{background:#2b2b2b;border:1px solid #434343}.dark .blocks-app .image-ai .ant-btn{background:#1f1f1f}.dark .blocks-app .image-ai .ant-btn:hover{color:var(--em-colorPrimary)}.blocks-app .stock-tab img{border-radius:0;max-width:none;max-height:none}.blocks-app .stock-tab .stock-search-input{padding:0 2px}.blocks-app .stock-tab .my-masonry-grid{text-align:center;width:auto;display:flex}.blocks-app .stock-tab .my-masonry-grid_column{background-clip:padding-box}.blocks-app .stock-tab .list-item{cursor:pointer;background:#f0f2f5;border:1px solid #f0f2f5;border-radius:6px;min-height:100px;max-height:100px;margin-bottom:20px;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.blocks-app .stock-tab .list-item .overlay-image{opacity:0;background-size:cover;width:110px;height:40px;transition:opacity .5s;position:absolute;bottom:10px;right:10px}.blocks-app .stock-tab .list-item .ant-spin{color:#f0f2f5;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blocks-app .stock-tab .list-item img{object-fit:cover;opacity:0;border-radius:6px;height:auto;transition:opacity .5s ease-in-out;display:block}.blocks-app .stock-tab .list-item.loaded{border:1px solid #d9d9d9;max-height:1000px}.blocks-app .stock-tab .list-item.loaded img{opacity:1;height:100%}.blocks-app .stock-tab .list-item.loaded .loaded-image{opacity:.5}.blocks-app .stock-tab .list-item:hover{box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017}.blocks-app .stock-tab .list-item:hover p.creator-info,.blocks-app .stock-tab .list-item:hover .overlay-image{opacity:1}.blocks-app .stock-tab .list-item p.creator-info{color:#fff;opacity:0;background-color:#00000080;border-radius:0 0 6px;margin:0;padding:5px;font-size:10px;line-height:1.2;position:absolute;bottom:0;right:0}.blocks-app .stock-tab .list-item p.creator-info:hover a{color:#fff;text-decoration:underline}.blocks-app .stock-tab .list-item p.creator-info a{color:#fff;text-decoration:none}.blocks-app .stock-color-filter{display:flex}.blocks-app .stock-color-filter label{border-width:1px;width:24px;height:24px;margin:4px;padding:0;font-size:0;border-radius:6px!important}.blocks-app .stock-color-filter label.all-colors{background-image:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff)}.blocks-app .stock-color-filter label.black-color{background:#222}.blocks-app .stock-color-filter label.bw-color{background-image:linear-gradient(135deg,#222 50%,#fff 50%)}.blocks-app .stock-color-filter label.white-color{background:#fff}.blocks-app .stock-color-filter label.orange-color{background:#fa8c16}.blocks-app .stock-color-filter label.red-color{background:#f5222d}.blocks-app .stock-color-filter label.purple-color{background:#722ed1}.blocks-app .stock-color-filter label.magenta-color{background:#eb2f96}.blocks-app .stock-color-filter label.green-color{background:#52c41a}.blocks-app .stock-color-filter label.teal-color{background:#43c3c3}.blocks-app .stock-color-filter label.blue-color{background:#1677ff}.blocks-app .stock-color-filter .ant-radio-button-wrapper:not(:first-child):before{display:none}.blocks-app .serach-results{padding-top:6px}.blocks-app .serach-results .stock-search-input{width:322px;padding:0 2px}.blocks-app .serach-results .blocks-search__divider-wrapper{width:calc(100% + 48px);margin-top:12px;margin-left:-24px;margin-right:-24px;position:relative}.blocks-app .serach-results .blocks-search__divider-wrapper .ant-divider-horizontal{pointer-events:none;border-top:1px solid var(--em-colorBorderSecondary);background:linear-gradient(180deg, var(--em-colorBgContainerDisabled), transparent 40%);border-bottom:none;width:100%;height:20px;min-height:20px;margin:0;position:relative;bottom:auto;left:auto;right:auto}.dark .blocks-app .image-center .stock-tab .serach-results .blocks-search__divider-wrapper .ant-divider-horizontal{background:linear-gradient(180deg, var(--em-colorBgBase), transparent 40%)}.dark .blocks-app .stock-tab .list-item{background:#2b2b2b;border:1px solid #2b2b2b}.dark .blocks-app .stock-tab .list-item.loaded{border:1px solid #434343}.blocks-app .image-center .image-center-image-preview{justify-content:center;align-items:center;display:flex}.blocks-app .image-center .ant-divider-horizontal{pointer-events:none;z-index:1;background:linear-gradient(180deg, var(--em-colorBgContainerDisabled), transparent 40%);width:calc(100% + 48px);height:20px;margin:24px -24px 0;position:absolute;bottom:-19px}.dark .blocks-app .image-center .ant-divider-horizontal{background:linear-gradient(180deg, var(--em-colorBgBase), transparent 40%)}.blocks-app .image-center .ant-divider-horizontal.ant-divider-with-text{background:0 0;width:calc(100% + 38px);margin:0 -24px 20px;position:relative;top:0}.blocks-app .image-center img{border-radius:4px;max-width:524px;max-height:352px}.blocks-app .image-center .image-size{justify-content:center;margin-top:6px;font-size:14px;line-height:22px;display:flex}.blocks-app .image-center .ant-upload.ant-upload-drag{border-radius:6px}.blocks-app .image-center .ant-modal-body .stock-search-input{margin-bottom:0}.blocks-app .image-center .ant-modal-body .serach-results .stock-search-input{margin-bottom:10px}.blocks-app .image-center .ant-modal-body .ant-form:not(.serach-results) .ant-form-item:last-child{margin-bottom:0}.blocks-app .image-center .ant-modal-body .ant-tabs{transition:all .7s cubic-bezier(.075,.82,.165,1)}.blocks-app .image-center .ant-modal-body .ant-tabs .ant-tabs-content-holder{overflow-y:clip}.blocks-app .ant-modal{transition:width .7s ease-in-out}",e=window.__emailmaker_styles__||(window.__emailmaker_styles__={sheets:{},order:[]}),r=t;if(!e.sheets[r]){var o=null;try{typeof CSSStyleSheet=="function"&&"replaceSync"in CSSStyleSheet.prototype&&(o=new CSSStyleSheet,o.replaceSync(t))}catch{o=null}if(o){if(!e.host||!e.host.isConnected||!e.host.sheet){var a=document.createElement("style");a.setAttribute("data-emailmaker","true"),document.head.appendChild(a),e.host=a}for(var l=e.host.sheet,p=0;p<o.cssRules.length;p++)try{l.insertRule(o.cssRules[p].cssText,l.cssRules.length)}catch{}(e.texts||(e.texts=[])).push(t),(e.listeners||[]).forEach(function(i){try{i(t)}catch{}})}else{var a=document.createElement("style");a.setAttribute("data-emailmaker","true"),a.appendChild(document.createTextNode(t)),document.head.appendChild(a)}e.sheets[r]=!0,e.order.push(r)}}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-__emailmaker__.define("static/core/97aabe39.js",["require","exports","module","static/core/5dc34752.js","static/core/422c8b42.js","static/core/c804e4dd.js","static/core/466f98bb.js","static/core/61378c9e.js","react","react/jsx-runtime","__delivery__/libs","vite/preload-helper"],function(ie,kt,fn){const Xe=ie("./5dc34752.js"),be=ie("./422c8b42.js"),s=ie("./c804e4dd.js"),ne=ie("./466f98bb.js"),It=ie("./61378c9e.js");let e=ie("react");e=Xe.__toESM(e);let t=ie("react/jsx-runtime"),m=ie("__delivery__/libs"),xt=ie("vite/preload-helper");var _t=Xe.__toESM(s.require_prop_types()),Et=s.lazyRoute(()=>(0,xt.__vitePreload)(()=>Promise.resolve().then(()=>ie("./1687225b.js")),void 0,{}.url));function St(r){return s.useSelector(s.selectSecondModal)?(0,t.jsx)(e.Suspense,{fallback:null,children:(0,t.jsx)(Et,{...r})}):null}var jt=({currentImageLink:r,newLink:o,previewDisplayUrl:i,resolvedPreviewObjectUrl:l,resolvedPreviewBlob:u,resolveImageBlob:c,onSave:f,uploadImageResultIsLoading:p})=>{const g=i||l;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{children:(0,t.jsxs)("div",{className:"image-preview",children:[p&&(0,t.jsx)("div",{style:{position:"absolute",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:s.emCssVar("colorBgLayout"),zIndex:10,opacity:.7},children:(0,t.jsx)(m.ui_kit$Spin,{size:"large"})}),g&&(0,t.jsx)("img",{alt:"uploadedImage",src:g})]})}),(0,t.jsx)(St,{currentImageLink:r,prefetchedBlob:u,resolveImageBlob:c,newLink:o,onSave:f,uploadImageResultIsLoading:p})]})},_e={Pixel:"Pixel",Percent:"Percent"},et={unit:_e.Percent,value:80};function Rt(r){return typeof r=="number"?{unit:_e.Percent,value:r*100}:typeof r=="string"?/^(\d*(\.\d+)?)px$/.exec(r)?{unit:_e.Pixel,value:parseFloat(r)}:/^(\d*(\.\d+)?)%$/.exec(r)?{unit:_e.Percent,value:parseFloat(r)}:et:et}function Lt(r,o){const i=Rt(r);let l;return i.unit===_e.Pixel?l=`${i.value}px`:l=`${100-i.value}%`,o?`${l} 0px 0px 0px`:`0px 0px ${l} 0px`}function tt({next:r,hasMore:o,children:i,loader:l,scrollThreshold:u=.8,endMessage:c,style:f,height:p,scrollableTarget:g,hasChildren:w,inverse:I=!1,pullDownToRefresh:y=!1,pullDownToRefreshContent:h,releaseToRefreshContent:x,pullDownToRefreshThreshold:k=100,refreshFunction:L,onScroll:b,dataLength:S,initialScrollY:R,className:F="",role:Q,tabIndex:D,id:G,...z}){const[W,H]=(0,e.useState)(!1),[T,q]=(0,e.useState)(!1),[V,re]=(0,e.useState)(0),_=(0,e.useRef)(null),Y=(0,e.useRef)(null),N=(0,e.useRef)(null),B=(0,e.useRef)(r);B.current=r;const ee=(0,e.useRef)(L);ee.current=L;const P=(0,e.useRef)(k);P.current=k;const n=(0,e.useRef)(!1),A=(0,e.useRef)(!1),j=(0,e.useRef)(0),$=(0,e.useRef)(0),le=(0,e.useRef)(0),E=(0,e.useCallback)(()=>g instanceof HTMLElement?g:typeof g=="string"?document.getElementById(g):null,[g]);(0,e.useEffect)(()=>{if(typeof S>"u")throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(y&&typeof L!="function")throw new Error(`Mandatory prop "refreshFunction" missing.
-          Pull Down To Refresh functionality will not work
-          as expected. Check README.md for usage'`);if(typeof R=="number"){const U=p?_.current:E();U&&U.scrollHeight>R&&U.scrollTo(0,R)}},[]),(0,e.useEffect)(()=>{n.current=!1,H(!1)},[S]),(0,e.useEffect)(()=>{if(!o||typeof IntersectionObserver>"u")return;const U=Y.current;if(!U)return;const Z=p?_.current:E(),O=new IntersectionObserver(([te])=>{!te.isIntersecting||n.current||(n.current=!0,H(!0),B.current())},{root:Z,rootMargin:Lt(u,I),threshold:0});return O.observe(U),()=>O.disconnect()},[o,u,I,p,E]),(0,e.useEffect)(()=>{var U;if(!b)return;const Z=(U=p?_.current:E())!==null&&U!==void 0?U:typeof window<"u"?window:null;if(!Z)return;const O=te=>{setTimeout(()=>b(te),0)};return Z.addEventListener("scroll",O),()=>Z.removeEventListener("scroll",O)},[b,p,E]),(0,e.useEffect)(()=>{var U,Z;if(!y)return;const O=(U=p?_.current:E())!==null&&U!==void 0?U:typeof window<"u"?window:null;if(!O)return;if(!((Z=N.current)===null||Z===void 0)&&Z.firstChild){const K=N.current.firstChild.getBoundingClientRect().height;le.current=K,re(K)}const te=K=>{(O instanceof HTMLElement?O.scrollTop:document.documentElement.scrollTop)>0||(A.current=!0,K instanceof MouseEvent?j.current=K.pageY:K instanceof TouchEvent&&(j.current=K.touches[0].pageY),$.current=j.current,_.current&&(_.current.style.willChange="transform",_.current.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},v=K=>{if(!A.current||(K instanceof MouseEvent?$.current=K.pageY:K instanceof TouchEvent&&($.current=K.touches[0].pageY),$.current<j.current))return;const se=$.current-j.current;se>=P.current&&q(!0),!(se>le.current*1.5)&&_.current&&(_.current.style.overflow="visible",_.current.style.transform=`translate3d(0px, ${se}px, 0px)`)},J=()=>{j.current=0,$.current=0,A.current=!1,q(K=>{var se;return K&&((se=ee.current)===null||se===void 0||se.call(ee)),!1}),requestAnimationFrame(()=>{_.current&&(_.current.style.overflow="auto",_.current.style.transform="none",_.current.style.willChange="unset")})};return O.addEventListener("touchstart",te),O.addEventListener("touchmove",v),O.addEventListener("touchend",J),O.addEventListener("mousedown",te),O.addEventListener("mousemove",v),O.addEventListener("mouseup",J),()=>{O.removeEventListener("touchstart",te),O.removeEventListener("touchmove",v),O.removeEventListener("touchend",J),O.removeEventListener("mousedown",te),O.removeEventListener("mousemove",v),O.removeEventListener("mouseup",J)}},[y,p,E]);const ve={height:p??"auto",overflow:"auto",WebkitOverflowScrolling:"touch",...f},ae=w||!!(i&&i instanceof Array&&i.length),pe=y&&p?{overflow:"auto"}:{},Ce=o?(0,t.jsx)("div",{ref:Y,style:{height:1}}):null;return(0,t.jsx)("div",{style:pe,className:"infinite-scroll-component__outerdiv",children:(0,t.jsxs)("div",{...z,role:Q,tabIndex:D,id:G,className:["infinite-scroll-component",F].filter(Boolean).join(" "),ref:_,style:ve,children:[y&&(0,t.jsx)("div",{style:{position:"relative"},ref:N,children:(0,t.jsx)("div",{style:{position:"absolute",left:0,right:0,top:-1*V},children:T?x:h})}),i,!W&&!ae&&o&&l,W&&o&&l,Ce,!o&&c]})})}function Ot(r,o){if(r==null)return{};var i=Pt(r,o),l,u;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(u=0;u<c.length;u++)l=c[u],!(o.indexOf(l)>=0)&&Object.prototype.propertyIsEnumerable.call(r,l)&&(i[l]=r[l])}return i}function Pt(r,o){if(r==null)return{};for(var i={},l=Object.keys(r),u,c=0;c<l.length;c++)u=l[c],!(o.indexOf(u)>=0)&&(i[u]=r[u]);return i}function Pe(){return Pe=Object.assign||function(r){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var l in i)Object.prototype.hasOwnProperty.call(i,l)&&(r[l]=i[l])}return r},Pe.apply(this,arguments)}function nt(r,o){var i=Object.keys(r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);o&&(l=l.filter(function(u){return Object.getOwnPropertyDescriptor(r,u).enumerable})),i.push.apply(i,l)}return i}function Ee(r){for(var o=1;o<arguments.length;o++){var i=arguments[o]!=null?arguments[o]:{};o%2?nt(Object(i),!0).forEach(function(l){Ut(r,l,i[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):nt(Object(i)).forEach(function(l){Object.defineProperty(r,l,Object.getOwnPropertyDescriptor(i,l))})}return r}function Ut(r,o,i){return o in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i,r}var Dt={breakpointCols:void 0,className:void 0,columnClassName:void 0,children:void 0,columnAttrs:void 0,column:void 0},Te=2,Ne=class extends e.default.Component{constructor(r){super(r),this.reCalculateColumnCount=this.reCalculateColumnCount.bind(this),this.reCalculateColumnCountDebounce=this.reCalculateColumnCountDebounce.bind(this);let o;this.props.breakpointCols&&this.props.breakpointCols.default?o=this.props.breakpointCols.default:o=parseInt(this.props.breakpointCols)||Te,this.state={columnCount:o}}componentDidMount(){this.reCalculateColumnCount(),window&&window.addEventListener("resize",this.reCalculateColumnCountDebounce)}componentDidUpdate(){this.reCalculateColumnCount()}componentWillUnmount(){window&&window.removeEventListener("resize",this.reCalculateColumnCountDebounce)}reCalculateColumnCountDebounce(){if(!window||!window.requestAnimationFrame){this.reCalculateColumnCount();return}window.cancelAnimationFrame&&window.cancelAnimationFrame(this._lastRecalculateAnimationFrame),this._lastRecalculateAnimationFrame=window.requestAnimationFrame(()=>{this.reCalculateColumnCount()})}reCalculateColumnCount(){const r=window&&window.innerWidth||1/0;let o=this.props.breakpointCols;typeof o!="object"&&(o={default:parseInt(o)||Te});let i=1/0,l=o.default||Te;for(let u in o){const c=parseInt(u);c>0&&r<=c&&c<i&&(i=c,l=o[u])}l=Math.max(1,parseInt(l)||1),this.state.columnCount!==l&&this.setState({columnCount:l})}itemsInColumns(){const r=this.state.columnCount,o=new Array(r),i=e.default.Children.toArray(this.props.children);for(let l=0;l<i.length;l++){const u=l%r;o[u]||(o[u]=[]),o[u].push(i[l])}return o}renderColumns(){const{column:r,columnAttrs:o={},columnClassName:i}=this.props,l=this.itemsInColumns(),u=`${100/l.length}%`;let c=i;c&&typeof c!="string"&&(this.logDeprecated('The property "columnClassName" requires a string'),typeof c>"u"&&(c="my-masonry-grid_column"));const f=Ee(Ee(Ee({},r),o),{},{style:Ee(Ee({},o.style),{},{width:u}),className:c});return l.map((p,g)=>e.default.createElement("div",Pe({},f,{key:g}),p))}logDeprecated(r){}render(){const r=this.props,{children:o,breakpointCols:i,columnClassName:l,columnAttrs:u,column:c,className:f}=r,p=Ot(r,["children","breakpointCols","columnClassName","columnAttrs","column","className"]);let g=f;return typeof f!="string"&&(this.logDeprecated('The property "className" requires a string'),typeof f>"u"&&(g="my-masonry-grid")),e.default.createElement("div",Pe({},p,{className:g}),this.renderColumns())}};Ne.defaultProps=Dt;function Be(r,o){return r?r.exhausted?{...r,src:null}:{...r,src:r.src||o||null}:null}function st({items:r,getItemId:o,getRequestUrl:i,createController:l}){const[u,c]=(0,e.useState)({}),f=(0,e.useRef)(new Map),p=(0,e.useCallback)(g=>{const w=o(g),I=i(g),y=`${w}:${I}`;if(f.current.has(y))return{itemId:w,requestUrl:I,cacheKey:y,controller:f.current.get(y)};const h=l(I);return f.current.set(y,h),{itemId:w,requestUrl:I,cacheKey:y,controller:h}},[l,o,i]);return(0,e.useEffect)(()=>{const g=new Set,w={},I=r.map(y=>{const{itemId:h,cacheKey:x,controller:k}=p(y);g.add(x),w[h]=k.src;const L=Be(k.handleChangeSrc?.(),k.src);return L?.changed&&L.src&&(w[h]=L.src),k.subscribeToSrcChange?.(b=>{const S=Be(b,k.src);!S?.changed||!S.src||c(R=>R[h]===S.src?R:{...R,[h]:S.src})})}).filter(Boolean);return f.current.forEach((y,h)=>{g.has(h)||f.current.delete(h)}),c(w),()=>{I.forEach(y=>y?.())}},[p,r]),{getDisplaySrc:(0,e.useCallback)(g=>{const{itemId:w,requestUrl:I,controller:y}=p(g);return u[w]||y.src||I},[u,p]),handleLoad:(0,e.useCallback)(g=>{p(g).controller.handleSuccess()},[p]),handleError:(0,e.useCallback)(g=>{const{itemId:w,controller:I}=p(g),y=Be(I.handleError(),I.src);y?.changed&&y.src&&c(h=>({...h,[w]:y.src}))},[p])}}var rt="blocks",Mt=({setCurrentImageLink:r,setModalHeight:o,setModalWidth:i,setImageStockList:l,imageStockList:u,currentReq:c,setCurrentReq:f,inputRef:p,setStockLink:g,customRequest:w})=>{const I=s.useAppConfig(),y=s.useIsStandalone(),[h,x]=(0,e.useState)(!1),[k,L]=(0,e.useState)(2),{__:b}=s.useI18n(),S=s.useNotification(),[R]=s.useLazyGetUnsplashImageQuery(),[F]=s.useLazyGetSearchImageQuery(),Q=(0,e.useCallback)(n=>n instanceof Error||typeof n?.message=="string"&&n.message?n.message:typeof n?.error?.message=="string"&&n.error.message?n.error.message:b("Failed to load stock images through the configured proxy chain."),[b]),D=(0,e.useCallback)(n=>{S.error({id:"STOCK_IMAGES_SEARCH_FAILED",title:b("Failed to load stock images"),description:Q(n)})},[b,Q,S]),G=async()=>{h||(x(!0),F({query:c,page:k}).then(n=>{if(n?.error){D(n.error),x(!1);return}const A=n?.data?.results||[];l(j=>[...j,...A]),x(!1),L(j=>j+1)}).catch(()=>{x(!1)}))};(0,e.useEffect)(()=>{c.keywords!==""&&z()},[c.color,c.orientation]);const z=async()=>{const n=await F({query:c,page:1});if(n?.error){D(n.error),l([]);return}const A=n?.data?.results||[];A.length>0?(l(A),setTimeout(()=>{i(1060),o("84vh")},0)):l([])},[W,H]=(0,e.useState)(null),T=(0,e.useCallback)((n,A,j)=>`${n}${n.includes("?")?"&":"?"}w=${A}&q=${j}`,[]),q=(0,e.useCallback)(n=>be.getProxiedUrl(n,{config:I,standalone:y,resourceType:"stockImages",intent:"display"}),[I,y]),V=(0,e.useCallback)(n=>n.id,[]),re=(0,e.useCallback)(n=>T(n.urls.raw,644,96),[T]),{getDisplaySrc:_,handleLoad:Y,handleError:N}=st({items:u,getItemId:V,getRequestUrl:re,createController:q}),B=n=>A=>{Y(n),A.target.parentNode.classList.add("loaded")},ee=n=>()=>{N(n)},P=(n,A,j)=>{R(A.download_location),H(j),setTimeout(()=>H(null),2e3),g(`${n.raw}&w=1200&q=96`),r(`${n.raw}&w=1200&q=96`),w(`${n.raw}&w=1200&q=96`)};return(0,t.jsxs)("div",{className:"stock-tab",children:[(0,t.jsxs)(m.ui_kit$Form,{onValuesChange:z,className:u.length>0?"serach-results":"",children:[(0,t.jsxs)(m.ui_kit$Row,{gutter:24,children:[(0,t.jsx)(m.ui_kit$Col,{span:u.length>0?"":24,children:(0,t.jsx)(m.ui_kit$Form.Item,{className:"stock-search-input",children:(0,t.jsx)(m.ui_kit$SearchInput,{onSearch:z,allowClear:!0,size:u.length>0?"medium":"large",placeholder:b("Search image"),value:c.keywords,onChange:n=>f(A=>({...A,keywords:n.target.value})),ref:p,spellCheck:"false",enterButton:!1})})}),u.length>0&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m.ui_kit$Col,{children:(0,t.jsxs)(m.ui_kit$Radio.Group,{defaultValue:"",onChange:n=>f(A=>({...A,orientation:n.target.value})),children:[(0,t.jsx)(m.ui_kit$Tooltip,{title:b("All"),placement:"top",children:(0,t.jsx)(m.ui_kit$Radio.Button,{value:"",children:(0,t.jsx)(s.EmIcons,{icon:"MixedView",component:m.icons$MixedView})})}),(0,t.jsx)(m.ui_kit$Tooltip,{title:b("Landscape"),placement:"top",children:(0,t.jsx)(m.ui_kit$Radio.Button,{value:"landscape",children:(0,t.jsx)(s.EmIcons,{icon:"LandscapeView",component:m.icons$LandscapeView})})}),(0,t.jsx)(m.ui_kit$Tooltip,{title:b("Portrait"),placement:"top",children:(0,t.jsx)(m.ui_kit$Radio.Button,{value:"portrait",children:(0,t.jsx)(s.EmIcons,{icon:"PortraitView",component:m.icons$PortraitView})})}),(0,t.jsx)(m.ui_kit$Tooltip,{title:b("Squarish"),placement:"top",children:(0,t.jsx)(m.ui_kit$Radio.Button,{value:"squarish",children:(0,t.jsx)(s.EmIcons,{icon:"SquareView",component:m.icons$SquareView})})})]})}),(0,t.jsx)(m.ui_kit$Col,{children:(0,t.jsx)(m.ui_kit$RadioColorFilter,{defaultValue:"",onChange:n=>f(A=>({...A,color:n.target.value})),options:[{value:"",colorClass:"all-colors",label:b("All")},{value:"black",colorClass:"black-color",label:b("Black")},{value:"black_and_white",colorClass:"bw-color",label:b("Black and White")},{value:"white",colorClass:"white-color",label:b("White")},{value:"orange",colorClass:"orange-color",label:b("Orange")},{value:"red",colorClass:"red-color",label:b("Red")},{value:"purple",colorClass:"purple-color",label:b("Purple")},{value:"magenta",colorClass:"magenta-color",label:b("Magenta")},{value:"green",colorClass:"green-color",label:b("Green")},{value:"teal",colorClass:"teal-color",label:b("Teal")},{value:"blue",colorClass:"blue-color",label:b("Blue")}],tooltipPlacement:"top"})})]})]}),u.length>0&&(0,t.jsx)("div",{className:"blocks-search__divider-wrapper",children:(0,t.jsx)("div",{className:"ant-divider ant-divider-horizontal",role:"separator"})})]}),(0,t.jsx)("div",{className:"serach-output-wrapper",style:{marginRight:-10},children:u.length>0&&(0,t.jsx)("div",{id:"scrollableDiv",style:{width:"100%",height:"calc(84vh - 148px)",overflow:"auto",paddingTop:24,paddingRight:14,paddingLeft:24,marginLeft:-24,lineHeight:"0",boxSizing:"unset"},children:(0,t.jsx)(tt,{dataLength:u&&u.length,next:G,hasMore:u,endMessage:(0,t.jsxs)(m.ui_kit$Divider,{plain:!0,children:[b("That`s all we could find.")," 🤐"]}),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:null,children:(0,t.jsx)(Ne,{breakpointCols:{default:3},className:"my-masonry-grid",columnClassName:"my-masonry-grid_column",children:u.map(n=>(0,t.jsxs)("div",{className:"list-item",onClick:()=>P(n.urls,n.links,n.id),children:[(0,t.jsx)("img",{className:W===n.id?"loaded-image":"",width:"322px",src:_(n),alt:n.description,onLoad:B(n),onError:ee(n)}),(0,t.jsxs)("p",{className:"creator-info",onClick:A=>A.stopPropagation(),children:["Photo by"," ",(0,t.jsx)("a",{target:"_blank",href:`${n.user.links.html}?utm_source=${rt}&utm_medium=referral`,rel:"noreferrer",children:n.user.name})," ","on"," ",(0,t.jsx)("a",{target:"_blank",href:`https://unsplash.com/?utm_source=${rt}&utm_medium=referral`,rel:"noreferrer",children:"Unsplash"})]}),W===n.id&&(0,t.jsx)(m.ui_kit$Spin,{className:"ant-spin",size:"small"})]},n.id))})})})})]})};function at(r){return/^(https?:)?\/\//i.test(r.trim())}function Gt(r){const o=r.trim();return at(o)||/^data:/i.test(o)?o:`data:image/jpeg;base64, ${r}`}var Tt=({images:r,transitionDuration:o=1e3})=>{const[i,l]=(0,e.useState)([]);return(0,e.useEffect)(()=>{if(r.length>0){const u=r[r.length-1];l(c=>[...c,{src:u,opacity:0}]),setTimeout(()=>{l(c=>c.map((f,p)=>p===c.length-1?{...f,opacity:1}:f))},1e3)}},[r]),(0,t.jsx)("div",{className:"slideshow-container",children:i.map((u,c)=>(0,t.jsx)("img",{src:Gt(u.src),alt:`Slide ${c+1}`,className:"slideshow-image",style:{opacity:u.opacity,transition:`opacity ${o}ms linear`}},c))})};function Nt({setModalHeight:r,customRequest:o,aiTabRef:i,isImageUploaded:l,setIsImageUploaded:u,aiImageRequest:c,imageAiList:f,setImageAiList:p,isLoadingAi:g,setIsLoadingAi:w,onPluginAiImageLimitExceeded:I,onImageGenerateLimitExceeded:y}){const{__:h}=s.useI18n(),x=s.useAppConfig(),k=s.useNotification(),L=s.usePushToDataLayer(),{blockId:b}=s.useRouteParams(),S=s.useEditorProjectId(),R=s.useRouteEmailId(),[F]=s.useLazySendAiImageRequestQuery(),[Q,{data:D=[]}]=s.useLazyGetAiImageSSEQuery(),G=s.useProjectPlanLimitPreflight(),z=x?.sendAIImageRequest||F,W=x?.trigger||Q,H=x?.handleLimitUsageEmitter||s.useEventEmitter(be.events.ON_LIMIT_ID),[T,q]=(0,e.useState)(0),[V,re]=(0,e.useState)(null),[_,Y]=(0,e.useState)(!1),[N,B]=(0,e.useState)(h("Evaluating the task")),[ee,P]=(0,e.useState)(!1),n=R||b,{limits:A}=x?.limits?x:{limits:{ai_img_limit:0}},{ai_img_limit:j}=A,$=!!(x.limits&&x.counters)&&!0,le=s.useEventEmitter(be.events.AI_IMAGE_REQUEST_ID).hasListeners(),E=ne.shouldCountAiUsage({limitsInPlugin:$,hostedAiActive:le}),ve=!le&&j>0&&T>=j,ae=(0,e.useCallback)(()=>{H.fire({name:"AiImgCount",count:T+1})},[H,T]),pe=(0,e.useMemo)(()=>!ve&&(!E||j===0||T<j),[ve,E,T,j]),Ce=(0,e.useCallback)(async()=>{B(h("Evaluating the task")),c!==""&&!g&&(w(!0),P(!0),p([]),L({event:"submit_form",action:"ai_image_generation",entity_id:R,project_id:S}),z({body:{project_id:S,request:"create-image",connection:"midjourney",message:c}}).then(({data:v,error:J})=>{if(J)throw J;if(v.data.status===401)throw new Error(s.ERROR);if(v?.data?._eventResult){p(v.data.task.images),w(!1),P(!1),B(h("Evaluating the task"));return}v?.data.status===200?(v?.data.task.id&&(B(v.data.task.message),re(v.data.task.id)),v.message&&k.success({id:"AI_IMAGE_SEND_SUCCESS",title:v.message,placement:"bottomRight",data:c}),W({task_id:v?.data.task.id,entity_id:n})):(w(!1),P(!1),k.error({id:"AI_IMAGE_SEND_ERROR",title:v?.message||h("Something went wrong, please try again"),placement:"bottomRight",data:c,innerException:v}))}).catch(v=>{w(!1),P(!1),(v?.error||v?.data)&&k.fromError("AI_IMAGE_SEND_ERROR",c,v.error||v)}))},[c,g,w,P,p,L,R,S,z,k,W,n,h]),U=(0,e.useCallback)(async()=>{pe?(E&&(q(v=>v+1),ae()),Ce()):$&&(I?I():k.error({title:h("The usage limit has been exceeded"),description:h(`The maximum number of requests for the current subscription period has been reached.
-Select the appropriate plan to fulfil more requests`),placement:"bottomRight"}))},[pe,$,le,E,G,y,q,ae,Ce,k,h,I]);(0,e.useEffect)(()=>{$&&q(x?.counters?.ai_img_counter||0)},[x,$]);const Z=s.useEventEmitter(be.events.AI_IMAGE_PROGRESS_ID);(0,e.useEffect)(()=>{const v=Z.event(({progress:J,status:K})=>{B(K||`${Math.round(J)}%`)});return()=>v.dispose()},[Z]);const O=(0,e.useCallback)(async v=>{if(!l){u(!0);try{const J=at(v)?await(await fetch(v)).blob():It.base64ToBlob(v);o({file:new File([J],"image.jpeg",{type:J.type||"image/jpeg"})})}catch{u(!1)}}},[l,u,o]),te=(0,e.useCallback)(v=>{v.status!=="error"&&v.status!=="Canceled"?v.images?(B(v.status),v.progress===100&&(p(v.images),B(h("Evaluating the task")),re(null),P(!1))):(p([v.data]),w(!1)):(w(!1),P(!1),k.error({id:"AI_IMAGE_GET_ERROR",title:h("Something went wrong, please try again"),placement:"bottomRight",data:V}))},[p,B,h,w,r,V,k,P]);return(0,e.useEffect)(()=>{D.length>1&&te(D[D.length-1])},[D,te]),(0,e.useEffect)(()=>{(g||f.length>0)&&setTimeout(()=>{let v=550;i.current&&(v=i.current.offsetHeight+68),r(v)},0)},[i,D,f.length,g,r]),{aiImageCounter:T,setAiImageCounter:q,currentAiImgLimits:j,isFieldsDisabled:ve,canGenerateImage:pe,aiImageRequest:c,imageAiList:f,setImageAiList:p,isLoadingAi:g,setIsLoadingAi:w,loadingDuringGeneration:ee,setLoadingDuringGeneration:P,requestStatus:N,setRequestStatus:B,handleGenerate:U,handleLimitAiImgCount:ae,convertBase64ToFile:O,isShiftPressed:_,setIsShiftPressed:Y,currentReqId:V,setCurrentReqId:re,limitsInPlugin:$}}var Bt=({setModalHeight:r,customRequest:o,aiTabRef:i,inputAiRef:l,isImageUploaded:u,setIsImageUploaded:c,aiImageRequest:f,setAiImageRequest:p,imageAiList:g,setImageAiList:w,isLoadingAi:I,setIsLoadingAi:y})=>{const h=s.useAppNavigate();s.useDispatch();const x=s.useOpenPlanCatalog(),{__:k,_n:L}=s.useI18n(),b=s.useAppConfig(),[S,R]=(0,e.useState)(!1),[F,Q]=(0,e.useState)(null),{aiImageCounter:D,currentAiImgLimits:G,loadingDuringGeneration:z,requestStatus:W,handleGenerate:H,convertBase64ToFile:T,isShiftPressed:q,setIsShiftPressed:V,limitsInPlugin:re}=Nt({setModalHeight:r,customRequest:o,aiTabRef:i,isImageUploaded:u,setIsImageUploaded:c,aiImageRequest:f,imageAiList:g,setImageAiList:w,isLoadingAi:I,setIsLoadingAi:y,onPluginAiImageLimitExceeded:()=>R(!0),onImageGenerateLimitExceeded:Q}),_=S&&G>0?s.getAiTariffUpgradeStep(G):null,Y=_?s.getLimitUpgradePresetDefinition(_.presetId):null,N=F?s.getLimitUpgradePresetDefinition(F.presetId):null,[B,ee]=(0,e.useState)(!1),P=(0,e.useCallback)(()=>ee(!0),[]),n=(0,e.useCallback)(()=>ee(!1),[]),A=(0,e.useCallback)(E=>p(E.target.value),[p]),j=(0,e.useCallback)(E=>{E.key==="Shift"?V(!0):E.key==="Enter"&&!q&&(E.preventDefault(),H())},[q,H,V]),$=(0,e.useCallback)(E=>{E.key==="Shift"&&V(!1)},[V]),le=g[g.length-1];return(0,t.jsxs)("div",{className:"image-ai",children:[Y&&_?(0,t.jsx)(ne.LimitUpgradeModal$1,{open:!0,onClose:()=>R(!1),title:k(Y.titleKey),subtitle:k(Y.subtitleKey),usageResource:Y.usageResource,previousDisplay:s.presetLimitDisplay(_.previousLimit),nextDisplay:s.presetLimitDisplay(_.nextLimit),onChangePlan:()=>{R(!1),x()}}):null,N&&F?(0,t.jsx)(ne.LimitUpgradeModal$1,{open:!0,onClose:()=>Q(null),title:k(N.titleKey),subtitle:k(N.subtitleKey),usageResource:N.usageResource,previousDisplay:s.presetLimitDisplay(F.previousLimit),nextDisplay:s.presetLimitDisplay(F.nextLimit),onChangePlan:()=>{Q(null),x()}}):null,re&&(0,t.jsx)(m.ui_kit$LimitsCounter,{text:`${D} ${k("of")} ${G>0?G:"∞"} images ${L("was used","were used",D)}`,exceeded:G>0&&D>=G,style:{marginTop:-25},extra:(0,t.jsx)("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>h(b.billingPageUrl||s.APP_ROUTES.billing),children:k("Need more?")})}),(0,t.jsx)(m.ui_kit$Row,{gutter:24,className:"image-ai__row",children:(0,t.jsx)(m.ui_kit$Col,{span:24,children:(0,t.jsx)(m.ui_kit$Form.Item,{style:{margin:0},children:(0,t.jsxs)("span",{className:`ant-input-affix-wrapper ant-input-affix-wrapper-lg image-ai__input-affix-wrapper${B?" ant-input-affix-wrapper-focused":""}`,children:[(0,t.jsx)(m.ui_kit$TextArea,{ref:l,onKeyDown:j,onKeyUp:$,onFocus:P,onBlur:n,autoSize:!0,allowClear:!0,className:"text-area-input-hybrid image-ai__textarea",placeholder:k("Generate image"),value:f,onChange:A,spellCheck:"false"}),(0,t.jsx)("span",{className:"ant-input-suffix image-ai__input-suffix",children:I||z?(0,t.jsx)(s.EmIcons,{icon:"LoadingOutlined",component:m.icons$LoadingOutlined,className:"input-icon image-ai__input-icon",spin:!0}):(0,t.jsx)(s.EmIcons,{icon:"AI",component:m.icons$AI,className:"input-icon image-ai__input-icon",onClick:H})})]})})})}),(I||g.length>0)&&(0,t.jsxs)("div",{className:"image-ai__preview",children:[I&&g.length===0&&(0,t.jsx)("div",{className:"image-ai__loading",children:(0,t.jsxs)("div",{className:"spin",children:[(0,t.jsx)(s.EmIcons,{icon:"LoadingOutlined",component:m.icons$LoadingOutlined,style:{fontSize:48},spin:!0}),(0,t.jsx)("p",{className:"status",children:W})]})}),g.length>0&&(0,t.jsxs)("div",{className:"image-ai__image-item",children:[(0,t.jsx)(Tt,{images:g}),(0,t.jsx)("div",{className:"buttons",children:(0,t.jsx)(m.ui_kit$Button,{onClick:()=>T(le),icon:(0,t.jsx)(s.EmIcons,{icon:"CheckOutlined",component:m.icons$CheckOutlined}),children:k("Use this one")})})]})]})]})},mn="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=",Ft=({setNewLink:r,setCurrentImageLink:o,setModalHeight:i,setModalWidth:l,setImageGifList:u,imageGifList:c,currentReqGif:f,setCurrentReqGif:p,inputRef:g,setStockLink:w,customRequest:I})=>{const{__:y}=s.useI18n(),h=s.useAppConfig(),x=s.useIsStandalone(),k=s.useNotification(),[L,b]=(0,e.useState)(null),[S,R]=(0,e.useState)(!1),[F,Q]=(0,e.useState)(25),[D]=s.useLazyGetSearchGifQuery(),G=(0,e.useCallback)(n=>n instanceof Error||typeof n?.message=="string"&&n.message?n.message:typeof n?.error?.message=="string"&&n.error.message?n.error.message:y("Failed to load GIFs through the configured proxy chain."),[y]),z=(0,e.useCallback)(n=>{k.error({id:"STOCK_GIFS_SEARCH_FAILED",title:y("Failed to load GIFs"),description:G(n)})},[y,G,k]),W=async()=>{S||(R(!0),D({query:f,page:F}).then(n=>{if(n?.error){z(n.error),R(!1);return}u(A=>[...A,...n.data.data]),R(!1),Q(A=>A+25)}).catch(()=>{R(!1)}))},H=async()=>{const n=await D({query:f,page:0});if(n?.error){z(n.error),u([]);return}n?.data?.data?.length>0&&(u(n.data.data),setTimeout(()=>{i("84vh"),l(1060)},0))},T=(n,A)=>{b(A),setTimeout(()=>{b(null)},2e3),w(`${n}`),o(`${n}`),I(`${n}`)},q={default:3},V=(0,e.useCallback)(n=>be.getProxiedUrl(n,{config:h,standalone:x,resourceType:"generic",intent:"display"}),[h,x]),re=(0,e.useCallback)(n=>n.id,[]),_=(0,e.useCallback)(n=>n.images.downsized.url,[]),{getDisplaySrc:Y,handleLoad:N,handleError:B}=st({items:c,getItemId:re,getRequestUrl:_,createController:V}),ee=n=>A=>{N(n),A.target.parentNode.classList.add("loaded")},P=n=>()=>{B(n)};return(0,t.jsxs)("div",{className:"stock-tab",children:[(0,t.jsxs)(m.ui_kit$Form,{onValuesChange:H,className:c.length>0?"serach-results":"",children:[(0,t.jsx)(m.ui_kit$Row,{gutter:24,children:(0,t.jsx)(m.ui_kit$Col,{span:c.length>0?"":24,children:(0,t.jsx)(m.ui_kit$Form.Item,{className:"stock-search-input",children:(0,t.jsx)(m.ui_kit$SearchInput,{onSearch:H,allowClear:!0,size:c.length>0?"medium":"large",placeholder:y("Search GIFs"),value:f.keywords,onChange:n=>p(A=>({...A,keywords:n.target.value})),ref:g,spellCheck:"false",enterButton:!1})})})}),c.length>0&&(0,t.jsx)("div",{className:"blocks-search__divider-wrapper",children:(0,t.jsx)("div",{className:"ant-divider ant-divider-horizontal",role:"separator"})})]}),(0,t.jsx)("div",{className:"serach-output-wrapper",style:{marginRight:-10},children:c.length>0&&(0,t.jsx)("div",{id:"scrollableDiv",style:{width:"100%",height:"calc(84vh - 148px)",overflow:"auto",paddingTop:24,paddingRight:14,paddingLeft:24,marginLeft:-24,lineHeight:"0",boxSizing:"unset"},children:(0,t.jsx)(tt,{dataLength:c&&c.length,next:W,hasMore:c,endMessage:(0,t.jsxs)(m.ui_kit$Divider,{plain:!0,children:[y("That`s all we could find.")," 🤐"]}),scrollableTarget:"scrollableDiv",style:{overflow:"visible"},loader:(0,t.jsx)(m.ui_kit$Spin,{size:"small"}),children:(0,t.jsx)(Ne,{breakpointCols:q,className:"my-masonry-grid",columnClassName:"my-masonry-grid_column",children:c.map((n,A)=>(0,t.jsxs)("div",{className:"list-item",onClick:()=>T(n.images.downsized.url,n.id),children:[(0,t.jsx)("img",{className:L===n.id?"loaded-image":"",width:"322px",src:Y(n),alt:n.title,onLoad:ee(n),onError:P(n)}),(0,t.jsx)("a",{rel:"noreferrer",href:"https://giphy.com/",target:"_blank",onClick:j=>j.stopPropagation(),children:(0,t.jsx)("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=)"}})}),L===n.id&&(0,t.jsx)(m.ui_kit$Spin,{className:"ant-spin",size:"small"})]},n.id+A))})})})})]})},ot="IMG",it="BACKGROUND",zt="GALLERY",we="EDITOR",de="UPLOAD",Fe="STOCK",ze="GIF",$e="AI",$t={mode:"select"},Kt={mode:"save"},{Dragger:Wt}=m.ui_kit$Upload,Vt=(r,o="image")=>s.decodeFileNameFromUrl(r)??o,Se=ne.normalizeImageFormatForDisplay,Ht=(r,o)=>{const i=Se(o);return!i||r.includes(".")?r:`${r}.${i}`},Qt=(r,o)=>new File([r],Ht(Vt(o),r.type),{type:r.type||"application/octet-stream"}),lt=({dataProvider:r,usesBuiltInStorage:o})=>{const i=s.useAppConfig(),l=s.useIntegratorConfigValue("compressMaxSize"),u=s.useIsStandalone(),c=s.shouldInsertUploadLinkAsIs(i),{__:f}=s.useI18n(),p=s.useDispatch(),g=s.useEditorProjectId(),[w]=s.useLazyGetImageInfoQuery(),{modal:I}=m.ui_kit$App.useApp(),y=s.useNotification(),h=s.useSelector(s.selectActiveModal$1),{request:x,resolveImagePicker:k}=s.useImagePicker(),[L,b]=(0,e.useState)(""),[S,R]=(0,e.useState)(""),[F,Q]=(0,e.useState)(""),[D,G]=(0,e.useState)(""),[z,W]=(0,e.useState)(de),[H,T]=(0,e.useState)({width:"",height:"",size:"",format:""}),[q,V]=(0,e.useState)("success"),[re,_]=(0,e.useState)(!1),Y=e.default.useRef(null),N=e.default.useRef(null),B=e.default.useRef(null),ee=e.default.useRef(null),P=e.default.useRef(null),n=e.default.useRef(null),A=e.default.useRef(null),j=e.default.useRef(null),$=e.default.useRef(null),[le,E]=(0,e.useState)("auto"),[ve,ae]=(0,e.useState)(572),[pe,Ce]=(0,e.useState)(!1),[U,Z]=(0,e.useState)({keywords:"",color:"",orientation:""}),[O,te]=(0,e.useState)({keywords:""}),[v,J]=(0,e.useState)([]),[K,se]=(0,e.useState)([]),[ct,qt]=(0,e.useState)([]),[ut,dt]=(0,e.useState)(!1),[ft,Ke]=(0,e.useState)(""),[Yt,je]=(0,e.useState)(!1),[Zt,Ue]=(0,e.useState)(0),mt=s.useProjectData(),pt=mt?.id!==void 0?String(mt.id):g||"",ht=s.useEventEmitter(be.events.UPLOAD_EVENT_ID),fe=ne.useImageBlobResolver(),Re=e.default.useRef(""),ye=e.default.useRef(0),ke=e.default.useRef(""),[Jt,gt]=(0,e.useState)(""),[Xt,vt]=(0,e.useState)(null),[en,We]=(0,e.useState)(""),De=(0,e.useCallback)(a=>{if(!(a instanceof Blob))return;ke.current&&URL.revokeObjectURL(ke.current);const d=URL.createObjectURL(a);ke.current=d,gt(d),vt(a)},[]),me=(0,e.useCallback)(()=>{ke.current&&(URL.revokeObjectURL(ke.current),ke.current=""),gt(""),vt(null)},[]),oe=(0,e.useCallback)(()=>{We("")},[]),Ve=s.usePlanFeatureGate("element_ai_image"),He=s.usePlanFeatureGate("stock_photo"),Qe=s.usePlanFeatureGate("stock_gif"),Ct=s.usePlanFeatureGate("image_editor"),Me=(0,e.useRef)(!1),qe=a=>{Me.current=!0,R(a)},tn=a=>{Me.current=!1,R(a.target.value)},Le=(0,e.useCallback)((a,d,C=f("The image could not be uploaded."))=>{const M=d instanceof Error?d.message:C;y.error({id:"IMAGE_UPLOAD_ERROR",data:a,title:f("Upload failed"),description:M})},[f,y]),nn=(0,e.useCallback)(a=>s.fireUploadImageEvent(ht,{file:a,project:pt}),[pt,ht]),Ae=ne.useImageBlobFetch(),sn=(0,e.useCallback)(a=>fe.resolve(ne.canonicalImageUrlKey(a),void 0,Ae),[Ae,fe]),Ye=async a=>{if(a)try{const d=await an(a);d&&Je(d)?await Ie({file:d}):d||Le({url:a},null,f("Failed to download image from URL."))}catch(d){Le({url:a},d,f("Failed to process image URL."))}},yt=(a,d)=>{const C=s.resolveUploadLinkAction(c,d,Me.current);C==="insertAsIs"?(Me.current=!1,Ge({url:a})):C==="upload"&&Ye(a)},Ze=e.default.useRef(yt);Ze.current=yt;const rn=(0,e.useCallback)(()=>{const a=S.trim();a.toLowerCase().startsWith("http")&&Ze.current(a,"enter")},[S]);e.default.useEffect(()=>{if(z!==de||!D)return;const a=S.trim();if(!a||!a.toLowerCase().startsWith("http"))return;const d=setTimeout(()=>{Ze.current(a,"timer")},1e3);return()=>{clearTimeout(d)}},[S,z,D]);const an=async a=>{try{const d=ne.canonicalImageUrlKey(a),C=await fe.resolve(d,void 0,Ae);return Qt(C,d)}catch{}};document.onpaste=function(a){const d=a.clipboardData?.items?.[0];if(z===de&&D){if(d?.type?.indexOf("image")===0&&i.imageCenterLocalUploadEnabled!==!1){const M=d.getAsFile();Je(M);const X={file:M};R(""),Ie(X);return}const C=a.clipboardData?.getData("text/plain");if(C&&C.trim().toLowerCase().startsWith("http")){a.preventDefault(),a.stopPropagation(),qe(C.trim());return}d?.type?.indexOf("text")===0&&d.getAsString(M=>{if(M.trim().toLowerCase().startsWith("http"))qe(M.trim());else if(M.toString().slice(1,5)==="meta"){const X=M.toString().split('"')[1];X&&qe(X)}})}},(0,e.useEffect)(()=>{const a=d=>{let C=null;x?.kind==="background"?(C=it,G(it)):x?.kind==="img"&&(G(ot),C=ot),x?.currentUrl&&C&&(b(x.currentUrl),W(d))};h===s.MODALS.UPLOAD_IMAGE_MODAL||h===s.MODALS.UPLOAD_BACKGROUND_MODAL?a(we):h===s.MODALS.UPLOAD_IMAGE_MODAL_AI||h===s.MODALS.UPLOAD_BACKGROUND_MODAL_AI?(Ve.isLocked?(je(!0),Ue(s.FEATURE_UPSELL_SLIDE.element_ai_image)):a($e),setTimeout(()=>$.current?.focus({cursor:"start"}),100)):h===s.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD||h===s.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD?(a(de),setTimeout(()=>n.current?.focus({cursor:"start"}),100)):h===s.MODALS.UPLOAD_IMAGE_MODAL_STOCK||h===s.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK?(He.isLocked?(je(!0),Ue(s.FEATURE_UPSELL_SLIDE.stock_photo)):a(Fe),setTimeout(()=>j.current?.focus({cursor:"start"}),100)):h===s.MODALS.UPLOAD_IMAGE_MODAL_GIF||h===s.MODALS.UPLOAD_BACKGROUND_MODAL_GIF?(Qe.isLocked?(je(!0),Ue(s.FEATURE_UPSELL_SLIDE.stock_gif)):a(ze),setTimeout(()=>A.current?.focus({cursor:"start"}),100)):h===s.MODALS.UPLOAD_IMAGE_MODAL_EDIT||h===s.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT?(Ct.isLocked?(je(!0),Ue(s.FEATURE_UPSELL_SLIDE.image_editor)):a(we),p(s.openSecondModal(s.MODALS.IMAGE_EDITOR_MODAL))):G("")},[h,p,Ve.isLocked,He.isLocked,Qe.isLocked,Ct.isLocked,x]);const Ge=(0,e.useCallback)(({url:a=L||"",meta:d=$t})=>{b(a),k({url:a,meta:d}),setTimeout(()=>{oe(),me(),Z({keywords:"",color:"",orientation:""}),te({keywords:""}),se([]),J([]),G(""),Ke(""),dt(!1),Q(""),R(""),W(de)},200),p(s.closeModal$1()),p(s.closeSecondModal())},[L,oe,p,k,me]),At=(0,e.useCallback)((a,d)=>(E("auto"),_(!1),Ge({url:a,meta:Kt}),y.success({id:"IMAGE_UPLOAD_SUCCESS",data:d,title:f("The image was successfully uploaded.")}),a),[f,Ge,y]);(0,e.useEffect)(()=>{const a=c?"":S,d=a||F,C=ne.canonicalImageUrlKey(d);if(!d||!C){V(""),Re.current&&fe.abandonKey(Re.current),Re.current="",oe(),me();return}const M=Re.current;M&&M!==C&&(fe.abandonKey(M),oe(),me()),Re.current=C;const X=new AbortController,ce=a?800:0,he=++ye.current,un=setTimeout(async()=>{try{const xe=async()=>{const ue=await fe.resolve(C,X.signal,Ae);if(he!==ye.current)return;const{width:ge,height:dn}=await ne.getImageDimensionsFromBlob(ue);he===ye.current&&(T({width:ge,height:dn,size:(ue.size/1024).toFixed(2),format:Se(ue.type)}),oe(),De(ue))};if(u)await xe();else{const ue=await ne.resolveDataProviderPreview(r,C);if(ue?.previewUrl&&he===ye.current){We(ue.previewUrl),me();try{const{data:ge}=await w(C);if(he!==ye.current)return;ge?T({width:ge?.width,height:ge?.height,size:ge?.fileSize!=null?(ge.fileSize/1024).toFixed(2):"",format:Se(ge?.format)}):await xe()}catch{await xe()}}else await xe()}if(he!==ye.current)return;V("success"),b(d),ae(572),setTimeout(()=>{let ue=0;N.current&&(ue=N.current.offsetHeight+62),E(ue)},0)}catch(xe){if(xe?.name==="AbortError"||X.signal.aborted||he!==ye.current)return;oe(),me(),V("error")}},ce);return()=>{clearTimeout(un),X.abort()}},[S,F,c,u,oe,Ae,w,fe,me,r,De]),(0,e.useEffect)(()=>{if(!L||S||F||!h)return;const a=ne.canonicalImageUrlKey(L),d=new AbortController;let C=!1;const M=async()=>{const X=await fe.resolve(a,d.signal,Ae);if(C)return;const{width:ce,height:he}=await ne.getImageDimensionsFromBlob(X);C||(oe(),De(X),T({width:ce,height:he,size:(X.size/1024).toFixed(2),format:Se(X.type)}))};return(async()=>{try{if(!u){const X=await ne.resolveDataProviderPreview(r,a);if(X?.previewUrl&&!C){We(X.previewUrl),me();try{const{data:ce}=await w(a);if(C)return;ce?T({width:ce?.width,height:ce?.height,size:ce?.fileSize!=null?(ce.fileSize/1024).toFixed(2):"",format:Se(ce?.format)}):await M();return}catch{await M()}}}await M()}catch{C||oe()}})(),()=>{C=!0,d.abort()}},[u,h,oe,L,Ae,w,fe,r,S,F,De]);const on=()=>{p(s.closeModal$1()),setTimeout(()=>{oe(),me(),b(""),R(""),se([]),se([]),Z({keywords:"",color:"",orientation:""}),te({keywords:""}),E("auto"),!ut&&Ke(""),ae(572),W(de)},200)},ln=a=>{a===zt?I.success({mask:{closable:!0},centered:!0,title:f("Coming soon"),content:f("The feature is under development."),okText:f("Ok. I'll be waiting"),onOk:()=>{}}):a===we&&L===""?I.warning({mask:{closable:!0},centered:!0,title:f(""),content:f("To preview and edit the uploaded image"),okText:f("Upload Image"),onOk:()=>{W(de)}}):(setTimeout(()=>{let d=0,C=0;a===de&&Y.current?(U.keywords===""&&n.current?.focus({cursor:"start"}),d=300,C=572):a===we&&N.current?(d=N.current.offsetHeight+62,C=572):a===Fe&&B.current?(U.keywords===""&&j.current?.focus({cursor:"start"}),d=130,C=572,K.length>0&&(C=1060,d="84vh")):a===ze&&ee.current?(U.keywords===""&&A.current?.focus({cursor:"start"}),d=130,C=572,v.length>0&&(C=1060,d="84vh")):a===$e&&P.current&&(ft===""&&ct.length===0?($.current?.focus({cursor:"start"}),d=130):d=P.current.offsetHeight+82,C=572),E(d),ae(C)},0),W(a))};(0,e.useEffect)(()=>{U.keywords===""&&(n?.current?.focus({cursor:"start"}),se([]),setTimeout(()=>{E("auto"),ae(572)},0))},[U,se,E,ae]);const Je=a=>{const d=a.type==="image/jpeg"||a.type==="image/png"||a.type==="image/jpg"||a.type==="image/webp"||a.type==="image/gif"||a.type==="image/svg+xml";return d||y.error({id:"IMAGE_UPLOAD_WRONG_FORMAT",data:a,title:"Upload",description:"You can only upload JPG/JPEG/PNG/WEBP/GIF/SVG file!"}),d},bt=(0,e.useRef)(null),Ie=async({file:a})=>{try{Ce(!0);const d=a===bt.current?await s.prepareImageForEditorResult(a,i,void 0,{compressBySize:l!==void 0}):await s.prepareImageForEditorUpload(a,i),C=await nn(d);if(C.url)return At(C.url,d),C.url;if(!s.shouldFallbackToBuiltInUpload(C,{isStandalone:u,targetIsOurBackend:!!o})){Le(d,s.toUploadImageError(C));return}const M=await s.uploadFileViaDataProvider(d,r);if(M?.url)return At(M.url,d),M.url;Le(d,null);return}catch(d){Le(a,d);return}finally{Ce(!1)}},wt=(0,e.useRef)(Ie);wt.current=Ie;const cn=(0,e.useCallback)(a=>(bt.current=a,wt.current({file:a})),[]);let Oe=[{label:f("Upload"),key:de,children:(0,t.jsxs)("div",{ref:Y,style:{paddingBottom:24},children:[i.imageCenterLocalUploadEnabled!==!1&&(0,t.jsxs)(Wt,{showUploadList:!1,name:"Image",beforeUpload:Je,customRequest:Ie,style:{marginBottom:10},multiple:!1,accept:"image/png, image/jpeg, image/jpg, image/webp, image/gif, image/svg+xml",children:[(0,t.jsx)("p",{className:"ant-upload-drag-icon",children:(0,t.jsx)(s.EmIcons,{icon:"InboxOutlined",component:m.icons$InboxOutlined})}),(0,t.jsx)("p",{className:"ant-upload-text",children:f("Click to select, paste from the clipboard, or drag and drop")}),(0,t.jsx)("p",{className:"ant-upload-hint",children:f("Accepted formats: PNG, JPG, WEBP, SVG or GIF.")})]}),(0,t.jsx)(m.ui_kit$Form,{style:{padding:"0 2px 0 2px"},children:(0,t.jsx)(m.ui_kit$Form.Item,{validateStatus:q,children:(0,t.jsx)(m.ui_kit$Input,{ref:n,allowClear:!0,size:"large",placeholder:f("Paste image URL here"),value:S,onChange:tn,onPressEnter:rn,spellCheck:"false"})})})]})}];return i.imageCenterStockEnabled&&!He.isLocked&&Oe.push({label:f("Stock"),key:Fe,children:(0,t.jsx)("div",{ref:B,style:{paddingBottom:24},children:(0,t.jsx)(Mt,{currentReq:U,setCurrentReq:Z,imageStockList:K,setImageStockList:se,setModalWidth:ae,setModalHeight:E,setStockLink:Q,setCurrentImageLink:b,inputRef:j,customRequest:Ye})})}),i.imageCenterGifEnabled&&!Qe.isLocked&&Oe.push({label:f("GIF"),key:ze,children:(0,t.jsx)("div",{ref:ee,style:{paddingBottom:24},children:(0,t.jsx)(Ft,{currentReqGif:O,setCurrentReqGif:te,imageGifList:v,setImageGifList:J,setModalWidth:ae,setModalHeight:E,setStockLink:Q,setCurrentImageLink:b,inputRef:A,customRequest:Ye})})}),i.elementAIimageEnabled&&!Ve.isLocked&&Oe.push({label:f("AI"),key:$e,children:(0,t.jsx)("div",{ref:P,style:{paddingBottom:24},children:(0,t.jsx)(Bt,{setModalHeight:E,customRequest:Ie,aiImageRequest:ft,setAiImageRequest:Ke,imageAiList:ct,setImageAiList:qt,isLoadingAi:ut,setIsLoadingAi:dt,aiTabRef:P,inputAiRef:$,isImageUploaded:re,setIsImageUploaded:_})})}),i.imageCenterEditorEnabled&&Oe.push({label:"",key:we,children:(0,t.jsx)("div",{ref:N,children:(0,t.jsx)(jt,{currentImageLink:L,newLink:S,previewDisplayUrl:en,resolvedPreviewObjectUrl:Jt,resolvedPreviewBlob:Xt,resolveImageBlob:sn,imageSize:H,onSave:cn,uploadImageResultIsLoading:pe||!1})})}),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m.ui_kit$Modal,{width:ve,className:"image-center",title:f("Image Center"),style:{minHeight:390},open:!!D,onOk:Ge,onCancel:on,footer:z===we?(0,t.jsx)(t.Fragment,{}):null,children:(0,t.jsx)(m.ui_kit$Spin,{spinning:pe,children:(0,t.jsx)(m.ui_kit$Tabs,{activeKey:z,onChange:ln,items:Oe,className:"modal-tabs",style:{height:le,minHeight:130}})})}),(0,t.jsx)(s.PlanUpgradePrompt,{open:Yt,onCancel:()=>je(!1),initialSlide:Zt})]})};lt.propTypes={dataProvider:_t.default.object},kt.default=lt});